@progress/kendo-angular-inputs 14.4.0-develop.17 → 14.4.0-develop.18

package/index.d.ts

@@ -55,9 +55,15 @@ export { TextBoxSuffixTemplateDirective } from './textbox/textbox-suffix.directi
 export { TextAreaComponent } from './textarea/textarea.component';
 export { TextAreaFlow } from './textarea/models/flow';
 export { TextAreaResize } from './textarea/models/resize';
+export { TextAreaPrefixComponent } from './textarea/textarea-prefix.component';
 export { TextAreaSuffixComponent } from './textarea/textarea-suffix.component';
+export { TextAreaAdornmentsOrientation } from './textarea/models/adornments-orientation';
 export { InputSeparatorComponent } from './shared/input-separator.component';
 export { SharedModule } from './shared.module';
+export { PrefixTemplateDirective } from '@progress/kendo-angular-common';
+export { SuffixTemplateDirective } from '@progress/kendo-angular-common';
+export { SeparatorComponent } from '@progress/kendo-angular-common';
+export { SeparatorOrientation } from '@progress/kendo-angular-common';
 export { LocalizedColorPickerMessagesDirective } from './colorpicker/localization/localized-colorpicker-messages.directive';
 export { LocalizedNumericTextBoxMessagesDirective } from './numerictextbox/localization/localized-numerictextbox-messages.directive';
 export { LocalizedTextBoxMessagesDirective } from './textbox/localization/localized-textbox-messages.directive';

package/maskedtextbox/maskedtextbox.component.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges, NgZone, Injector, ChangeDetectorRef } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { PrefixTemplateDirective, SuffixTemplateDirective } from '@progress/kendo-angular-common';
 import { MaskingService } from './masking.service';
 import { InputSize } from '../common/models';
 import { InputRounded } from '../common/models/rounded';
@@ -34,7 +35,7 @@ import * as i0 from "@angular/core";
 export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnChanges, Validator {
     private service;
     private renderer;
-    private hostElement;
+    hostElement: ElementRef;
     private ngZone;
     private injector;
     private changeDetector;
@@ -143,7 +144,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
     set tabIndex(tabIndex: number);
     get tabIndex(): number;
     /**
-     * Fires each time the user focuses the `input` element.
+     * Fires each time the user focuses the MaskedTextBox component.
      *
      * > To wire the event programmatically, use the `onFocus` property.
      *
@@ -164,7 +165,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      */
     onFocus: EventEmitter<any>;
     /**
-     * Fires each time the `input` element gets blurred.
+     * Fires each time the MaskedTextBox component gets blurred.
      *
      * > To wire the event programmatically, use the `onBlur` property.
      *
@@ -184,6 +185,14 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * ```
      */
     onBlur: EventEmitter<any>;
+    /**
+     * Fires each time the user focuses the `input` element.
+     */
+    inputFocus: EventEmitter<any>;
+    /**
+     * Fires each time the `input` element gets blurred.
+     */
+    inputBlur: EventEmitter<any>;
     /**
      * Fires each time the value changes.
      */
@@ -195,6 +204,14 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * Represents the `ElementRef` of the visible `input` element.
      */
     input: ElementRef;
+    /**
+     * @hidden
+     */
+    suffixTemplate: SuffixTemplateDirective;
+    /**
+     * @hidden
+     */
+    prefixTemplate: PrefixTemplateDirective;
     protected isFocused: boolean;
     private maskedValue;
     private focusClick;
@@ -218,6 +235,10 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * @hidden
      */
     handleFocus: () => void;
+    /**
+     * @hidden
+     */
+    handleInputFocus: () => void;
     /**
      * @hidden
      */
@@ -226,6 +247,10 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * @hidden
      */
     handleBlur: () => void;
+    /**
+     * @hidden
+     */
+    handleInputBlur: () => void;
     /**
      * @hidden
      */
@@ -306,10 +331,16 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
     private setSelection;
     private get emptyMask();
     private setFocusSelection;
-    private get focused();
-    private set focused(value);
+    /**
+     * @hidden
+     */
+    get focused(): boolean;
+    /**
+     * @hidden
+     */
+    set focused(value: boolean);
     private normalizeValue;
     private handleClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaskedTextBoxComponent, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MaskedTextBoxComponent, "kendo-maskedtextbox", ["kendoMaskedTextBox"], { "focusableId": "focusableId"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "mask": "mask"; "value": "value"; "rules": "rules"; "prompt": "prompt"; "promptPlaceholder": "promptPlaceholder"; "includeLiterals": "includeLiterals"; "maskOnFocus": "maskOnFocus"; "maskValidation": "maskValidation"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; }, { "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MaskedTextBoxComponent, "kendo-maskedtextbox", ["kendoMaskedTextBox"], { "focusableId": "focusableId"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "mask": "mask"; "value": "value"; "rules": "rules"; "prompt": "prompt"; "promptPlaceholder": "promptPlaceholder"; "includeLiterals": "includeLiterals"; "maskOnFocus": "maskOnFocus"; "maskValidation": "maskValidation"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; }, { "onFocus": "focus"; "onBlur": "blur"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "valueChange": "valueChange"; }, ["suffixTemplate", "prefixTemplate"], never>;
 }

package/maskedtextbox.module.d.ts

@@ -6,6 +6,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./maskedtextbox/maskedtextbox.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@progress/kendo-angular-common";
+import * as i4 from "./shared.module";
+import * as i5 from "./shared-events.module";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the MaskedTextBox component.
@@ -39,6 +41,6 @@ import * as i3 from "@progress/kendo-angular-common";
  */
 export declare class MaskedTextBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MaskedTextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaskedTextBoxModule, [typeof i1.MaskedTextBoxComponent], [typeof i2.CommonModule, typeof i3.EventsModule], [typeof i1.MaskedTextBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaskedTextBoxModule, [typeof i1.MaskedTextBoxComponent], [typeof i2.CommonModule, typeof i3.EventsModule, typeof i4.SharedModule, typeof i3.AdornmentsModule, typeof i5.SharedEventsModule], [typeof i1.MaskedTextBoxComponent, typeof i3.AdornmentsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MaskedTextBoxModule>;
 }

package/numerictextbox/numerictextbox.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, NgZone, ChangeDetectorRef, Injector } from '@angular/core';
+import { SuffixTemplateDirective, PrefixTemplateDirective } from '@progress/kendo-angular-common';
 import { ControlValueAccessor, AbstractControl, NgControl, Validator } from '@angular/forms';
 import { IntlService, NumberFormatOptions } from '@progress/kendo-angular-intl';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -21,7 +22,7 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
     private injector;
     private ngZone;
     private changeDetector;
-    private hostElement;
+    hostElement: ElementRef;
     /**
      * @hidden
      */
@@ -154,17 +155,33 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
      */
     valueChange: EventEmitter<any>;
     /**
-     * Fires each time the user focuses the `input` element ([see example]({% slug overview_numerictextbox %}#toc-events)).
+     * Fires each time the user focuses the NumericTextBox element ([see example]({% slug overview_numerictextbox %}#toc-events)).
      */
     onFocus: EventEmitter<any>;
     /**
-     * Fires each time the `input` element gets blurred ([see example]({% slug overview_numerictextbox %}#toc-events)).
+     * Fires each time the NumericTextBox component gets blurred. ([see example]({% slug overview_numerictextbox %}#toc-events)).
      */
     onBlur: EventEmitter<any>;
+    /**
+     * Fires each time the user focuses the `input` element.
+     */
+    inputFocus: EventEmitter<any>;
+    /**
+     * Fires each time the `input` element gets blurred.
+     */
+    inputBlur: EventEmitter<any>;
     /**
      * @hidden
      */
     numericInput: ElementRef;
+    /**
+     * @hidden
+     */
+    suffixTemplate: SuffixTemplateDirective;
+    /**
+     * @hidden
+     */
+    prefixTemplate: PrefixTemplateDirective;
     direction: string;
     /**
      * @hidden
@@ -301,11 +318,19 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
     /**
      * @hidden
      */
-    handleFocus: () => void;
+    handleInputFocus: () => void;
+    /**
+     * @hidden
+     */
+    handleFocus(): void;
     /**
      * @hidden
      */
     handleBlur: () => void;
+    /**
+     * @hidden
+     */
+    handleInputBlur: () => void;
     /**
      * @hidden
      */
@@ -326,11 +351,17 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
      * @hidden
      */
     get isControlInvalid(): boolean;
+    /**
+     * @hidden
+     */
+    get focused(): boolean;
+    /**
+     * @hidden
+     */
+    set focused(value: boolean);
     private get decimalSeparator();
     private get elementValue();
     private set elementValue(value);
-    private get focused();
-    private set focused(value);
     private get hasDecimals();
     private get isDisabled();
     private arrowPress;
@@ -360,5 +391,5 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
     private adjustSignificantChars;
     private handleClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumericTextBoxComponent, "kendo-numerictextbox", ["kendoNumericTextBox"], { "focusableId": "focusableId"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "autoCorrect": "autoCorrect"; "format": "format"; "max": "max"; "min": "min"; "decimals": "decimals"; "placeholder": "placeholder"; "step": "step"; "spinners": "spinners"; "rangeValidation": "rangeValidation"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "changeValueOnScroll": "changeValueOnScroll"; "selectOnFocus": "selectOnFocus"; "value": "value"; "maxlength": "maxlength"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumericTextBoxComponent, "kendo-numerictextbox", ["kendoNumericTextBox"], { "focusableId": "focusableId"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "autoCorrect": "autoCorrect"; "format": "format"; "max": "max"; "min": "min"; "decimals": "decimals"; "placeholder": "placeholder"; "step": "step"; "spinners": "spinners"; "rangeValidation": "rangeValidation"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "changeValueOnScroll": "changeValueOnScroll"; "selectOnFocus": "selectOnFocus"; "value": "value"; "maxlength": "maxlength"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; }, ["suffixTemplate", "prefixTemplate"], never>;
 }

package/numerictextbox.module.d.ts

@@ -9,6 +9,8 @@ import * as i3 from "./numerictextbox/localization/custom-messages.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@progress/kendo-angular-common";
 import * as i6 from "@progress/kendo-angular-icons";
+import * as i7 from "./shared.module";
+import * as i8 from "./shared-events.module";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the NumericTextBox component.
@@ -42,6 +44,6 @@ import * as i6 from "@progress/kendo-angular-icons";
  */
 export declare class NumericTextBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericTextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NumericTextBoxModule, [typeof i1.LocalizedNumericTextBoxMessagesDirective, typeof i2.NumericTextBoxComponent, typeof i3.NumericTextBoxCustomMessagesComponent], [typeof i4.CommonModule, typeof i5.EventsModule, typeof i6.IconsModule], [typeof i2.NumericTextBoxComponent, typeof i3.NumericTextBoxCustomMessagesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NumericTextBoxModule, [typeof i1.LocalizedNumericTextBoxMessagesDirective, typeof i2.NumericTextBoxComponent, typeof i3.NumericTextBoxCustomMessagesComponent], [typeof i4.CommonModule, typeof i5.EventsModule, typeof i6.IconsModule, typeof i7.SharedModule, typeof i5.AdornmentsModule, typeof i8.SharedEventsModule], [typeof i2.NumericTextBoxComponent, typeof i3.NumericTextBoxCustomMessagesComponent, typeof i5.AdornmentsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NumericTextBoxModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "14.4.0-develop.17",
+  "version": "14.4.0-develop.18",
   "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -34,19 +34,19 @@
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "14.4.0-develop.17",
-    "@progress/kendo-angular-common": "14.4.0-develop.17",
-    "@progress/kendo-angular-dialog": "14.4.0-develop.17",
-    "@progress/kendo-angular-intl": "14.4.0-develop.17",
-    "@progress/kendo-angular-l10n": "14.4.0-develop.17",
-    "@progress/kendo-angular-popup": "14.4.0-develop.17",
-    "@progress/kendo-angular-icons": "14.4.0-develop.17",
+    "@progress/kendo-angular-buttons": "14.4.0-develop.18",
+    "@progress/kendo-angular-common": "14.4.0-develop.18",
+    "@progress/kendo-angular-dialog": "14.4.0-develop.18",
+    "@progress/kendo-angular-intl": "14.4.0-develop.18",
+    "@progress/kendo-angular-l10n": "14.4.0-develop.18",
+    "@progress/kendo-angular-popup": "14.4.0-develop.18",
+    "@progress/kendo-angular-icons": "14.4.0-develop.18",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-upload": "14.4.0-develop.17"
+    "@progress/kendo-angular-upload": "14.4.0-develop.18"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.4.0-develop.17",
+    "@progress/kendo-angular-schematics": "14.4.0-develop.18",
     "@progress/kendo-common": "^0.2.2",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"

package/shared/input-separator.component.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { SeparatorOrientation } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 /**
  * Specifies a separator in the content of components like the TextArea and the TextBox. ([see examples]({% slug adornments_textbox %}#toc-separator)).
@@ -22,7 +23,13 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class InputSeparatorComponent {
+    /**
+     * Specifies the orientation of the separator.
+     */
+    orientation: SeparatorOrientation;
+    get vertical(): boolean;
+    get horizontal(): boolean;
     hostClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputSeparatorComponent, "kendo-input-separator, kendo-textbox-separator", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSeparatorComponent, "kendo-input-separator, kendo-textbox-separator", never, { "orientation": "orientation"; }, {}, never, never>;
 }

package/shared/shared-events.directive.d.ts

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class SharedInputEventsDirective implements AfterViewInit, OnDestroy {
+    private ngZone;
+    protected renderer: Renderer2;
+    cdr: ChangeDetectorRef;
+    hostElement: any;
+    clearButtonClicked: boolean;
+    isFocused: boolean;
+    isFocusedChange: EventEmitter<boolean>;
+    onFocus: EventEmitter<any>;
+    handleBlur: EventEmitter<any>;
+    protected subscriptions: Subscription;
+    constructor(ngZone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedInputEventsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SharedInputEventsDirective, "[kendoInputSharedEvents]", never, { "hostElement": "hostElement"; "clearButtonClicked": "clearButtonClicked"; "isFocused": "isFocused"; }, { "isFocusedChange": "isFocusedChange"; "onFocus": "onFocus"; "handleBlur": "handleBlur"; }, never>;
+}

package/shared-events.module.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./shared/shared-events.directive";
+/**
+ * @hidden
+ */
+export declare class SharedEventsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedEventsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedEventsModule, [typeof i1.SharedInputEventsDirective], never, [typeof i1.SharedInputEventsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SharedEventsModule>;
+}

package/textarea/models/adornments-orientation.d.ts

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the orientation of the TextArea adornments.
+ *
+ * The possible values are:
+ * * `horizontal`(Default) —TextArea adornments are placed from left to right in `ltr`, and from right to left in `rtl` mode.
+ * * `vertical`—TextArea adornments are placed from top to bottom.
+ */
+export declare type TextAreaAdornmentsOrientation = 'horizontal' | 'vertical';

package/textarea/textarea-prefix.component.d.ts

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+/**
+ * Specifies the adornments in the prefix container ([see example]({% slug textarea_adornments %})).
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textarea>
+ *    <kendo-textarea-prefix>
+ *        <button kendoButton look="clear" icon="image"></button>
+ *    </kendo-textarea-prefix>
+ *  </kendo-textarea>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export declare class TextAreaPrefixComponent {
+    /**
+     * @hidden
+     */
+    flow: string;
+    /**
+     * @hidden
+     */
+    orientation: string;
+    hostClass: boolean;
+    get verticalOrientation(): boolean;
+    get horizontalOrientation(): boolean;
+    get alignItems(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaPrefixComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaPrefixComponent, "kendo-textarea-prefix", ["kendoTextAreaPrefix"], { "flow": "flow"; "orientation": "orientation"; }, {}, never, ["*"]>;
+}

package/textarea/textarea-suffix.component.d.ts

@@ -20,7 +20,18 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class TextAreaSuffixComponent {
+    /**
+     * @hidden
+     */
+    flow: string;
+    /**
+     * @hidden
+     */
+    orientation: string;
     hostClass: boolean;
+    get verticalOrientation(): boolean;
+    get horizontalOrientation(): boolean;
+    get alignItems(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaSuffixComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaSuffixComponent, "kendo-textarea-suffix", ["kendoTextAreaSuffix"], {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaSuffixComponent, "kendo-textarea-suffix", ["kendoTextAreaSuffix"], { "flow": "flow"; "orientation": "orientation"; }, {}, never, ["*"]>;
 }

package/textarea/textarea.component.d.ts

@@ -4,11 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, EventEmitter, NgZone, Renderer2, ChangeDetectorRef, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { SeparatorOrientation } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TextFieldsBase } from '../text-fields-common/text-fields-base';
 import { TextAreaFlow } from './models/flow';
 import { TextAreaResize } from './models/resize';
 import { InputRounded, InputFillMode, InputSize } from '../common/models';
+import { TextAreaAdornmentsOrientation } from './models/adornments-orientation';
+import { TextAreaPrefixComponent } from './textarea-prefix.component';
+import { TextAreaSuffixComponent } from './textarea-suffix.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI TextArea component for Angular]({% slug overview_textarea %}).
@@ -19,7 +23,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     protected changeDetector: ChangeDetectorRef;
     protected renderer: Renderer2;
     protected injector: Injector;
-    protected hostElement: ElementRef;
+    hostElement: ElementRef;
     /**
      * @hidden
      */
@@ -27,6 +31,7 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     hostClasses: boolean;
     get flowCol(): boolean;
     get flowRow(): boolean;
+    private _flow;
     /**
      * 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.
@@ -35,7 +40,18 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * * `vertical`(Default) —TextArea sections are placed from top to bottom.
      * * `horizontal`—TextArea sections are placed from left to right in `ltr`, and from right to left in `rtl` mode.
      */
-    flow: TextAreaFlow;
+    set flow(flow: TextAreaFlow);
+    get flow(): TextAreaFlow;
+    /**
+     * Specifies the orientation of the TextArea adornments. This property is used in order to specify
+     * the adornments' position relative to themselves.
+     *
+     * The possible values are:
+     * * `horizontal`(Default) —TextArea adornments are placed from left to right in `ltr`, and from right to left in `rtl` mode.
+     * * `vertical`—TextArea adornments are placed from top to bottom.
+     */
+    set adornmentsOrientation(orientation: TextAreaAdornmentsOrientation);
+    get adornmentsOrientation(): TextAreaAdornmentsOrientation;
     /**
      *  Specifies the visible height of the textarea element in lines.
      */
@@ -105,6 +121,20 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      */
     set fillMode(fillMode: InputFillMode);
     get fillMode(): InputFillMode;
+    /**
+     * 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: boolean;
+    /**
+     * 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: boolean;
     /**
      * Fires each time the user focuses the TextArea component.
      *
@@ -158,10 +188,19 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     private _size;
     private _rounded;
     private _fillMode;
+    private _adornmentsOrientation;
     constructor(localizationService: LocalizationService, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, injector: Injector, hostElement: ElementRef);
     ngAfterViewInit(): void;
     ngOnInit(): void;
     ngOnChanges(changes: any): void;
+    /**
+     * @hidden
+     */
+    prefix: TextAreaPrefixComponent;
+    /**
+     * @hidden
+     */
+    suffix: TextAreaSuffixComponent;
     /**
      * @hidden
      */
@@ -184,6 +223,18 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * @hidden
      */
     get isControlInvalid(): boolean;
+    /**
+     * @hidden
+     */
+    get separatorOrientation(): SeparatorOrientation;
+    /**
+     * @hidden
+     */
+    get isFocused(): boolean;
+    /**
+     * @hidden
+     */
+    set isFocused(value: boolean);
     /**
      * @hidden
      */
@@ -213,13 +264,18 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      */
     blur(): void;
     private resize;
-    private get isFocused();
-    private set isFocused(value);
-    private handleBlur;
+    /**
+     * @hidden
+     */
+    handleFocus(): void;
+    /**
+     * @hidden
+     */
+    handleBlur(): void;
     private setSelection;
     private selectAll;
     private handleClasses;
     private handleFlow;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "kendo-textarea", ["kendoTextArea"], { "focusableId": "focusableId"; "flow": "flow"; "rows": "rows"; "cols": "cols"; "maxlength": "maxlength"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "resizable": "resizable"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; }, never, ["kendo-textarea-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "kendo-textarea", ["kendoTextArea"], { "focusableId": "focusableId"; "flow": "flow"; "adornmentsOrientation": "adornmentsOrientation"; "rows": "rows"; "cols": "cols"; "maxlength": "maxlength"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "resizable": "resizable"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "showPrefixSeparator": "showPrefixSeparator"; "showSuffixSeparator": "showSuffixSeparator"; }, { "onFocus": "focus"; "onBlur": "blur"; "valueChange": "valueChange"; }, ["prefix", "suffix"], ["kendo-textarea-prefix", "kendo-textarea-suffix"]>;
 }

package/textarea.module.d.ts

@@ -4,12 +4,14 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./textarea/textarea.component";
-import * as i2 from "./textarea/textarea-suffix.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-common";
-import * as i5 from "./shared.module";
-import * as i6 from "./shared/input-separator.component";
-import * as i7 from "./shared/textarea.directive";
+import * as i2 from "./textarea/textarea-prefix.component";
+import * as i3 from "./textarea/textarea-suffix.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-common";
+import * as i6 from "./shared.module";
+import * as i7 from "./shared-events.module";
+import * as i8 from "./shared/input-separator.component";
+import * as i9 from "./shared/textarea.directive";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the TextArea component.
@@ -43,6 +45,6 @@ import * as i7 from "./shared/textarea.directive";
  */
 export declare class TextAreaModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TextAreaModule, [typeof i1.TextAreaComponent, typeof i2.TextAreaSuffixComponent], [typeof i3.CommonModule, typeof i4.EventsModule, typeof i5.SharedModule], [typeof i1.TextAreaComponent, typeof i4.EventsModule, typeof i2.TextAreaSuffixComponent, typeof i6.InputSeparatorComponent, typeof i7.TextAreaDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TextAreaModule, [typeof i1.TextAreaComponent, typeof i2.TextAreaPrefixComponent, typeof i3.TextAreaSuffixComponent], [typeof i4.CommonModule, typeof i5.EventsModule, typeof i6.SharedModule, typeof i5.AdornmentsModule, typeof i7.SharedEventsModule], [typeof i1.TextAreaComponent, typeof i5.EventsModule, typeof i2.TextAreaPrefixComponent, typeof i3.TextAreaSuffixComponent, typeof i5.AdornmentsModule, typeof i8.InputSeparatorComponent, typeof i9.TextAreaDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TextAreaModule>;
 }

package/textbox/textbox-prefix.directive.d.ts

@@ -23,7 +23,15 @@ import * as i0 from "@angular/core";
  */
 export declare class TextBoxPrefixTemplateDirective {
     templateRef: TemplateRef<any>;
+    /**
+     * Sets the `showSeparator` attribute of the `kendoTextBoxPrefixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value: boolean);
+    get showSeparator(): boolean;
+    private _showSeparator;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxPrefixTemplateDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxPrefixTemplateDirective, "[kendoTextBoxPrefixTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxPrefixTemplateDirective, "[kendoTextBoxPrefixTemplate]", never, { "showSeparator": "showSeparator"; }, {}, never>;
 }

package/textbox/textbox-suffix.directive.d.ts

@@ -22,7 +22,15 @@ import * as i0 from "@angular/core";
  */
 export declare class TextBoxSuffixTemplateDirective {
     templateRef: TemplateRef<any>;
+    /**
+     * Sets the `showSeparator` attribute of the `kendoTextBoxSuffixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value: boolean);
+    get showSeparator(): boolean;
+    private _showSeparator;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxSuffixTemplateDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxSuffixTemplateDirective, "[kendoTextBoxSuffixTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxSuffixTemplateDirective, "[kendoTextBoxSuffixTemplate]", never, { "showSeparator": "showSeparator"; }, {}, never>;
 }