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

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

@@ -35,142 +35,24 @@ const DEFAULT_FILL_MODE = 'solid';
  * Represents the [Kendo UI TextArea component for Angular]({% slug overview_textarea %}).
  */
 export class TextAreaComponent extends TextFieldsBase {
-    constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
-        super(localizationService, ngZone, changeDetector, renderer, injector, hostElement);
-        this.localizationService = localizationService;
-        this.ngZone = ngZone;
-        this.changeDetector = changeDetector;
-        this.renderer = renderer;
-        this.injector = injector;
-        this.hostElement = hostElement;
-        /**
-         * @hidden
-         */
-        this.focusableId = `k-${guid()}`;
-        this.hostClasses = true;
-        this._flow = 'vertical';
-        /**
-         * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabindex = 0;
-        /**
-         * Configures the resize behavior of the TextArea.
-         *
-         * The possible values are:
-         * * `vertical`(Default)—The TextArea component can be resized only vertically.
-         * * `horizontal`—The TextArea component can be resized only horizontally.
-         * * `both`—The TextArea component can be resized in both (horizontal and vertical) directions.
-         * * `auto`—Specifies whether the TextArea component will adjust its height automatically, based on the content.
-         * * `none`—The TextArea cannot be resized.
-         *
-         */
-        this.resizable = 'vertical';
-        /**
-         * Specifies whether the prefix separator of the TextArea is rendered.
-         * If a prefix template is not declared, the separator will not be rendered, regardless of the parameter value.
-         *
-         * @default false
-         */
-        this.showPrefixSeparator = false;
-        /**
-         * Specifies whether the suffix separator of the TextArea is rendered.
-         * If a suffix template is not declared, the separator will not be rendered, regardless of the parameter value.
-         *
-         * @default false
-         */
-        this.showSuffixSeparator = false;
-        /**
-         * Fires each time the user focuses the TextArea component.
-         *
-         * > To wire the event programmatically, use the `onFocus` property.
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         * selector: 'my-app',
-         * template: `
-         *  <kendo-textarea (focus)="handleFocus()"></kendo-textarea>
-         * `
-         * })
-         * class AppComponent {
-         *   public handleFocus(): void {
-         *      console.log('Component is focused.');
-         *   }
-         * }
-         * ```
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires each time the TextArea component gets blurred.
-         *
-         * > To wire the event programmatically, use the `onBlur` property.
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         * selector: 'my-app',
-         * template: `
-         *  <kendo-textarea (blur)="handleBlur()"></kendo-textarea>
-         * `
-         * })
-         * class AppComponent {
-         *   public handleBlur(): void {
-         *      console.log('Component is blurred');
-         *   }
-         * }
-         * ```
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires each time the value is changed or the component is blurred
-         * ([see example](slug:events_textarea)).
-         * When the component value is changed programmatically or via its form control binding, the valueChange event is not emitted.
-         */
-        this.valueChange = new EventEmitter();
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
-        this._adornmentsOrientation = 'horizontal';
-        this.parsedAttributes = {};
-        /**
-         * @hidden
-         */
-        this.handleInput = (ev) => {
-            const incomingValue = ev.target.value;
-            this.updateValue(incomingValue);
-            this.resize();
-        };
-        /**
-         * @hidden
-         */
-        this.handleInputFocus = () => {
-            if (!this.disabled) {
-                if (this.selectOnFocus && this.value) {
-                    this.ngZone.run(() => {
-                        setTimeout(() => { this.selectAll(); });
-                    });
-                }
-                if (!this.isFocused) {
-                    this.handleFocus();
-                }
-                if (hasObservers(this.inputFocus)) {
-                    if (!this.focusChangedProgrammatically) {
-                        this.ngZone.run(() => {
-                            this.inputFocus.emit();
-                        });
-                    }
-                }
-            }
-        };
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
+    localizationService;
+    ngZone;
+    changeDetector;
+    renderer;
+    injector;
+    hostElement;
+    /**
+     * @hidden
+     */
+    focusableId = `k-${guid()}`;
+    hostClasses = true;
     get flowCol() {
         return this.flow === 'vertical';
     }
     get flowRow() {
         return this.flow === 'horizontal';
     }
+    _flow = 'vertical';
     /**
      * Specifies the flow direction of the TextArea sections. This property is useful when adornments are used, in order to specify
      * their position in relation to the textarea element.
@@ -227,6 +109,22 @@ export class TextAreaComponent extends TextFieldsBase {
     get adornmentsOrientation() {
         return this._adornmentsOrientation;
     }
+    /**
+     *  Specifies the visible height of the textarea element in lines.
+     */
+    rows;
+    /**
+     * Specifies the visible width of the textarea element (in average character width).
+     */
+    cols;
+    /**
+     * Specifies the maximum number of characters that the user can enter in the TextArea component.
+     */
+    maxlength;
+    /**
+     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     */
+    tabindex = 0;
     /**
      * @hidden
      */
@@ -236,6 +134,18 @@ export class TextAreaComponent extends TextFieldsBase {
     get tabIndex() {
         return this.tabindex;
     }
+    /**
+     * Configures the resize behavior of the TextArea.
+     *
+     * The possible values are:
+     * * `vertical`(Default)&mdash;The TextArea component can be resized only vertically.
+     * * `horizontal`&mdash;The TextArea component can be resized only horizontally.
+     * * `both`&mdash;The TextArea component can be resized in both (horizontal and vertical) directions.
+     * * `auto`&mdash;Specifies whether the TextArea component will adjust its height automatically, based on the content.
+     * * `none`&mdash;The TextArea cannot be resized.
+     *
+     */
+    resizable = 'vertical';
     /**
      * The size property specifies the padding of the internal textarea element
      * ([see example]({% slug appearance_textarea %}#toc-size)).
@@ -290,6 +200,76 @@ export class TextAreaComponent extends TextFieldsBase {
     get fillMode() {
         return this._fillMode;
     }
+    /**
+     * Specifies whether the prefix separator of the TextArea is rendered.
+     * If a prefix template is not declared, the separator will not be rendered, regardless of the parameter value.
+     *
+     * @default false
+     */
+    showPrefixSeparator = false;
+    /**
+     * Specifies whether the suffix separator of the TextArea is rendered.
+     * If a suffix template is not declared, the separator will not be rendered, regardless of the parameter value.
+     *
+     * @default false
+     */
+    showSuffixSeparator = false;
+    /**
+     * Fires each time the user focuses the TextArea component.
+     *
+     * > To wire the event programmatically, use the `onFocus` property.
+     *
+     * @example
+     * ```ts
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <kendo-textarea (focus)="handleFocus()"></kendo-textarea>
+     * `
+     * })
+     * class AppComponent {
+     *   public handleFocus(): void {
+     *      console.log('Component is focused.');
+     *   }
+     * }
+     * ```
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires each time the TextArea component gets blurred.
+     *
+     * > To wire the event programmatically, use the `onBlur` property.
+     *
+     * @example
+     * ```ts
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <kendo-textarea (blur)="handleBlur()"></kendo-textarea>
+     * `
+     * })
+     * class AppComponent {
+     *   public handleBlur(): void {
+     *      console.log('Component is blurred');
+     *   }
+     * }
+     * ```
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires each time the value is changed or the component is blurred
+     * ([see example](slug:events_textarea)).
+     * When the component value is changed programmatically or via its form control binding, the valueChange event is not emitted.
+     */
+    valueChange = new EventEmitter();
+    initialHeight;
+    resizeSubscription;
+    _size = 'medium';
+    _rounded = 'medium';
+    _fillMode = 'solid';
+    _adornmentsOrientation = 'horizontal';
+    _inputAttributes;
+    parsedAttributes = {};
     get defaultAttributes() {
         return {
             id: this.focusableId,
@@ -312,6 +292,17 @@ export class TextAreaComponent extends TextFieldsBase {
             'aria-multiline': 'true'
         };
     }
+    constructor(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
+        super(localizationService, ngZone, changeDetector, renderer, injector, hostElement);
+        this.localizationService = localizationService;
+        this.ngZone = ngZone;
+        this.changeDetector = changeDetector;
+        this.renderer = renderer;
+        this.injector = injector;
+        this.hostElement = hostElement;
+        validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+    }
     ngAfterViewInit() {
         this.ngZone.runOutsideAngular(() => {
             this.handleFlow();
@@ -346,7 +337,7 @@ export class TextAreaComponent extends TextFieldsBase {
                 this.renderer.removeClass(element, '\!k-overflow-y-auto');
                 this.initialHeight = element.offsetHeight;
             }
-            else {
+            else if (this.resizable !== 'both') {
                 this.renderer.addClass(element, '\!k-overflow-y-auto');
                 element.style.height = `${this.initialHeight}px`;
             }
@@ -363,6 +354,14 @@ export class TextAreaComponent extends TextFieldsBase {
             this.resize();
         }
     }
+    /**
+     * @hidden
+     */
+    prefix;
+    /**
+     * @hidden
+     */
+    suffix;
     /**
      * @hidden
      */
@@ -444,6 +443,36 @@ export class TextAreaComponent extends TextFieldsBase {
             this._isFocused = value;
         }
     }
+    /**
+     * @hidden
+     */
+    handleInput = (ev) => {
+        const incomingValue = ev.target.value;
+        this.updateValue(incomingValue);
+        this.resize();
+    };
+    /**
+     * @hidden
+     */
+    handleInputFocus = () => {
+        if (!this.disabled) {
+            if (this.selectOnFocus && this.value) {
+                this.ngZone.run(() => {
+                    setTimeout(() => { this.selectAll(); });
+                });
+            }
+            if (!this.isFocused) {
+                this.handleFocus();
+            }
+            if (hasObservers(this.inputFocus)) {
+                if (!this.focusChangedProgrammatically) {
+                    this.ngZone.run(() => {
+                        this.inputFocus.emit();
+                    });
+                }
+            }
+        }
+    };
     /**
      * Focuses the TextArea component.
      *
@@ -551,18 +580,17 @@ export class TextAreaComponent extends TextFieldsBase {
         const attributesToRender = Object.assign({}, this.mutableAttributes, this.parsedAttributes);
         setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
     }
-}
-TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextAreaComponent, isStandalone: true, selector: "kendo-textarea", inputs: { focusableId: "focusableId", flow: "flow", inputAttributes: "inputAttributes", adornmentsOrientation: "adornmentsOrientation", rows: "rows", cols: "cols", maxlength: "maxlength", tabindex: "tabindex", tabIndex: "tabIndex", resizable: "resizable", size: "size", rounded: "rounded", fillMode: "fillMode", showPrefixSeparator: "showPrefixSeparator", showSuffixSeparator: "showSuffixSeparator" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.hostClasses", "class.k-input": "this.hostClasses", "class.!k-flex-col": "this.flowCol", "class.!k-flex-row": "this.flowRow" } }, providers: [
-        LocalizationService,
-        { provide: L10N_PREFIX, useValue: 'kendo.textarea' },
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => TextAreaComponent),
-            multi: true
-        },
-        { provide: KendoInput, useExisting: forwardRef(() => TextAreaComponent) }
-    ], queries: [{ propertyName: "prefix", first: true, predicate: TextAreaPrefixComponent, descendants: true }, { propertyName: "suffix", first: true, predicate: TextAreaSuffixComponent, descendants: true }], exportAs: ["kendoTextArea"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaComponent, 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: TextAreaComponent, isStandalone: true, selector: "kendo-textarea", inputs: { focusableId: "focusableId", flow: "flow", inputAttributes: "inputAttributes", adornmentsOrientation: "adornmentsOrientation", rows: "rows", cols: "cols", maxlength: "maxlength", tabindex: "tabindex", tabIndex: "tabIndex", resizable: "resizable", size: "size", rounded: "rounded", fillMode: "fillMode", showPrefixSeparator: "showPrefixSeparator", showSuffixSeparator: "showSuffixSeparator" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.hostClasses", "class.k-input": "this.hostClasses", "class.!k-flex-col": "this.flowCol", "class.!k-flex-row": "this.flowRow" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.textarea' },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextAreaComponent),
+                multi: true
+            },
+            { provide: KendoInput, useExisting: forwardRef(() => TextAreaComponent) }
+        ], queries: [{ propertyName: "prefix", first: true, predicate: TextAreaPrefixComponent, descendants: true }, { propertyName: "suffix", first: true, predicate: TextAreaSuffixComponent, descendants: true }], exportAs: ["kendoTextArea"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container
             kendoInputSharedEvents
             [hostElement]="hostElement"
@@ -606,7 +634,8 @@ TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             <ng-content select="kendo-textarea-suffix"></ng-content>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: SharedInputEventsDirective, selector: "[kendoInputSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", inputs: ["orientation"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoTextArea',

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from "@angular/core";
 import { KENDO_TEXTAREA } from "./directives";
-import { AdornmentsModule } from "@progress/kendo-angular-common";
+import { KENDO_ADORNMENTS } from "@progress/kendo-angular-common";
 import * as i0 from "@angular/core";
 import * as i1 from "./textarea/textarea.component";
 import * as i2 from "./shared/textarea.directive";
@@ -44,14 +44,14 @@ import * as i5 from "@progress/kendo-angular-common";
  * ```
  */
 export class TextAreaModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, imports: [i1.TextAreaComponent, i2.TextAreaDirective, i3.TextAreaPrefixComponent, i4.TextAreaSuffixComponent, i5.SeparatorComponent, i5.PrefixTemplateDirective, i5.SuffixTemplateDirective, i5.SeparatorComponent], exports: [i1.TextAreaComponent, i2.TextAreaDirective, i3.TextAreaPrefixComponent, i4.TextAreaSuffixComponent, i5.SeparatorComponent, i5.PrefixTemplateDirective, i5.SuffixTemplateDirective, i5.SeparatorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, imports: [i5.SeparatorComponent, i5.SeparatorComponent] });
 }
-TextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TextAreaModule, imports: [i1.TextAreaComponent, i2.TextAreaDirective, i3.TextAreaPrefixComponent, i4.TextAreaSuffixComponent, i5.SeparatorComponent], exports: [i1.TextAreaComponent, i2.TextAreaDirective, i3.TextAreaPrefixComponent, i4.TextAreaSuffixComponent, i5.SeparatorComponent, AdornmentsModule] });
-TextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaModule, imports: [i1.TextAreaComponent, i3.TextAreaPrefixComponent, i4.TextAreaSuffixComponent, i5.SeparatorComponent, AdornmentsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...KENDO_TEXTAREA],
-                    exports: [...KENDO_TEXTAREA, AdornmentsModule]
+                    imports: [...KENDO_TEXTAREA, ...KENDO_ADORNMENTS],
+                    exports: [...KENDO_TEXTAREA, ...KENDO_ADORNMENTS]
                 }]
         }] });

