@progress/kendo-angular-inputs 21.4.1 → 22.0.0-develop.1

package/esm2022/textarea/textarea.directive.mjs

@@ -1,288 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, ElementRef, EventEmitter, HostBinding, Renderer2, Optional, Inject, Input, NgZone, forwardRef, Output, ChangeDetectorRef, Injector } from '@angular/core';
-import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { hasObservers, KendoInput, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { requiresZoneOnBlur } from '../common/utils';
-import { RTL } from '@progress/kendo-angular-l10n';
-import { fromEvent } from 'rxjs';
-import { debounceTime, take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI TextArea directive for the Inputs components for Angular.
- *
- * @example
- * ```html
- * <textarea kendoTextArea></textarea>
- * ```
- */
-export class TextAreaDirective {
-    renderer;
-    element;
-    zone;
-    changeDetector;
-    injector;
-    elementClasses = true;
-    autofillClass = true;
-    direction;
-    /**
-     * Fires when the TextArea value changes.
-     */
-    valueChange = new EventEmitter();
-    /**
-     * Sets whether the `textarea` element resizes its height automatically
-     * ([see example](slug:textarea_sizing#toc-auto-resizing)).
-     *
-     * @default false
-     */
-    autoSize = false;
-    /**
-     * Sets the textarea value.
-     */
-    value;
-    /**
-     * @hidden
-     */
-    onFocus = new EventEmitter();
-    /**
-     * @hidden
-     */
-    onBlur = new EventEmitter();
-    /**
-     * @hidden
-     */
-    onValueChange = new EventEmitter();
-    /**
-     * @hidden
-     */
-    autoFillStart = new EventEmitter();
-    /**
-     * @hidden
-     */
-    autoFillEnd = new EventEmitter();
-    get id() {
-        return this.element.nativeElement.id;
-    }
-    set id(id) {
-        this.renderer.setAttribute(this.element.nativeElement, 'id', id);
-    }
-    listeners = [];
-    inputSubscription;
-    initialHeight;
-    control;
-    resizeSubscription;
-    resizeObserver;
-    constructor(renderer, element, zone, changeDetector, injector, rtl) {
-        this.renderer = renderer;
-        this.element = element;
-        this.zone = zone;
-        this.changeDetector = changeDetector;
-        this.injector = injector;
-        this.direction = rtl ? 'rtl' : 'ltr';
-    }
-    /**
-     * @hidden
-     */
-    writeValue(value) {
-        this.elementValue = value;
-        this.resize();
-    }
-    /**
-     * @hidden
-     */
-    registerOnChange(fn) {
-        this.ngChange = fn;
-    }
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn) {
-        this.ngTouched = fn;
-    }
-    /**
-     * @hidden
-     */
-    setDisabledState(isDisabled) {
-        this.setElementProperty('disabled', isDisabled);
-    }
-    ngOnInit() {
-        const element = this.element.nativeElement;
-        this.zone.runOutsideAngular(() => {
-            this.listeners = [
-                this.renderer.listen(element, 'focus', this.handleFocus.bind(this)),
-                this.renderer.listen(element, 'blur', this.handleBlur.bind(this)),
-                this.renderer.listen(element, 'animationstart', (e) => {
-                    if (e.animationName === 'autoFillStart') {
-                        this.autoFillStart.emit();
-                    }
-                    else if (e.animationName === 'autoFillEnd') {
-                        this.autoFillEnd.emit();
-                    }
-                })
-            ];
-            if (isDocumentAvailable() && this.autoSize) {
-                this.resizeSubscription = fromEvent(window, 'resize')
-                    .pipe((debounceTime(50)))
-                    .subscribe(() => this.resize());
-                this.attachResizeObserver();
-            }
-            this.inputSubscription = fromEvent(element, 'input')
-                .subscribe(this.handleInput.bind(this));
-        });
-        this.control = this.injector.get(NgControl, null);
-    }
-    ngOnChanges(changes) {
-        const element = this.element.nativeElement;
-        if (changes.value) {
-            this.elementValue = this.value;
-        }
-        if (changes.autoSize) {
-            if (this.autoSize) {
-                this.initialHeight = element.offsetHeight;
-                this.renderer.setStyle(element, 'resize', 'none');
-            }
-            else {
-                this.renderer.setStyle(element, 'overflow-y', 'auto');
-                this.renderer.setStyle(element, 'resize', 'both');
-                element.style.height = `${this.initialHeight}px`;
-            }
-        }
-        this.zone.onStable.pipe(take(1)).subscribe(() => this.resize());
-    }
-    ngOnDestroy() {
-        this.listeners.forEach(listener => listener());
-        if (this.inputSubscription) {
-            this.inputSubscription.unsubscribe();
-        }
-        if (this.resizeSubscription) {
-            this.resizeSubscription.unsubscribe();
-        }
-        if (this.resizeObserver) {
-            this.resizeObserver.disconnect();
-        }
-    }
-    ngChange = (_) => { };
-    ngTouched = () => { };
-    get elementValue() {
-        if (this.element) {
-            return this.element.nativeElement.value;
-        }
-        return '';
-    }
-    set elementValue(value) {
-        this.setElementProperty('value', (value === undefined || value === null) ? '' : value);
-    }
-    setElementProperty(name, value) {
-        if (this.element) {
-            this.renderer.setProperty(this.element.nativeElement, name, value);
-        }
-    }
-    attachResizeObserver() {
-        if (typeof ResizeObserver === 'undefined' || !this.element?.nativeElement) {
-            return;
-        }
-        this.zone.runOutsideAngular(() => {
-            this.resizeObserver = new ResizeObserver(() => this.resize());
-            this.resizeObserver.observe(this.element.nativeElement);
-        });
-    }
-    resize() {
-        if (!this.autoSize) {
-            return;
-        }
-        const element = this.element.nativeElement;
-        this.renderer.setStyle(element, 'overflow-y', 'hidden');
-        element.style.height = `${this.initialHeight}px`;
-        const scrollHeight = element.scrollHeight;
-        if (scrollHeight > this.initialHeight) {
-            element.style.height = `${scrollHeight}px`;
-        }
-    }
-    handleInput() {
-        const value = this.elementValue;
-        this.value = value;
-        if (this.control || hasObservers(this.onValueChange) || hasObservers(this.valueChange)) {
-            this.zone.run(() => {
-                this.ngChange(value);
-                this.onValueChange.emit(value);
-                this.valueChange.emit(value);
-                this.changeDetector.markForCheck();
-            });
-        }
-        this.resize();
-    }
-    handleFocus() {
-        if (hasObservers(this.onFocus)) {
-            this.zone.run(() => {
-                this.onFocus.emit();
-            });
-        }
-    }
-    handleBlur() {
-        if (hasObservers(this.onBlur) || requiresZoneOnBlur(this.control)) {
-            this.zone.run(() => {
-                this.ngTouched();
-                this.onBlur.emit();
-                this.changeDetector.markForCheck();
-            });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TextAreaDirective, isStandalone: true, selector: "textarea[kendoTextArea]", inputs: { autoSize: "autoSize", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.elementClasses", "class.k-input": "this.elementClasses", "class.k-input-md": "this.elementClasses", "class.k-rounded-md": "this.elementClasses", "class.k-input-solid": "this.elementClasses", "class.k-autofill": "this.autofillClass", "attr.dir": "this.direction" } }, providers: [{
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => TextAreaDirective),
-                multi: true
-            }, {
-                provide: KendoInput,
-                useExisting: forwardRef(() => TextAreaDirective)
-            }], usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [{
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TextAreaDirective),
-                            multi: true
-                        }, {
-                            provide: KendoInput,
-                            useExisting: forwardRef(() => TextAreaDirective)
-                        }],
-                    selector: 'textarea[kendoTextArea]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [RTL]
-                }] }], propDecorators: { elementClasses: [{
-                type: HostBinding,
-                args: ['class.k-textarea']
-            }, {
-                type: HostBinding,
-                args: ['class.k-input']
-            }, {
-                type: HostBinding,
-                args: ['class.k-input-md']
-            }, {
-                type: HostBinding,
-                args: ['class.k-rounded-md']
-            }, {
-                type: HostBinding,
-                args: ['class.k-input-solid']
-            }], autofillClass: [{
-                type: HostBinding,
-                args: ['class.k-autofill']
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], valueChange: [{
-                type: Output
-            }], autoSize: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }] } });

