@progress/kendo-angular-dropdowns 7.0.0-next.202204011414 → 7.0.0

package/comboboxes/combobox.component.d.ts

@@ -242,10 +242,10 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size: DropDownSize);
@@ -254,11 +254,11 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded: DropDownRounded);
@@ -267,10 +267,10 @@ export declare class ComboBoxComponent implements ControlValueAccessor, OnDestro
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode: DropDownFillMode);

package/common/models/fillmode.d.ts

@@ -4,11 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible fillMode options of the dropdowns.
- *
- * The possible values are:
- * - `'solid'`
- * - `'flat'`
- * - `'outline'`
- * - `null`
  */
-export declare type DropDownFillMode = 'solid' | 'flat' | 'outline';
+export declare type DropDownFillMode = 'solid' | 'flat' | 'outline' | 'none';

package/common/models/remove-tag-event.d.ts

@@ -8,7 +8,10 @@ import { PreventableEvent } from './preventable-event';
  * to the removed. If you cancel the event, the removal is prevented.
  */
 export declare class RemoveTagEvent extends PreventableEvent {
-    dataItem: any;
+    /**
+     * The data item or an array of data items that will be removed.
+     */
+    readonly dataItem: any;
     /**
      * Constructs the event arguments for the `remove` event.
      * @param dataItem - The data item or an array of data items that will be removed.

package/common/models/rounded.d.ts

@@ -4,12 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible rounded options of the dropdowns.
- *
- * The possible values are:
- * - `'small'`
- * - `'medium'`
- * - `'large'`
- * - `'full'`
- * - `null`
  */
-export declare type DropDownRounded = 'small' | 'medium' | 'large' | 'full';
+export declare type DropDownRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/common/models/size.d.ts

@@ -4,11 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible size options of the dropdowns.
- *
- * The possible values are:
- * - `'small'`
- * - `'medium'`
- * - `'large'`
- * - `null`
  */
-export declare type DropDownSize = 'small' | 'medium' | 'large';
+export declare type DropDownSize = 'small' | 'medium' | 'large' | 'none';

package/dropdownlist/dropdownlist.component.d.ts

@@ -181,10 +181,10 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size: DropDownSize);
@@ -193,11 +193,11 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded: DropDownRounded);
@@ -206,10 +206,10 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode: DropDownFillMode);

package/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.d.ts

@@ -17,6 +17,14 @@ export declare class DropDownTreeFlatBindingDirective extends FlatDataBindingDir
      * Represents the unique field which identifies a node.
      */
     idField: string;
+    /**
+     * @hidden
+     */
+    set nodes(values: any[]);
+    /**
+     * @hidden
+     */
+    set filter(term: string);
     constructor(dropDownTree: DataBoundComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeFlatBindingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropDownTreeFlatBindingDirective, "[kendoDropDownTreeFlatBinding]", never, { "data": "kendoDropDownTreeFlatBinding"; "idField": "valueField"; }, {}, never>;

package/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.d.ts

@@ -13,6 +13,14 @@ export declare class DropDownTreeHierarchyBindingDirective extends HierarchyBind
      * The nodes which will be displayed by the DropDownTree.
      */
     set data(nodes: any[]);
+    /**
+     * @hidden
+     */
+    set nodes(values: any[]);
+    /**
+     * @hidden
+     */
+    set filter(term: string);
     constructor(dropDownTree: DataBoundComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownTreeHierarchyBindingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropDownTreeHierarchyBindingDirective, "[kendoDropDownTreeHierarchyBinding]", never, { "data": "kendoDropDownTreeHierarchyBinding"; }, {}, never>;

package/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.d.ts

@@ -17,6 +17,14 @@ export declare class MultiSelectTreeFlatBindingDirective extends FlatDataBinding
      * Represents the unique field which identifies a node.
      */
     idField: string;
+    /**
+     * @hidden
+     */
+    set nodes(values: any[]);
+    /**
+     * @hidden
+     */
+    set filter(term: string);
     constructor(multiSelectTree: DataBoundComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTreeFlatBindingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSelectTreeFlatBindingDirective, "[kendoMultiSelectTreeFlatBinding]", never, { "data": "kendoMultiSelectTreeFlatBinding"; "idField": "valueField"; }, {}, never>;

package/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.d.ts

@@ -13,6 +13,14 @@ export declare class MultiSelectTreeHierarchyBindingDirective extends HierarchyB
      * The nodes which will be displayed by the MultiSelectTree.
      */
     set data(nodes: any[]);
+    /**
+     * @hidden
+     */
+    set nodes(values: any[]);
+    /**
+     * @hidden
+     */
+    set filter(term: string);
     constructor(multiSelectTree: DataBoundComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTreeHierarchyBindingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSelectTreeHierarchyBindingDirective, "[kendoMultiSelectTreeHierarchyBinding]", never, { "data": "kendoMultiSelectTreeHierarchyBinding"; }, {}, never>;

package/dropdowntrees/dropdowntree.component.d.ts

@@ -213,10 +213,10 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size: DropDownSize);
@@ -225,11 +225,11 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded: DropDownRounded);
@@ -238,10 +238,10 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode: DropDownFillMode);

package/dropdowntrees/multiselecttree.component.d.ts

@@ -78,10 +78,10 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size: DropDownSize);
@@ -90,11 +90,11 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded: DropDownRounded);
@@ -103,10 +103,10 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode: DropDownFillMode);

