@progress/kendo-angular-dropdowns 22.1.0-develop.18 → 22.1.0-develop.19

package/autocomplete/autocomplete.component.d.ts

@@ -283,21 +283,21 @@ export declare class AutoCompleteComponent implements ControlValueAccessor, OnDe
     /**
      * Sets the size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: DropDownSize);
     get size(): DropDownSize;
     /**
      * Sets the border radius of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set rounded(rounded: DropDownRounded);
     get rounded(): DropDownRounded;
     /**
      * Sets the fillMode of the component.
      *
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode: DropDownFillMode);
     get fillMode(): DropDownFillMode;

package/comboboxes/combobox.component.d.ts

@@ -306,10 +306,10 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size: DropDownSize);
     get size(): DropDownSize;
@@ -318,11 +318,12 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
      * * `full`
      * * `none`
      *
+     * @default undefined
      */
     set rounded(rounded: DropDownRounded);
     get rounded(): DropDownRounded;
@@ -331,10 +332,10 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
      *
      * The possible values are:
      * * `flat`
-     * * `solid` (default)
+     * * `solid`
      * * `outline`
-     * * `none`
      *
+     * @default undefined
      */
     set fillMode(fillMode: DropDownFillMode);
     get fillMode(): DropDownFillMode;

package/common/models/fillmode.d.ts

@@ -5,4 +5,4 @@
 /**
  * Represents the possible fillMode options of the dropdowns.
  */
-export type DropDownFillMode = 'solid' | 'flat' | 'outline' | 'none';
+export type DropDownFillMode = 'solid' | 'flat' | 'outline';

package/common/models/size.d.ts

@@ -5,4 +5,4 @@
 /**
  * Represents the possible size options of the dropdowns.
  */
-export type DropDownSize = 'small' | 'medium' | 'large' | 'none';
+export type DropDownSize = 'small' | 'medium' | 'large';

package/dropdownlist/dropdownlist.component.d.ts

@@ -272,11 +272,10 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: DropDownSize);
     get size(): DropDownSize;
@@ -299,11 +298,10 @@ export declare class DropDownListComponent implements ControlValueAccessor, Afte
      *
      * The possible values are:
      * * `flat`
-     * * `solid` (default)
+     * * `solid`
      * * `outline`
-     * * `none`
      *
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode: DropDownFillMode);
     get fillMode(): DropDownFillMode;

package/dropdowntrees/dropdowntree.component.d.ts

@@ -270,10 +270,10 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size: DropDownSize);
     get size(): DropDownSize;
@@ -282,11 +282,12 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
      * * `full`
      * * `none`
      *
+     * @default undefined
      */
     set rounded(rounded: DropDownRounded);
     get rounded(): DropDownRounded;
@@ -295,10 +296,10 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
      *
      * The possible values are:
      * * `flat`
-     * * `solid` (default)
+     * * `solid`
      * * `outline`
-     * * `none`
      *
+     * @default undefined
      */
     set fillMode(fillMode: DropDownFillMode);
     get fillMode(): DropDownFillMode;

package/dropdowntrees/multiselecttree.component.d.ts

@@ -188,7 +188,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     /**
      * Sets the visual size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: DropDownSize);
     get size(): DropDownSize;

package/fesm2022/progress-kendo-angular-dropdowns.mjs

@@ -38,7 +38,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.18',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -329,7 +329,8 @@ const getRoundedClass = (rounded) => {
         'small': 'k-rounded-sm',
         'medium': 'k-rounded-md',
         'large': 'k-rounded-lg',
-        'full': 'k-rounded-full'
+        'full': 'k-rounded-full',
+        'none': 'k-rounded-none'
     };
     return ROUNDED_CLASSES[rounded];
 };
@@ -1968,7 +1969,7 @@ class ListComponent {
         return this._size;
     }
     groupedData;
-    rounded = 'medium';
+    rounded = undefined;
     onClick = new EventEmitter();
     pageChange = new EventEmitter();
     listResize = new EventEmitter();
@@ -1993,7 +1994,7 @@ class ListComponent {
     _data;
     scrollSubscription;
     selectSubscription;
-    _size = 'medium';
+    _size;
     get pageSize() {
         if (this.virtual.pageSize) {
             return this.virtual.pageSize;
@@ -2849,7 +2850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 const DEFAULTS = {
     pageSize: 50,
-    itemHeight: 28
+    itemHeight: 36
 };
 /**
  * @hidden
@@ -3318,9 +3319,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1.LocalizationService }] });
 
 const NO_VALUE = "";
-const DEFAULT_SIZE$5 = 'medium';
-const DEFAULT_ROUNDED$5 = 'medium';
-const DEFAULT_FILL_MODE$5 = 'solid';
 /**
  * @hidden
  */