package/esm2022/textarea.module.mjs

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from "@angular/core";
-import { KENDO_TEXTAREA } from "./directives";
-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 "./textarea/textarea.directive";
-import * as i3 from "./textarea/textarea-prefix.component";
-import * as i4 from "./textarea/textarea-suffix.component";
-import * as i5 from "@progress/kendo-angular-common";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * 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
- *
- * ```typescript
- * import { TextAreaModule } from '@progress/kendo-angular-inputs';
- * import { NgModule } from '@angular/core';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, TextAreaModule],
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class TextAreaModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: TextAreaModule, imports: [i5.SeparatorComponent, i5.SeparatorComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_TEXTAREA, ...KENDO_ADORNMENTS],
-                    exports: [...KENDO_TEXTAREA, ...KENDO_ADORNMENTS]
-                }]
-        }] });

package/esm2022/textbox/localization/custom-messages.component.mjs

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TextBoxMessages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Overrides the default messages of the TextBox component.
- */
-export class TextBoxCustomMessagesComponent extends TextBoxMessages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextBoxCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: TextBoxCustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: TextBoxMessages,
-                            useExisting: forwardRef(() => TextBoxCustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-textbox-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/textbox/localization/localized-textbox-messages.directive.mjs

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { TextBoxMessages } from './messages';
-import * as i0 from "@angular/core";
-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: "18.2.14", ngImport: i0, type: LocalizedTextBoxMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedTextBoxMessagesDirective, isStandalone: true, selector: "[kendoTextBoxLocalizedMessages]", providers: [
-            {
-                provide: TextBoxMessages,
-                useExisting: forwardRef(() => LocalizedTextBoxMessagesDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedTextBoxMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: TextBoxMessages,
-                            useExisting: forwardRef(() => LocalizedTextBoxMessagesDirective)
-                        }
-                    ],
-                    selector: '[kendoTextBoxLocalizedMessages]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/textbox/localization/messages.mjs

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-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: "18.2.14", ngImport: i0, type: TextBoxMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TextBoxMessages, selector: "kendo-textbox-messages-base", inputs: { clear: "clear" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextBoxMessages, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendo-textbox-messages-base'
-                }]
-        }], propDecorators: { clear: [{
-                type: Input
-            }] } });

package/esm2022/textbox/models/icon-show-options.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/textbox/textbox-prefix.directive.mjs

@@ -1,50 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents a template for prefix adornments in the TextBox component ([see examples](slug:adornments_textbox#toc-prefix-adornments)).
- *
- * @example
- * ```html
- * <kendo-textbox>
- *   <ng-template kendoTextBoxPrefixTemplate>
- *     <button kendoButton icon="image"></button>
- *   </ng-template>
- *  </kendo-textbox>
-
- * ```
- */
-export class TextBoxPrefixTemplateDirective {
-    templateRef;
-    /**
-     * Determines whether a separator is shown after the prefix template.
-     *
-     * @default false
-     */
-    set showSeparator(value) {
-        this._showSeparator = value;
-    }
-    get showSeparator() {
-        return this._showSeparator;
-    }
-    _showSeparator = false;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextBoxPrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TextBoxPrefixTemplateDirective, isStandalone: true, selector: "[kendoTextBoxPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextBoxPrefixTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTextBoxPrefixTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { showSeparator: [{
-                type: Input
-            }] } });

package/esm2022/textbox/textbox-suffix.directive.mjs

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * 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 class TextBoxSuffixTemplateDirective {
-    templateRef;
-    /**
-     * Determines whether a separator is shown before the suffix template.
-     *
-     * @default false
-     */
-    set showSeparator(value) {
-        this._showSeparator = value;
-    }
-    get showSeparator() {
-        return this._showSeparator;
-    }
-    _showSeparator = false;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextBoxSuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TextBoxSuffixTemplateDirective, isStandalone: true, selector: "[kendoTextBoxSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextBoxSuffixTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTextBoxSuffixTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { showSeparator: [{
-                type: Input
-            }] } });