@progress/kendo-angular-inputs 19.1.1-develop.2 → 19.1.2-develop.1

package/switch/switch.component.d.ts

@@ -12,6 +12,14 @@ import { SwitchBlurEvent } from './events/blur-event';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Switch component for Angular]({% slug overview_switch %}).
+ *
+ * @example
+ * ```html
+ * <kendo-switch [(ngModel)]="checked"></kendo-switch>`
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link SwitchCustomMessagesComponent}.
  */
 export declare class SwitchComponent implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {
     private renderer;
@@ -25,66 +33,58 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
      */
     get focusableId(): string;
     /**
-     * Sets the **On** label ([see example]({% slug labels_switch %})).
-     * Takes precedence over the [custom messages component]({% slug api_inputs_switchcustommessagescomponent %}).
+     * Set the **On** label.
+     * This label takes precedence over the [custom messages component]({% slug api_inputs_switchcustommessagescomponent %}).
+     * [See example]({% slug labels_switch %}).
      */
     onLabel: string;
     /**
-     * Sets the **Off** label ([see example]({% slug labels_switch %})).
-     * Takes precedence over the [custom messages component]({% slug api_inputs_switchcustommessagescomponent %}).
+     * Set the **Off** label.
+     * This label takes precedence over the [custom messages component]({% slug api_inputs_switchcustommessagescomponent %}).
+     * [See example]({% slug labels_switch %}).
      */
     offLabel: string;
     /**
-     * Sets the value of the Switch when it is initially displayed.
+     * Sets the value of the Switch when it first appears.
      */
     set checked(value: boolean);
     get checked(): boolean;
     /**
-     * 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).
+     * When `true`, disables the Switch.
+     * [See example]({% slug disabled_switch %}).
+     * To disable the component in reactive forms, see [Forms Support](slug:formssupport_switch#toc-managing-the-switch-disabled-state-in-reactive-forms).
+     * @default false
      */
     disabled: boolean;
     /**
-     * Determines whether the Switch is in its read-only state ([see example]({% slug readonly_switch %})).
-     *
+     * When `true`, sets the Switch to read-only.
+     * [See example]({% slug readonly_switch %}).
      * @default false
      */
     readonly: boolean;
     /**
-     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Switch.
+     * Set the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Switch.
+     * @default 0
      */
     tabindex: number;
     /**
-     * Specifies the width and height of the Switch.
+     * Sets the size of the Switch.
      *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
+     * @default "medium"
      */
     set size(size: InputSize);
     get size(): InputSize;
     /**
-     * Specifies the border radius of the Switch thumb.
+     * Sets the border radius of the Switch.
      *
-     * The possible values are:
-     * * `full` (default)
-     * * `small`
-     * * `medium`
-     * * `large`
-     * * `none`
+     * @default "full"
      */
     set thumbRounded(thumbRounded: InputRounded);
     get thumbRounded(): InputRounded;
     /**
-     * Specifies the border radius of the Switch track.
+     * Sets the border radius of the Switch track.
      *
-     * The possible values are:
-     * * `full` (default)
-     * * `small`
-     * * `medium`
-     * * `large`
-     * * `none`
+     * @default "full"
      */
     set trackRounded(trackRounded: InputRounded);
     get trackRounded(): InputRounded;
@@ -94,15 +94,15 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
     set tabIndex(tabIndex: number);
     get tabIndex(): number;
     /**
-     * Fires each time the Switch component is focused as a result of user interaction.
+     * Fires when the user focuses the Switch.
      */
     onFocus: EventEmitter<SwitchFocusEvent>;
     /**
-     * Fires each time the Switch component is blurred as a result of user interaction.
+     * Fires when the user blurs the Switch.
      */
     onBlur: EventEmitter<SwitchBlurEvent>;
     /**
-     * Fires each time the user selects a new value.
+     * Fires when the value of the Switch changes.
      */
     valueChange: EventEmitter<any>;
     direction: string;
@@ -147,17 +147,6 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
     /**
      * Focuses the Switch.
      *
-     * @example
-     * ```ts-no-run
-     * _@Component({
-     * selector: 'my-app',
-     * template: `
-     *  <button (click)="switch.focus()">Focus</button>
-     *  <kendo-switch #switch></kendo-switch>
-     * `
-     * })
-     * class AppComponent { }
-     * ```
      */
     focus(): void;
     /**

package/switch.module.d.ts

@@ -6,34 +6,23 @@ import * as i0 from "@angular/core";
 import * as i1 from "./switch/switch.component";
 import * as i2 from "./switch/localization/custom-messages.component";
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Switch component.
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Switch component.
+ *
+ * Use this module to add the Switch component to your NgModule-based Angular application.
  *
  * @example
  *
- * ```ts-no-run
- * // Import the Switch module
+ * ```typescript
  * import { SwitchModule } from '@progress/kendo-angular-inputs';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, SwitchModule], // import Switch module
+ * @NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, SwitchModule],
  *     bootstrap:    [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export declare class SwitchModule {

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

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the orientation of the TextArea adornments.
+ * Sets the orientation for 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.
+ * * `horizontal` (default)—TextArea adornments appear from left to right in `ltr` mode, and from right to left in `rtl` mode.
+ * * `vertical`—TextArea adornments appear from top to bottom.
  */
 export type TextAreaAdornmentsOrientation = 'horizontal' | 'vertical';

package/textarea/models/flow.d.ts

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the flow direction of the TextArea sections.
+ * Sets the flow direction for TextArea sections.
  *
  * The possible values are:
- * * `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.
+ * * `vertical` (default)—TextArea sections appear from top to bottom.
+ * * `horizontal`—TextArea sections appear from left to right in `ltr` mode, and from right to left in `rtl` mode.
  */
 export type TextAreaFlow = 'horizontal' | 'vertical';

package/textarea/models/resize.d.ts

@@ -3,14 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies if the TextArea should auto resize, resize directions or none resize.
+ * Sets the resize behavior for the TextArea.
  *
  * The possible values are:
- * * `vertical`(Default)—The TextArea component can be resized in vertical direction.
- * * `auto`—Specifies whether the TextArea component will adjust its height automatically, based on the content.
- * * `horizontal`—The TextArea component can be resized in horizontal direction.
- * * `both`—The TextArea component can be resized in both - horizontal and vertical directions.
- * * `none`—The TextArea cannot be resized.
- *
+ * * `vertical` (Default)—You can resize the TextArea vertically.
+ * * `auto`—The TextArea adjusts its height automatically based on the content.
+ * * `horizontal`—You can resize the TextArea horizontally.
+ * * `both`—You can resize the TextArea both horizontally and vertically.
+ * * `none`—You cannot resize the TextArea.
  */
 export type TextAreaResize = 'auto' | 'vertical' | 'horizontal' | 'both' | 'none';

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

@@ -4,19 +4,17 @@
 *-------------------------------------------------------------------------------------------*/
 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 {}
+ * Represents the prefix adornments container for the TextArea component.
+ *
+ * Nest the `<kendo-textarea-prefix>` component inside `<kendo-textarea>` to add elements before the input.
+ *
+ * @example
+ * ```html
+ * <kendo-textarea>
+ *   <kendo-textarea-prefix>
+ *     <button kendoButton look="clear" icon="image"></button>
+ *   </kendo-textarea-prefix>
+ * </kendo-textarea>
  * ```
  */
 export declare class TextAreaPrefixComponent {

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

@@ -4,19 +4,17 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 /**
- * Specifies the adornments in the suffix container ([see example]({% slug textarea_adornments %})).
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-textarea>
- *    <kendo-textarea-suffix>
- *        <button kendoButton look="clear" icon="image"></button>
- *    </kendo-textarea-suffix>
- *  </kendo-textarea>
- * `
- * })
- * class AppComponent {}
+ * Represents the suffix adornments container for the TextArea component.
+ *
+ * Nest the `<kendo-textarea-suffix>` component inside `<kendo-textarea>` to add elements after the input.
+ *
+ * @example
+ * ```html
+ * <kendo-textarea>
+ *   <kendo-textarea-suffix>
+ *     <button kendoButton look="clear" icon="image"></button>
+ *   </kendo-textarea-suffix>
+ * </kendo-textarea>
  * ```
  */
 export declare class TextAreaSuffixComponent {

package/textarea/textarea.component.d.ts

@@ -15,7 +15,17 @@ 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 %}).
+ * Represents the Kendo UI TextArea component for Angular.
+ *
+ * Use this component to let users enter and edit multi-line text.
+ *
+ * @example
+ * ```html
+ * <kendo-textarea [(ngModel)]="value" [rows]="5" [cols]="30"></kendo-textarea>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link TextAreaPrefixComponent}, {@link TextAreaSuffixComponent}.
  */
 export declare class TextAreaComponent extends TextFieldsBase implements ControlValueAccessor {
     protected localizationService: LocalizationService;
@@ -33,17 +43,12 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     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.
-     *
-     * The possible values are:
-     * * `vertical`(Default) &mdash;TextArea sections are placed from top to bottom.
-     * * `horizontal`&mdash;TextArea sections are placed from left to right in `ltr`, and from right to left in `rtl` mode.
+     * Specifies the flow direction of the TextArea sections. Use this property to set the position of adornments relative to the text area.
      */
     set flow(flow: TextAreaFlow);
     get flow(): TextAreaFlow;
     /**
-     * Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
+     * Sets the HTML attributes of the inner focusable input element. Some attributes are required for component functionality and cannot be changed.
      */
     set inputAttributes(attributes: {
         [key: string]: string;
@@ -52,29 +57,26 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
         [key: string]: string;
     };
     /**
-     * Specifies the orientation of the TextArea adornments. This property is used in order to specify
-     * the adornments' position relative to themselves.
+     * Specifies the orientation of the TextArea adornments. Use this property to set the position of adornments relative to each other.
      *
-     * The possible values are:
-     * * `horizontal`(Default) &mdash;TextArea adornments are placed from left to right in `ltr`, and from right to left in `rtl` mode.
-     * * `vertical`&mdash;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.
+     * Sets the visible height of the text area in lines.
      */
     rows: number;
     /**
-     * Specifies the visible width of the textarea element (in average character width).
+     * Sets the visible width of the text area in average character width.
      */
     cols: number;
     /**
-     * Specifies the maximum number of characters that the user can enter in the TextArea component.
+     * Sets the maximum number of characters allowed in the text area.
      */
     maxlength: number;
     /**
-     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     * @default 0
      */
     tabindex: number;
     /**
@@ -83,113 +85,60 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
     set tabIndex(tabIndex: number);
     get tabIndex(): number;
     /**
-     * Configures the resize behavior of the TextArea.
+     * Sets 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.
      *
+     * @default 'vertical'
      */
     resizable: TextAreaResize;
     /**
-     * The size property specifies the padding of the internal textarea element
-     * ([see example]({% slug appearance_textarea %}#toc-size)).
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
+     * Sets the size of the TextArea. Controls the padding of the text area element ([see example]({% slug appearance_textarea %}#toc-size)).
+     * @default 'medium'
      */
     set size(size: InputSize);
     get size(): InputSize;
     /**
-     * The `rounded` property specifies the border radius of the TextArea
-     * ([see example](slug:appearance_textarea#toc-roundness)).
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
+     * Sets the border radius of the TextArea ([see example](slug:appearance_textarea#toc-roundness)).
+     * @default 'medium'
      */
     set rounded(rounded: InputRounded);
     get rounded(): InputRounded;
     /**
-     * The `fillMode` property specifies the background and border styles of the TextArea
-     * ([see example](slug:appearance_textarea#toc-fill-mode)).
-     *
-     * The possible values are:
-     * * `flat`
-     * * `solid` (default)
-     * * `outline`
-     * * `none`
+     * Sets the background and border styles of the TextArea ([see example](slug:appearance_textarea#toc-fill-mode)).
+     * @default 'solid'
      */
     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.
+     * Shows the prefix separator in the TextArea.
+     * The separator is rendered only if a prefix template is declared.
      *
      * @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.
+     * Shows the suffix separator in the TextArea.
+     * The separator is rendered only if a suffix template is declared.
      *
      * @default false
      */
     showSuffixSeparator: boolean;
     /**
-     * Fires each time the user focuses the TextArea component.
+     * Fires when the TextArea is focused.
      *
-     * > 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.');
-     *   }
-     * }
-     * ```
+     * Use the `onFocus` property to subscribe to this event.
      */
     onFocus: EventEmitter<any>;
     /**
-     * Fires each time the TextArea component gets blurred.
-     *
-     * > To wire the event programmatically, use the `onBlur` property.
+     * Fires when the TextArea gets blurred.
      *
-     * @example
-     * ```ts
-     * _@Component({
-     * selector: 'my-app',
-     * template: `
-     *  <kendo-textarea (blur)="handleBlur()"></kendo-textarea>
-     * `
-     * })
-     * class AppComponent {
-     *   public handleBlur(): void {
-     *      console.log('Component is blurred');
-     *   }
-     * }
-     * ```
+     * Use the `onBlur` property to subscribe to this event.
      */
     onBlur: EventEmitter<any>;
     /**
-     * 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.
+     * Fires when the value changes or the TextArea is blurred ([see example](slug:events_textarea)).
+     *
+     * The event does not fire when the value changes programmatically or through form control binding.
      */
     valueChange: EventEmitter<any>;
     private initialHeight;