@@ -3704,15 +3702,14 @@ class AutoCompleteComponent {
     /**
      * Sets the size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$5;
         this.renderer.removeClass(this.wrapper, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -3720,15 +3717,14 @@ class AutoCompleteComponent {
     /**
      * Sets the border radius of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$5;
         this.renderer.removeClass(this.wrapper, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
@@ -3736,15 +3732,14 @@ class AutoCompleteComponent {
     /**
      * Sets the fillMode of the component.
      *
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$5;
         this.renderer.removeClass(this.wrapper, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -4235,9 +4230,9 @@ class AutoCompleteComponent {
     wrapper;
     _isFocused = false;
     direction;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size = undefined;
+    _rounded = undefined;
+    _fillMode = undefined;
     subscribeEvents() {
         if (!isDocumentAvailable()) {
             return;
@@ -4413,13 +4408,13 @@ class AutoCompleteComponent {
         }
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper, getFillModeClass('input', this.fillMode));
         }
     }
@@ -5026,9 +5021,6 @@ const COMBOBOX_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => ComboBoxComponent)
 };
-const DEFAULT_SIZE$4 = 'medium';
-const DEFAULT_ROUNDED$4 = 'medium';
-const DEFAULT_FILL_MODE$4 = 'solid';
 /**
  * Represents the [Kendo UI ComboBox component for Angular]({% slug overview_combobox %}).
  * @example
@@ -5392,18 +5384,17 @@ class ComboBoxComponent extends MultiTabStop {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$4;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -5413,19 +5404,19 @@ class ComboBoxComponent extends MultiTabStop {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
      * * `full`
      * * `none`
      *
+     * @default undefined
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$4;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
@@ -5435,18 +5426,17 @@ class ComboBoxComponent extends MultiTabStop {
      *
      * The possible values are:
      * * `flat`
-     * * `solid` (default)
+     * * `solid`
      * * `outline`
-     * * `none`
      *
+     * @default undefined
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$4;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -5616,9 +5606,9 @@ class ComboBoxComponent extends MultiTabStop {
     subs = new Subscription();
     touchstartDisposeHandler;
     selectClickDisposeHandler;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size = undefined;
+    _rounded = undefined;
+    _fillMode = undefined;
     constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, cdr, renderer, injector, hostElement, adaptiveService) {
         super();
         this.wrapper = wrapper;
@@ -5947,8 +5937,7 @@ class ComboBoxComponent extends MultiTabStop {
      * @hidden
      */
     get selectButtonClasses() {
-        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''} ${this.fillMode ? 'k-button-' + this.fillMode + '-base' : ''}
-        `;
+        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''}`;
     }
     /**
      * @hidden
@@ -6483,13 +6472,13 @@ class ComboBoxComponent extends MultiTabStop {
         this.selectClickDisposeHandler = this.renderer.listen(selectElement, event, this.selectClick.bind(this));
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
     }
@@ -7208,9 +7197,6 @@ const DROPDOWNLIST_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => DropDownListComponent)
 };
-const DEFAULT_SIZE$3 = 'medium';
-const DEFAULT_ROUNDED$3 = 'medium';
-const DEFAULT_FILL_MODE$3 = 'solid';
 /**
  * Represents the Kendo UI for Angular [DropDownList]({% slug overview_ddl %}) component.
  *
@@ -7543,19 +7529,17 @@ class DropDownListComponent {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$3;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -7573,10 +7557,9 @@ class DropDownListComponent {
      * @default 'medium'
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$3;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
         this._rounded = rounded;
     }
@@ -7588,19 +7571,17 @@ class DropDownListComponent {
      *
      * The possible values are:
      * * `flat`
-     * * `solid` (default)
+     * * `solid`
      * * `outline`
-     * * `none`
      *
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$3;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -7850,9 +7831,9 @@ class DropDownListComponent {
     text;
     _popupSettings = { animate: true };
     _virtualSettings;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size = undefined;
+    _rounded = undefined;
+    _fillMode = undefined;
     constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, _zone, renderer, cdr, injector, adaptiveService) {
         this.wrapper = wrapper;
         this.localization = localization;
@@ -8072,7 +8053,7 @@ class DropDownListComponent {
      * @hidden
      */
     get selectButtonClasses() {
-        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''} ${this.fillMode ? 'k-button-' + this.fillMode + '-base' : ''}`;
+        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''}`;
     }
     /**
      * @hidden
@@ -8574,13 +8555,13 @@ class DropDownListComponent {
         this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-describedby', newValue);
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
         }
     }
@@ -9295,8 +9276,8 @@ class TagListComponent {
     get size() {
         return this._size;
     }
-    rounded = 'medium';
-    fillMode = 'solid';
+    rounded;
+    fillMode;
     /**
      * A collection with the disabled tags' indices.
      */