package/esm2015/autocomplete/autocomplete.component.js

@@ -40,6 +40,9 @@ import * as i10 from "../common/localization/localized-messages.directive";
 import * as i11 from "@angular/common";
 import * as i12 from "../common/templates/template-context.directive";
 const NO_VALUE = "";
+const DEFAULT_SIZE = 'medium';
+const DEFAULT_ROUNDED = 'medium';
+const DEFAULT_FILL_MODE = 'solid';
 /**
  * @hidden
  */
@@ -365,18 +368,19 @@ export class AutoCompleteComponent {
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size) {
+        const newSize = size ? size : DEFAULT_SIZE;
         this.renderer.removeClass(this.wrapper, getSizeClass('input', this.size));
-        if (size) {
-            this.renderer.addClass(this.wrapper, getSizeClass('input', size));
+        if (size !== 'none') {
+            this.renderer.addClass(this.wrapper, getSizeClass('input', newSize));
         }
-        this._size = size;
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -385,19 +389,20 @@ export class AutoCompleteComponent {
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded) {
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
         this.renderer.removeClass(this.wrapper, getRoundedClass(this.rounded));
-        if (rounded) {
-            this.renderer.addClass(this.wrapper, getRoundedClass(rounded));
+        if (rounded !== 'none') {
+            this.renderer.addClass(this.wrapper, getRoundedClass(newRounded));
         }
-        this._rounded = rounded;
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -406,18 +411,19 @@ export class AutoCompleteComponent {
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode) {
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
         this.renderer.removeClass(this.wrapper, getFillModeClass('input', this.fillMode));
-        if (fillMode) {
-            this.renderer.addClass(this.wrapper, getFillModeClass('input', fillMode));
+        if (fillMode !== 'none') {
+            this.renderer.addClass(this.wrapper, getFillModeClass('input', newFillMode));
         }
-        this._fillMode = fillMode;
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -871,13 +877,13 @@ export class AutoCompleteComponent {
         }
     }
     setComponentClasses() {
-        if (this.size) {
+        if (this.size !== 'none') {
             this.renderer.addClass(this.wrapper, getSizeClass('input', this.size));
         }
-        if (this.rounded) {
+        if (this.rounded !== 'none') {
             this.renderer.addClass(this.wrapper, getRoundedClass(this.rounded));
         }
-        if (this.fillMode) {
+        if (this.fillMode !== 'none') {
             this.renderer.addClass(this.wrapper, getFillModeClass('input', this.fillMode));
         }
     }
@@ -941,7 +947,7 @@ AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         >
             <span class="k-icon k-i-x"></span>
         </span>
-        <span *ngIf="loading" class="k-icon k-i-loading"></span>
+        <span *ngIf="loading" class="k-icon k-i-loading k-input-loading-icon"></span>
         <ng-template #popupTemplate>
             <!--header template-->
             <ng-template *ngIf="headerTemplate"
@@ -1055,7 +1061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         >
             <span class="k-icon k-i-x"></span>
         </span>
-        <span *ngIf="loading" class="k-icon k-i-loading"></span>
+        <span *ngIf="loading" class="k-icon k-i-loading k-input-loading-icon"></span>
         <ng-template #popupTemplate>
             <!--header template-->
             <ng-template *ngIf="headerTemplate"

package/esm2015/comboboxes/combobox.component.js

@@ -51,6 +51,9 @@ export const COMBOBOX_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => ComboBoxComponent)
 };
+const DEFAULT_SIZE = 'medium';
+const DEFAULT_ROUNDED = 'medium';
+const DEFAULT_FILL_MODE = 'solid';
 /**
  * Represents the [Kendo UI ComboBox component for Angular]({% slug overview_combobox %}).
  *
@@ -402,18 +405,19 @@ export class ComboBoxComponent {
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size) {
+        const newSize = size ? size : DEFAULT_SIZE;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size) {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
+        if (size !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
         }
-        this._size = size;
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -422,19 +426,20 @@ export class ComboBoxComponent {
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded) {
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded) {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
+        if (rounded !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
         }
-        this._rounded = rounded;
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -443,18 +448,19 @@ export class ComboBoxComponent {
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode) {
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode) {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
+        if (fillMode !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
         }
-        this._fillMode = fillMode;
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -781,7 +787,7 @@ export class ComboBoxComponent {
      * @hidden
      */
     get buttonClasses() {
-        return this.loading ? 'k-i-loading' : this.iconClass || 'k-i-arrow-s';
+        return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass || 'k-i-arrow-s';
     }
     /**
      * @hidden
@@ -1248,13 +1254,13 @@ export class ComboBoxComponent {
         this.selectClickDisposeHandler = this.renderer.listen(selectElement, event, this.selectClick.bind(this));
     }
     setComponentClasses() {
-        if (this.size) {
+        if (this.size !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded) {
+        if (this.rounded !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode) {
+        if (this.fillMode !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
     }

package/esm2015/dropdownlist/dropdownlist.component.js

@@ -52,6 +52,9 @@ export const DROPDOWNLIST_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => DropDownListComponent)
 };
+const DEFAULT_SIZE = 'medium';
+const DEFAULT_ROUNDED = 'medium';
+const DEFAULT_FILL_MODE = 'solid';
 /**
  * Represents the [Kendo UI DropDownList component for Angular]({% slug overview_ddl %}).
  *
@@ -341,18 +344,19 @@ export class DropDownListComponent {
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size) {
+        const newSize = size ? size : DEFAULT_SIZE;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
-        if (size) {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', size));
+        if (size !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', newSize));
         }
-        this._size = size;
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -361,17 +365,18 @@ export class DropDownListComponent {
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded) {
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded) {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
+        if (rounded !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
         }
         this._rounded = rounded;
     }
@@ -382,18 +387,19 @@ export class DropDownListComponent {
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
-     * * `null`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode) {
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
-        if (fillMode) {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', fillMode));
+        if (fillMode !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', newFillMode));
         }
-        this._fillMode = fillMode;
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -721,7 +727,7 @@ export class DropDownListComponent {
      * @hidden
      */
     get buttonClasses() {
-        return this.loading ? 'k-i-loading' : this.iconClass || 'k-i-arrow-s';
+        return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass || 'k-i-arrow-s';
     }
     /**
      * @hidden
@@ -1199,13 +1205,13 @@ export class DropDownListComponent {
         this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-describedby', newValue);
     }
     setComponentClasses() {
-        if (this.size) {
+        if (this.size !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
         }
-        if (this.rounded) {
+        if (this.rounded !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode) {
+        if (this.fillMode !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
         }
     }