@progress/kendo-angular-inputs 9.0.0-next.202204060721 → 9.0.1-dev.202204281117

package/fesm2015/kendo-angular-inputs.js

@@ -519,7 +519,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649229539,
+    publishDate: 1651144627,
     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'
 };
@@ -1348,7 +1348,7 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."
             dragHandle="Drag"
         >
-        <div class="k-slider-track-wrap" #wrap
+        <div class="k-slider-wrap" #wrap
             [class.k-slider-buttons]="showButtons"
             [class.k-slider-topleft]="tickPlacement === 'before'"
             [class.k-slider-bottomright]="tickPlacement === 'after'"
@@ -1437,7 +1437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."
             dragHandle="Drag"
         >
-        <div class="k-slider-track-wrap" #wrap
+        <div class="k-slider-wrap" #wrap
             [class.k-slider-buttons]="showButtons"
             [class.k-slider-topleft]="tickPlacement === 'before'"
             [class.k-slider-bottomright]="tickPlacement === 'after'"
@@ -2251,6 +2251,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 const FOCUSED$4 = 'k-focus';
+const DEFAULT_SIZE$7 = 'medium';
+const DEFAULT_THUMB_ROUNDED = 'full';
+const DEFAULT_TRACK_ROUNDED = 'full';
 /**
  * Represents the [Kendo UI Switch component for Angular]({% slug overview_switch %}).
  */