@@ -9308,7 +9289,7 @@ class TagListComponent {
     }
     taglistRole = 'listbox';
     multiselectable = true;
-    _size = 'medium';
+    _size;
     constructor(renderer, hostElement) {
         this.renderer = renderer;
         this.hostElement = hostElement;
@@ -9379,9 +9360,11 @@ class TagListComponent {
                 'k-rounded-md': rounded === 'medium',
                 'k-rounded-lg': rounded === 'large',
                 'k-rounded-full': rounded === 'full',
-                'k-chip-solid k-chip-solid-base': fillMode === 'solid',
-                'k-chip-flat k-chip-flat-base': fillMode === 'flat',
-                'k-chip-outline k-chip-outline-base': fillMode === 'outline'
+                'k-rounded-none': rounded === 'none',
+                'k-chip-solid': fillMode === 'solid',
+                'k-chip-flat': fillMode === 'flat',
+                'k-chip-outline': fillMode === 'outline',
+                'k-chip-base': fillMode
             }"
             >
             <span class="k-chip-content">
@@ -9451,9 +9434,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 'k-rounded-md': rounded === 'medium',
                 'k-rounded-lg': rounded === 'large',
                 'k-rounded-full': rounded === 'full',
-                'k-chip-solid k-chip-solid-base': fillMode === 'solid',
-                'k-chip-flat k-chip-flat-base': fillMode === 'flat',
-                'k-chip-outline k-chip-outline-base': fillMode === 'outline'
+                'k-rounded-none': rounded === 'none',
+                'k-chip-solid': fillMode === 'solid',
+                'k-chip-flat': fillMode === 'flat',
+                'k-chip-outline': fillMode === 'outline',
+                'k-chip-base': fillMode
             }"
             >
             <span class="k-chip-content">
@@ -9553,9 +9538,6 @@ const MULTISELECT_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MultiSelectComponent)
 };