package/{esm2020 → esm2022}/textbox/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 TextBoxCustomMessagesComponent extends TextBoxMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,15 +19,15 @@ export class TextBoxCustomMessagesComponent extends TextBoxMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextBoxCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextBoxCustomMessagesComponent, isStandalone: true, selector: "kendo-textbox-messages", providers: [
+            {
+                provide: TextBoxMessages,
+                useExisting: forwardRef(() => TextBoxCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-TextBoxCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextBoxCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-TextBoxCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TextBoxCustomMessagesComponent, isStandalone: true, selector: "kendo-textbox-messages", providers: [
-        {
-            provide: TextBoxMessages,
-            useExisting: forwardRef(() => TextBoxCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextBoxCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextBoxCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

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

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

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

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

package/{esm2020 → esm2022}/textbox/textbox-prefix.directive.mjs

@@ -22,10 +22,7 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class TextBoxPrefixTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._showSeparator = false;
-    }
+    templateRef;
     /**
      * Sets the `showSeparator` attribute of the `kendoTextBoxPrefixTemplate`.
      *
@@ -37,10 +34,14 @@ export class TextBoxPrefixTemplateDirective {
     get showSeparator() {
         return this._showSeparator;
     }
+    _showSeparator = false;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextBoxPrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TextBoxPrefixTemplateDirective, isStandalone: true, selector: "[kendoTextBoxPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
 }
-TextBoxPrefixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextBoxPrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-TextBoxPrefixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TextBoxPrefixTemplateDirective, isStandalone: true, selector: "[kendoTextBoxPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextBoxPrefixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextBoxPrefixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTextBoxPrefixTemplate]',

package/{esm2020 → esm2022}/textbox/textbox-suffix.directive.mjs

@@ -21,10 +21,7 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class TextBoxSuffixTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._showSeparator = false;
-    }
+    templateRef;
     /**
      * Sets the `showSeparator` attribute of the `kendoTextBoxSuffixTemplate`.
      *
@@ -36,10 +33,14 @@ export class TextBoxSuffixTemplateDirective {
     get showSeparator() {
         return this._showSeparator;
     }
+    _showSeparator = false;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextBoxSuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TextBoxSuffixTemplateDirective, isStandalone: true, selector: "[kendoTextBoxSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
 }
-TextBoxSuffixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextBoxSuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-TextBoxSuffixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TextBoxSuffixTemplateDirective, isStandalone: true, selector: "[kendoTextBoxSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TextBoxSuffixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextBoxSuffixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTextBoxSuffixTemplate]',