@progress/kendo-angular-inputs 17.0.0-develop.9 → 17.0.1-develop.1

package/{esm2020 → esm2022}/switch/localization/custom-messages.component.mjs

@@ -11,6 +11,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Custom component messages override default component messages.
  */
 export class SwitchCustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,15 +19,15 @@ export class SwitchCustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchCustomMessagesComponent, isStandalone: true, selector: "kendo-switch-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => SwitchCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-SwitchCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SwitchCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-SwitchCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SwitchCustomMessagesComponent, isStandalone: true, selector: "kendo-switch-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => SwitchCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SwitchCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/switch/localization/localized-switch-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedSwitchMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSwitchMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedSwitchMessagesDirective, isStandalone: true, selector: "[kendoSwitchLocalizedMessages]", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedSwitchMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedSwitchMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedSwitchMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedSwitchMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedSwitchMessagesDirective, isStandalone: true, selector: "[kendoSwitchLocalizedMessages]", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedSwitchMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedSwitchMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSwitchMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/switch/localization/messages.mjs

@@ -9,10 +9,18 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class Messages extends ComponentMessages {
+    /**
+     * The title of the **On** button of the Switch.
+     */
+    on;
+    /**
+     * The title of the **Off** button of the Switch.
+     */
+    off;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-switch-messages-base", inputs: { on: "on", off: "off" }, usesInheritance: true, ngImport: i0 });
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendo-switch-messages-base", inputs: { on: "on", off: "off" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/switch/switch.component.mjs

@@ -22,92 +22,12 @@ const DEFAULT_TRACK_ROUNDED = 'full';
  * Represents the [Kendo UI Switch component for Angular]({% slug overview_switch %}).
  */
 export class SwitchComponent {
-    constructor(renderer, hostElement, localizationService, injector, changeDetector, ngZone) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this.localizationService = localizationService;
-        this.injector = injector;
-        this.changeDetector = changeDetector;
-        this.ngZone = ngZone;
-        /**
-         * Determines whether the Switch is disabled ([see example]({% slug disabled_switch %})). To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_switch#toc-managing-the-switch-disabled-state-in-reactive-forms).
-         */
-        this.disabled = false;
-        /**
-         * Determines whether the Switch is in its read-only state ([see example]({% slug readonly_switch %})).
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Switch.
-         */
-        this.tabindex = 0;
-        /**
-         * Fires each time the Switch component is focused as a result of user interaction.
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires each time the Switch component is blurred as a result of user interaction.
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires each time the user selects a new value.
-         */
-        this.valueChange = new EventEmitter();
-        this.hostRole = 'switch';
-        this.hostClasses = true;
-        /**
-         * @hidden
-         */
-        this.initialized = false;
-        this.domSubscriptions = [];
-        this._checked = false;
-        this._size = 'medium';
-        this._trackRounded = 'full';
-        this._thumbRounded = 'full';
-        this.ngChange = (_) => { };
-        this.ngTouched = () => { };
-        /**
-         * @hidden
-         */
-        this.handleFocus = (event) => {
-            if (this.isFocused) {
-                return;
-            }
-            event.stopImmediatePropagation();
-            this.focused = true;
-            if (hasObservers(this.onFocus)) {
-                this.ngZone.run(() => {
-                    const eventArgs = { originalEvent: event };
-                    this.onFocus.emit(eventArgs);
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleBlur = (event) => {
-            const relatedTarget = event && event.relatedTarget;
-            if (this.hostElement.nativeElement.contains(relatedTarget)) {
-                return;
-            }
-            event.stopImmediatePropagation();
-            this.changeDetector.markForCheck();
-            this.focused = false;
-            if (hasObservers(this.onBlur) || requiresZoneOnBlur(this.control)) {
-                this.ngZone.run(() => {
-                    this.ngTouched();
-                    const eventArgs = { originalEvent: event };
-                    this.onBlur.emit(eventArgs);
-                });
-            }
-        };
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-        this.keyDownHandler = this.keyDownHandler.bind(this);
-        this.clickHandler = this.clickHandler.bind(this);
-    }
+    renderer;
+    hostElement;
+    localizationService;
+    injector;
+    changeDetector;
+    ngZone;
     /**
      * @hidden
      */
@@ -117,6 +37,16 @@ export class SwitchComponent {
         }
         return `k-${guid()}`;
     }
+    /**
+     * Sets the **On** label ([see example]({% slug labels_switch %})).
+     * Takes precedence over the [custom messages component]({% slug api_inputs_switchcustommessagescomponent %}).
+     */
+    onLabel;
+    /**
+     * Sets the **Off** label ([see example]({% slug labels_switch %})).
+     * Takes precedence over the [custom messages component]({% slug api_inputs_switchcustommessagescomponent %}).
+     */
+    offLabel;
     /**
      * Sets the value of the Switch when it is initially displayed.
      */
@@ -127,6 +57,20 @@ export class SwitchComponent {
     get checked() {
         return this._checked;
     }
+    /**
+     * Determines whether the Switch is disabled ([see example]({% slug disabled_switch %})). To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_switch#toc-managing-the-switch-disabled-state-in-reactive-forms).
+     */
+    disabled = false;
+    /**
+     * Determines whether the Switch is in its read-only state ([see example]({% slug readonly_switch %})).
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Switch.
+     */
+    tabindex = 0;
     /**
      * Specifies the width and height of the Switch.
      *
@@ -189,9 +133,23 @@ export class SwitchComponent {
     get tabIndex() {
         return this.tabindex;
     }
+    /**
+     * Fires each time the Switch component is focused as a result of user interaction.
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires each time the Switch component is blurred as a result of user interaction.
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires each time the user selects a new value.
+     */
+    valueChange = new EventEmitter();
+    direction;
     get ieClass() {
         return browser && browser.msie;
     }
+    hostRole = 'switch';
     get hostId() {
         return this.focusableId;
     }
@@ -210,9 +168,36 @@ export class SwitchComponent {
     get ariaReadonly() {
         return this.readonly;
     }
+    hostClasses = true;
     get disabledClass() {
         return this.disabled;
     }
+    track;
+    thumb;
+    /**
+     * @hidden
+     */
+    initialized = false;
+    localizationChangeSubscription;
+    isFocused;
+    control;
+    domSubscriptions = [];
+    _checked = false;
+    _size = 'medium';
+    _trackRounded = 'full';
+    _thumbRounded = 'full';
+    constructor(renderer, hostElement, localizationService, injector, changeDetector, ngZone) {
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+        this.localizationService = localizationService;
+        this.injector = injector;
+        this.changeDetector = changeDetector;
+        this.ngZone = ngZone;
+        validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+        this.keyDownHandler = this.keyDownHandler.bind(this);
+        this.clickHandler = this.clickHandler.bind(this);
+    }
     /**
      * @hidden
      */
@@ -225,6 +210,8 @@ export class SwitchComponent {
     get offLabelMessage() {
         return this.offLabel !== undefined ? this.offLabel : this.localizationService.get('off');
     }
+    ngChange = (_) => { };
+    ngTouched = () => { };
     get isEnabled() {
         return !this.disabled && !this.readonly;
     }
@@ -300,6 +287,41 @@ export class SwitchComponent {
         this.disabled = isDisabled;
         this.changeDetector.markForCheck();
     }
+    /**
+     * @hidden
+     */
+    handleFocus = (event) => {
+        if (this.isFocused) {
+            return;
+        }
+        event.stopImmediatePropagation();
+        this.focused = true;
+        if (hasObservers(this.onFocus)) {
+            this.ngZone.run(() => {
+                const eventArgs = { originalEvent: event };
+                this.onFocus.emit(eventArgs);
+            });
+        }
+    };
+    /**
+     * @hidden
+     */
+    handleBlur = (event) => {
+        const relatedTarget = event && event.relatedTarget;
+        if (this.hostElement.nativeElement.contains(relatedTarget)) {
+            return;
+        }
+        event.stopImmediatePropagation();
+        this.changeDetector.markForCheck();
+        this.focused = false;
+        if (hasObservers(this.onBlur) || requiresZoneOnBlur(this.control)) {
+            this.ngZone.run(() => {
+                this.ngTouched();
+                const eventArgs = { originalEvent: event };
+                this.onBlur.emit(eventArgs);
+            });
+        }
+    };
     /**
      * @hidden
      */
@@ -402,18 +424,15 @@ export class SwitchComponent {
         }
     }
     handleTrackClasses(value) {
-        const elem = this.hostElement?.nativeElement;
         const track = this.track?.nativeElement;
-        if (!elem || !track) {
+        if (!track) {
             return;
         }
         const classes = getStylingClasses('switch', 'rounded', this.trackRounded, value);
         if (classes.toRemove) {
-            this.renderer.removeClass(elem, classes.toRemove);
             this.renderer.removeClass(track, classes.toRemove);
         }
         if (classes.toAdd) {
-            this.renderer.addClass(elem, classes.toAdd);
             this.renderer.addClass(track, classes.toAdd);
         }
     }
@@ -430,21 +449,20 @@ export class SwitchComponent {
             this.renderer.addClass(thumb, classes.toAdd);
         }
     }
-}
-SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SwitchComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SwitchComponent, isStandalone: true, selector: "kendo-switch", inputs: { focusableId: "focusableId", onLabel: "onLabel", offLabel: "offLabel", checked: "checked", disabled: "disabled", readonly: "readonly", tabindex: "tabindex", size: "size", thumbRounded: "thumbRounded", trackRounded: "trackRounded", tabIndex: "tabIndex" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-ie": "this.ieClass", "attr.role": "this.hostRole", "attr.id": "this.hostId", "attr.aria-checked": "this.ariaChecked", "attr.aria-invalid": "this.ariaInvalid", "attr.tabindex": "this.hostTabIndex", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-readonly": "this.ariaReadonly", "class.k-switch": "this.hostClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
-        LocalizationService,
-        { provide: L10N_PREFIX, useValue: 'kendo.switch' },
-        {
-            multi: true,
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SwitchComponent) /* eslint-disable-line*/
-        },
-        {
-            provide: KendoInput,
-            useExisting: forwardRef(() => SwitchComponent)
-        }
-    ], viewQueries: [{ propertyName: "track", first: true, predicate: ["track"], descendants: true, static: true }, { propertyName: "thumb", first: true, predicate: ["thumb"], descendants: true, static: true }], exportAs: ["kendoSwitch"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchComponent, isStandalone: true, selector: "kendo-switch", inputs: { focusableId: "focusableId", onLabel: "onLabel", offLabel: "offLabel", checked: "checked", disabled: "disabled", readonly: "readonly", tabindex: "tabindex", size: "size", thumbRounded: "thumbRounded", trackRounded: "trackRounded", tabIndex: "tabIndex" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-ie": "this.ieClass", "attr.role": "this.hostRole", "attr.id": "this.hostId", "attr.aria-checked": "this.ariaChecked", "attr.aria-invalid": "this.ariaInvalid", "attr.tabindex": "this.hostTabIndex", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-readonly": "this.ariaReadonly", "class.k-switch": "this.hostClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.switch' },
+            {
+                multi: true,
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SwitchComponent) /* eslint-disable-line*/
+            },
+            {
+                provide: KendoInput,
+                useExisting: forwardRef(() => SwitchComponent)
+            }
+        ], viewQueries: [{ propertyName: "track", first: true, predicate: ["track"], descendants: true, static: true }, { propertyName: "thumb", first: true, predicate: ["thumb"], descendants: true, static: true }], exportAs: ["kendoSwitch"], ngImport: i0, template: `
         <ng-container kendoSwitchLocalizedMessages
             i18n-on="kendo.switch.on|The **On** label of the Switch."
             on="ON"
@@ -466,7 +484,8 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             <span #thumb class="k-switch-thumb"></span>
         </span>
   `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSwitchMessagesDirective, selector: "[kendoSwitchLocalizedMessages]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SwitchComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoSwitch',

package/{esm2020 → esm2022}/switch.module.mjs

@@ -41,11 +41,11 @@ import * as i2 from "./switch/localization/custom-messages.component";
  * ```
  */
 export class SwitchModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, imports: [i1.SwitchComponent, i2.SwitchCustomMessagesComponent], exports: [i1.SwitchComponent, i2.SwitchCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, providers: [ResizeBatchService] });
 }
-SwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SwitchModule, imports: [i1.SwitchComponent, i2.SwitchCustomMessagesComponent], exports: [i1.SwitchComponent, i2.SwitchCustomMessagesComponent] });
-SwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SwitchModule, providers: [ResizeBatchService], imports: [KENDO_SWITCH] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SwitchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_SWITCH],

package/esm2022/text-fields-common/text-fields-base.mjs

@@ -0,0 +1,150 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Subscription } from 'rxjs';
+import { HostBinding, Input, Output, ViewChild, ElementRef, EventEmitter, NgZone, Renderer2, ChangeDetectorRef, Injector, Component } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { requiresZoneOnBlur } from '../common/utils';
+import { hasObservers } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class TextFieldsBase {
+    localizationService;
+    ngZone;
+    changeDetector;
+    renderer;
+    injector;
+    hostElement;
+    /**
+     * Sets the `title` attribute of the internal textarea input element of the component.
+     */
+    title = '';
+    /**
+     * Sets the disabled state of the TextArea component. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_textarea#toc-managing-the-textarea-disabled-state-in-reactive-forms).
+     *
+     * @default false
+     */
+    disabled = false;
+    /**
+     * Sets the read-only state of the TextArea component.
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Provides a value for the TextArea component.
+     */
+    value = null;
+    /**
+     * Determines whether the whole value will be selected when the TextArea is clicked. Defaults to `false`.
+     *
+     * @default false
+     */
+    selectOnFocus = false;
+    /**
+     * The hint, which is displayed when the Textarea is empty.
+     */
+    placeholder;
+    /**
+     * Fires each time the user focuses the internal textarea element of the component.
+     * This event is useful when you need to distinguish between focusing the textarea element and focusing one of its adornments.
+     */
+    inputFocus = new EventEmitter();
+    /**
+     * Fires each time the internal textarea element gets blurred.
+     * This event is useful when adornments are used, in order to distinguish between blurring the textarea element and blurring the whole TextArea component.
+     */
+    inputBlur = new EventEmitter();
+    /**
+     * Represents the visible textarea element of the component.
+     */
+    input;
+    get disabledClass() {
+        return this.disabled;
+    }
+    direction;
+    /**
+     * @hidden
+     */
+    control;
+    subscriptions = new Subscription();
+    _isFocused = false;
+    focusChangedProgrammatically = false;
+    constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
+        this.localizationService = localizationService;
+        this.ngZone = ngZone;
+        this.changeDetector = changeDetector;
+        this.renderer = renderer;
+        this.injector = injector;
+        this.hostElement = hostElement;
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    handleInputBlur = () => {
+        this.changeDetector.markForCheck();
+        if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
+            this.ngZone.run(() => {
+                this.ngTouched();
+                this.inputBlur.emit();
+            });
+        }
+    };
+    /**
+     * @hidden
+     * Called when the status of the component changes to or from `disabled`.
+     * Depending on the value, it enables or disables the appropriate DOM element.
+     *
+     * @param isDisabled
+     */
+    setDisabledState(isDisabled) {
+        this.changeDetector.markForCheck();
+        this.disabled = isDisabled;
+    }
+    ngChange = (_) => { };
+    ngTouched = () => { };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextFieldsBase, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextFieldsBase, selector: "kendo-textfield-base", inputs: { title: "title", disabled: "disabled", readonly: "readonly", value: "value", selectOnFocus: "selectOnFocus", placeholder: "placeholder" }, outputs: { inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabledClass", "attr.dir": "this.direction" } }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextFieldsBase, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-textfield-base',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.k-readonly']
+            }], value: [{
+                type: Input
+            }], selectOnFocus: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], inputFocus: [{
+                type: Output
+            }], inputBlur: [{
+                type: Output
+            }], input: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });

package/{esm2020 → esm2022}/textarea/textarea-prefix.component.mjs

@@ -21,17 +21,15 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class TextAreaPrefixComponent {
-    constructor() {
-        /**
-         * @hidden
-         */
-        this.flow = 'vertical';
-        /**
-         * @hidden
-         */
-        this.orientation = 'horizontal';
-        this.hostClass = true;
-    }
+    /**
+     * @hidden
+     */
+    flow = 'vertical';
+    /**
+     * @hidden
+     */
+    orientation = 'horizontal';
+    hostClass = true;
     get verticalOrientation() {
         return this.orientation === 'vertical';
     }
@@ -41,10 +39,10 @@ export class TextAreaPrefixComponent {
     get alignItems() {
         return this.flow === this.orientation;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaPrefixComponent, isStandalone: true, selector: "kendo-textarea-prefix", inputs: { flow: "flow", orientation: "orientation" }, host: { properties: { "class.k-input-prefix": "this.hostClass", "class.k-input-prefix-vertical": "this.verticalOrientation", "class.k-input-prefix-horizontal": "this.horizontalOrientation", "class.!k-align-items-start": "this.alignItems" } }, exportAs: ["kendoTextAreaPrefix"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-TextAreaPrefixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextAreaPrefixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextAreaPrefixComponent, isStandalone: true, selector: "kendo-textarea-prefix", inputs: { flow: "flow", orientation: "orientation" }, host: { properties: { "class.k-input-prefix": "this.hostClass", "class.k-input-prefix-vertical": "this.verticalOrientation", "class.k-input-prefix-horizontal": "this.horizontalOrientation", "class.!k-align-items-start": "this.alignItems" } }, exportAs: ["kendoTextAreaPrefix"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaPrefixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaPrefixComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoTextAreaPrefix',

package/{esm2020 → esm2022}/textarea/textarea-suffix.component.mjs

@@ -21,17 +21,15 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class TextAreaSuffixComponent {
-    constructor() {
-        /**
-         * @hidden
-         */
-        this.flow = 'vertical';
-        /**
-         * @hidden
-         */
-        this.orientation = 'horizontal';
-        this.hostClass = true;
-    }
+    /**
+     * @hidden
+     */
+    flow = 'vertical';
+    /**
+     * @hidden
+     */
+    orientation = 'horizontal';
+    hostClass = true;
     get verticalOrientation() {
         return this.orientation === 'vertical';
     }
@@ -41,10 +39,10 @@ export class TextAreaSuffixComponent {
     get alignItems() {
         return this.flow === this.orientation;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaSuffixComponent, isStandalone: true, selector: "kendo-textarea-suffix", inputs: { flow: "flow", orientation: "orientation" }, host: { properties: { "class.k-input-suffix": "this.hostClass", "class.k-input-suffix-vertical": "this.verticalOrientation", "class.k-input-suffix-horizontal": "this.horizontalOrientation", "class.!k-align-items-start": "this.alignItems" } }, exportAs: ["kendoTextAreaSuffix"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-TextAreaSuffixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextAreaSuffixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextAreaSuffixComponent, isStandalone: true, selector: "kendo-textarea-suffix", inputs: { flow: "flow", orientation: "orientation" }, host: { properties: { "class.k-input-suffix": "this.hostClass", "class.k-input-suffix-vertical": "this.verticalOrientation", "class.k-input-suffix-horizontal": "this.horizontalOrientation", "class.!k-align-items-start": "this.alignItems" } }, exportAs: ["kendoTextAreaSuffix"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaSuffixComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoTextAreaSuffix',