@progress/kendo-angular-inputs 9.0.0-next.202204011519 → 9.0.0-next.202204060721

package/fesm2015/kendo-angular-inputs.js

@@ -71,17 +71,17 @@ const getStylingClasses = (componentType, stylingOption, previousValue, newValue
         case 'size':
             return {
                 toRemove: `k-${componentType}-${SIZES[previousValue]}`,
-                toAdd: newValue ? `k-${componentType}-${SIZES[newValue]}` : null
+                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
             };
         case 'rounded':
             return {
                 toRemove: `k-rounded-${ROUNDNESS[previousValue]}`,
-                toAdd: newValue ? `k-rounded-${ROUNDNESS[newValue]}` : null
+                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDNESS[newValue]}` : ''
             };
         case 'fillMode':
             return {
                 toRemove: `k-${componentType}-${previousValue}`,
-                toAdd: newValue ? `k-${componentType}-${newValue}` : null
+                toAdd: newValue !== 'none' ? `k-${componentType}-${newValue}` : ''
             };
         default:
             break;
@@ -519,7 +519,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648826206,
+    publishDate: 1649229539,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -2355,11 +2355,12 @@ class SwitchComponent {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;
@@ -2372,11 +2373,12 @@ class SwitchComponent {
      * * `'small'`
      * * `'medium'`
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set thumbRounded(thumbRounded) {
-        this.handleThumbClasses(thumbRounded);
-        this._thumbRounded = thumbRounded;
+        const thumbRoundedValue = thumbRounded ? thumbRounded : 'full';
+        this.handleThumbClasses(thumbRoundedValue);
+        this._thumbRounded = thumbRoundedValue;
     }
     get thumbRounded() {
         return this._thumbRounded;
@@ -2389,11 +2391,12 @@ class SwitchComponent {
      * * `'small'`
      * * `'medium'`
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set trackRounded(trackRounded) {
-        this.handleTrackClasses(trackRounded);
-        this._trackRounded = trackRounded;
+        const trackRoundedValue = trackRounded ? trackRounded : 'full';
+        this.handleTrackClasses(trackRoundedValue);
+        this._trackRounded = trackRoundedValue;
     }
     get trackRounded() {
         return this._trackRounded;
@@ -3657,11 +3660,12 @@ class NumericTextBoxComponent {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;
@@ -3673,11 +3677,12 @@ class NumericTextBoxComponent {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded) {
-        this.handleClasses(rounded, 'rounded');
-        this._rounded = rounded;
+        const roundedValue = rounded ? rounded : 'medium';
+        this.handleClasses(roundedValue, 'rounded');
+        this._rounded = roundedValue;
     }
     get rounded() {
         return this._rounded;
@@ -3689,11 +3694,12 @@ class NumericTextBoxComponent {
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode) {
-        this.handleClasses(fillMode, 'fillMode');
-        this._fillMode = fillMode;
+        const fillModeValue = fillMode ? fillMode : 'solid';
+        this.handleClasses(fillModeValue, 'fillMode');
+        this._fillMode = fillModeValue;
     }
     get fillMode() {
         return this._fillMode;
@@ -5038,11 +5044,12 @@ class MaskedTextBoxComponent {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;
@@ -5054,11 +5061,12 @@ class MaskedTextBoxComponent {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded) {
-        this.handleClasses(rounded, 'rounded');
-        this._rounded = rounded;
+        const roundedValue = rounded ? rounded : 'medium';
+        this.handleClasses(roundedValue, 'rounded');
+        this._rounded = roundedValue;
     }
     get rounded() {
         return this._rounded;
@@ -5070,11 +5078,12 @@ class MaskedTextBoxComponent {
      * * `flat`
      * * `solid` (default)
      * * `outline`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode) {
-        this.handleClasses(fillMode, 'fillMode');
-        this._fillMode = fillMode;
+        const fillModeValue = fillMode ? fillMode : 'solid';
+        this.handleClasses(fillModeValue, 'fillMode');
+        this._fillMode = fillModeValue;
     }
     get fillMode() {
         return this._fillMode;
@@ -6269,11 +6278,12 @@ class TextBoxComponent {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;
@@ -6287,11 +6297,12 @@ class TextBoxComponent {
      * * `'medium'` (default)
      * * `'large'`
      * * `'full'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded) {
-        this.handleClasses(rounded, 'rounded');
-        this._rounded = rounded;
+        const roundedValue = rounded ? rounded : 'medium';
+        this.handleClasses(roundedValue, 'rounded');
+        this._rounded = roundedValue;
     }
     get rounded() {
         return this._rounded;
@@ -6304,11 +6315,12 @@ class TextBoxComponent {
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode) {
-        this.handleClasses(fillMode, 'fillMode');
-        this._fillMode = fillMode;
+        const fillModeValue = fillMode ? fillMode : 'solid';
+        this.handleClasses(fillModeValue, 'fillMode');
+        this._fillMode = fillModeValue;
     }
     get fillMode() {
         return this._fillMode;
@@ -7247,11 +7259,12 @@ class TextAreaComponent extends TextFieldsBase {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;
@@ -7264,11 +7277,12 @@ class TextAreaComponent extends TextFieldsBase {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded) {
-        this.handleClasses(rounded, 'rounded');
-        this._rounded = rounded;
+        const roundedValue = rounded ? rounded : 'medium';
+        this.handleClasses(roundedValue, 'rounded');
+        this._rounded = roundedValue;
     }
     get rounded() {
         return this._rounded;
@@ -7281,11 +7295,12 @@ class TextAreaComponent extends TextFieldsBase {
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode) {
-        this.handleClasses(fillMode, 'fillMode');
-        this._fillMode = fillMode;
+        const fillModeValue = fillMode ? fillMode : 'solid';
+        this.handleClasses(fillModeValue, 'fillMode');
+        this._fillMode = fillModeValue;
     }
     get fillMode() {
         return this._fillMode;
@@ -11429,11 +11444,12 @@ class ColorPickerComponent {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;
@@ -11447,11 +11463,12 @@ class ColorPickerComponent {
      * * `'medium'` (default)
      * * `'large'`
      * * `'full'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded) {
-        this.handleClasses(rounded, 'rounded');
-        this._rounded = rounded;
+        const roundedValue = rounded ? rounded : 'medium';
+        this.handleClasses(roundedValue, 'rounded');
+        this._rounded = roundedValue;
     }
     get rounded() {
         return this._rounded;
@@ -11464,11 +11481,12 @@ class ColorPickerComponent {
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode) {
-        this.handleClasses(fillMode, 'fillMode');
-        this._fillMode = fillMode;
+        const fillModeValue = fillMode ? fillMode : 'solid';
+        this.handleClasses(fillModeValue, 'fillMode');
+        this._fillMode = fillModeValue;
     }
     get fillMode() {
         return this._fillMode;
@@ -12275,11 +12293,12 @@ class CheckBoxDirective {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;
@@ -12292,11 +12311,12 @@ class CheckBoxDirective {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded) {
-        this.handleClasses(rounded, 'rounded');
-        this._rounded = rounded;
+        const roundedValue = rounded ? rounded : 'medium';
+        this.handleClasses(roundedValue, 'rounded');
+        this._rounded = roundedValue;
     }
     get rounded() {
         return this._rounded;
@@ -12403,11 +12423,12 @@ class RadioButtonDirective {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size) {
-        this.handleClasses(size, 'size');
-        this._size = size;
+        const sizeValue = size ? size : 'medium';
+        this.handleClasses(sizeValue, 'size');
+        this._size = sizeValue;
     }
     get size() {
         return this._size;

package/maskedtextbox/maskedtextbox.component.d.ts

@@ -61,7 +61,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -72,7 +72,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded: InputRounded);
     get rounded(): InputRounded;
@@ -83,7 +83,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * * `flat`
      * * `solid` (default)
      * * `outline`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode: InputFillMode);
     get fillMode(): InputFillMode;

package/numerictextbox/numerictextbox.component.d.ts

@@ -122,7 +122,7 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -133,7 +133,7 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded: InputRounded);
     get rounded(): InputRounded;
@@ -144,7 +144,7 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode: InputFillMode);
     get fillMode(): InputFillMode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "9.0.0-next.202204011519",
+  "version": "9.0.0-next.202204060721",
   "description": "Inputs Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -41,10 +41,10 @@
     "@angular/common": "^12.0.0 || ^13.0.0",
     "@angular/core": "^12.0.0 || ^13.0.0",
     "@angular/forms": "^12.0.0 || ^13.0.0",
-    "@progress/kendo-angular-common": "^2.0.0",
-    "@progress/kendo-angular-intl": "^3.0.0",
-    "@progress/kendo-angular-l10n": "next",
-    "@progress/kendo-angular-popup": "next",
+    "@progress/kendo-angular-common": ">3.0.0-next",
+    "@progress/kendo-angular-intl": ">4.0.0-next",
+    "@progress/kendo-angular-l10n": ">4.0.0-next",
+    "@progress/kendo-angular-popup": ">5.0.0-next",
     "@progress/kendo-drawing": "^1.5.12",
     "@progress/kendo-licensing": "^1.0.2",
     "rxjs": "^6.5.3 || ^7.0.0"

package/radiobutton/radiobutton.directive.d.ts

@@ -25,7 +25,7 @@ export declare class RadioButtonDirective {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;

package/switch/switch.component.d.ts

@@ -54,7 +54,7 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -66,7 +66,7 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
      * * `'small'`
      * * `'medium'`
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set thumbRounded(thumbRounded: InputRounded);
     get thumbRounded(): InputRounded;
@@ -78,7 +78,7 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
      * * `'small'`
      * * `'medium'`
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set trackRounded(trackRounded: InputRounded);
     get trackRounded(): InputRounded;

package/textarea/textarea.component.d.ts

@@ -77,7 +77,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -89,7 +89,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded: InputRounded);
     get rounded(): InputRounded;
@@ -101,7 +101,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode: InputFillMode);
     get fillMode(): InputFillMode;

package/textbox/textbox.component.d.ts

@@ -104,7 +104,7 @@ export declare class TextBoxComponent implements ControlValueAccessor {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -117,7 +117,7 @@ export declare class TextBoxComponent implements ControlValueAccessor {
      * * `'medium'` (default)
      * * `'large'`
      * * `'full'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded: InputRounded);
     get rounded(): InputRounded;
@@ -129,7 +129,7 @@ export declare class TextBoxComponent implements ControlValueAccessor {
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode: InputFillMode);
     get fillMode(): InputFillMode;