@progress/kendo-angular-inputs 25.1.0-develop.2 → 25.1.0-develop.4

package/index.d.ts

@@ -78,7 +78,8 @@ declare abstract class SliderBase {
      * The default title for each tick is its Slider value.
      * If you use a callback function, the function receives the component value and returns a string for the new title [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/ticks#titles).
      */
-    title: SliderTickTitleCallback;
+    set title(value: SliderTickTitleCallback);
+    get title(): SliderTickTitleCallback;
     /**
      * Sets the location of the tick marks in the Slider [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/ticks#placement).
      *
@@ -90,27 +91,31 @@ declare abstract class SliderBase {
      *
      * @default 'both'
      */
-    tickPlacement: string;
+    set tickPlacement(value: string);
+    get tickPlacement(): string;
     /**
      * When `true`. renders a vertical Slider [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/orientation).
      *
      * @default false
      */
-    vertical: boolean;
+    set vertical(value: boolean);
+    get vertical(): boolean;
     /**
      * Sets the minimum value of the Slider.
      * Accepts integers and floating-point numbers [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/predefined-steps#small-steps).
      *
      * @default 0
      */
-    min: number;
+    set min(value: number);
+    get min(): number;
     /**
      * Sets the maximum value of the Slider.
      * Accepts integers and floating-point numbers [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/predefined-steps#small-steps).
      *
      * @default 10
      */
-    max: number;
+    set max(value: number);
+    get max(): number;
     /**
      * Sets the step value of the Slider.
      * Accepts only positive values.
@@ -118,38 +123,44 @@ declare abstract class SliderBase {
      *
      * @default 1
      */
-    smallStep: number;
+    set smallStep(value: number);
+    get smallStep(): number;
     /**
      * Sets every n<sup>th</sup> tick as large and shows a label for it [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/predefined-steps#large-steps).
      *
      * @default null
      */
-    largeStep: number;
+    set largeStep(value: number);
+    get largeStep(): number;
     /**
      * Sets the width between two ticks along the track, in pixels.
      * If you do not set `fixedTickWidth`, the Slider adjusts the tick width automatically [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/ticks#width).
      *
      */
-    fixedTickWidth: number;
+    set fixedTickWidth(value: number);
+    get fixedTickWidth(): number;
     /**
      * When `true`, disables the Slider.
      * To disable the component in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/forms#managing-the-slider-disabled-state-in-reactive-forms) [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/disabled-state).
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * When `true`, sets the Slider to read-only [see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/readonly-state).
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Slider.
      *
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * Fires when the user focuses the component.
      *
@@ -180,6 +191,17 @@ declare abstract class SliderBase {
     protected isFocused: boolean;
     protected isDragged: boolean;
     protected control: NgControl;
+    private _title;
+    private _tickPlacement;
+    private _vertical;
+    private _min;
+    private _max;
+    private _smallStep;
+    private _largeStep;
+    private _fixedTickWidth;
+    private _disabled;
+    private _readonly;
+    private _tabindex;
     constructor(localizationService: LocalizationService, injector: Injector, renderer: Renderer2, ngZone: NgZone, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
     /**
      * @hidden
@@ -235,37 +257,44 @@ declare class SliderComponent extends SliderBase implements AfterViewInit, Contr
     /**
      * @hidden
      */
-    focusableId: string;
+    set focusableId(value: string);
+    get focusableId(): string;
     /**
      * Changes the `title` attribute of the drag handle. Use this property to localize the drag handle title.
      */
-    dragHandleTitle: string;
+    set dragHandleTitle(value: string);
+    get dragHandleTitle(): string;
     /**
      * Sets the title of the **Increase** button of the Slider ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/side-buttons#titles)).
      */
-    incrementTitle: string;
+    set incrementTitle(value: string);
+    get incrementTitle(): string;
     /**
      * Determines if the component animates when the value changes.
      * The component does not animate during initial rendering.
      * @default true
      */
-    animate: boolean;
+    set animate(value: boolean);
+    get animate(): boolean;
     /**
      * Sets the title of the **Decrease** button of the Slider ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/side-buttons#titles)).
      */
-    decrementTitle: string;
+    set decrementTitle(value: string);
+    get decrementTitle(): string;
     /**
      * Shows or hides the arrow side buttons of the Slider ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/slider/side-buttons#hidden-state)).
      * When you set `showButtons` to `false`, the component does not display the buttons.
      * @default true
      */
-    showButtons: boolean;
+    set showButtons(value: boolean);
+    get showButtons(): boolean;
     /**
      * Sets the current value of the Slider when it first appears.
      * Use either `ngModel` or the `value` binding, but not both at the same time.
      * @default 0
      */
-    value: number;
+    set value(value: number);
+    get value(): number;
     /**
      * @hidden
      */
@@ -300,6 +329,13 @@ declare class SliderComponent extends SliderBase implements AfterViewInit, Contr
     increaseButton: ElementRef;
     private focusChangedProgrammatically;
     private isInvalid;
+    private _focusableId;
+    private _dragHandleTitle;
+    private _incrementTitle;
+    private _decrementTitle;
+    private _animate;
+    private _showButtons;
+    private _value;
     constructor(localization: LocalizationService, injector: Injector, renderer: Renderer2, ngZone: NgZone, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
     /**
      * Focuses the Slider.
@@ -412,7 +448,8 @@ declare class RangeSliderComponent extends SliderBase implements AfterViewInit,
      * Sets the range value of the RangeSlider.
      * Use either `ngModel` or the `value` binding, but not both at the same time.
      */
-    value: RangeSliderValue;
+    set value(value: RangeSliderValue);
+    get value(): RangeSliderValue;
     draghandleStart: ElementRef;
     draghandleEnd: ElementRef;
     /**
@@ -432,6 +469,7 @@ declare class RangeSliderComponent extends SliderBase implements AfterViewInit,
     private activeHandle;
     private focusChangedProgrammatically;
     private isInvalid;
+    private _value;
     /**
      * @hidden
      */
@@ -611,13 +649,15 @@ declare class SwitchComponent implements ControlValueAccessor, OnInit, OnDestroy
      * This label takes precedence over the [custom messages component](https://www.telerik.com/kendo-angular-ui/components/inputs/api/switchcustommessagescomponent).
      * [See example](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/labels).
      */
-    onLabel: string;
+    set onLabel(value: string);
+    get onLabel(): string;
     /**
      * Set the **Off** label.
      * This label takes precedence over the [custom messages component](https://www.telerik.com/kendo-angular-ui/components/inputs/api/switchcustommessagescomponent).
      * [See example](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/labels).
      */
-    offLabel: string;
+    set offLabel(value: string);
+    get offLabel(): string;
     /**
      * Sets the value of the Switch when it first appears.
      */
@@ -629,18 +669,21 @@ declare class SwitchComponent implements ControlValueAccessor, OnInit, OnDestroy
      * To disable the component in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/forms#managing-the-switch-disabled-state-in-reactive-forms).
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * When `true`, sets the Switch to read-only.
      * [See example](https://www.telerik.com/kendo-angular-ui/components/inputs/switch/readonly-state).
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Set the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Switch.
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * Sets the size of the Switch. The default value is set by the Kendo theme.
      */
@@ -692,8 +735,14 @@ declare class SwitchComponent implements ControlValueAccessor, OnInit, OnDestroy
     protected localizationChangeSubscription: Subscription;
     protected isFocused: boolean;
     protected control: NgControl;
+    private subscriptions;
     private domSubscriptions;
     private _checked;
+    private _disabled;
+    private _readonly;
+    private _tabindex;
+    private _onLabel;
+    private _offLabel;
     private _focusableId;
     private _size;
     private _trackRounded;
@@ -855,11 +904,13 @@ declare class TextAreaDirective implements OnInit, OnDestroy, OnChanges, Control
      *
      * @default false
      */
-    autoSize: boolean;
+    set autoSize(autoSize: boolean);
+    get autoSize(): boolean;
     /**
      * Sets the textarea value.
      */
-    value: string;
+    set value(value: string);
+    get value(): string;
     /**
      * @hidden
      */
@@ -882,6 +933,8 @@ declare class TextAreaDirective implements OnInit, OnDestroy, OnChanges, Control
     autoFillEnd: EventEmitter<any>;
     get id(): string;
     set id(id: string);
+    private _autoSize;
+    private _value;
     private listeners;
     private inputSubscription;
     private initialHeight;
@@ -955,31 +1008,36 @@ declare class NumericTextBoxComponent implements ControlValueAccessor, OnChanges
     /**
      * @hidden
      */
-    focusableId: string;
+    set focusableId(value: string);
+    get focusableId(): string;
     /**
      * When `true`, disables the `NumericTextBox`.
      * To disable the component in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/forms#managing-the-numerictextbox-disabled-state-in-reactive-forms).
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * When `true`, makes the NumericTextBox read-only.
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Sets the `title` attribute of the input element.
      *
      * @remarks
      * This property is related to accessibility.
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * When `true`, the value is automatically corrected based on the minimum and maximum values ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/precision)).
      */
-    autoCorrect: boolean;
+    set autoCorrect(value: boolean);
+    get autoCorrect(): boolean;
     /**
      * Specifies the number format used when the NumericTextBox is not focused ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/formats)).
      * If `format` is `null` or `undefined`, the default format is used.
@@ -989,43 +1047,51 @@ declare class NumericTextBoxComponent implements ControlValueAccessor, OnChanges
     /**
      * Sets the maximum valid value ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/precision#value-ranges)).
      */
-    max: number;
+    set max(value: number);
+    get max(): number;
     /**
      * Sets the minimum valid value ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/precision#value-ranges)).
      */
-    min: number;
+    set min(value: number);
+    get min(): number;
     /**
      * Specifies the number of decimals the user can enter when the input is focused ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/precision)).
      */
-    decimals: number;
+    set decimals(value: number);
+    get decimals(): number;
     /**
      * Sets the input placeholder.
      */
-    placeholder: string;
+    set placeholder(value: string);
+    get placeholder(): string;
     /**
      * Specifies the value used to increment or decrement the component value ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/predefined-step)).
      *
      * @default 1
      */
-    step: number;
+    set step(value: number);
+    get step(): number;
     /**
      * When `true`, renders the **Up** and **Down** spin buttons ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/spin-buttons)).
      *
      * @default true
      */
-    spinners: boolean;
+    set spinners(value: boolean);
+    get spinners(): boolean;
     /**
      * Enforces the built-in minimum and maximum validators during form validation.
      *
      * @default true
      */
-    rangeValidation: boolean;
+    set rangeValidation(value: boolean);
+    get rangeValidation(): boolean;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      *
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * @hidden
      */
@@ -1036,23 +1102,27 @@ declare class NumericTextBoxComponent implements ControlValueAccessor, OnChanges
      *
      * @default true
      */
-    changeValueOnScroll: boolean;
+    set changeValueOnScroll(value: boolean);
+    get changeValueOnScroll(): boolean;
     /**
      * When `true`, enables selecting the entire value on click.
      *
      * @default true
      */
-    selectOnFocus: boolean;
+    set selectOnFocus(value: boolean);
+    get selectOnFocus(): boolean;
     /**
      * Sets the value of the NumericTextBox ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/formats)).
      */
-    value: number;
+    set value(value: number);
+    get value(): number;
     /**
      * Sets the maximum number of characters the user can type or paste in the input.
      * The locale-specific decimal separator and negative sign (`-`) count toward the length.
      * The `maxlength` does not apply to the formatted value when the component is not focused.
      */
-    maxlength: number;
+    set maxlength(value: number);
+    get maxlength(): number;
     /**
      * Sets the padding of the internal input element ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/appearance#size)). The default value is set by the Kendo theme.
      */
@@ -1118,7 +1188,7 @@ declare class NumericTextBoxComponent implements ControlValueAccessor, OnChanges
     /**
      * @hidden
      */
-    arrowDirection: ArrowDirection;
+    arrowDirection: i0.WritableSignal<ArrowDirection>;
     get disableClass(): boolean;
     /**
      * @hidden
@@ -1131,11 +1201,11 @@ declare class NumericTextBoxComponent implements ControlValueAccessor, OnChanges
     protected subscriptions: Subscription;
     protected inputValue: string;
     protected spinTimeout: number;
-    protected isFocused: boolean;
+    protected _isFocused: i0.WritableSignal<boolean>;
     protected minValidateFn: any;
     protected maxValidateFn: any;
     protected numericRegex: RegExp;
-    protected _format: string | NumberFormatOptions;
+    protected _format: i0.WritableSignal<string | NumberFormatOptions>;
     protected previousSelection: any;
     protected pressedKey: any;
     protected control: NgControl;
@@ -1150,6 +1220,23 @@ declare class NumericTextBoxComponent implements ControlValueAccessor, OnChanges
     private domEvents;
     private _inputAttributes;
     private parsedAttributes;
+    private _focusableId;
+    private _disabled;
+    private _readonly;
+    private _title;
+    private _autoCorrect;
+    private _min;
+    private _max;
+    private _decimals;
+    private _placeholder;
+    private _step;
+    private _spinners;
+    private _rangeValidation;
+    private _tabindex;
+    private _selectOnFocus;
+    private _changeValueOnScroll;
+    private _valueSignal;
+    private _maxlength;
     private get defaultAttributes();
     private get mutableAttributes();
     constructor(intl: IntlService, renderer: Renderer2, localizationService: LocalizationService, injector: Injector, ngZone: NgZone, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
@@ -1325,11 +1412,15 @@ declare class NumericTextBoxMessages extends ComponentMessages {
     /**
      * Sets the title of the **Decrement** button in the NumericTextBox.
      */
-    decrement: string;
+    set decrement(value: string);
+    get decrement(): string;
     /**
      * Sets the title of the **Increment** button in the NumericTextBox.
      */
-    increment: string;
+    set increment(value: string);
+    get increment(): string;
+    private _decrement;
+    private _increment;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericTextBoxMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericTextBoxMessages, "kendo-numerictextbox-messages-base", never, { "decrement": { "alias": "decrement"; "required": false; }; "increment": { "alias": "increment"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -1423,7 +1514,7 @@ declare class MaskingService {
  * }
  * ```
  */
-declare class MaskedTextBoxComponent implements ControlValueAccessor, OnChanges, Validator {
+declare class MaskedTextBoxComponent implements ControlValueAccessor, Validator, OnDestroy, OnChanges {
     private service;
     private renderer;
     hostElement: ElementRef;
@@ -1433,25 +1524,29 @@ declare class MaskedTextBoxComponent implements ControlValueAccessor, OnChanges,
     /**
      * @hidden
      */
-    focusableId: string;
+    set focusableId(value: string);
+    get focusableId(): string;
     /**
      * Disables the MaskedTextBox when you set it to `true` ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/disabled-state)).
      * To disable the component in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/forms#managing-the-maskedtextbox-disabled-state-in-reactive-forms).
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * When `true`, sets the MaskedTextBox to read-only mode ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/readonly-state)).
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Sets the `title` attribute of the input element.
      *
      * @remarks
      * This property is related to accessibility.
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * Sets the padding size of the MaskedTextBox input element ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/appearance#size)). The default value is set by the Kendo theme.
      */
@@ -1474,11 +1569,13 @@ declare class MaskedTextBoxComponent implements ControlValueAccessor, OnChanges,
      * If the mask allows spaces, set the [`promptPlaceholder`](https://www.telerik.com/kendo-angular-ui/components/inputs/api/maskedtextboxcomponent#promptplaceholder)
      * to a character that the mask does not accept.
      */
-    mask: string;
+    set mask(value: string);
+    get mask(): string;
     /**
      * Sets the value of the MaskedTextBox.
      */
-    value: string;
+    set value(value: string);
+    get value(): string;
     /**
      * Sets the RegExp-based mask validation rules ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/masks)).
      */
@@ -1488,36 +1585,38 @@ declare class MaskedTextBoxComponent implements ControlValueAccessor, OnChanges,
     get rules(): {
         [key: string]: RegExp;
     };
-    /**
-     * Sets the prompt character for the masked value.
-     * @default `_`
-     */
-    prompt: string;
+    set prompt(value: string);
+    get prompt(): string;
     /**
      * Sets the character that represents an empty position in the raw value.
      * @default ' '
      */
-    promptPlaceholder: string;
+    set promptPlaceholder(value: string);
+    get promptPlaceholder(): string;
     /**
      * When `true` includes literals in the raw value ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/value)).
      * @default false
      */
-    includeLiterals: boolean;
+    set includeLiterals(value: boolean);
+    get includeLiterals(): boolean;
     /**
      * Shows the mask on focus when the value is empty.
      */
-    maskOnFocus: boolean;
+    set maskOnFocus(value: boolean);
+    get maskOnFocus(): boolean;
     /**
      * Enables the built-in mask validator when you set it to `true` ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/validation)).
      * @default true
      */
-    maskValidation: boolean;
+    set maskValidation(value: boolean);
+    get maskValidation(): boolean;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) attribute of the component.
      *
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * @hidden
      */
@@ -1576,23 +1675,37 @@ declare class MaskedTextBoxComponent implements ControlValueAccessor, OnChanges,
      * @hidden
      */
     prefixTemplate: PrefixTemplateDirective;
-    protected isFocused: boolean;
-    private maskedValue;
+    private _isFocused;
+    private _maskedValue;
     private focusClick;
     private defaultRules;
+    private _focusableId;
+    private _disabled;
+    private _readonly;
+    private _title;
+    private _size;
+    private _rounded;
+    private _fillMode;
+    private _mask;
+    private _value;
+    private _prompt;
+    private _promptPlaceholder;
+    private _includeLiterals;
+    private _maskOnFocus;
+    private _maskValidation;
+    private _tabindex;
     private _rules;
     private isPasted;
     private selection;
     private control;
-    private _size;
-    private _rounded;
-    private _fillMode;
     private _inputAttributes;
     private parsedAttributes;
     private pendingValueUpdate;
+    private subscriptions;
     constructor(service: MaskingService, renderer: Renderer2, hostElement: ElementRef, ngZone: NgZone, injector: Injector, changeDetector: ChangeDetectorRef, rtl: boolean);
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /**
      * @hidden
      * Used by the FloatingLabel to determine if the MaskedTextBox is empty.
@@ -1804,34 +1917,40 @@ declare class TextBoxComponent implements ControlValueAccessor {
     /**
      * @hidden
      */
-    focusableId: string;
+    set focusableId(value: string);
+    get focusableId(): string;
     /**
      * Sets the `title` attribute of the `input` element of the TextBox.
      *
      * @remarks
      * This property is related to accessibility.
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * Sets the `type` attribute of the `input` element of the TextBox.
      * @default 'text'
      */
-    type: InputType;
+    set type(value: InputType);
+    get type(): InputType;
     /**
      * Sets the disabled state of the TextBox. To disable the component in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/forms#managing-the-textbox-disabled-state-in-reactive-forms).
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * Sets the read-only state of the component.
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Specifies the `tabindex` of the TextBox.
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * Provides a value for the TextBox.
      */
@@ -1841,48 +1960,58 @@ declare class TextBoxComponent implements ControlValueAccessor {
      * Highlights the whole value when you click the TextBox.
      * @default false
      */
-    selectOnFocus: boolean;
+    set selectOnFocus(value: boolean);
+    get selectOnFocus(): boolean;
     /**
      * Specifies when to show the Success icon ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/validation-icons)).
      *
      * @default false
      */
-    showSuccessIcon: IconShowOptions;
+    set showSuccessIcon(value: IconShowOptions);
+    get showSuccessIcon(): IconShowOptions;
     /**
      * Specifies when to show the Error icon ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/validation-icons)).
      *
      * @default false
      */
-    showErrorIcon: IconShowOptions;
+    set showErrorIcon(value: IconShowOptions);
+    get showErrorIcon(): IconShowOptions;
     /**
      * Shows a **Clear** button in the TextBox.
      * @default false
      */
-    clearButton: boolean;
+    set clearButton(value: boolean);
+    get clearButton(): boolean;
     /**
      * Sets a custom icon for valid user input.
      */
-    successIcon: string;
+    set successIcon(value: string);
+    get successIcon(): string;
     /**
      * Sets a custom SVG icon for valid user input.
      */
-    successSvgIcon: SVGIcon$1;
+    set successSvgIcon(value: SVGIcon$1);
+    get successSvgIcon(): SVGIcon$1;
     /**
      * Sets a custom icon for invalid user input.
      */
-    errorIcon: string;
+    set errorIcon(value: string);
+    get errorIcon(): string;
     /**
      * Sets a custom SVG icon for invalid user input.
      */
-    errorSvgIcon: SVGIcon$1;
+    set errorSvgIcon(value: SVGIcon$1);
+    get errorSvgIcon(): SVGIcon$1;
     /**
      * Sets a custom icon for the **Clear** button.
      */
-    clearButtonIcon: string;
+    set clearButtonIcon(value: string);
+    get clearButtonIcon(): string;
     /**
      * Sets a custom SVG icon for the **Clear** button.
      */
-    clearButtonSvgIcon: SVGIcon$1;
+    set clearButtonSvgIcon(value: SVGIcon$1);
+    get clearButtonSvgIcon(): SVGIcon$1;
     /**
      * Sets the padding of the TextBox internal input element ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/appearance#size)). The default value is set by the Kendo theme.
      */
@@ -1901,16 +2030,18 @@ declare class TextBoxComponent implements ControlValueAccessor {
     /**
      * @hidden
      */
-    set tabIndex(tabIndex: number);
+    set tabIndex(value: number);
     get tabIndex(): number;
     /**
      * Sets the placeholder text displayed when the component is empty.
      */
-    placeholder: string;
+    set placeholder(value: string);
+    get placeholder(): string;
     /**
      * Sets the maximum length of the TextBox value.
      */
-    maxlength: number;
+    set maxlength(value: number);
+    get maxlength(): number;
     /**
      * Sets the HTML attributes of the inner focusable input element. You cannot change attributes that are essential for component functionality.
      */
@@ -1968,7 +2099,7 @@ declare class TextBoxComponent implements ControlValueAccessor {
     /**
      * @hidden
      */
-    showClearButton: boolean;
+    showClearButton: i0.Signal<boolean>;
     /**
      * @hidden
      */
@@ -1983,20 +2114,37 @@ declare class TextBoxComponent implements ControlValueAccessor {
     prefix: TextBoxPrefixTemplateDirective | PrefixTemplateDirective;
     protected control: NgControl;
     protected subscriptions: Subscription;
+    private _focusableId;
+    private _title;
+    private _type;
+    private _disabled;
+    private _readonly;
+    private _tabindex;
     private _value;
-    private _isFocused;
-    private focusChangedProgrammatically;
-    private _inputAttributes;
+    private _selectOnFocus;
+    private _showSuccessIcon;
+    private _showErrorIcon;
+    private _clearButton;
+    private _successIcon;
+    private _successSvgIcon;
+    private _errorIcon;
+    private _errorSvgIcon;
+    private _clearButtonIcon;
+    private _clearButtonSvgIcon;
     private _size;
     private _rounded;
     private _fillMode;
+    private _placeholder;
+    private _maxlength;
+    private _inputAttributes;
+    private _isFocused;
+    private focusChangedProgrammatically;
     private parsedAttributes;
     private get defaultAttributes();
     constructor(localizationService: LocalizationService, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, injector: Injector, hostElement: ElementRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /**
      * @hidden
@@ -2026,10 +2174,6 @@ declare class TextBoxComponent implements ControlValueAccessor {
      * @hidden
      */
     clearTitle(): string;
-    /**
-     * @hidden
-     */
-    checkClearButton(): void;
     /**
      * @hidden
      */
@@ -2191,7 +2335,9 @@ declare class TextBoxMessages extends ComponentMessages {
     /**
      * The title of the **Clear** button of the TextBox.
      */
-    clear: string;
+    set clear(value: string);
+    get clear(): string;
+    private _clear;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxMessages, "kendo-textbox-messages-base", never, { "clear": { "alias": "clear"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -2343,11 +2489,15 @@ declare class TextAreaPrefixComponent {
     /**
      * @hidden
      */
-    flow: string;
+    set flow(flow: TextAreaFlow);
+    get flow(): TextAreaFlow;
     /**
      * @hidden
      */
-    orientation: string;
+    set orientation(orientation: TextAreaAdornmentsOrientation);
+    get orientation(): TextAreaAdornmentsOrientation;
+    private _flow;
+    private _orientation;
     hostClass: boolean;
     get verticalOrientation(): boolean;
     get horizontalOrientation(): boolean;
@@ -2372,13 +2522,17 @@ declare class TextAreaPrefixComponent {
  */
 declare class TextAreaSuffixComponent {
     /**
-     * @hidden
-     */
-    flow: string;
+    * @hidden
+    */
+    set flow(flow: TextAreaFlow);
+    get flow(): TextAreaFlow;
     /**
      * @hidden
      */
-    orientation: string;
+    set orientation(orientation: TextAreaAdornmentsOrientation);
+    get orientation(): TextAreaAdornmentsOrientation;
+    private _flow;
+    private _orientation;
     hostClass: boolean;
     get verticalOrientation(): boolean;
     get horizontalOrientation(): boolean;
@@ -2400,7 +2554,7 @@ declare class TextAreaSuffixComponent {
  * @remarks
  * Supported children components are: {@link TextAreaPrefixComponent}, {@link TextAreaSuffixComponent}.
  */
-declare class TextAreaComponent extends TextFieldsBase implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit, AfterContentInit, OnDestroy {
+declare class TextAreaComponent extends TextFieldsBase implements ControlValueAccessor, OnInit, AfterViewInit, AfterContentInit, OnDestroy {
     protected localizationService: LocalizationService;
     protected ngZone: NgZone;
     protected changeDetector: ChangeDetectorRef;
@@ -2410,10 +2564,10 @@ declare class TextAreaComponent extends TextFieldsBase implements ControlValueAc
     /**
      * @hidden
      */
-    focusableId: string;
+    set focusableId(value: string);
+    get focusableId(): string;
     get flowCol(): boolean;
     get flowRow(): boolean;
-    private _flow;
     /**
      * Specifies the flow direction of the TextArea sections. Use this property to set the position of adornments relative to the text area.
      */
@@ -2437,24 +2591,29 @@ declare class TextAreaComponent extends TextFieldsBase implements ControlValueAc
     /**
      * Sets the visible height of the text area in lines.
      */
-    rows: number;
+    set rows(value: number);
+    get rows(): number;
     /**
      * Sets the visible width of the text area in average character width.
      */
-    cols: number;
+    set cols(value: number);
+    get cols(): number;
     /**
      * Sets the maximum number of characters allowed in the text area.
      */
-    maxlength: number;
+    set maxlength(value: number);
+    get maxlength(): number;
     /**
      * @hidden
      */
-    maxResizableRows: number;
+    set maxResizableRows(value: number);
+    get maxResizableRows(): number;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * @hidden
      */
@@ -2466,7 +2625,8 @@ declare class TextAreaComponent extends TextFieldsBase implements ControlValueAc
      *
      * @default 'vertical'
      */
-    resizable: TextAreaResize;
+    set resizable(value: TextAreaResize);
+    get resizable(): TextAreaResize;
     /**
      * Sets the size of the TextArea. Controls the padding of the text area element ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/appearance#size)). The default value is set by the Kendo theme.
      */
@@ -2488,14 +2648,21 @@ declare class TextAreaComponent extends TextFieldsBase implements ControlValueAc
      *
      * @default false
      */
-    showPrefixSeparator: boolean;
+    set showPrefixSeparator(value: boolean);
+    get showPrefixSeparator(): boolean;
     /**
      * Shows the suffix separator in the TextArea.
      * The separator is rendered only if a suffix template is declared.
      *
      * @default false
      */
-    showSuffixSeparator: boolean;
+    set showSuffixSeparator(value: boolean);
+    get showSuffixSeparator(): boolean;
+    /**
+     * Provides a value for the TextArea component.
+     */
+    set value(value: string);
+    get value(): string;
     /**
      * Fires when the TextArea is focused.
      *
@@ -2518,11 +2685,22 @@ declare class TextAreaComponent extends TextFieldsBase implements ControlValueAc
     private maxResizableHeight;
     private resizeSubscription;
     private resizeObserver;
+    private _focusableId;
+    private _flow;
+    private _adornmentsOrientation;
+    private _inputAttributes;
+    private _rows;
+    private _cols;
+    private _maxlength;
+    private _maxResizableRows;
+    private _tabindex;
+    private _resizable;
     private _size;
     private _rounded;
     private _fillMode;
-    private _adornmentsOrientation;
-    private _inputAttributes;
+    private _showPrefixSeparator;
+    private _showSuffixSeparator;
+    private _valueState;
     private parsedAttributes;
     private get defaultAttributes();
     constructor(localizationService: LocalizationService, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, injector: Injector, hostElement: ElementRef);
@@ -2608,7 +2786,7 @@ declare class TextAreaComponent extends TextFieldsBase implements ControlValueAc
     private handleFlow;
     private setInputAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "kendo-textarea", ["kendoTextArea"], { "focusableId": { "alias": "focusableId"; "required": false; }; "flow": { "alias": "flow"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "adornmentsOrientation": { "alias": "adornmentsOrientation"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "maxResizableRows": { "alias": "maxResizableRows"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "showPrefixSeparator": { "alias": "showPrefixSeparator"; "required": false; }; "showSuffixSeparator": { "alias": "showSuffixSeparator"; "required": false; }; }, { "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; }, ["prefix", "suffix"], ["kendo-textarea-prefix", "kendo-textarea-suffix"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "kendo-textarea", ["kendoTextArea"], { "focusableId": { "alias": "focusableId"; "required": false; }; "flow": { "alias": "flow"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "adornmentsOrientation": { "alias": "adornmentsOrientation"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "maxResizableRows": { "alias": "maxResizableRows"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "showPrefixSeparator": { "alias": "showPrefixSeparator"; "required": false; }; "showSuffixSeparator": { "alias": "showSuffixSeparator"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; }, ["prefix", "suffix"], ["kendo-textarea-prefix", "kendo-textarea-suffix"], true, never>;
 }
 
 /**
@@ -2643,30 +2821,35 @@ declare class RadioCheckBoxBase implements ControlValueAccessor {
     /**
      * @hidden
      */
-    focusableId: string;
+    set focusableId(value: string);
+    get focusableId(): string;
     /**
      * Sets the `title` attribute of the `input` element of the component.
      *
      * @remarks
      * This property is related to accessibility.
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * Sets the `name` attribute for the component.
      */
-    name: string;
+    set name(value: string);
+    get name(): string;
     /**
      * Sets the disabled state of the component.
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * Specifies the `tabindex` of the component.
      *
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * @hidden
      */
@@ -2675,7 +2858,8 @@ declare class RadioCheckBoxBase implements ControlValueAccessor {
     /**
      * Provides a value for the component.
      */
-    value: string;
+    set value(val: string);
+    get value(): string;
     /**
      * The size property specifies the width and height of the component. The default value is set by the Kendo theme.
      *
@@ -2768,13 +2952,17 @@ declare class RadioCheckBoxBase implements ControlValueAccessor {
     protected parsedAttributes: {
         [key: string]: string;
     };
-    protected _inputAttributes: {
-        [key: string]: string;
-    };
     protected ngChange: Function;
     protected ngTouched: Function;
     private _isFocused;
+    private _focusableId;
+    private _title;
+    private _name;
+    private _disabled;
+    private _tabindex;
+    private _value;
     private _size;
+    private _inputAttributes;
     constructor(componentType: ComponentType, hostElement: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef, ngZone: NgZone, injector: Injector);
     /**
      * @hidden
@@ -2795,7 +2983,7 @@ declare class RadioCheckBoxBase implements ControlValueAccessor {
  * <kendo-checkbox [(checkedState)]="value"></kendo-checkbox>
  * ```
  */
-declare class CheckBoxComponent extends RadioCheckBoxBase implements ControlValueAccessor, OnInit, AfterViewInit {
+declare class CheckBoxComponent extends RadioCheckBoxBase implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     protected renderer: Renderer2;
     hostElement: ElementRef;
     protected cdr: ChangeDetectorRef;
@@ -2832,9 +3020,11 @@ declare class CheckBoxComponent extends RadioCheckBoxBase implements ControlValu
      */
     get isIndeterminate(): boolean;
     protected get defaultAttributes(): any;
+    private subs;
     private _rounded;
     private _checkedState;
     constructor(renderer: Renderer2, hostElement: ElementRef, cdr: ChangeDetectorRef, ngZone: NgZone, injector: Injector);
+    ngOnDestroy(): void;
     ngAfterViewInit(): void;
     /**
      * @hidden
@@ -2909,7 +3099,8 @@ declare class RadioButtonComponent extends RadioCheckBoxBase implements ControlV
      *
      * @default false
      */
-    checked: boolean;
+    set checked(value: boolean);
+    get checked(): boolean;
     /**
      * Fires when the checked state changes.
      * The event does not fire when you change the state through `ngModel` or `formControl` bindings.
@@ -2917,6 +3108,7 @@ declare class RadioButtonComponent extends RadioCheckBoxBase implements ControlV
      */
     checkedChange: EventEmitter<boolean>;
     private subs;
+    private _checked;
     protected get defaultAttributes(): any;
     constructor(renderer: Renderer2, hostElement: ElementRef, cdr: ChangeDetectorRef, ngZone: NgZone, injector: Injector, localizationService: LocalizationService);
     ngOnInit(): void;
@@ -2968,11 +3160,15 @@ declare class Messages extends ComponentMessages {
     /**
      * The title of the **On** button of the Switch.
      */
-    on: string;
+    set on(value: string);
+    get on(): string;
     /**
      * The title of the **Off** button of the Switch.
      */
-    off: string;
+    set off(value: string);
+    get off(): string;
+    private _on;
+    private _off;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-switch-messages-base", never, { "on": { "alias": "on"; "required": false; }; "off": { "alias": "off"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -3077,17 +3273,20 @@ declare class FormComponent implements AfterContentInit, OnChanges, OnDestroy {
      *
      * @default 'vertical'
      */
-    orientation: Orientation;
+    set orientation(orientation: Orientation);
+    get orientation(): Orientation;
     /**
      * Defines the number of columns in the form.
      * Can be a number or an array of responsive breakpoints.
      */
-    cols: number | ResponsiveFormBreakPoint[];
+    set cols(cols: number | ResponsiveFormBreakPoint[]);
+    get cols(): number | ResponsiveFormBreakPoint[];
     /**
      * Defines the gutters for the form.
      * You can specify gutters for rows and columns.
      */
-    gutters: number | string | ResponsiveFormBreakPoint[] | Gutters;
+    set gutters(gutters: number | string | ResponsiveFormBreakPoint[] | Gutters);
+    get gutters(): number | string | ResponsiveFormBreakPoint[] | Gutters;
     /**
      * @hidden
      */
@@ -3107,6 +3306,9 @@ declare class FormComponent implements AfterContentInit, OnChanges, OnDestroy {
     get formClass(): string;
     get horizontalClass(): boolean;
     direction: string;
+    private _orientation;
+    private _cols;
+    private _gutters;
     private _formColumnsNumber;
     private _formGutters;
     private subscriptions;
@@ -3138,7 +3340,9 @@ declare class FormSeparatorComponent implements OnChanges, OnDestroy {
      * Defines the colspan for the separator element related to the parent Form component columns.
      * Can be a number or an array of responsive breakpoints.
      */
-    colSpan: number | ResponsiveFormBreakPoint[];
+    set colSpan(colSpan: number | ResponsiveFormBreakPoint[]);
+    get colSpan(): number | ResponsiveFormBreakPoint[];
+    private _colSpan;
     private _formWidth;
     private _colSpanClass;
     private _previousColSpan;
@@ -3168,22 +3372,26 @@ declare class FormFieldSetComponent implements OnInit, OnChanges, OnDestroy {
     /**
      * Defines the legend for the fieldset.
      */
-    legend: string;
+    set legend(legend: string);
+    get legend(): string;
     /**
      * Defines the number of columns of the fieldset.
      * Can be a number or an array of responsive breakpoints.
      */
-    cols: number | ResponsiveFormBreakPoint[];
+    set cols(cols: number | ResponsiveFormBreakPoint[]);
+    get cols(): number | ResponsiveFormBreakPoint[];
     /**
      * Defines the gutters for the fieldset.
      * You can specify gutters for rows and columns.
      */
-    gutters: number | string | ResponsiveFormBreakPoint[] | Gutters;
+    set gutters(gutters: number | string | ResponsiveFormBreakPoint[] | Gutters);
+    get gutters(): number | string | ResponsiveFormBreakPoint[] | Gutters;
     /**
      * Defines the colspan for the fieldset related to the parent Form component columns.
      * Can be a number or an array of responsive breakpoints.
      */
-    colSpan: number | ResponsiveFormBreakPoint[];
+    set colSpan(colSpan: number | ResponsiveFormBreakPoint[]);
+    get colSpan(): number | ResponsiveFormBreakPoint[];
     /**
      * @hidden
      */
@@ -3192,6 +3400,10 @@ declare class FormFieldSetComponent implements OnInit, OnChanges, OnDestroy {
      * @hidden
      */
     guttersStyle: string;
+    private _legend;
+    private _cols;
+    private _gutters;
+    private _colSpan;
     private _formColumnsNumber;
     private _colSpanClass;
     private _formWidth;
@@ -3305,7 +3517,7 @@ declare class HintComponent {
  * @remarks
  * Supported children components are: {@link ErrorComponent}, {@link HintComponent}, {@link TextBoxComponent}, {@link NumericTextBoxComponent}, {@link MaskedTextBoxComponent}, {@link TextAreaComponent}, {@link DatePickerComponent}, {@link DateTimePickerComponent}, {@link DateInputComponent}, {@link OTPInputComponent}.
  */
-declare class FormFieldComponent implements AfterViewInit, AfterViewChecked, OnChanges, OnDestroy {
+declare class FormFieldComponent implements AfterViewInit, AfterViewChecked, OnDestroy {
     private renderer;
     private localizationService;
     private hostElement;
@@ -3329,7 +3541,8 @@ declare class FormFieldComponent implements AfterViewInit, AfterViewChecked, OnC
      *
      * @default 'initial'
      */
-    showHints: ShowOptions;
+    set showHints(showHints: ShowOptions);
+    get showHints(): ShowOptions;
     /**
      * Specifies the layout orientation of the form field.
      *
@@ -3337,7 +3550,8 @@ declare class FormFieldComponent implements AfterViewInit, AfterViewChecked, OnC
      *
      * @default 'vertical'
      */
-    orientation: Orientation;
+    set orientation(orientation: Orientation);
+    get orientation(): Orientation;
     /**
      * Specifies when to show the error messages:
      * * `initial`&mdash;Shows errors when the form control is `invalid` and `touched` or `dirty`.
@@ -3345,12 +3559,14 @@ declare class FormFieldComponent implements AfterViewInit, AfterViewChecked, OnC
      *
      * @default 'initial'
      */
-    showErrors: ShowOptions;
+    set showErrors(showErrors: ShowOptions);
+    get showErrors(): ShowOptions;
     /**
      * Defines the colspan for the form field.
      * Can be a number or an array of responsive breakpoints.
      */
-    colSpan: number | ResponsiveFormBreakPoint[];
+    set colSpan(colSpan: number | ResponsiveFormBreakPoint[]);
+    get colSpan(): number | ResponsiveFormBreakPoint[];
     /**
      * @hidden
      */
@@ -3363,6 +3579,12 @@ declare class FormFieldComponent implements AfterViewInit, AfterViewChecked, OnC
      * @hidden
      */
     get hasErrors(): boolean;
+    private _showHints;
+    private _orientation;
+    private _showErrors;
+    private _colSpan;
+    private _hasHintsSignal;
+    private _hasErrorsSignal;
     private control;
     private subscriptions;
     private rtl;
@@ -3372,7 +3594,6 @@ declare class FormFieldComponent implements AfterViewInit, AfterViewChecked, OnC
     constructor(renderer: Renderer2, localizationService: LocalizationService, hostElement: ElementRef<HTMLElement>, formService: FormService);
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     private disabledKendoInput;
     private disabledControl;
@@ -3398,15 +3619,21 @@ declare class SliderMessages extends ComponentMessages {
     /**
      * The title of the **Decrease** button of the Slider.
      */
-    decrement: string;
+    set decrement(value: string);
+    get decrement(): string;
     /**
      * The title of the **Increase** button of the Slider.
      */
-    increment: string;
+    set increment(value: string);
+    get increment(): string;
     /**
      * The title of the drag handle of the Slider.
      */
-    dragHandle: string;
+    set dragHandle(value: string);
+    get dragHandle(): string;
+    private _decrement;
+    private _increment;
+    private _dragHandle;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SliderMessages, "kendo-slider-messages-base", never, { "decrement": { "alias": "decrement"; "required": false; }; "increment": { "alias": "increment"; "required": false; }; "dragHandle": { "alias": "dragHandle"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -3429,11 +3656,15 @@ declare class RangeSliderMessages extends ComponentMessages {
     /**
      * The title of the range `start` drag handle.
      */
-    dragHandleStart: string;
+    set dragHandleStart(value: string);
+    get dragHandleStart(): string;
     /**
      * The title of the range `end` drag handle.
      */
-    dragHandleEnd: string;
+    set dragHandleEnd(value: string);
+    get dragHandleEnd(): string;
+    private _dragHandleStart;
+    private _dragHandleEnd;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RangeSliderMessages, "kendo-rangeslider-messages-base", never, { "dragHandleStart": { "alias": "dragHandleStart"; "required": false; }; "dragHandleEnd": { "alias": "dragHandleEnd"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -3584,6 +3815,7 @@ declare class RatingComponent implements OnInit, AfterViewInit, OnDestroy, Contr
     private localizationService;
     private cdr;
     private zone;
+    private injector;
     itemTemplate: RatingItemTemplateDirective;
     hoveredItemTemplate: RatingHoveredItemTemplateDirective;
     selectedItemTemplate: RatingSelectedItemTemplateDirective;
@@ -3594,7 +3826,8 @@ declare class RatingComponent implements OnInit, AfterViewInit, OnDestroy, Contr
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     get ariaDisabled(): true | undefined;
     /**
      * When `true`, sets the Rating to read-only ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/rating/readonly)).
@@ -3602,20 +3835,23 @@ declare class RatingComponent implements OnInit, AfterViewInit, OnDestroy, Contr
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     get ariaReadonly(): true | undefined;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Rating.
      *
      * @default 0
      */
-    tabindex: number;
+    set tabindex(value: number);
+    get tabindex(): number;
     /**
      * Sets the number of Rating items ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/rating/items)).
      *
      * @default 5
      */
-    itemsCount: number;
+    set itemsCount(value: number);
+    get itemsCount(): number;
     /**
      * Sets the initial value of the Rating component.
      * Use either `ngModel` or the `value` binding, but not both at the same time.
@@ -3639,19 +3875,23 @@ declare class RatingComponent implements OnInit, AfterViewInit, OnDestroy, Contr
     /**
      * Sets the label text for the Rating. The text renders in a `<span>` element ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/rating/label)).
      */
-    label: string;
+    set label(value: string);
+    get label(): string;
     /**
      * Sets a custom font icon for the Rating items ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/rating/icon)).
      */
-    icon: string;
+    set icon(value: string);
+    get icon(): string;
     /**
      * Sets a custom SVG icon for the selected or hovered state of the Rating items ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/rating/icon)).
      */
-    svgIcon: SVGIcon;
+    set svgIcon(value: SVGIcon);
+    get svgIcon(): SVGIcon;
     /**
      * Sets a custom SVG icon for the default state of the Rating items when not hovered or selected ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/rating/icon)).
      */
-    svgIconOutline: SVGIcon;
+    set svgIconOutline(value: SVGIcon);
+    get svgIconOutline(): SVGIcon;
     /**
      * Fires when the user selects a new value.
      */
@@ -3674,8 +3914,16 @@ declare class RatingComponent implements OnInit, AfterViewInit, OnDestroy, Contr
     private _value;
     private _selection;
     private _precision;
+    private _disabled;
+    private _readonly;
+    private _tabindex;
+    private _itemsCount;
+    private _label;
+    private _icon;
+    private _svgIcon;
+    private _svgIconOutline;
     private subscriptions;
-    constructor(element: ElementRef, renderer: Renderer2, localizationService: LocalizationService, cdr: ChangeDetectorRef, zone: NgZone);
+    constructor(element: ElementRef, renderer: Renderer2, localizationService: LocalizationService, cdr: ChangeDetectorRef, zone: NgZone, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -3768,9 +4016,9 @@ declare class SignatureComponent implements ControlValueAccessor {
     private element;
     private renderer;
     private ngZone;
-    private cd;
     localization: LocalizationService;
     private cdr;
+    private injector;
     /**
      * @hidden
      */
@@ -3783,7 +4031,8 @@ declare class SignatureComponent implements ControlValueAccessor {
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Sets the disabled state of the Signature.
      *
@@ -3792,19 +4041,22 @@ declare class SignatureComponent implements ControlValueAccessor {
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * Sets the width of the Signature in pixels.
      *
      * You can also set the width using inline styles or CSS.
      */
-    width: number;
+    set width(value: number);
+    get width(): number;
     /**
      * Sets the height of the Signature in pixels.
      *
      * You can also set the height using inline styles or CSS.
      */
-    height: number;
+    set height(value: number);
+    get height(): number;
     /**
      * Gets or sets the value of the Signature.
      *
@@ -3827,53 +4079,62 @@ declare class SignatureComponent implements ControlValueAccessor {
      * Sets the padding of the Signature internal controls
      * ([ee example](https://www.telerik.com/kendo-angular-ui/components/inputs/signature/appearance#size)). The default value is set by the Kendo theme.
      */
-    size: InputSize;
+    set size(value: InputSize);
+    get size(): InputSize;
     /**
      * Sets the border radius of the Signature
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/signature/appearance#rounded-corners)). The default value is set by the Kendo theme.
      */
-    rounded: InputRounded;
+    set rounded(value: InputRounded);
+    get rounded(): InputRounded;
     /**
      * Sets the background and border styles of the Signature
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/signature/appearance#fill-mode)). The default value is set by the Kendo theme.
      */
-    fillMode: InputFillMode;
+    set fillMode(value: InputFillMode);
+    get fillMode(): InputFillMode;
     /**
      * Sets the stroke color of the Signature.
      *
      * Accepts CSS color names and hex values.
      * The default value is determined by the theme `$kendo-input-text` variable.
      */
-    color: any;
+    set color(value: any);
+    get color(): any;
     /**
      * Sets the background color of the Signature.
      *
      * Accepts CSS color names and hex values.
      * The default value is determined by the theme `$kendo-input-bg` variable.
      */
-    backgroundColor: any;
+    set backgroundColor(value: any);
+    get backgroundColor(): any;
     /**
      * Sets the stroke width of the Signature.
      *
      * @default 1
      */
-    strokeWidth: number;
+    set strokeWidth(value: number);
+    get strokeWidth(): number;
     /**
      * When set to `true`, smooths out signature lines.
      *
      * @default false
      */
-    smooth: boolean;
+    set smooth(value: boolean);
+    get smooth(): boolean;
     /**
      * When set to `true`, allows the Signature to be maximized.
      *
      * @default true
      */
-    maximizable: boolean;
+    set maximizable(value: boolean);
+    get maximizable(): boolean;
     /**
      * @hidden
      */
-    maximized: boolean;
+    set maximized(value: boolean);
+    get maximized(): boolean;
     /**
      * Sets the scale factor for the popup.
      *
@@ -3881,7 +4142,8 @@ declare class SignatureComponent implements ControlValueAccessor {
      *
      * @default 3
      */
-    popupScale: number;
+    set popupScale(value: number);
+    get popupScale(): number;
     /**
      * Sets the scale factor for the exported image.
      *
@@ -3889,7 +4151,8 @@ declare class SignatureComponent implements ControlValueAccessor {
      *
      * @default 2
      */
-    exportScale: number;
+    set exportScale(value: number);
+    get exportScale(): number;
     /**
      * @hidden
      */
@@ -3899,7 +4162,8 @@ declare class SignatureComponent implements ControlValueAccessor {
      *
      * @default false
      */
-    hideLine: boolean;
+    set hideLine(value: boolean);
+    get hideLine(): boolean;
     /**
      * Fires when the signature value changes.
      */
@@ -3934,11 +4198,11 @@ declare class SignatureComponent implements ControlValueAccessor {
     /**
      * Indicates if the Signature wrapper is focused.
      */
-    isFocused: boolean;
+    get isFocused(): boolean;
     /**
      * Indicates if the Signature popup is open.
      */
-    isOpen: boolean;
+    get isOpen(): boolean;
     /**
      * @hidden
      */
@@ -3978,7 +4242,7 @@ declare class SignatureComponent implements ControlValueAccessor {
     /**
      * @hidden
      */
-    isDrawing: boolean;
+    get isDrawing(): boolean;
     /**
      * @hidden
      */
@@ -4000,12 +4264,31 @@ declare class SignatureComponent implements ControlValueAccessor {
     private notifyNgTouched;
     private notifyNgChanged;
     private instance;
-    private _value;
-    private _tabindex;
     private subscriptions;
     private unsubscribe;
     private hostClasses;
-    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone, cd: ChangeDetectorRef, localization: LocalizationService, cdr: ChangeDetectorRef);
+    private _isFocusedSignal;
+    private _isOpenSignal;
+    private _isDrawingSignal;
+    private _readonly;
+    private _disabled;
+    private _width;
+    private _height;
+    private _value;
+    private _tabindexSignal;
+    private _size;
+    private _rounded;
+    private _fillMode;
+    private _color;
+    private _backgroundColor;
+    private _strokeWidth;
+    private _smooth;
+    private _maximizable;
+    private _maximized;
+    private _popupScale;
+    private _exportScale;
+    private _hideLine;
+    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -4111,19 +4394,27 @@ declare class SignatureMessages extends ComponentMessages {
     /**
      * The title of the Clear button of the Signature.
      */
-    clear: string;
+    set clear(value: string);
+    get clear(): string;
     /**
      * The title of the Minimize button of the Signature.
      */
-    minimize: string;
+    set minimize(value: string);
+    get minimize(): string;
     /**
      * The title of the Maximize button of the Signature.
      */
-    maximize: string;
+    set maximize(value: string);
+    get maximize(): string;
     /**
      * The value of the Signature canvas element aria-label attribute.
      */
-    canvasLabel: string;
+    set canvasLabel(value: string);
+    get canvasLabel(): string;
+    private _clear;
+    private _minimize;
+    private _maximize;
+    private _canvasLabel;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignatureMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SignatureMessages, "kendo-signature-messages-base", never, { "clear": { "alias": "clear"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "maximize": { "alias": "maximize"; "required": false; }; "canvasLabel": { "alias": "canvasLabel"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -4417,7 +4708,8 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
      * Specifies the views rendered in the popup.
      * By default, both the gradient and palette views are rendered.
      */
-    views: Array<ColorPickerView>;
+    set views(views: Array<ColorPickerView>);
+    get views(): Array<ColorPickerView>;
     /**
      * @hidden
      */
@@ -4427,23 +4719,27 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
      * Enables or disables the adaptive mode.
      * By default, adaptive rendering is disabled.
      */
-    adaptiveMode: AdaptiveMode;
+    set adaptiveMode(adaptiveMode: AdaptiveMode);
+    get adaptiveMode(): AdaptiveMode;
     /**
      * Sets the initially active view in the popup. Supports two-way binding.
      */
-    activeView: ColorPickerView;
+    set activeView(activeView: ColorPickerView);
+    get activeView(): ColorPickerView;
     /**
      * Sets the read-only state of the ColorPicker.
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(readonly: boolean);
+    get readonly(): boolean;
     /**
      * Sets the disabled state of the ColorPicker. To disable it in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/forms#managing-the-colorpicker-disabled-state-in-reactive-forms).
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(disabled: boolean);
+    get disabled(): boolean;
     /**
      * Specifies the output format of the ColorPicker.
      *
@@ -4451,7 +4747,8 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
      *
      * @default 'rgba'
      */
-    format: OutputFormat;
+    set format(format: OutputFormat);
+    get format(): OutputFormat;
     /**
      * Sets the value of the selected color.
      */
@@ -4476,14 +4773,18 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
      * Defines the name of an existing icon in the Kendo UI theme.
      * Provide only the name of the icon without the `k-icon` or `k-i-` prefixes.
      */
-    icon: string;
+    set icon(icon: string);
+    get icon(): string;
     /**
      * A CSS class name which displays an icon in the ColorPicker button.
      * `iconClass` is compatible with the `ngClass` syntax.
      *
      * Takes precedence over `icon` if both are defined.
      */
-    iconClass: string | Array<string> | {
+    set iconClass(iconClass: string | Array<string> | {
+        [key: string]: boolean;
+    });
+    get iconClass(): string | Array<string> | {
         [key: string]: boolean;
     };
     /**
@@ -4495,18 +4796,21 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
     /**
      * Sets the title of the ActionSheet rendered instead of the Popup on small screens.
      */
-    adaptiveTitle: string;
+    set adaptiveTitle(adaptiveTitle: string);
+    get adaptiveTitle(): string;
     /**
      * Sets the subtitle of the ActionSheet rendered instead of the Popup on small screens.
      * By default, the ActionSheet does not render a subtitle.
      */
-    adaptiveSubtitle: any;
+    set adaptiveSubtitle(adaptiveSubtitle: any);
+    get adaptiveSubtitle(): any;
     /**
      * Specifies whether the ColorPicker displays a **Clear color** button.
      *
      * @default true
      */
-    clearButton: boolean;
+    set clearButton(clearButton: boolean);
+    get clearButton(): boolean;
     /**
      * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      *
@@ -4525,13 +4829,15 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
      *
      * @default false
      */
-    preview: boolean;
+    set preview(preview: boolean);
+    get preview(): boolean;
     /**
      * Configures the layout of the **Apply** and **Cancel** action buttons.
      *
      * @default 'end'
      */
-    actionsLayout: ColorPickerActionsLayout;
+    set actionsLayout(actionsLayout: ColorPickerActionsLayout);
+    get actionsLayout(): ColorPickerActionsLayout;
     /**
      * The size property specifies the padding of the ColorPicker internal elements
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpicker/appearance#size)). The default value is set by the Kendo theme.
@@ -4598,7 +4904,9 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
     /**
      * Indicates whether the ColorPicker wrapper is focused.
      */
-    isFocused: boolean;
+    private _isFocused;
+    get isFocused(): boolean;
+    set isFocused(value: boolean);
     /**
     * @hidden
     */
@@ -4649,20 +4957,34 @@ declare class ColorPickerComponent implements OnInit, AfterViewInit, OnChanges,
      */
     arrowDownIcon: SVGIcon$1;
     private popupRef;
-    private _svgIcon;
-    private _value;
-    private _tabindex;
-    private _popupSettings;
-    private _paletteSettings;
-    private _gradientSettings;
-    private _size;
-    private _rounded;
-    private _fillMode;
     private dynamicRTLSubscription;
     private subscriptions;
     private popupSubs;
     private colorPickerId;
     private control;
+    private _views;
+    private _adaptiveMode;
+    private _activeView;
+    private _readonly;
+    private _disabled;
+    private _format;
+    private _value;
+    private _popupSettingsSignal;
+    private _paletteSettingsSignal;
+    private _gradientSettingsSignal;
+    private _icon;
+    private _iconClass;
+    private _svgIconSignal;
+    private _adaptiveTitle;
+    private _adaptiveSubtitle;
+    private _clearButton;
+    private _tabindexSignal;
+    private _preview;
+    private _actionsLayout;
+    private _sizeSignal;
+    private _roundedSignal;
+    private _fillModeSignal;
+    private _isOpen;
     constructor(host: ElementRef, popupService: PopupService, cdr: ChangeDetectorRef, localizationService: LocalizationService, ngZone: NgZone, renderer: Renderer2, injector: Injector, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -4792,123 +5114,183 @@ declare class ColorPickerMessages extends ComponentMessages {
     /**
      * Sets the `aria-label` for the ColorPalette component when the value is empty.
      */
-    colorPaletteNoColor: string;
+    set colorPaletteNoColor(value: string);
+    get colorPaletteNoColor(): string;
     /**
      * Sets the `aria-label` for the ColorGradient component when the value is empty.
      */
-    colorGradientNoColor: string;
+    set colorGradientNoColor(value: string);
+    get colorGradientNoColor(): string;
     /**
      * Sets the `aria-label` for the FlatColorPicker component when the value is empty.
      */
-    flatColorPickerNoColor: string;
+    set flatColorPickerNoColor(value: string);
+    get flatColorPickerNoColor(): string;
     /**
      * Sets the `aria-label` for the ColorPicker component when the value is empty.
      */
-    colorPickerNoColor: string;
+    set colorPickerNoColor(value: string);
+    get colorPickerNoColor(): string;
     /**
      * Sets the title for the gradient color drag handle chooser.
      */
-    colorGradientHandle: string;
+    set colorGradientHandle(value: string);
+    get colorGradientHandle(): string;
     /**
      * Sets the title for the clear button.
      */
-    clearButton: string;
+    set clearButton(value: string);
+    get clearButton(): string;
     /**
      * Sets the title for the hue slider handle.
      */
-    hueSliderHandle: string;
+    set hueSliderHandle(value: string);
+    get hueSliderHandle(): string;
     /**
      * Sets the title for the opacity slider handle.
      */
-    opacitySliderHandle: string;
+    set opacitySliderHandle(value: string);
+    get opacitySliderHandle(): string;
     /**
      * Sets the placeholder for the HEX color input.
      */
-    hexInputPlaceholder: string;
+    set hexInputPlaceholder(value: string);
+    get hexInputPlaceholder(): string;
     /**
      * Sets the placeholder for the red color input.
      */
-    redInputPlaceholder: string;
+    set redInputPlaceholder(value: string);
+    get redInputPlaceholder(): string;
     /**
      * Sets the placeholder for the green color input.
      */
-    greenInputPlaceholder: string;
+    set greenInputPlaceholder(value: string);
+    get greenInputPlaceholder(): string;
     /**
      * Sets the placeholder for the blue color input.
      */
-    blueInputPlaceholder: string;
+    set blueInputPlaceholder(value: string);
+    get blueInputPlaceholder(): string;
     /**
      * Sets the placeholder for the alpha input.
      */
-    alphaInputPlaceholder: string;
+    set alphaInputPlaceholder(value: string);
+    get alphaInputPlaceholder(): string;
     /**
      * Sets the `aria-label` for the red color input.
      */
-    redChannelLabel: string;
+    set redChannelLabel(value: string);
+    get redChannelLabel(): string;
     /**
      * Sets the `aria-label` for the green color input.
      */
-    greenChannelLabel: string;
+    set greenChannelLabel(value: string);
+    get greenChannelLabel(): string;
     /**
      * Sets the `aria-label` for the blue color input.
      */
-    blueChannelLabel: string;
+    set blueChannelLabel(value: string);
+    get blueChannelLabel(): string;
     /**
      * Sets the `aria-label` for the alpha color input.
      */
-    alphaChannelLabel: string;
+    set alphaChannelLabel(value: string);
+    get alphaChannelLabel(): string;
     /**
      * Sets the "Pass" message for the contrast tool.
      */
-    passContrast: string;
+    set passContrast(value: string);
+    get passContrast(): string;
     /**
      * Sets the "Fail" message for the contrast tool.
      */
-    failContrast: string;
+    set failContrast(value: string);
+    get failContrast(): string;
     /**
      * Sets the "Contrast ratio" message for the contrast tool.
      */
-    contrastRatio: string;
+    set contrastRatio(value: string);
+    get contrastRatio(): string;
     /**
      * Sets the message for the color preview pane.
      */
-    previewColor: string;
+    set previewColor(value: string);
+    get previewColor(): string;
     /**
      * Sets the message for the selected color pane.
      */
-    revertSelection: string;
+    set revertSelection(value: string);
+    get revertSelection(): string;
     /**
      * Sets the message for the gradient view button.
      */
-    gradientView: string;
+    set gradientView(value: string);
+    get gradientView(): string;
     /**
      * Sets the message for the palette view button.
      */
-    paletteView: string;
+    set paletteView(value: string);
+    get paletteView(): string;
     /**
      * Sets the message for the input format toggle button.
      */
-    formatButton: string;
+    set formatButton(value: string);
+    get formatButton(): string;
     /**
      * Sets the message for the **Apply** action button.
      */
-    applyButton: string;
+    set applyButton(value: string);
+    get applyButton(): string;
     /**
      * Sets the message for the **Cancel** action button.
      */
-    cancelButton: string;
+    set cancelButton(value: string);
+    get cancelButton(): string;
     /**
      * Sets the title of the **Close** button for the ActionSheet in adaptive mode.
      */
-    adaptiveCloseButtonTitle: string;
+    set adaptiveCloseButtonTitle(value: string);
+    get adaptiveCloseButtonTitle(): string;
     /**
      * Sets the title for the ActionSheet in adaptive mode.
      */
-    adaptiveTitle: string;
+    set adaptiveTitle(value: string);
+    get adaptiveTitle(): string;
     /**
      * Sets the aria-label attribute of the ColorPicker toggle button.
      */
-    toggleButtonLabel: string;
+    set toggleButtonLabel(value: string);
+    get toggleButtonLabel(): string;
+    private _colorPaletteNoColor;
+    private _colorGradientNoColor;
+    private _flatColorPickerNoColor;
+    private _colorPickerNoColor;
+    private _colorGradientHandle;
+    private _clearButton;
+    private _hueSliderHandle;
+    private _opacitySliderHandle;
+    private _hexInputPlaceholder;
+    private _redInputPlaceholder;
+    private _greenInputPlaceholder;
+    private _blueInputPlaceholder;
+    private _alphaInputPlaceholder;
+    private _redChannelLabel;
+    private _greenChannelLabel;
+    private _blueChannelLabel;
+    private _alphaChannelLabel;
+    private _passContrast;
+    private _failContrast;
+    private _contrastRatio;
+    private _previewColor;
+    private _revertSelection;
+    private _gradientView;
+    private _paletteView;
+    private _formatButton;
+    private _applyButton;
+    private _cancelButton;
+    private _adaptiveCloseButtonTitle;
+    private _adaptiveTitle;
+    private _toggleButtonLabel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerMessages, "kendo-colorpicker-messages-base", never, { "colorPaletteNoColor": { "alias": "colorPaletteNoColor"; "required": false; }; "colorGradientNoColor": { "alias": "colorGradientNoColor"; "required": false; }; "flatColorPickerNoColor": { "alias": "flatColorPickerNoColor"; "required": false; }; "colorPickerNoColor": { "alias": "colorPickerNoColor"; "required": false; }; "colorGradientHandle": { "alias": "colorGradientHandle"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "hueSliderHandle": { "alias": "hueSliderHandle"; "required": false; }; "opacitySliderHandle": { "alias": "opacitySliderHandle"; "required": false; }; "hexInputPlaceholder": { "alias": "hexInputPlaceholder"; "required": false; }; "redInputPlaceholder": { "alias": "redInputPlaceholder"; "required": false; }; "greenInputPlaceholder": { "alias": "greenInputPlaceholder"; "required": false; }; "blueInputPlaceholder": { "alias": "blueInputPlaceholder"; "required": false; }; "alphaInputPlaceholder": { "alias": "alphaInputPlaceholder"; "required": false; }; "redChannelLabel": { "alias": "redChannelLabel"; "required": false; }; "greenChannelLabel": { "alias": "greenChannelLabel"; "required": false; }; "blueChannelLabel": { "alias": "blueChannelLabel"; "required": false; }; "alphaChannelLabel": { "alias": "alphaChannelLabel"; "required": false; }; "passContrast": { "alias": "passContrast"; "required": false; }; "failContrast": { "alias": "failContrast"; "required": false; }; "contrastRatio": { "alias": "contrastRatio"; "required": false; }; "previewColor": { "alias": "previewColor"; "required": false; }; "revertSelection": { "alias": "revertSelection"; "required": false; }; "gradientView": { "alias": "gradientView"; "required": false; }; "paletteView": { "alias": "paletteView"; "required": false; }; "formatButton": { "alias": "formatButton"; "required": false; }; "applyButton": { "alias": "applyButton"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; "adaptiveCloseButtonTitle": { "alias": "adaptiveCloseButtonTitle"; "required": false; }; "adaptiveTitle": { "alias": "adaptiveTitle"; "required": false; }; "toggleButtonLabel": { "alias": "toggleButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -5102,17 +5484,20 @@ declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, Co
     /**
      * @hidden
      */
-    adaptiveMode: boolean;
+    set adaptiveMode(value: boolean);
+    get adaptiveMode(): boolean;
     /**
      * @hidden
      */
-    id: string;
+    set id(value: string);
+    get id(): string;
     /**
      * Shows or hides the alpha slider.
      *
      * @default true
      */
-    opacity: boolean;
+    set opacity(value: boolean);
+    get opacity(): boolean;
     /**
      * Sets the size of the ColorGradient internal elements. The default value is set by the Kendo theme.
      *
@@ -5124,25 +5509,29 @@ declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, Co
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * Sets the read-only state of the ColorGradient.
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Shows or hides the **Clear color** button.
      *
      * @default false
      */
-    clearButton: boolean;
+    set clearButton(value: boolean);
+    get clearButton(): boolean;
     /**
      * Sets the delay (in milliseconds) before the value changes on handle drag.
      *
      * @default 0
      */
-    delay: number;
+    set delay(value: number);
+    get delay(): number;
     /**
      * Sets the value of the selected color.
      */
@@ -5165,7 +5554,8 @@ declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, Co
      *
      * @default 'rgba'
      */
-    format: OutputFormat;
+    set format(value: OutputFormat);
+    get format(): OutputFormat;
     /**
      * Fires when the user selects a new color..
      */
@@ -5195,13 +5585,15 @@ declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, Co
      *
      * @default 5
      */
-    gradientSliderStep: number;
+    set gradientSliderStep(value: number);
+    get gradientSliderStep(): number;
     /**
      * Sets the step (in pixels) for moving the gradient drag handle with `Shift+arrow keys`.
      *
      * @default 2
      */
-    gradientSliderSmallStep: number;
+    set gradientSliderSmallStep(value: number);
+    get gradientSliderSmallStep(): number;
     /**
      * Controls whether ARIA attributes should be applied to the component.
      * When used within FlatColorPicker, this should be set to false to comply with accessibility guidelines.
@@ -5209,7 +5601,8 @@ declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, Co
      * @default true
      * @hidden
      */
-    ariaAttributesEnabled: boolean;
+    set ariaAttributesEnabled(value: boolean);
+    get ariaAttributesEnabled(): boolean;
     gradientDragHandle: ElementRef;
     inputs: ColorInputComponent;
     private alphaSlider;
@@ -5226,13 +5619,25 @@ declare class ColorGradientComponent implements OnInit, OnChanges, OnDestroy, Co
     private _value;
     private _tabindex;
     private _contrastTool;
+    private _adaptiveMode;
+    private _id;
+    private _opacity;
+    private _size;
+    private _disabled;
+    private _readonly;
+    private _clearButton;
+    private _delay;
+    private _format;
+    private _gradientSliderStep;
+    private _gradientSliderSmallStep;
+    private _ariaAttributesEnabled;
     private listeners;
     private hueSliderTouched;
     private alphaSliderTouched;
-    private _size;
     private updateValues;
     private changeRequestsSubscription;
     private dynamicRTLSubscription;
+    private controlEventsSub;
     private hsvHandleCoordinates;
     get gradientRect(): ClientRect;
     /**
@@ -5388,7 +5793,7 @@ declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnDestroy,
     private cdr;
     private renderer;
     private localizationService;
-    private ngZone;
+    private injector;
     /**
      * @hidden
      */
@@ -5408,14 +5813,16 @@ declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnDestroy,
     /**
      * @hidden
      */
-    id: string;
+    set id(value: string);
+    get id(): string;
     /**
      * Specifies the output format of the `ColorPaletteComponent`.
      * The input value may be in a different format. The component parses it into the output `format`.
      *
      * @default 'hex'
      */
-    format: OutputFormat;
+    set format(value: OutputFormat);
+    get format(): OutputFormat;
     /**
      * Sets the value of the selected color.
      */
@@ -5449,17 +5856,20 @@ declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnDestroy,
     /**
      * Disables the ColorPalette. To disable it in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/colorpalette/forms#managing-the-colorpalette-disabled-state-in-reactive-forms).
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * Sets the read-only state of the ColorPalette.
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Sets the size of a color cell. The default tile size depends on the `size` of the component.
      */
-    tileSize: number | TileSize;
+    set tileSize(value: number | TileSize);
+    get tileSize(): number | TileSize;
     /**
      * @hidden
      */
@@ -5505,32 +5915,46 @@ declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnDestroy,
     /**
      * @hidden
      */
-    activeCellId: string;
+    get activeCellId(): string;
+    set activeCellId(value: string);
     /**
      * @hidden
      */
-    focusedCell: TableCell;
+    get focusedCell(): TableCell;
+    set focusedCell(value: TableCell);
     /**
      * @hidden
      */
-    selectedCell: TableCell;
+    get selectedCell(): TableCell;
+    set selectedCell(value: TableCell);
     /**
      * @hidden
      */
-    focusInComponent: boolean;
+    get focusInComponent(): boolean;
+    set focusInComponent(value: boolean);
     /**
      * @hidden
      */
     uniqueId: string;
     private selection;
-    private _size;
+    private _id;
+    private _format;
     private _value;
     private _columns;
     private _palette;
+    private _size;
     private _tabindex;
+    private _disabled;
+    private _readonly;
+    private _tileSize;
+    private _focusedCell;
+    private _selectedCell;
+    private _focusInComponent;
+    private _activeCellId;
     private subs;
     private dynamicRTLSubscription;
-    constructor(host: ElementRef, service: ColorPaletteService, cdr: ChangeDetectorRef, renderer: Renderer2, localizationService: LocalizationService, ngZone: NgZone);
+    private control;
+    constructor(host: ElementRef, service: ColorPaletteService, cdr: ChangeDetectorRef, renderer: Renderer2, localizationService: LocalizationService, injector: Injector);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -5662,7 +6086,7 @@ declare class FlatColorPickerActionButtonsComponent {
  * @remarks
  * Supported children components are: {@link ColorPickerCustomMessagesComponent}.
  */
-declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
     host: ElementRef;
     private service;
     private localizationService;
@@ -5695,13 +6119,15 @@ declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestr
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(readonly: boolean);
+    get readonly(): boolean;
     /**
      * Sets the disabled state of the FlatColorPicker. To disable it in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/inputs/flatcolorpicker/forms#managing-the-flatcolorpicker-disabled-state-in-reactive-forms).
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(disabled: boolean);
+    get disabled(): boolean;
     /**
      * Specifies the output format of the FlatColorPicker.
      *
@@ -5709,7 +6135,8 @@ declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestr
      *
      * @default 'rgba'
      */
-    format: OutputFormat;
+    set format(format: OutputFormat);
+    get format(): OutputFormat;
     /**
      * Specifies the initially selected color.
      */
@@ -5727,7 +6154,8 @@ declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestr
      *
      * @default true
      */
-    clearButton: boolean;
+    set clearButton(clearButton: boolean);
+    get clearButton(): boolean;
     /**
      * Displays `Apply` and `Cancel` action buttons and a color preview pane.
      *
@@ -5739,21 +6167,25 @@ declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestr
      *
      * @default true
      */
-    preview: boolean;
+    set preview(preview: boolean);
+    get preview(): boolean;
     /**
      * Configures the layout of the `Apply` and `Cancel` action buttons.
      *
      * @default 'end'
      */
-    actionsLayout: ColorPickerActionsLayout;
+    set actionsLayout(actionsLayout: ColorPickerActionsLayout);
+    get actionsLayout(): ColorPickerActionsLayout;
     /**
      * Sets the initially active view in the FlatColorPicker. Supports two-way binding.
      */
-    activeView: ColorPickerView;
+    set activeView(activeView: ColorPickerView);
+    get activeView(): ColorPickerView;
     /**
      * Specifies the views to render. The default value is gradient and palette.
      */
-    views: Array<ColorPickerView>;
+    set views(views: Array<ColorPickerView>);
+    get views(): Array<ColorPickerView>;
     /**
      * Configures the gradient view.
      */
@@ -5762,7 +6194,8 @@ declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestr
     /**
      * @hidden
      */
-    adaptiveMode: boolean;
+    set adaptiveMode(adaptiveMode: boolean);
+    get adaptiveMode(): boolean;
     /**
      * Configures the palette view.
      */
@@ -5808,11 +6241,20 @@ declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestr
      * @hidden
      */
     selection: string;
+    private _readonly;
+    private _disabled;
+    private _format;
+    private _clearButton;
+    private _preview;
+    private _actionsLayout;
+    private _activeView;
+    private _views;
+    private _adaptiveMode;
+    private _gradientSettings;
+    private _paletteSettings;
     private focused;
     private _value;
     private _tabindex;
-    private _gradientSettings;
-    private _paletteSettings;
     private dynamicRTLSubscription;
     private subscriptions;
     private internalNavigation;
@@ -5974,33 +6416,39 @@ declare class OTPInputComponent implements ControlValueAccessor, OnInit, AfterVi
      *
      * @default 'text'
      */
-    type: OTPInputType;
+    set type(value: OTPInputType);
+    get type(): OTPInputType;
     /**
      * Sets whether the input fields are separate or adjacent.
      *
      * @default true
      */
-    spacing: boolean;
+    set spacing(value: boolean);
+    get spacing(): boolean;
     /**
      * Sets the separator between groups of input fields. You can use this only when `groupLength` is set.
      */
-    separator: string | OTPSeparatorIcon;
+    set separator(value: string | OTPSeparatorIcon);
+    get separator(): string | OTPSeparatorIcon;
     /**
      * When `true`, disables the OTPInput.
      *
      * @default false
      */
-    disabled: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
     /**
      * When `true`, sets the OTPInput to read-only mode.
      *
      * @default false
      */
-    readonly: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
     /**
      * Sets the placeholder for the input fields.
      */
-    placeholder: string;
+    set placeholder(value: string);
+    get placeholder(): string;
     /**
      * Sets the length of the groups. If you set a number, all groups have the same length. If you set an array, each group can have a different length.
      */
@@ -6066,11 +6514,11 @@ declare class OTPInputComponent implements ControlValueAccessor, OnInit, AfterVi
     /**
      * @hidden
      */
-    groupLengthArray: Array<number>;
+    get groupLengthArray(): Array<number> | null;
     /**
      * @hidden
      */
-    inputsArray: Array<any>;
+    get inputsArray(): Array<any>;
     /**
      * @hidden
      */
@@ -6078,20 +6526,28 @@ declare class OTPInputComponent implements ControlValueAccessor, OnInit, AfterVi
     /**
      * @hidden
      */
-    adjacentGroups: Array<number> | null;
+    get adjacentGroups(): Array<number> | null;
     private _length;
+    private _type;
+    private _spacing;
+    private _separator;
+    private _disabled;
+    private _readonly;
+    private _placeholder;
     private _groupLength;
-    private _inputGroups;
-    private separatorPositions;
     private _value;
     private _size;
     private _rounded;
     private _fillMode;
+    private _inputAttributes;
+    private _groupLengthArray;
+    private _inputsArrayComputed;
+    private _inputGroups;
+    private separatorPositions;
     private _isFocused;
     private focusChangedProgrammatically;
     private inputFieldValueChanged;
     private focusedInput;
-    private _inputAttributes;
     parsedAttributes: {
         [key: string]: string;
     };
@@ -6102,7 +6558,6 @@ declare class OTPInputComponent implements ControlValueAccessor, OnInit, AfterVi
     constructor(hostElement: ElementRef, cdr: ChangeDetectorRef, injector: Injector, renderer: Renderer2, localizationService: LocalizationService, zone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
     /**
      * @hidden
@@ -6194,6 +6649,7 @@ declare class OTPInputComponent implements ControlValueAccessor, OnInit, AfterVi
     private populateSeparatorPositions;
     private clearGroups;
     private clearInputValues;
+    private refreshFormAttributes;
     private handleInputChanges;
     private setGroupFillMode;
     private setInputAttributes;
@@ -6220,7 +6676,9 @@ declare class OTPInputMessages extends ComponentMessages {
      * and total number of inputs. The `{currentInput}` and `{totalInputs}` placeholders will be
      * replaced internally with the respective actual values.
      */
-    ariaLabel: string;
+    set ariaLabel(value: string);
+    get ariaLabel(): string;
+    private _ariaLabel;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTPInputMessages, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<OTPInputMessages, "kendo-otpinput-messages-base", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
 }