@progress/kendo-angular-inputs 8.0.4 → 9.0.0-next.202202161022

package/dist/es/maskedtextbox/maskedtextbox.component.js

@@ -1,725 +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 { Component, ElementRef, EventEmitter, HostBinding, HostListener, Inject, Input, Optional, Output, Renderer2, ViewChild, forwardRef, NgZone, Injector, isDevMode, ChangeDetectorRef } from '@angular/core';
-import { NG_VALIDATORS, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { RTL } from '@progress/kendo-angular-l10n';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { MaskingService } from './masking.service';
-import { isChanged, anyChanged, guid, hasObservers, KendoInput } from '@progress/kendo-angular-common';
-import { invokeElementMethod } from '../common/dom-utils';
-import { requiresZoneOnBlur, isPresent, getStylingClasses } from '../common/utils';
-var resolvedPromise = Promise.resolve(null);
-var FOCUSED = 'k-focus';
-/**
- * Represents the [Kendo UI MaskedTextBox component for Angular]({% slug overview_maskedtextbox %}).
- *
- * @example
- * ```ts-no-run
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *      <kendo-maskedtextbox
- *          [mask]="mask"
- *          [value]="value">
- *      </kendo-maskedtextbox>
- *     `
- * })
- *
- * class AppComponent {
- *  public value: string = "9580128055807792";
- *  public mask: string = "0000-0000-0000-0000";
- * }
- * ```
- */
-var MaskedTextBoxComponent = /** @class */ (function () {
-    function MaskedTextBoxComponent(service, renderer, hostElement, ngZone, injector, changeDetector, rtl) {
-        var _this = this;
-        this.service = service;
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this.ngZone = ngZone;
-        this.injector = injector;
-        this.changeDetector = changeDetector;
-        /**
-         * @hidden
-         */
-        this.focusableId = "k-" + guid();
-        /**
-         * Determines whether the MaskedTextBox is disabled ([see example]({% slug disabled_maskedtextbox %})).
-         */
-        this.disabled = false;
-        /**
-         * Determines whether the MaskedTextBox is in its read-only state ([see example]({% slug readonly_maskedtextbox %})).
-         */
-        this.readonly = false;
-        this.hostClasses = true;
-        /**
-         * Represents a prompt character for the masked value.
-         * @default `_`
-         */
-        this.prompt = '_';
-        /**
-         * Indicates a character which represents an empty position in the raw value.
-         * @default ' '
-         */
-        this.promptPlaceholder = ' ';
-        /**
-         * Indicates whether to include literals in the raw value  ([see example]({% slug value_maskedtextbox %})).
-         * @default false
-         */
-        this.includeLiterals = false;
-        /**
-         * Specifies if the mask should be shown on focus for empty value.
-         */
-        this.maskOnFocus = false;
-        /**
-         * Determines whether the built-in mask validator is enforced when a form is validated
-         * ([see example]({% slug validation_maskedtextbox %})).
-         * @default true
-         */
-        this.maskValidation = true;
-        /**
-         * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabindex = 0;
-        /**
-         * Fires each time the user focuses the `input` element.
-         *
-         * > To wire the event programmatically, use the `onFocus` property.
-         *
-         * @example
-         * ```ts-no-run
-         * _@Component({
-         * selector: 'my-app',
-         * template: `
-         *  <kendo-maskedtextbox (focus)="handleFocus()"></kendo-maskedtextbox>
-         * `
-         * })
-         * class AppComponent {
-         *   public handleFocus(): void {
-         *      console.log("Component is focused");
-         *   }
-         * }
-         * ```
-         */
-        this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
-        /**
-         * Fires each time the `input` element gets blurred.
-         *
-         * > To wire the event programmatically, use the `onBlur` property.
-         *
-         * @example
-         * ```ts-no-run
-         * _@Component({
-         * selector: 'my-app',
-         * template: `
-         *  <kendo-maskedtextbox (blur)="handleBlur()"></kendo-maskedtextbox>
-         * `
-         * })
-         * class AppComponent {
-         *   public handleBlur(): void {
-         *      console.log("Component is blurred");
-         *   }
-         * }
-         * ```
-         */
-        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
-        /**
-         * Fires each time the value changes.
-         */
-        this.valueChange = new EventEmitter();
-        this.focusClick = false;
-        this.defaultRules = {
-            "#": /[\d\s\+\-]/,
-            "&": /[\S]/,
-            "0": /[\d]/,
-            "9": /[\d\s]/,
-            "?": /[a-zA-Z\s]/,
-            "A": /[a-zA-Z0-9]/,
-            "C": /./,
-            "L": /[a-zA-Z]/,
-            "a": /[a-zA-Z0-9\s]/
-        };
-        this.isPasted = false;
-        this.selection = [0, 0];
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
-        /**
-         * @hidden
-         */
-        this.handleFocus = function () {
-            _this.focused = true;
-            if (_this.maskOnFocus && _this.emptyMask) {
-                _this.updateInput(_this.service.maskRaw(_this.value));
-                _this.ngZone.runOutsideAngular(function () {
-                    setTimeout(function () { _this.setSelection(0, 0); }, 0);
-                });
-            }
-            if (hasObservers(_this.onFocus)) {
-                _this.ngZone.run(function () {
-                    _this.onFocus.emit();
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleClick = function () {
-            if (_this.focused && !_this.focusClick) {
-                _this.focusClick = true;
-                var _a = _this.input.nativeElement, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd;
-                if (selectionStart === selectionEnd) {
-                    _this.setFocusSelection();
-                }
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleBlur = function () {
-            _this.changeDetector.markForCheck();
-            _this.focused = false;
-            _this.focusClick = false;
-            if (_this.maskOnFocus && _this.emptyMask) {
-                _this.updateInput(_this.maskedValue);
-            }
-            if (hasObservers(_this.onBlur) || requiresZoneOnBlur(_this.control)) {
-                _this.ngZone.run(function () {
-                    _this.onTouched();
-                    _this.onBlur.emit();
-                });
-            }
-        };
-        this.onChange = function (_) { };
-        this.onTouched = function () { };
-        validatePackage(packageMetadata);
-        this.direction = rtl ? 'rtl' : 'ltr';
-        this.updateService();
-    }
-    MaskedTextBoxComponent_1 = MaskedTextBoxComponent;
-    Object.defineProperty(MaskedTextBoxComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * The size property specifies the padding of the MaskedTextBox internal input element
-         * ([see example]({% slug appearance_maskedtextbox %}#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(MaskedTextBoxComponent.prototype, "rounded", {
-        get: function () {
-            return this._rounded;
-        },
-        /**
-         * The rounded property specifies the border radius of the MaskedTextBox
-         * ([see example]({% slug appearance_maskedtextbox %}#toc-rounded)).
-         * The possible values are:
-         * * `'small'`
-         * * `'medium'` (default)
-         * * `'large'`
-         * * `null`
-         */
-        set: function (rounded) {
-            this.handleClasses(rounded, 'rounded');
-            this._rounded = rounded;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MaskedTextBoxComponent.prototype, "fillMode", {
-        get: function () {
-            return this._fillMode;
-        },
-        /**
-         * The fillMode property specifies the background and border styles of the MaskedTexBox
-         * ([see example]({% slug appearance_maskedtextbox %}#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(MaskedTextBoxComponent.prototype, "hostDisabledClass", {
-        get: function () {
-            return this.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MaskedTextBoxComponent.prototype, "rules", {
-        /**
-         * Exposes the RegExp-based mask validation array ([see example]({% slug masks_maskedtextbox %})).
-         */
-        get: function () {
-            return this._rules || this.defaultRules;
-        },
-        set: function (value) {
-            this._rules = Object.assign({}, this.defaultRules, value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MaskedTextBoxComponent.prototype, "tabIndex", {
-        get: function () {
-            return this.tabindex;
-        },
-        /**
-         * @hidden
-         */
-        set: function (tabIndex) {
-            this.tabindex = tabIndex;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MaskedTextBoxComponent.prototype.ngOnInit = function () {
-        if (this.hostElement) {
-            this.renderer.removeAttribute(this.hostElement.nativeElement, "tabindex");
-        }
-        this.control = this.injector.get(NgControl, null);
-    };
-    MaskedTextBoxComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        var stylingInputs = ['size', 'rounded', 'fillMode'];
-        stylingInputs.forEach(function (input) {
-            _this.handleClasses(_this[input], input);
-        });
-    };
-    /**
-     * @hidden
-     * Used by the FloatingLabel to determine if the MaskedTextBox is empty.
-     */
-    MaskedTextBoxComponent.prototype.isEmpty = function () {
-        if (this.input) {
-            return !Boolean(this.input.nativeElement.value);
-        }
-    };
-    /**
-     * @hidden
-     */
-    MaskedTextBoxComponent.prototype.handleDragDrop = function () {
-        return false;
-    };
-    /**
-     * Focuses the MaskedTextBox.
-     *
-     * @example
-     * ```ts-no-run
-     * _@Component({
-     * selector: 'my-app',
-     * template: `
-     *  <button (click)="maskedinput.focus()">Focus the input</button>
-     *  <kendo-maskedtextbox #maskedinput></kendo-maskedtextbox>
-     * `
-     * })
-     * class AppComponent { }
-     * ```
-     */
-    MaskedTextBoxComponent.prototype.focus = function () {
-        if (!this.input) {
-            return;
-        }
-        this.input.nativeElement.focus();
-        this.setFocusSelection();
-    };
-    /**
-     * Blurs the MaskedTextBox.
-     */
-    MaskedTextBoxComponent.prototype.blur = function () {
-        if (!this.input) {
-            return;
-        }
-        this.input.nativeElement.blur();
-    };
-    /**
-     * @hidden
-     */
-    MaskedTextBoxComponent.prototype.pasteHandler = function (e) {
-        var _a = e.target, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd;
-        if (selectionEnd === selectionStart) {
-            return;
-        }
-        this.isPasted = true;
-        this.selection = [selectionStart, selectionEnd];
-    };
-    /**
-     * @hidden
-     */
-    MaskedTextBoxComponent.prototype.inputHandler = function (e) {
-        var value = e.target.value;
-        var _a = this.selection, start = _a[0], end = _a[1];
-        if (!this.mask) {
-            this.updateValue(value);
-            this.isPasted = false;
-            return;
-        }
-        var result;
-        if (this.isPasted) {
-            this.isPasted = false;
-            var rightPart = this.maskedValue.length - end;
-            var to = value.length - rightPart;
-            result = this.service.maskInRange(value.slice(start, to), this.maskedValue, start, end);
-        }
-        else {
-            result = this.service.maskInput(value, this.maskedValue, e.target.selectionStart);
-        }
-        this.updateInput(result.value, result.selection);
-        this.updateValue(result.value);
-    };
-    /**
-     * @hidden
-     */
-    MaskedTextBoxComponent.prototype.ngOnChanges = function (changes) {
-        var _this = this;
-        if (changes.value) {
-            this.value = this.normalizeValue();
-        }
-        if (!this.mask) {
-            this.updateInput(this.value);
-            return;
-        }
-        var next = this.extractChanges(changes);
-        this.updateService(next);
-        if (isChanged('value', changes)) {
-            var maskedValue = this.service.maskRaw(this.value);
-            if (maskedValue !== this.maskedValue) {
-                this.updateInput(maskedValue);
-            }
-        }
-        else if (anyChanged(['promptPlaceholder', 'includeLiterals'], changes)) {
-            resolvedPromise.then(function () {
-                _this.updateValue(_this.maskedValue);
-            });
-        }
-        else {
-            this.updateInput(this.service.maskRaw(this.value));
-        }
-    };
-    /**
-     * @hidden
-     * Writes a new value to the element.
-     */
-    MaskedTextBoxComponent.prototype.writeValue = function (value) {
-        this.value = this.normalizeValue(value);
-        this.updateInput(this.service.maskRaw(this.value));
-    };
-    /**
-     * @hidden
-     * Sets the function that will be called when a `change` event is triggered.
-     */
-    MaskedTextBoxComponent.prototype.registerOnChange = function (fn) {
-        this.onChange = fn;
-    };
-    /**
-     * @hidden
-     * Sets the function that will be called when a `touch` event is triggered.
-     */
-    MaskedTextBoxComponent.prototype.registerOnTouched = function (fn) {
-        this.onTouched = 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
-     */
-    MaskedTextBoxComponent.prototype.setDisabledState = function (isDisabled) {
-        this.changeDetector.markForCheck();
-        this.disabled = isDisabled;
-    };
-    /**
-     * @hidden
-     */
-    MaskedTextBoxComponent.prototype.validate = function (_) {
-        if (this.maskValidation === false || !this.mask) {
-            return null;
-        }
-        if (!this.service.validationValue(this.maskedValue)) {
-            return null;
-        }
-        if (this.maskedValue.indexOf(this.prompt) !== -1) {
-            return {
-                patternError: {
-                    mask: this.mask,
-                    maskedValue: this.maskedValue,
-                    value: this.value
-                }
-            };
-        }
-        return null;
-    };
-    /**
-     * @hidden
-     */
-    MaskedTextBoxComponent.prototype.updateValue = function (maskedValue) {
-        if (this.mask && !this.service.validationValue(maskedValue)) {
-            this.value = '';
-        }
-        else {
-            this.value = this.service.rawValue(maskedValue);
-        }
-        this.onChange(this.value);
-        this.valueChange.emit(this.value);
-    };
-    MaskedTextBoxComponent.prototype.updateInput = function (maskedValue, selection) {
-        if (maskedValue === void 0) { maskedValue = ''; }
-        this.maskedValue = maskedValue;
-        var value = this.maskOnFocus && !this.focused && this.emptyMask ? '' : maskedValue;
-        this.renderer.setProperty(this.input.nativeElement, "value", value);
-        if (selection !== undefined) {
-            this.setSelection(selection, selection);
-        }
-    };
-    MaskedTextBoxComponent.prototype.extractChanges = function (changes) {
-        return Object.keys(changes).filter(function (key) { return key !== 'rules'; }).reduce(function (obj, key) {
-            obj[key] = changes[key].currentValue;
-            return obj;
-        }, {}); // tslint:disable-line:align
-    };
-    MaskedTextBoxComponent.prototype.updateService = function (extra) {
-        var config = Object.assign({
-            includeLiterals: this.includeLiterals,
-            mask: this.mask,
-            prompt: this.prompt,
-            promptPlaceholder: this.promptPlaceholder,
-            rules: this.rules
-        }, extra); // tslint:disable-line:align
-        this.service.update(config);
-    };
-    MaskedTextBoxComponent.prototype.setSelection = function (start, end) {
-        if (start === void 0) { start = this.selection[0]; }
-        if (end === void 0) { end = this.selection[1]; }
-        if (this.focused) {
-            invokeElementMethod(this.input, 'setSelectionRange', start, end);
-        }
-    };
-    Object.defineProperty(MaskedTextBoxComponent.prototype, "emptyMask", {
-        get: function () {
-            return this.service.maskRaw() === this.maskedValue;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MaskedTextBoxComponent.prototype.setFocusSelection = function () {
-        var selectionStart = this.input.nativeElement.selectionStart;
-        var index = this.maskedValue ? this.maskedValue.indexOf(this.prompt) : 0;
-        if (index >= 0 && index < selectionStart) {
-            this.selection = [index, index];
-            this.setSelection();
-        }
-    };
-    Object.defineProperty(MaskedTextBoxComponent.prototype, "focused", {
-        get: function () {
-            return this.isFocused;
-        },
-        set: function (value) {
-            if (this.isFocused !== value && this.hostElement) {
-                var element = this.hostElement.nativeElement;
-                if (value) {
-                    this.renderer.addClass(element, FOCUSED);
-                }
-                else {
-                    this.renderer.removeClass(element, FOCUSED);
-                }
-                this.isFocused = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MaskedTextBoxComponent.prototype.normalizeValue = function (value) {
-        if (value === void 0) { value = this.value; }
-        var present = isPresent(value);
-        if (present && typeof value !== 'string') {
-            if (isDevMode()) {
-                throw new Error('The MaskedTextBox component supports only string values.');
-            }
-            return String(value);
-        }
-        return present ? value : '';
-    };
-    MaskedTextBoxComponent.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 MaskedTextBoxComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MaskedTextBoxComponent.prototype, "focusableId", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MaskedTextBoxComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MaskedTextBoxComponent.prototype, "readonly", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MaskedTextBoxComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], MaskedTextBoxComponent.prototype, "size", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], MaskedTextBoxComponent.prototype, "rounded", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], MaskedTextBoxComponent.prototype, "fillMode", null);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], MaskedTextBoxComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-input'),
-        HostBinding('class.k-maskedtextbox'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MaskedTextBoxComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MaskedTextBoxComponent.prototype, "hostDisabledClass", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MaskedTextBoxComponent.prototype, "mask", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MaskedTextBoxComponent.prototype, "value", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], MaskedTextBoxComponent.prototype, "rules", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MaskedTextBoxComponent.prototype, "prompt", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], MaskedTextBoxComponent.prototype, "promptPlaceholder", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MaskedTextBoxComponent.prototype, "includeLiterals", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MaskedTextBoxComponent.prototype, "maskOnFocus", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], MaskedTextBoxComponent.prototype, "maskValidation", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], MaskedTextBoxComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], MaskedTextBoxComponent.prototype, "tabIndex", null);
-    tslib_1.__decorate([
-        Output('focus'),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MaskedTextBoxComponent.prototype, "onFocus", void 0);
-    tslib_1.__decorate([
-        Output('blur'),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MaskedTextBoxComponent.prototype, "onBlur", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MaskedTextBoxComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        ViewChild('input', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], MaskedTextBoxComponent.prototype, "input", void 0);
-    tslib_1.__decorate([
-        HostListener('paste', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MaskedTextBoxComponent.prototype, "pasteHandler", null);
-    tslib_1.__decorate([
-        HostListener('input', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], MaskedTextBoxComponent.prototype, "inputHandler", null);
-    MaskedTextBoxComponent = MaskedTextBoxComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoMaskedTextBox',
-            providers: [
-                MaskingService,
-                {
-                    multi: true,
-                    provide: NG_VALUE_ACCESSOR,
-                    useExisting: forwardRef(function () { return MaskedTextBoxComponent_1; }) /* tslint:disable-line */
-                },
-                {
-                    multi: true,
-                    provide: NG_VALIDATORS,
-                    useExisting: forwardRef(function () { return MaskedTextBoxComponent_1; }) /* tslint:disable-line */
-                },
-                {
-                    provide: KendoInput,
-                    useExisting: forwardRef(function () { return MaskedTextBoxComponent_1; })
-                }
-            ],
-            selector: 'kendo-maskedtextbox',
-            template: "\n        <input type=\"text\"\n            #input\n            autocomplete=\"off\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            spellcheck=\"false\"\n            class=\"k-input-inner\"\n            [id]=\"focusableId\"\n            [tabindex]=\"tabIndex\"\n            [attr.title]=\"title\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readonly\"\n            [kendoEventsOutsideAngular]=\"{\n                focus: handleFocus,\n                blur: handleBlur,\n                click: handleClick,\n                dragstart: handleDragDrop,\n                drop: handleDragDrop\n            }\"\n        />\n    "
-        }),
-        tslib_1.__param(6, Optional()), tslib_1.__param(6, Inject(RTL)),
-        tslib_1.__metadata("design:paramtypes", [MaskingService,
-            Renderer2,
-            ElementRef,
-            NgZone,
-            Injector,
-            ChangeDetectorRef, Boolean])
-    ], MaskedTextBoxComponent);
-    return MaskedTextBoxComponent;
-}());
-export { MaskedTextBoxComponent };