@progress/kendo-angular-inputs 13.2.1-develop.11 → 13.2.1-develop.13

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

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { TextBoxMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * Custom component messages override default component messages.
+ */
+export declare class TextBoxCustomMessagesComponent extends TextBoxMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxCustomMessagesComponent, "kendo-textbox-messages", never, {}, {}, never, never>;
+}

package/textbox/localization/localized-textbox-messages.directive.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { TextBoxMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class LocalizedTextBoxMessagesDirective extends TextBoxMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedTextBoxMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedTextBoxMessagesDirective, "[kendoTextBoxLocalizedMessages]", never, {}, {}, never>;
+}

package/textbox/localization/messages.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TextBoxMessages extends ComponentMessages {
+    /**
+     * The title of the **Clear** button of the TextBox.
+     */
+    clear: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxMessages, "kendo-textbox-messages-base", never, { "clear": "clear"; }, {}, never>;
+}

package/textbox/models/icon-show-options.d.ts

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies whether the Success or Error icons will be shown ([see examples]({% slug validation_textbox %})).
+ *
+ * The possible values are:
+ *
+ * * `initial`(Default) —Gives an initial, built-in control of the icons.
+ * * `boolean`—The icon is displayed, if the condition given by the developer is met.
+ */
+export declare type IconShowOptions = 'initial' | true | false;

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

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the adornments in the prefix container ([see examples]({% slug adornments_textbox %}#toc-prefixadornments)).
+ * @example
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *    <ng-template kendoTextBoxPrefixTemplate>
+ *        <button kendoButton look="clear" icon="image"></button>
+ *    </ng-template>
+ *  </kendo-textbox>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export declare class TextBoxPrefixTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxPrefixTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxPrefixTemplateDirective, "[kendoTextBoxPrefixTemplate]", never, {}, {}, never>;
+}

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

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the adornments in the suffix container ([see examples]({% slug adornments_textbox %}#toc-suffixadornments)).
+ * ```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 {}
+ * ```
+ */
+export declare class TextBoxSuffixTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxSuffixTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxSuffixTemplateDirective, "[kendoTextBoxSuffixTemplate]", never, {}, {}, never>;
+}

package/textbox/textbox.component.d.ts

@@ -0,0 +1,376 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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 { ControlValueAccessor, NgControl } from '@angular/forms';
+import { ElementRef, EventEmitter, NgZone, ChangeDetectorRef, Injector, Renderer2, SimpleChanges } from '@angular/core';
+import { IconShowOptions } from './models/icon-show-options';
+import { TextBoxSuffixTemplateDirective } from './textbox-suffix.directive';
+import { TextBoxPrefixTemplateDirective } from './textbox-prefix.directive';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-angular-icons';
+import { InputSize, InputRounded, InputFillMode } from '../common/models';
+import * as i0 from "@angular/core";
+export declare class TextBoxComponent implements ControlValueAccessor {
+    private localizationService;
+    private ngZone;
+    private changeDetector;
+    protected renderer: Renderer2;
+    private injector;
+    private hostElement;
+    /**
+     * @hidden
+     */
+    focusableId: string;
+    /**
+     * Sets the `title` attribute of the `input` element of the TextBox.
+     */
+    title: string;
+    /**
+     * Sets the disabled state of the component.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Sets the read-only state of the component.
+     *
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Specifies the `tabindex` of the TextBox.
+     *
+     * @default 0
+     */
+    tabindex: number;
+    /**
+     * Provides a value for the TextBox.
+     */
+    value: string;
+    /**
+     * Determines whether the whole value will be selected when the TextBox is clicked. Defaults to `false`.
+     *
+     * @default false
+     */
+    selectOnFocus: boolean;
+    /**
+     * Specifies when the Success icon will be shown ([see example]({% slug validation_textbox %})).
+     *
+     * The possible values are:
+     *
+     * `boolean`—The Success icon is displayed, if the condition given by the developer is met.
+     *
+     * `initial`—The Success icon will be displayed when the component state is neither `invalid` nor `touched` or `dirty`.
+     *
+     * @default false
+     */
+    showSuccessIcon: IconShowOptions;
+    /**
+     * Specifies when the Error icon will be shown ([see example]({% slug validation_textbox %})).
+     *
+     * The possible values are:
+     *
+     * * `initial`—The Error icon will be displayed when the component state is
+     * `invalid` and `touched` or `dirty`.
+     * * `boolean`—The Error icon is displayed, if the condition given by the developer is met.
+     *
+     * @default false
+     */
+    showErrorIcon: IconShowOptions;
+    /**
+     * Specifies whether a Clear button will be rendered.
+     *
+     * @default false
+     */
+    clearButton: boolean;
+    /**
+     * Sets a custom icon that will be rendered instead of the default one for a valid user input.
+     */
+    successIcon: string;
+    /**
+     * Sets a custom SVG icon that will be rendered instead of the default one for a valid user input.
+     */
+    successSvgIcon: SVGIcon;
+    /**
+     * Sets a custom icon that will be rendered instead of the default one for invalid user input.
+     */
+    errorIcon: string;
+    /**
+     * Sets a custom SVG icon that will be rendered instead of the default one for invalid user input.
+     */
+    errorSvgIcon: SVGIcon;
+    /**
+     * Sets a custom icon that will be rendered instead of the default one.
+     */
+    clearButtonIcon: string;
+    /**
+     * Sets a custom SVG icon that will be rendered instead of the default one.
+     */
+    clearButtonSvgIcon: SVGIcon;
+    /**
+     * The size property specifies the padding of the TextBox internal input element
+     * ([see example]({% slug appearance_textbox %}#toc-size)).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
+     */
+    set size(size: InputSize);
+    get size(): InputSize;
+    /**
+     * The rounded property specifies the border radius of the TextBox
+     * ([see example]({% slug appearance_textbox %}#toc-rounded)).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `full`
+     * * `none`
+     */
+    set rounded(rounded: InputRounded);
+    get rounded(): InputRounded;
+    /**
+     * The fillMode property specifies the background and border styles of the TextBox
+     * ([see example]({% slug appearance_textbox %}#toc-fillMode)).
+     *
+     * The possible values are:
+     * * `flat`
+     * * `solid` (default)
+     * * `outline`
+     * * `none`
+     */
+    set fillMode(fillMode: InputFillMode);
+    get fillMode(): InputFillMode;
+    /**
+     * @hidden
+     */
+    set tabIndex(tabIndex: number);
+    get tabIndex(): number;
+    /**
+     * The hint, which is displayed when the component is empty.
+     */
+    placeholder: string;
+    /**
+     * Specifies the maximum length of the TextBox value.
+     */
+    maxlength: number;
+    /**
+     * Fires each time the value is changed—
+     * when the component is blurred or the value is cleared through the **Clear** button
+     * ([see example]({% slug overview_textbox %}#toc-events)).
+     * When the value of the component is programmatically changed to `ngModel` or `formControl`
+     * through its API or form binding, the `valueChange` event is not triggered because it
+     * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
+     */
+    valueChange: 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 user focuses the TextBox component.
+     *
+     * > To wire the event programmatically, use the `onFocus` property.
+     *
+     * @example
+     * ```ts-no-run
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <kendo-textbox (focus)="handleFocus()"></kendo-textbox>
+     * `
+     * })
+     * class AppComponent {
+     *   public handleFocus(): void {
+     *      console.log('Component is isFocused');
+     *   }
+     * }
+     * ```
+     */
+    onFocus: EventEmitter<any>;
+    /**
+     * Fires each time the TextBox component gets blurred.
+     *
+     * > To wire the event programmatically, use the `onBlur` property.
+     *
+     * @example
+     * ```ts-no-run
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <kendo-textbox (blur)="handleBlur()"></kendo-textbox>
+     * `
+     * })
+     * class AppComponent {
+     *   public handleBlur(): void {
+     *      console.log('Component is blurred');
+     *   }
+     * }
+     * ```
+     */
+    onBlur: EventEmitter<any>;
+    /**
+     * Represents the visible `input` element of the TextBox.
+     */
+    input: ElementRef;
+    /**
+     * @hidden
+     */
+    suffixTemplate: TextBoxSuffixTemplateDirective;
+    /**
+     * @hidden
+     */
+    prefixTemplate: TextBoxPrefixTemplateDirective;
+    get disabledClass(): boolean;
+    hostClasses: boolean;
+    direction: string;
+    /**
+     * @hidden
+     */
+    showClearButton: boolean;
+    protected control: NgControl;
+    protected subscriptions: Subscription;
+    private clearButtonClicked;
+    private _isFocused;
+    private focusChangedProgrammatically;
+    private _size;
+    private _rounded;
+    private _fillMode;
+    constructor(localizationService: LocalizationService, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, injector: Injector, hostElement: ElementRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    svgIcon(name: string): SVGIcon;
+    /**
+     * Focuses the TextBox.
+     *
+     * @example
+     * ```ts-no-run
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <button (click)="input.focus()">Focus the input</button>
+     *  <kendo-textbox #input></kendo-textbox>
+     * `
+     * })
+     * class AppComponent { }
+     * ```
+     */
+    focus(): void;
+    /**
+     * Blurs the TextBox.
+     */
+    blur(): void;
+    /**
+     * @hidden
+     */
+    handleInputFocus: () => void;
+    /**
+     * @hidden
+     */
+    handleInputBlur: () => void;
+    /**
+     * @hidden
+     */
+    handleInput: (ev: any) => void;
+    /**
+     * @hidden
+     */
+    clearTitle(): string;
+    /**
+     * @hidden
+     */
+    checkClearButton(): void;
+    /**
+     * @hidden
+     */
+    clearValue(ev?: any): void;
+    /**
+     * @hidden
+     */
+    writeValue(value: string): void;
+    /**
+     * @hidden
+     */
+    registerOnChange(fn: () => any): void;
+    /**
+     * @hidden
+     */
+    registerOnTouched(fn: () => any): void;
+    /**
+     * @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: boolean): void;
+    /**
+     * @hidden
+     */
+    showErrorsInitial(): boolean;
+    /**
+     * @hidden
+     */
+    private showSuccessInitial;
+    /**
+     * @hidden
+     */
+    get isControlInvalid(): boolean;
+    /**
+     * @hidden
+     */
+    get successIconClasses(): string;
+    /**
+     * @hidden
+     */
+    get customSuccessIconClasses(): string;
+    /**
+     * @hidden
+     */
+    get errorIconClasses(): string;
+    /**
+     * @hidden
+     */
+    get customIconClasses(): string;
+    /**
+     * @hidden
+     */
+    get customClearButtonClasses(): string;
+    /**
+     * @hidden
+     */
+    get clearButtonClass(): string;
+    /**
+     * @hidden
+     */
+    get hasErrors(): boolean;
+    /**
+     * @hidden
+     */
+    get isSuccessful(): boolean;
+    private ngChange;
+    private ngTouched;
+    private setSelection;
+    private selectAll;
+    private updateValue;
+    private get isFocused();
+    private set isFocused(value);
+    private handleBlur;
+    private handleClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "kendo-textbox", ["kendoTextBox"], { "focusableId": "focusableId"; "title": "title"; "disabled": "disabled"; "readonly": "readonly"; "tabindex": "tabindex"; "value": "value"; "selectOnFocus": "selectOnFocus"; "showSuccessIcon": "showSuccessIcon"; "showErrorIcon": "showErrorIcon"; "clearButton": "clearButton"; "successIcon": "successIcon"; "successSvgIcon": "successSvgIcon"; "errorIcon": "errorIcon"; "errorSvgIcon": "errorSvgIcon"; "clearButtonIcon": "clearButtonIcon"; "clearButtonSvgIcon": "clearButtonSvgIcon"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "tabIndex": "tabIndex"; "placeholder": "placeholder"; "maxlength": "maxlength"; }, { "valueChange": "valueChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "onFocus": "focus"; "onBlur": "blur"; }, ["suffixTemplate", "prefixTemplate"], never>;
+}

package/textbox/textbox.directive.d.ts

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, Renderer2, NgZone } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [Kendo UI TextBox directive]({% slug overview_textbox %}) for the Inputs components for Angular.
+ * Used to style the textbox of any `input` element.
+ *
+ * @example
+ * ```ts-no-run
+ * <input kendoTextBox />
+ * <input kendoTextBox type="email" />
+ * <input kendoTextBox type="password" />
+ * ```
+ */
+export declare class TextBoxDirective implements AfterViewInit, OnDestroy {
+    private renderer;
+    private inputElement;
+    private ngZone;
+    hostClasses: boolean;
+    /**
+     * @hidden
+     */
+    onFocus: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    onBlur: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    onValueChange: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    autoFillStart: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    autoFillEnd: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    set value(text: string);
+    /**
+     * @hidden
+     */
+    get value(): string;
+    get id(): string;
+    set id(id: string);
+    private listeners;
+    constructor(renderer: Renderer2, inputElement: ElementRef, ngZone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxDirective, "input[kendoTextBox]", never, { "value": "value"; }, {}, never>;
+}

package/textbox.module.d.ts

@@ -0,0 +1,53 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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 "./textbox/textbox.directive";
+import * as i2 from "./textbox/textbox.component";
+import * as i3 from "./textbox/textbox-suffix.directive";
+import * as i4 from "./textbox/textbox-prefix.directive";
+import * as i5 from "./textbox/localization/custom-messages.component";
+import * as i6 from "./textbox/localization/localized-textbox-messages.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "@progress/kendo-angular-common";
+import * as i9 from "./shared.module";
+import * as i10 from "@progress/kendo-angular-icons";
+import * as i11 from "./shared/input-separator.component";
+import * as i12 from "./shared/textarea.directive";
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the TextBox directive.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the TextBox module
+ * import { TextBoxModule } 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, TextBoxModule], // import TextBox module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+export declare class TextBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TextBoxModule, [typeof i1.TextBoxDirective, typeof i2.TextBoxComponent, typeof i3.TextBoxSuffixTemplateDirective, typeof i4.TextBoxPrefixTemplateDirective, typeof i5.TextBoxCustomMessagesComponent, typeof i6.LocalizedTextBoxMessagesDirective], [typeof i7.CommonModule, typeof i8.EventsModule, typeof i9.SharedModule, typeof i10.IconsModule], [typeof i1.TextBoxDirective, typeof i2.TextBoxComponent, typeof i3.TextBoxSuffixTemplateDirective, typeof i4.TextBoxPrefixTemplateDirective, typeof i8.EventsModule, typeof i5.TextBoxCustomMessagesComponent, typeof i6.LocalizedTextBoxMessagesDirective, typeof i11.InputSeparatorComponent, typeof i12.TextAreaDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TextBoxModule>;
+}

package/validators/max.validator.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const createMaxValidator: Function;

package/validators/min.validator.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const createMinValidator: Function;