-const DEFAULT_SIZE$2 = 'medium';
-const DEFAULT_ROUNDED$2 = 'medium';
-const DEFAULT_FILL_MODE$2 = 'solid';
 /**
  * Represents the [Kendo UI MultiSelect component for Angular]({% slug overview_multiselect %}).
  *
@@ -9869,15 +9851,14 @@ class MultiSelectComponent {
     /**
      * Sets the size of the component.
      *
-     * @default "medium"
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$2;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -9885,15 +9866,14 @@ class MultiSelectComponent {
     /**
      * Sets the border radius of the component.
      *
-     * @default "medium"
+     * @default undefined
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$2;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
@@ -9901,15 +9881,14 @@ class MultiSelectComponent {
     /**
      * Sets the fill mode of the component.
      *
-     * @default "solid"
+     * @default undefined
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$2;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -10199,9 +10178,9 @@ class MultiSelectComponent {
     }
     disabledIndices;
     initialized = false;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size;
+    _rounded;
+    _fillMode;
     _valueHolder = [];
     isCustomValueSelected = false;
     constructor(wrapper, localization, popupService, dataService, selectionService, navigationService, disabledItemsService, cdr, differs, renderer, _zone, injector, hostElement, adaptiveService) {
@@ -11239,13 +11218,13 @@ class MultiSelectComponent {
         });
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
     }
@@ -12991,9 +12970,6 @@ const hasChildren$1 = () => false;
 const fetchChildren$1 = () => of([]);
 const itemDisabled$1 = () => false;
 const isNodeVisible$1 = () => true;
-const DEFAULT_SIZE$1 = 'medium';
-const DEFAULT_ROUNDED$1 = 'medium';
-const DEFAULT_FILL_MODE$1 = 'solid';
 const stopPropagation = (event) => event.stopImmediatePropagation();
 /**
  * Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
@@ -13306,18 +13282,17 @@ class DropDownTreeComponent {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
-     * * `none`
      *
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$1;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -13327,19 +13302,19 @@ class DropDownTreeComponent {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (default)
+     * * `medium`
      * * `large`
      * * `full`
      * * `none`
      *
+     * @default undefined
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$1;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
@@ -13349,18 +13324,17 @@ class DropDownTreeComponent {
      *
      * The possible values are:
      * * `flat`
-     * * `solid` (default)
+     * * `solid`
      * * `outline`
-     * * `none`
      *
+     * @default undefined
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$1;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -13583,9 +13557,9 @@ class DropDownTreeComponent {
     _isFocused = false;
     _dataItem;
     _treeview;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size;
+    _rounded;
+    _fillMode;
     _searchableNodes = [];
     _typedValue = '';
     printableCharacters = new Subject();
@@ -13942,7 +13916,7 @@ class DropDownTreeComponent {
      * @hidden
      */
     get selectButtonClasses() {
-        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''} ${this.fillMode ? 'k-button-' + this.fillMode + '-base' : ''}`;
+        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-input-' + this.fillMode : ''}`;
     }
     /**
      * @hidden
@@ -14250,13 +14224,13 @@ class DropDownTreeComponent {
         this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-describedby', newValue);
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
         }
     }
@@ -15388,9 +15362,6 @@ const hasChildren = () => false;
 const fetchChildren = () => of([]);
 const itemDisabled = () => false;
 const isNodeVisible = () => true;
-const DEFAULT_SIZE = 'medium';
-const DEFAULT_ROUNDED = 'medium';
-const DEFAULT_FILL_MODE = 'solid';
 /**
  * Represents the Kendo UI for Angular [MultiSelectTree]({% slug overview_multiselecttree %}) component.
  *
@@ -15642,15 +15613,14 @@ class MultiSelectTreeComponent {
     /**
      * Sets the visual size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
@@ -15661,12 +15631,11 @@ class MultiSelectTreeComponent {
      * @default 'medium'
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
@@ -15677,12 +15646,11 @@ class MultiSelectTreeComponent {
      * @default 'solid'
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -16145,9 +16113,9 @@ class MultiSelectTreeComponent {
     _isFocused = false;
     _treeview;
     _dataItems;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size;
+    _rounded;
+    _fillMode;
     _searchableNodes = [];
     _typedValue = '';
     printableCharacters = new Subject();
@@ -16924,13 +16892,13 @@ class MultiSelectTreeComponent {
         }, []));
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
     }

package/multiselect/multiselect.component.d.ts

@@ -227,21 +227,21 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     /**
      * Sets the size of the component.
      *
-     * @default "medium"
+     * @default undefined
      */
     set size(size: DropDownSize);
     get size(): DropDownSize;
     /**
      * Sets the border radius of the component.
      *
-     * @default "medium"
+     * @default undefined
      */
     set rounded(rounded: DropDownRounded);
     get rounded(): DropDownRounded;
     /**
      * Sets the fill mode of the component.
      *
-     * @default "solid"
+     * @default undefined
      */
     set fillMode(fillMode: DropDownFillMode);
     get fillMode(): DropDownFillMode;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770112423,
-  "version": "22.1.0-develop.18",
+  "publishDate": 1770219797,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "22.1.0-develop.18",
+  "version": "22.1.0-develop.19",
   "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",
@@ -100,7 +100,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770112423,
+      "publishDate": 1770219797,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -111,18 +111,18 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "22.1.0-develop.18",
-    "@progress/kendo-angular-utils": "22.1.0-develop.18",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.18",
-    "@progress/kendo-angular-navigation": "22.1.0-develop.18",
-    "@progress/kendo-angular-popup": "22.1.0-develop.18",
-    "@progress/kendo-angular-icons": "22.1.0-develop.18",
-    "@progress/kendo-angular-treeview": "22.1.0-develop.18",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-utils": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
+    "@progress/kendo-angular-navigation": "22.1.0-develop.19",
+    "@progress/kendo-angular-popup": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-treeview": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.18",
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19",
     "@progress/kendo-common": "^1.0.1"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -9,9 +9,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': '22.1.0-develop.18',
+            '@progress/kendo-angular-inputs': '22.1.0-develop.19',
             // peers of inputs
-            '@progress/kendo-angular-intl': '22.1.0-develop.18',
+            '@progress/kendo-angular-intl': '22.1.0-develop.19',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'