@progress/kendo-angular-inputs 8.0.9-dev.202203220940 → 9.0.0-dev.202204150721

package/dist/es/textbox/textbox.component.js

@@ -1,763 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { isJapanese } from './../shared/utils';
-import { closest } from './../common/dom-utils';
-import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { Component, ElementRef, forwardRef, Input, Output, EventEmitter, HostBinding, ViewChild, NgZone, ChangeDetectorRef, Injector, ContentChild, Renderer2 } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { invokeElementMethod } from '../common/dom-utils';
-import { areSame, requiresZoneOnBlur, getStylingClasses } from '../common/utils';
-import { guid, hasObservers, KendoInput, Keys } from '@progress/kendo-angular-common';
-import { TextBoxSuffixTemplateDirective } from './textbox-suffix.directive';
-import { TextBoxPrefixTemplateDirective } from './textbox-prefix.directive';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { isSafari } from '../shared/utils';
-var FOCUSED = 'k-focus';
-var TextBoxComponent = /** @class */ (function () {
-    function TextBoxComponent(localizationService, ngZone, changeDetector, renderer, injector, hostElement) {
-        var _this = this;
-        this.localizationService = localizationService;
-        this.ngZone = ngZone;
-        this.changeDetector = changeDetector;
-        this.renderer = renderer;
-        this.injector = injector;
-        this.hostElement = hostElement;
-        /**
-         * @hidden
-         */
-        this.focusableId = "k-" + guid();
-        /**
-         * Sets the `title` attribute of the `input` element of the TextBox.
-         */
-        this.title = '';
-        /**
-         * Sets the disabled state of the component.
-         *
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Sets the read-only state of the component.
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Specifies the `tabindex` of the TextBox.
-         *
-         * @default 0
-         */
-        this.tabindex = 0;
-        /**
-         * Provides a value for the TextBox.
-         */
-        this.value = null;
-        /**
-         * Determines whether the whole value will be selected when the TextBox is clicked. Defaults to `false`.
-         *
-         * @default false
-         */
-        this.selectOnFocus = false;
-        /**
-         * 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
-         */
-        this.showSuccessIcon = false;
-        /**
-         * 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
-         */
-        this.showErrorIcon = false;
-        /**
-         * Specifies whether a Clear button will be rendered.
-         *
-         * @default false
-         */
-        this.clearButton = false;
-        /**
-         * 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.
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * Fires each time the user focuses the `input` element.
-         */
-        this.inputFocus = new EventEmitter();
-        /**
-         * Fires each time the `input` element gets blurred.
-         */
-        this.inputBlur = new EventEmitter();
-        /**
-         * 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');
-         *   }
-         * }
-         * ```
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * 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');
-         *   }
-         * }
-         * ```
-         */
-        this.onBlur = new EventEmitter();
-        this.hostClasses = true;
-        this._isFocused = false;
-        this.focusChangedProgrammatically = false;
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
-        /**
-         * @hidden
-         */
-        this.handleInputFocus = function () {
-            if (!_this.disabled) {
-                if (_this.selectOnFocus && _this.value) {
-                    _this.ngZone.run(function () {
-                        setTimeout(function () { _this.selectAll(); });
-                    });
-                }
-                if (hasObservers(_this.onFocus)) {
-                    if (!_this.isFocused) {
-                        _this.ngZone.run(function () {
-                            _this.onFocus.emit();
-                        });
-                    }
-                }
-                if (hasObservers(_this.inputFocus)) {
-                    if (!_this.focusChangedProgrammatically || (_this.focusChangedProgrammatically && _this.clearButtonClicked)) {
-                        _this.ngZone.run(function () {
-                            _this.inputFocus.emit();
-                        });
-                    }
-                }
-                _this.ngZone.run(function () {
-                    _this.isFocused = true;
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleInputBlur = function () {
-            _this.changeDetector.markForCheck();
-            if (hasObservers(_this.inputBlur) || requiresZoneOnBlur(_this.control)) {
-                _this.ngZone.run(function () {
-                    _this.ngTouched();
-                    _this.inputBlur.emit();
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleInput = function (ev) {
-            var target = ev.target;
-            var isBrowserSafari = isSafari(navigator.userAgent);
-            var incomingValue = isBrowserSafari && isJapanese(target.value) ? ev.data : target.value;
-            var _a = [target.selectionStart, target.selectionEnd], caretStart = _a[0], caretEnd = _a[1];
-            _this.updateValue(incomingValue);
-            if (isBrowserSafari) {
-                target.setSelectionRange(caretStart, caretEnd);
-            }
-        };
-        this.ngChange = function (_) { };
-        this.ngTouched = function () { };
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
-    TextBoxComponent_1 = TextBoxComponent;
-    Object.defineProperty(TextBoxComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * 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'`
-         * * `null`
-         */
-        set: function (size) {
-            this.handleClasses(size, 'size');
-            this._size = size;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "rounded", {
-        get: function () {
-            return this._rounded;
-        },
-        /**
-         * 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'`
-         * * `null`
-         */
-        set: function (rounded) {
-            this.handleClasses(rounded, 'rounded');
-            this._rounded = rounded;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "fillMode", {
-        get: function () {
-            return this._fillMode;
-        },
-        /**
-         * 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'`
-         * * `null`
-         */
-        set: function (fillMode) {
-            this.handleClasses(fillMode, 'fillMode');
-            this._fillMode = fillMode;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "tabIndex", {
-        get: function () {
-            return this.tabindex;
-        },
-        /**
-         * @hidden
-         */
-        set: function (tabIndex) {
-            this.tabindex = tabIndex;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "disabledClass", {
-        get: function () {
-            return this.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TextBoxComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.control = this.injector.get(NgControl, null);
-        this.checkClearButton();
-        this.subscriptions = this.localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    };
-    TextBoxComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        var hostElement = this.hostElement.nativeElement;
-        var cursorInsideWrapper = false;
-        var tabbing = false;
-        this.ngZone.runOutsideAngular(function () {
-            // focusIn and focusOut are relative to the host element
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'focusin', function () {
-                if (!_this.isFocused) {
-                    _this.ngZone.run(function () {
-                        _this.onFocus.emit();
-                        _this.isFocused = true;
-                    });
-                }
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'focusout', function (args) {
-                if (!_this.isFocused) {
-                    return;
-                }
-                if (tabbing) {
-                    var closestTextbox = closest(args.relatedTarget, function (element) { return element === _this.hostElement.nativeElement; });
-                    if (!closestTextbox) {
-                        _this.handleBlur();
-                    }
-                    tabbing = false;
-                }
-                else {
-                    if (!cursorInsideWrapper && !_this.clearButtonClicked) {
-                        _this.handleBlur();
-                    }
-                }
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'mouseenter', function () {
-                cursorInsideWrapper = true;
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'mouseleave', function () {
-                cursorInsideWrapper = false;
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'keydown', function (args) {
-                if (args.keyCode === Keys.Tab) {
-                    tabbing = true;
-                }
-                else {
-                    tabbing = false;
-                }
-            }));
-        });
-        var stylingInputs = ['size', 'rounded', 'fillMode'];
-        stylingInputs.forEach(function (input) {
-            _this.handleClasses(_this[input], input);
-        });
-    };
-    TextBoxComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.disabled || changes.readonly || changes.value) {
-            this.checkClearButton();
-        }
-    };
-    TextBoxComponent.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    };
-    /**
-     * 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 { }
-     * ```
-     */
-    TextBoxComponent.prototype.focus = function () {
-        if (!this.input) {
-            return;
-        }
-        this.focusChangedProgrammatically = true;
-        this.isFocused = true;
-        this.input.nativeElement.focus();
-        this.focusChangedProgrammatically = false;
-    };
-    /**
-     * Blurs the TextBox.
-     */
-    TextBoxComponent.prototype.blur = function () {
-        this.focusChangedProgrammatically = true;
-        var isFocusedElement = this.hostElement.nativeElement.querySelector(':focus');
-        if (isFocusedElement) {
-            isFocusedElement.blur();
-        }
-        this.isFocused = false;
-        this.focusChangedProgrammatically = false;
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.clearTitle = function () {
-        return this.localizationService.get('clear');
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.checkClearButton = function () {
-        this.showClearButton =
-            !this.disabled &&
-                !this.readonly &&
-                this.clearButton &&
-                !!this.value;
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.clearValue = function (ev) {
-        if (ev) {
-            ev.preventDefault();
-        }
-        this.clearButtonClicked = true;
-        this.input.nativeElement.value = '';
-        this.input.nativeElement.focus();
-        this.updateValue('');
-        this.checkClearButton();
-        this.clearButtonClicked = false;
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.writeValue = function (value) {
-        this.value = value;
-        this.checkClearButton();
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.registerOnChange = function (fn) {
-        this.ngChange = fn;
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.registerOnTouched = function (fn) {
-        this.ngTouched = fn;
-    };
-    /**
-     * @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
-     */
-    TextBoxComponent.prototype.setDisabledState = function (isDisabled) {
-        this.changeDetector.markForCheck();
-        this.disabled = isDisabled;
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.showErrorsInitial = function () {
-        if (!this.control) {
-            return false;
-        }
-        var _a = this.control, invalid = _a.invalid, dirty = _a.dirty, touched = _a.touched;
-        return invalid && (dirty || touched);
-    };
-    /**
-     * @hidden
-     */
-    TextBoxComponent.prototype.showSuccessInitial = function () {
-        if (!this.control) {
-            return false;
-        }
-        var _a = this.control, valid = _a.valid, dirty = _a.dirty, touched = _a.touched;
-        return valid && (dirty || touched);
-    };
-    Object.defineProperty(TextBoxComponent.prototype, "successIconClasses", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.successIcon
-                ? "" + this.successIcon
-                : "k-input-validation-icon k-icon k-i-check";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "errorIconClasses", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.errorIcon
-                ? "" + this.errorIcon
-                : "k-input-validation-icon k-icon k-i-warning";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "clearButtonClasses", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.clearButtonIcon
-                ? this.clearButtonIcon
-                : "k-icon k-i-x";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "hasErrors", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.showErrorIcon === 'initial'
-                ? this.showErrorsInitial()
-                : this.showErrorIcon;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxComponent.prototype, "isSuccessful", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.showSuccessIcon === 'initial'
-                ? this.showSuccessInitial()
-                : this.showSuccessIcon;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TextBoxComponent.prototype.setSelection = function (start, end) {
-        if (this.isFocused) {
-            invokeElementMethod(this.input, 'setSelectionRange', start, end);
-        }
-    };
-    TextBoxComponent.prototype.selectAll = function () {
-        if (this.value) {
-            this.setSelection(0, this.value.length);
-        }
-    };
-    TextBoxComponent.prototype.updateValue = function (value) {
-        var _this = this;
-        if (!areSame(this.value, value)) {
-            this.ngZone.run(function () {
-                _this.value = value;
-                _this.ngChange(value);
-                _this.valueChange.emit(value);
-                _this.checkClearButton();
-                _this.changeDetector.markForCheck();
-            });
-        }
-    };
-    Object.defineProperty(TextBoxComponent.prototype, "isFocused", {
-        get: function () {
-            return this._isFocused;
-        },
-        set: function (value) {
-            if (this._isFocused !== value && this.hostElement) {
-                var element = this.hostElement.nativeElement;
-                if (value && !this.disabled) {
-                    this.renderer.addClass(element, FOCUSED);
-                }
-                else {
-                    this.renderer.removeClass(element, FOCUSED);
-                }
-                this._isFocused = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TextBoxComponent.prototype.handleBlur = function () {
-        var _this = this;
-        this.ngZone.run(function () {
-            if (!_this.focusChangedProgrammatically) {
-                _this.onBlur.emit();
-            }
-            _this.isFocused = false;
-        });
-    };
-    TextBoxComponent.prototype.handleClasses = function (value, input) {
-        var elem = this.hostElement.nativeElement;
-        var classes = getStylingClasses('input', input, this[input], value);
-        if (classes.toRemove) {
-            this.renderer.removeClass(elem, classes.toRemove);
-        }
-        if (classes.toAdd) {
-            this.renderer.addClass(elem, classes.toAdd);
-        }
-    };
-    var TextBoxComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "focusableId", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TextBoxComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TextBoxComponent.prototype, "readonly", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TextBoxComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "value", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TextBoxComponent.prototype, "selectOnFocus", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TextBoxComponent.prototype, "showSuccessIcon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TextBoxComponent.prototype, "showErrorIcon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TextBoxComponent.prototype, "clearButton", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "successIcon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "errorIcon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "clearButtonIcon", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], TextBoxComponent.prototype, "size", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], TextBoxComponent.prototype, "rounded", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], TextBoxComponent.prototype, "fillMode", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], TextBoxComponent.prototype, "tabIndex", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "placeholder", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TextBoxComponent.prototype, "maxlength", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TextBoxComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TextBoxComponent.prototype, "inputFocus", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TextBoxComponent.prototype, "inputBlur", void 0);
-    tslib_1.__decorate([
-        Output('focus'),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TextBoxComponent.prototype, "onFocus", void 0);
-    tslib_1.__decorate([
-        Output('blur'),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], TextBoxComponent.prototype, "onBlur", void 0);
-    tslib_1.__decorate([
-        ViewChild('input', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], TextBoxComponent.prototype, "input", void 0);
-    tslib_1.__decorate([
-        ContentChild(TextBoxSuffixTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", TextBoxSuffixTemplateDirective)
-    ], TextBoxComponent.prototype, "suffixTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(TextBoxPrefixTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", TextBoxPrefixTemplateDirective)
-    ], TextBoxComponent.prototype, "prefixTemplate", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TextBoxComponent.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-textbox'),
-        HostBinding('class.k-input'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TextBoxComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxComponent.prototype, "direction", void 0);
-    TextBoxComponent = TextBoxComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoTextBox',
-            providers: [
-                LocalizationService,
-                { provide: L10N_PREFIX, useValue: 'kendo.textbox' },
-                {
-                    provide: NG_VALUE_ACCESSOR,
-                    useExisting: forwardRef(function () { return TextBoxComponent_1; }),
-                    multi: true
-                },
-                { provide: KendoInput, useExisting: forwardRef(function () { return TextBoxComponent_1; }) }
-            ],
-            selector: 'kendo-textbox',
-            template: "\n        <ng-container kendoTextBoxLocalizedMessages\n            i18n-clear=\"kendo.textbox.clear|The title for the **Clear** button in the TextBox.\"\n            clear=\"Clear\">\n        </ng-container>\n        <span class=\"k-input-prefix\">\n            <ng-template\n                *ngIf=\"prefixTemplate\"\n                [ngTemplateOutlet]=\"prefixTemplate?.templateRef\">\n            </ng-template>\n        </span>\n        <input #input\n            class=\"k-input-inner\"\n            [id]=\"focusableId\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readonly\"\n            [attr.tabindex]=\"disabled ? undefined : tabindex\"\n            [value]=\"value\"\n            [attr.placeholder]=\"placeholder\"\n            [attr.title]=\"title\"\n            [attr.maxlength]=\"maxlength\"\n            [kendoEventsOutsideAngular]=\"{\n                focus: handleInputFocus,\n                blur: handleInputBlur,\n                input: handleInput}\"\n        />\n        <span\n            role=\"button\"\n            class=\"k-clear-value\"\n            *ngIf=\"showClearButton\"\n            (click)=\"clearValue()\"\n            (mousedown)=\"$event.preventDefault()\"\n            [tabindex]=\"tabIndex\"\n            [attr.aria-label]=\"clearTitle()\"\n            [title]=\"clearTitle()\"\n            (keydown.enter)=\"clearValue($event)\"\n            (keydown.space)=\"clearValue($event)\">\n                <span [ngClass]=\"clearButtonClasses\"></span>\n        </span>\n        <span *ngIf=\"hasErrors\" [ngClass]=\"errorIconClasses\"></span>\n        <span *ngIf=\"isSuccessful\" [ngClass]=\"successIconClasses\"></span>\n        <span class=\"k-input-suffix\">\n            <ng-template\n                *ngIf=\"suffixTemplate\"\n                [ngTemplateOutlet]=\"suffixTemplate?.templateRef\">\n            </ng-template>\n        </span>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            NgZone,
-            ChangeDetectorRef,
-            Renderer2,
-            Injector,
-            ElementRef])
-    ], TextBoxComponent);
-    return TextBoxComponent;
-}());
-export { TextBoxComponent };