@@ -2352,15 +2355,15 @@ class SwitchComponent {
      * Specifies the width and height of the Switch.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE$7;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -2369,16 +2372,16 @@ class SwitchComponent {
      * Specifies the border radius of the Switch thumb.
      *
      * The possible values are:
-     * * `'full'` (default)
-     * * `'small'`
-     * * `'medium'`
-     * * `'large'`
+     * * `full` (default)
+     * * `small`
+     * * `medium`
+     * * `large`
      * * `none`
      */
     set thumbRounded(thumbRounded) {
-        const thumbRoundedValue = thumbRounded ? thumbRounded : 'full';
-        this.handleThumbClasses(thumbRoundedValue);
-        this._thumbRounded = thumbRoundedValue;
+        const newThumbRounded = thumbRounded ? thumbRounded : DEFAULT_THUMB_ROUNDED;
+        this.handleThumbClasses(newThumbRounded);
+        this._thumbRounded = newThumbRounded;
     }
     get thumbRounded() {
         return this._thumbRounded;
@@ -2387,16 +2390,16 @@ class SwitchComponent {
      * Specifies the border radius of the Switch track.
      *
      * The possible values are:
-     * * `'full'` (default)
-     * * `'small'`
-     * * `'medium'`
-     * * `'large'`
+     * * `full` (default)
+     * * `small`
+     * * `medium`
+     * * `large`
      * * `none`
      */
     set trackRounded(trackRounded) {
-        const trackRoundedValue = trackRounded ? trackRounded : 'full';
-        this.handleTrackClasses(trackRoundedValue);
-        this._trackRounded = trackRoundedValue;
+        const newTrackRounded = trackRounded ? trackRounded : DEFAULT_TRACK_ROUNDED;
+        this.handleTrackClasses(newTrackRounded);
+        this._trackRounded = newTrackRounded;
     }
     get trackRounded() {
         return this._trackRounded;
@@ -3360,6 +3363,9 @@ const PARSABLE_DEFAULTS = {
     step: 1
 };
 const FOCUSED$3 = 'k-focus';
+const DEFAULT_SIZE$6 = 'medium';
+const DEFAULT_ROUNDED$5 = 'medium';
+const DEFAULT_FILL_MODE$4 = 'solid';
 /**
  * Represents the [Kendo UI NumericTextBox component for Angular]({% slug overview_numerictextbox %}).
  */
@@ -3657,15 +3663,15 @@ class NumericTextBoxComponent {
      * The size property specifies padding of the NumericTextBox internal input element
      * ([see example]({% slug appearance_numerictextbox %}#toc-size)).
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE$6;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -3674,15 +3680,15 @@ class NumericTextBoxComponent {
      * The rounded property specifies the border radius of the NumericTextBox
      * ([see example]({% slug appearance_numerictextbox %}#toc-rounded)).
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set rounded(rounded) {
-        const roundedValue = rounded ? rounded : 'medium';
-        this.handleClasses(roundedValue, 'rounded');
-        this._rounded = roundedValue;
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$5;
+        this.handleClasses(newRounded, 'rounded');
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -3691,15 +3697,15 @@ class NumericTextBoxComponent {
      * The fillMode property specifies the background and border styles of the NumericTextBox
      * ([see example]({% slug appearance_numerictextbox %}#toc-fillMode)).
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
      * * `none`
      */
     set fillMode(fillMode) {
-        const fillModeValue = fillMode ? fillMode : 'solid';
-        this.handleClasses(fillModeValue, 'fillMode');
-        this._fillMode = fillModeValue;
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$4;
+        this.handleClasses(newFillMode, 'fillMode');
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -4850,6 +4856,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
 const resolvedPromise = Promise.resolve(null);
 const FOCUSED$2 = 'k-focus';
+const DEFAULT_SIZE$5 = 'medium';
+const DEFAULT_ROUNDED$4 = 'medium';
+const DEFAULT_FILL_MODE$3 = 'solid';
 /**
  * Represents the [Kendo UI MaskedTextBox component for Angular]({% slug overview_maskedtextbox %}).
  *
@@ -5041,15 +5050,15 @@ class MaskedTextBoxComponent {
      * The size property specifies the padding of the MaskedTextBox internal input element
      * ([see example]({% slug appearance_maskedtextbox %}#toc-size)).
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE$5;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -5058,15 +5067,15 @@ class MaskedTextBoxComponent {
      * The rounded property specifies the border radius of the MaskedTextBox
      * ([see example]({% slug appearance_maskedtextbox %}#toc-rounded)).
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set rounded(rounded) {
-        const roundedValue = rounded ? rounded : 'medium';
-        this.handleClasses(roundedValue, 'rounded');
-        this._rounded = roundedValue;
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$4;
+        this.handleClasses(newRounded, 'rounded');
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -5081,9 +5090,9 @@ class MaskedTextBoxComponent {
      * * `none`
      */
     set fillMode(fillMode) {
-        const fillModeValue = fillMode ? fillMode : 'solid';
-        this.handleClasses(fillModeValue, 'fillMode');
-        this._fillMode = fillModeValue;
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$3;
+        this.handleClasses(newFillMode, 'fillMode');
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -6072,6 +6081,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 const FOCUSED$1 = 'k-focus';
+const DEFAULT_SIZE$4 = 'medium';
+const DEFAULT_ROUNDED$3 = 'medium';
+const DEFAULT_FILL_MODE$2 = 'solid';
 class TextBoxComponent {
     constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
         this.localizationService = localizationService;
@@ -6275,15 +6287,15 @@ class TextBoxComponent {
      * ([see example]({% slug appearance_textbox %}#toc-size)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE$4;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -6293,16 +6305,16 @@ class TextBoxComponent {
      * ([see example]({% slug appearance_textbox %}#toc-rounded)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
      * * `none`
      */
     set rounded(rounded) {
-        const roundedValue = rounded ? rounded : 'medium';
-        this.handleClasses(roundedValue, 'rounded');
-        this._rounded = roundedValue;
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$3;
+        this.handleClasses(newRounded, 'rounded');
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -6312,15 +6324,15 @@ class TextBoxComponent {
      * ([see example]({% slug appearance_textbox %}#toc-fillMode)).
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
      * * `none`
      */
     set fillMode(fillMode) {
-        const fillModeValue = fillMode ? fillMode : 'solid';
-        this.handleClasses(fillModeValue, 'fillMode');
-        this._fillMode = fillModeValue;
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$2;
+        this.handleClasses(newFillMode, 'fillMode');
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -7103,6 +7115,9 @@ const resizeClasses = {
     'auto': 'k-resize-none'
 };
 const FOCUSED = 'k-focus';
+const DEFAULT_SIZE$3 = 'medium';
+const DEFAULT_ROUNDED$2 = 'medium';
+const DEFAULT_FILL_MODE$1 = 'solid';
 /**
  * Represents the [Kendo UI TextArea component for Angular]({% slug overview_textarea %}).
  */
@@ -7256,15 +7271,15 @@ class TextAreaComponent extends TextFieldsBase {
      * ([see example]({% slug appearance_textarea %}#toc-size)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE$3;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -7274,15 +7289,15 @@ class TextAreaComponent extends TextFieldsBase {
      * ([see example]({% slug appearance_textarea %}#toc-rounded)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set rounded(rounded) {
-        const roundedValue = rounded ? rounded : 'medium';
-        this.handleClasses(roundedValue, 'rounded');
-        this._rounded = roundedValue;
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$2;
+        this.handleClasses(newRounded, 'rounded');
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -7292,15 +7307,15 @@ class TextAreaComponent extends TextFieldsBase {
      * ([see example]({% slug appearance_textarea %}#toc-fillMode)).
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
      * * `none`
      */
     set fillMode(fillMode) {
-        const fillModeValue = fillMode ? fillMode : 'solid';
-        this.handleClasses(fillModeValue, 'fillMode');
-        this._fillMode = fillModeValue;
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$1;
+        this.handleClasses(newFillMode, 'fillMode');
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -11232,6 +11247,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }] } });
 
 const DOM_FOCUS_EVENTS = ['focus', 'blur'];
+const DEFAULT_SIZE$2 = 'medium';
+const DEFAULT_ROUNDED$1 = 'medium';
+const DEFAULT_FILL_MODE = 'solid';
 /**
  * Represents the [Kendo UI ColorPicker component for Angular]({% slug overview_colorpicker %}).
  *
@@ -11441,15 +11459,15 @@ class ColorPickerComponent {
      * ([see example]({% slug appearance_colorpicker %}#toc-size)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE$2;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -11459,16 +11477,16 @@ class ColorPickerComponent {
      * ([see example]({% slug appearance_colorpicker %}#toc-rounded)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
-     * * `'full'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
      * * `none`
      */
     set rounded(rounded) {
-        const roundedValue = rounded ? rounded : 'medium';
-        this.handleClasses(roundedValue, 'rounded');
-        this._rounded = roundedValue;
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$1;
+        this.handleClasses(newRounded, 'rounded');
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -11478,15 +11496,15 @@ class ColorPickerComponent {
      * ([see example]({% slug appearance_colorpicker %}#toc-fillMode)).
      *
      * The possible values are:
-     * * `'flat'`
-     * * `'solid'` (default)
-     * * `'outline'`
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
      * * `none`
      */
     set fillMode(fillMode) {
-        const fillModeValue = fillMode ? fillMode : 'solid';
-        this.handleClasses(fillModeValue, 'fillMode');
-        this._fillMode = fillModeValue;
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
+        this.handleClasses(newFillMode, 'fillMode');
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -12268,6 +12286,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+const DEFAULT_SIZE$1 = 'medium';
+const DEFAULT_ROUNDED = 'medium';
 /**
  * Represents the directive that renders the [Kendo UI CheckBox]({% slug overview_checkbox %}) input component.
  * The directive is placed on input type="checkbox" elements.
@@ -12290,15 +12310,15 @@ class CheckBoxDirective {
      * ([see example]({% slug appearance_checkboxdirective %}#toc-size)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE$1;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -12308,15 +12328,15 @@ class CheckBoxDirective {
      * ([see example]({% slug appearance_checkboxdirective %}#toc-rounded)).
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set rounded(rounded) {
-        const roundedValue = rounded ? rounded : 'medium';
-        this.handleClasses(roundedValue, 'rounded');
-        this._rounded = roundedValue;
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
+        this.handleClasses(newRounded, 'rounded');
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -12399,6 +12419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+const DEFAULT_SIZE = 'medium';
 /**
  * Represents the directive that renders the [Kendo UI RadioButton]({% slug overview_checkbox %}) input component.
  * The directive is placed on input type="radio" elements.
@@ -12420,15 +12441,15 @@ class RadioButtonDirective {
      * The size property specifies the width and height of the RadioButton
      * ([see example]({% slug appearance_radiobuttondirective %}#toc-size)).
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size) {
-        const sizeValue = size ? size : 'medium';
-        this.handleClasses(sizeValue, 'size');
-        this._size = sizeValue;
+        const newSize = size ? size : DEFAULT_SIZE;
+        this.handleClasses(newSize, 'size');
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -12725,6 +12746,9 @@ class FormFieldComponent {
     ngAfterViewInit() {
         this.setDescription();
     }
+    ngAfterViewChecked() {
+        this.updateDescription();
+    }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
@@ -12763,7 +12787,12 @@ class FormFieldComponent {
         controls.forEach((control) => {
             if (this.errorChildren.length > 0 || this.hintChildren.length > 0) {
                 const ariaIds = this.generateDescriptionIds(control);
-                this.renderer.setAttribute(control, 'aria-describedby', ariaIds);
+                if (ariaIds !== '') {
+                    this.renderer.setAttribute(control, 'aria-describedby', ariaIds);
+                }
+                else {
+                    this.renderer.removeAttribute(control, 'aria-describedby');
+                }
             }
         });
     }
@@ -12779,8 +12808,10 @@ class FormFieldComponent {
     }
     generateDescriptionIds(control) {
         const ids = new Set();
+        let errorAttribute = '';
         if (control.hasAttribute('aria-describedby')) {
             const attributes = control.getAttribute('aria-describedby').split(' ');
+            errorAttribute = attributes.filter(attr => attr.includes('kendo-error-'))[0];
             attributes.forEach((attr) => {
                 if (attr.includes('kendo-hint-') || attr.includes('kendo-error-')) {
                     return;
@@ -12791,9 +12822,14 @@ class FormFieldComponent {
         this.hintChildren.forEach((hint) => {
             ids.add(hint.id);
         });
-        this.errorChildren.forEach((error) => {
-            ids.add(error.id);
-        });
+        if (this.hasErrors) {
+            this.errorChildren.forEach((error) => {
+                ids.add(error.id);
+            });
+        }
+        else {
+            ids.delete(errorAttribute);
+        }
         return Array.from(ids).join(' ');
     }
     showHintsInitial() {

package/formfield/formfield.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { AfterViewInit, ElementRef, Renderer2, QueryList } from '@angular/core';
+import { AfterViewInit, ElementRef, Renderer2, QueryList, AfterViewChecked } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ShowOptions } from './models/show-options';
@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
  * Specifies a container for form-bound controls (Kendo controls or native HTML controls).
  * Applies styling and behavior rules.
  */
-export declare class FormFieldComponent implements AfterViewInit {
+export declare class FormFieldComponent implements AfterViewInit, AfterViewChecked {
     private renderer;
     private localizationService;
     private hostElement;
@@ -79,6 +79,7 @@ export declare class FormFieldComponent implements AfterViewInit {
     private rtl;
     constructor(renderer: Renderer2, localizationService: LocalizationService, hostElement: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     private disabledKendoInput;
     private disabledControl;

package/formfield/models/orientation.d.ts

@@ -4,10 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Specifies the layout orientation of the form fields.
- *
- * The possible values are:
- *
- * * (Default) `vertical`
- * * `horizontal`
+ * @default `vertical`
  */
 export declare type Orientation = 'vertical' | 'horizontal';

package/maskedtextbox/maskedtextbox.component.d.ts

@@ -58,9 +58,9 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * The size property specifies the padding of the MaskedTextBox internal input element
      * ([see example]({% slug appearance_maskedtextbox %}#toc-size)).
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set size(size: InputSize);
@@ -69,9 +69,9 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * The rounded property specifies the border radius of the MaskedTextBox
      * ([see example]({% slug appearance_maskedtextbox %}#toc-rounded)).
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (default)
-     * * `'large'`
+     * * `small`
+     * * `medium` (default)
+     * * `large`
      * * `none`
      */
     set rounded(rounded: InputRounded);