@@ -261,23 +210,11 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      */
     handleInputFocus: () => void;
     /**
-     * Focuses the TextArea component.
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     * selector: 'my-app',
-     * template: `
-     *  <button (click)="textarea.focus()">Focus the textarea</button>
-     *  <kendo-textarea #textarea></kendo-textarea>
-     * `
-     * })
-     * class AppComponent { }
-     * ```
+     * Focuses the TextArea.
      */
     focus(): void;
     /**
-     * Blurs the TextArea component.
+     * Blurs the TextArea.
      */
     blur(): void;
     private resize;

package/textarea.module.d.ts

@@ -9,34 +9,23 @@ import * as i3 from "./textarea/textarea-prefix.component";
 import * as i4 from "./textarea/textarea-suffix.component";
 import * as i5 from "@progress/kendo-angular-common";
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the TextArea component.
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the TextArea component.
+ *
+ * Use this module to add the TextArea component to your NgModule-based Angular application.
  *
  * @example
  *
- * ```ts-no-run
- * // Import the TextArea module
+ * ```typescript
  * import { TextAreaModule } from '@progress/kendo-angular-inputs';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, TextAreaModule], // import TextArea module
+ * @NgModule({
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, TextAreaModule],
  *     bootstrap:    [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export declare class TextAreaModule {

package/textbox/localization/custom-messages.component.d.ts

@@ -6,7 +6,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { TextBoxMessages } from './messages';
 import * as i0 from "@angular/core";
 /**
- * Custom component messages override default component messages.
+ * Overrides the default messages of the TextBox component.
  */
 export declare class TextBoxCustomMessagesComponent extends TextBoxMessages {
     protected service: LocalizationService;

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

@@ -5,26 +5,22 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Specifies the adornments in the prefix container ([see examples](slug:adornments_textbox#toc-prefix-adornments)).
+ * Represents a template for prefix adornments in the TextBox component ([see examples](slug:adornments_textbox#toc-prefix-adornments)).
+ *
  * @example
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-textbox>
- *    <ng-template kendoTextBoxPrefixTemplate>
- *        <button kendoButton look="clear" icon="image"></button>
- *    </ng-template>
+ * ```html
+ * <kendo-textbox>
+ *   <ng-template kendoTextBoxPrefixTemplate>
+ *     <button kendoButton icon="image"></button>
+ *   </ng-template>
  *  </kendo-textbox>
- * `
- * })
- * class AppComponent {}
+
  * ```
  */
 export declare class TextBoxPrefixTemplateDirective {
     templateRef: TemplateRef<any>;
     /**
-     * Sets the `showSeparator` attribute of the `kendoTextBoxPrefixTemplate`.
+     * Determines whether a separator is shown after the prefix template.
      *
      * @default false
      */

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

@@ -5,25 +5,21 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Specifies the adornments in the suffix container ([see examples](slug:adornments_textbox#toc-suffix-adornments)).
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-textbox>
- *    <ng-template kendoTextBoxSuffixTemplate>
- *        <button kendoButton look="clear" icon="image"></button>
- *    </ng-template>
- *  </kendo-textbox>
- * `
- * })
- * class AppComponent {}
+ * Represents a template for suffix adornments in the TextBox component ([see examples](slug:adornments_textbox#toc-suffix-adornments)).
+ *
+ * @example
+ * ```html
+ * <kendo-textbox>
+ *   <ng-template kendoTextBoxSuffixTemplate>
+ *     <button kendoButton icon="image"></button>
+ *   </ng-template>
+ * </kendo-textbox>
  * ```
  */
 export declare class TextBoxSuffixTemplateDirective {
     templateRef: TemplateRef<any>;
     /**
-     * Sets the `showSeparator` attribute of the `kendoTextBoxSuffixTemplate`.
+     * Determines whether a separator is shown before the suffix template.
      *
      * @default false
      */