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

package/checkbox/checkbox.directive.d.ts

@@ -26,7 +26,7 @@ export declare class CheckBoxDirective {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -38,7 +38,7 @@ export declare class CheckBoxDirective {
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded: CheckBoxRounded);
     get rounded(): CheckBoxRounded;

package/colorpicker/colorpicker.component.d.ts

@@ -154,7 +154,7 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
      * * `'small'`
      * * `'medium'` (default)
      * * `'large'`
-     * * `null`
+     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -167,7 +167,7 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
      * * `'medium'` (default)
      * * `'large'`
      * * `'full'`
-     * * `null`
+     * * `none`
      */
     set rounded(rounded: InputRounded);
     get rounded(): InputRounded;
@@ -179,7 +179,7 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
      * * `'flat'`
      * * `'solid'` (default)
      * * `'outline'`
-     * * `null`
+     * * `none`
      */
     set fillMode(fillMode: InputFillMode);
     get fillMode(): InputFillMode;

package/common/models/fillmode.d.ts

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

package/common/models/rounded.d.ts

@@ -4,20 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible rounded options of the inputs.
- *
- * The possible values are:
- * - `'small'`
- * - `'medium'`
- * - `'large'`
- * - `'full'`
  */
-export declare type InputRounded = 'small' | 'medium' | 'large' | 'full';
+export declare type InputRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
 /**
  * Represents the possible rounded options of the CheckBox.
- *
- * The possible values are:
- * - `'small'`
- * - `'medium'`
- * - `'large'`
  */
-export declare type CheckBoxRounded = 'small' | 'medium' | 'large';
+export declare type CheckBoxRounded = 'small' | 'medium' | 'large' | 'none';

package/common/models/size.d.ts

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

package/esm2015/checkbox/checkbox.directive.js

@@ -30,11 +30,12 @@ export 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;
@@ -47,11 +48,12 @@ export 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;

package/esm2015/colorpicker/colorpicker.component.js

@@ -235,11 +235,12 @@ export 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;
@@ -253,11 +254,12 @@ export 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;
@@ -270,11 +272,12 @@ export 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;

package/esm2015/common/utils.js

@@ -53,17 +53,17 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
         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;

package/esm2015/maskedtextbox/maskedtextbox.component.js

@@ -210,11 +210,12 @@ export 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;
@@ -226,11 +227,12 @@ export 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;
@@ -242,11 +244,12 @@ export 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;

package/esm2015/numerictextbox/numerictextbox.component.js

@@ -331,11 +331,12 @@ export 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;
@@ -347,11 +348,12 @@ export 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;
@@ -363,11 +365,12 @@ export 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;

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export 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'
 };

package/esm2015/radiobutton/radiobutton.directive.js

@@ -31,11 +31,12 @@ export 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/esm2015/switch/switch.component.js

@@ -121,11 +121,12 @@ export 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;
@@ -138,11 +139,12 @@ export 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;
@@ -155,11 +157,12 @@ export 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;

package/esm2015/textarea/textarea.component.js

@@ -182,11 +182,12 @@ export 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;
@@ -199,11 +200,12 @@ export 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;
@@ -216,11 +218,12 @@ export 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;

package/esm2015/textbox/textbox.component.js

@@ -227,11 +227,12 @@ export 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;
@@ -245,11 +246,12 @@ export 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;
@@ -262,11 +264,12 @@ export 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;