@progress/kendo-angular-inputs 8.0.0-dev.202112161434 → 8.0.0-dev.202201121416

package/dist/es2015/textbox/textbox-container.component.js

@@ -1,209 +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 { ContentChild, Component, ElementRef, EventEmitter, HostBinding, Input, Inject, Optional, Renderer2, isDevMode, ChangeDetectorRef } from '@angular/core';
-import { RTL } from '@progress/kendo-angular-l10n';
-import { TextAreaDirective } from '../shared/textarea.directive';
-import { NgControl } from '@angular/forms';
-import { guid, KendoInput } from '@progress/kendo-angular-common';
-import { FloatingLabelInputAdapter } from './floating-label-input-adapter';
-const isFunction = (x) => Object.prototype.toString.call(x) === '[object Function]';
-const ɵ0 = isFunction;
-/**
- * @hidden
- */
-let TextBoxContainerComponent = class TextBoxContainerComponent {
-    constructor(elementRef, renderer, changeDetectorRef, rtl) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        /**
-         * @hidden
-         */
-        this.focused = false;
-        /**
-         * @hidden
-         */
-        this.empty = true;
-        /**
-         * @hidden
-         */
-        this.invalid = false;
-        this._subscriptions = [];
-        this.autoFillStarted = false;
-        this.direction = rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
-    }
-    get hostClasses() {
-        return true;
-    }
-    get textareaElementClass() {
-        return !!this.textarea;
-    }
-    get focusedClass() {
-        return this.focused;
-    }
-    get invalidClass() {
-        return this.invalid;
-    }
-    /**
-     * @hidden
-     */
-    ngAfterContentInit() {
-        if (!this.formControl && !this.kendoInput) {
-            if (isDevMode()) {
-                throw new Error("The TextBoxContainer requires a Kendo Input component" +
-                    " or a forms-bound component to function properly.");
-            }
-            return;
-        }
-        // add focus/blur/valueChange handlers
-        const control = new FloatingLabelInputAdapter(this.kendoInput || this.formControl.valueAccessor, this.formControl);
-        const setFocus = (isFocused) => () => {
-            this.focused = isFocused;
-            this.updateState();
-        };
-        this.subscribe(control, 'onFocus', setFocus(true));
-        this.subscribe(control, 'onBlur', setFocus(false));
-        this.subscribe(control, 'autoFillStart', () => {
-            this.autoFillStarted = true;
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
-        });
-        this.subscribe(control, 'autoFillEnd', () => {
-            if (this.autoFillStarted) {
-                this.autoFillStarted = false;
-                if (this.empty) {
-                    this.renderer.addClass(this.elementRef.nativeElement, 'k-state-empty');
-                }
-            }
-        });
-        const updateState = () => this.updateState();
-        updateState();
-        this.subscribe(control, 'onValueChange', updateState);
-        // set label id for floating label
-        if (this.id && control.focusableId) {
-            // input wins
-            this.id = control.focusableId;
-        }
-        else if (this.id) {
-            control.focusableId = this.id;
-        }
-        else if (control.focusableId) {
-            this.id = control.focusableId;
-        }
-        else {
-            const id = "_" + guid();
-            control.focusableId = id;
-            this.id = id;
-        }
-    }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        this._subscriptions.forEach(s => s.unsubscribe());
-        this._subscriptions = [];
-    }
-    subscribe(control, eventName, handler) {
-        if (control[eventName] instanceof EventEmitter) {
-            const subscription = control[eventName].subscribe(handler);
-            this._subscriptions.push(subscription);
-        }
-    }
-    updateState() {
-        const empty = value => {
-            // zero is not an empty value (e.g., NumericTextBox)
-            if (value === 0 || value === false) {
-                return false;
-            }
-            // empty arrays are an empty value (e.g., MultiSelect)
-            if (Array.isArray(value) && !value.length) {
-                return true;
-            }
-            return !value;
-        };
-        const formControl = this.formControl;
-        if (formControl) {
-            const valueAccessor = formControl.valueAccessor;
-            if (isFunction(valueAccessor.isEmpty)) {
-                this.empty = valueAccessor.isEmpty();
-            }
-            else {
-                this.empty = empty(formControl.value);
-            }
-            this.invalid = formControl.invalid && (formControl.touched || formControl.dirty);
-        }
-        else {
-            this.empty = isFunction(this.kendoInput.isEmpty) ?
-                this.kendoInput.isEmpty() : empty(this.kendoInput.value);
-        }
-        if (this.empty) {
-            this.renderer.addClass(this.elementRef.nativeElement, 'k-state-empty');
-        }
-        else {
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
-        }
-        this.changeDetectorRef.markForCheck();
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-textbox-container'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TextBoxContainerComponent.prototype, "hostClasses", null);
-tslib_1.__decorate([
-    HostBinding('class.k-textarea-wrapper'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TextBoxContainerComponent.prototype, "textareaElementClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-state-focused'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TextBoxContainerComponent.prototype, "focusedClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-state-invalid'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TextBoxContainerComponent.prototype, "invalidClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], TextBoxContainerComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TextBoxContainerComponent.prototype, "id", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TextBoxContainerComponent.prototype, "floatingLabel", void 0);
-tslib_1.__decorate([
-    ContentChild(KendoInput, { static: false }),
-    tslib_1.__metadata("design:type", Object)
-], TextBoxContainerComponent.prototype, "kendoInput", void 0);
-tslib_1.__decorate([
-    ContentChild(TextAreaDirective, { static: false }),
-    tslib_1.__metadata("design:type", TextAreaDirective)
-], TextBoxContainerComponent.prototype, "textarea", void 0);
-tslib_1.__decorate([
-    ContentChild(NgControl, { static: false }),
-    tslib_1.__metadata("design:type", NgControl)
-], TextBoxContainerComponent.prototype, "formControl", void 0);
-TextBoxContainerComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-textbox-container',
-        template: `
-        <ng-content></ng-content>
-        <label *ngIf="floatingLabel" [for]="id" class="k-label">{{ floatingLabel }}</label>
-    `
-    }),
-    tslib_1.__param(3, Optional()), tslib_1.__param(3, Inject(RTL)),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ChangeDetectorRef, Boolean])
-], TextBoxContainerComponent);
-export { TextBoxContainerComponent };
-export { ɵ0 };

package/dist/npm/textbox/floating-label-input-adapter.js

@@ -1,60 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var rxjs_1 = require("rxjs");
-var core_1 = require("@angular/core");
-/**
- * @hidden
- */
-var FloatingLabelInputAdapter = /** @class */ (function () {
-    function FloatingLabelInputAdapter(component, formControl) {
-        this.component = component;
-        var isObservableOrEventEmitter = function (event) { return event instanceof rxjs_1.Observable || event instanceof core_1.EventEmitter; };
-        if (isObservableOrEventEmitter(component.onFocus)) {
-            this.onFocus = component.onFocus;
-        }
-        if (isObservableOrEventEmitter(component.autoFillStart)) {
-            this.autoFillStart = component.autoFillStart;
-        }
-        if (isObservableOrEventEmitter(component.autoFillEnd)) {
-            this.autoFillEnd = component.autoFillEnd;
-        }
-        if (isObservableOrEventEmitter(component.onBlur)) {
-            this.onBlur = component.onBlur;
-        }
-        if (formControl) {
-            this.onValueChange = formControl.valueChanges;
-        }
-        else if (component.onValueChange) {
-            this.onValueChange = component.onValueChange;
-        }
-    }
-    Object.defineProperty(FloatingLabelInputAdapter.prototype, "focusableId", {
-        get: function () {
-            var component = this.component;
-            if ('focusableId' in component) {
-                return component.focusableId;
-            }
-            else if ('id' in component) {
-                return component.id;
-            }
-            return "";
-        },
-        set: function (value) {
-            var component = this.component;
-            if ('focusableId' in component) {
-                component.focusableId = value;
-            }
-            else if ('id' in component) {
-                component.id = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    return FloatingLabelInputAdapter;
-}());
-exports.FloatingLabelInputAdapter = FloatingLabelInputAdapter;

package/dist/npm/textbox/textbox-container.component.js

@@ -1,226 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var textarea_directive_1 = require("../shared/textarea.directive");
-var forms_1 = require("@angular/forms");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var floating_label_input_adapter_1 = require("./floating-label-input-adapter");
-var isFunction = function (x) { return Object.prototype.toString.call(x) === '[object Function]'; };
-var ɵ0 = isFunction;
-exports.ɵ0 = ɵ0;
-/**
- * @hidden
- */
-var TextBoxContainerComponent = /** @class */ (function () {
-    function TextBoxContainerComponent(elementRef, renderer, changeDetectorRef, rtl) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        /**
-         * @hidden
-         */
-        this.focused = false;
-        /**
-         * @hidden
-         */
-        this.empty = true;
-        /**
-         * @hidden
-         */
-        this.invalid = false;
-        this._subscriptions = [];
-        this.autoFillStarted = false;
-        this.direction = rtl ? 'rtl' : 'ltr';
-        this.renderer.removeAttribute(this.elementRef.nativeElement, "id");
-    }
-    Object.defineProperty(TextBoxContainerComponent.prototype, "hostClasses", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxContainerComponent.prototype, "textareaElementClass", {
-        get: function () {
-            return !!this.textarea;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxContainerComponent.prototype, "focusedClass", {
-        get: function () {
-            return this.focused;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TextBoxContainerComponent.prototype, "invalidClass", {
-        get: function () {
-            return this.invalid;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    TextBoxContainerComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        if (!this.formControl && !this.kendoInput) {
-            if (core_1.isDevMode()) {
-                throw new Error("The TextBoxContainer requires a Kendo Input component" +
-                    " or a forms-bound component to function properly.");
-            }
-            return;
-        }
-        // add focus/blur/valueChange handlers
-        var control = new floating_label_input_adapter_1.FloatingLabelInputAdapter(this.kendoInput || this.formControl.valueAccessor, this.formControl);
-        var setFocus = function (isFocused) { return function () {
-            _this.focused = isFocused;
-            _this.updateState();
-        }; };
-        this.subscribe(control, 'onFocus', setFocus(true));
-        this.subscribe(control, 'onBlur', setFocus(false));
-        this.subscribe(control, 'autoFillStart', function () {
-            _this.autoFillStarted = true;
-            _this.renderer.removeClass(_this.elementRef.nativeElement, 'k-state-empty');
-        });
-        this.subscribe(control, 'autoFillEnd', function () {
-            if (_this.autoFillStarted) {
-                _this.autoFillStarted = false;
-                if (_this.empty) {
-                    _this.renderer.addClass(_this.elementRef.nativeElement, 'k-state-empty');
-                }
-            }
-        });
-        var updateState = function () { return _this.updateState(); };
-        updateState();
-        this.subscribe(control, 'onValueChange', updateState);
-        // set label id for floating label
-        if (this.id && control.focusableId) {
-            // input wins
-            this.id = control.focusableId;
-        }
-        else if (this.id) {
-            control.focusableId = this.id;
-        }
-        else if (control.focusableId) {
-            this.id = control.focusableId;
-        }
-        else {
-            var id = "_" + kendo_angular_common_1.guid();
-            control.focusableId = id;
-            this.id = id;
-        }
-    };
-    /**
-     * @hidden
-     */
-    TextBoxContainerComponent.prototype.ngOnDestroy = function () {
-        this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
-        this._subscriptions = [];
-    };
-    TextBoxContainerComponent.prototype.subscribe = function (control, eventName, handler) {
-        if (control[eventName] instanceof core_1.EventEmitter) {
-            var subscription = control[eventName].subscribe(handler);
-            this._subscriptions.push(subscription);
-        }
-    };
-    TextBoxContainerComponent.prototype.updateState = function () {
-        var empty = function (value) {
-            // zero is not an empty value (e.g., NumericTextBox)
-            if (value === 0 || value === false) {
-                return false;
-            }
-            // empty arrays are an empty value (e.g., MultiSelect)
-            if (Array.isArray(value) && !value.length) {
-                return true;
-            }
-            return !value;
-        };
-        var formControl = this.formControl;
-        if (formControl) {
-            var valueAccessor = formControl.valueAccessor;
-            if (isFunction(valueAccessor.isEmpty)) {
-                this.empty = valueAccessor.isEmpty();
-            }
-            else {
-                this.empty = empty(formControl.value);
-            }
-            this.invalid = formControl.invalid && (formControl.touched || formControl.dirty);
-        }
-        else {
-            this.empty = isFunction(this.kendoInput.isEmpty) ?
-                this.kendoInput.isEmpty() : empty(this.kendoInput.value);
-        }
-        if (this.empty) {
-            this.renderer.addClass(this.elementRef.nativeElement, 'k-state-empty');
-        }
-        else {
-            this.renderer.removeClass(this.elementRef.nativeElement, 'k-state-empty');
-        }
-        this.changeDetectorRef.markForCheck();
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-textbox-container'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TextBoxContainerComponent.prototype, "hostClasses", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-textarea-wrapper'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TextBoxContainerComponent.prototype, "textareaElementClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-focused'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TextBoxContainerComponent.prototype, "focusedClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-invalid'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TextBoxContainerComponent.prototype, "invalidClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxContainerComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxContainerComponent.prototype, "id", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TextBoxContainerComponent.prototype, "floatingLabel", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(kendo_angular_common_1.KendoInput, { static: false }),
-        tslib_1.__metadata("design:type", Object)
-    ], TextBoxContainerComponent.prototype, "kendoInput", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(textarea_directive_1.TextAreaDirective, { static: false }),
-        tslib_1.__metadata("design:type", textarea_directive_1.TextAreaDirective)
-    ], TextBoxContainerComponent.prototype, "textarea", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(forms_1.NgControl, { static: false }),
-        tslib_1.__metadata("design:type", forms_1.NgControl)
-    ], TextBoxContainerComponent.prototype, "formControl", void 0);
-    TextBoxContainerComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-textbox-container',
-            template: "\n        <ng-content></ng-content>\n        <label *ngIf=\"floatingLabel\" [for]=\"id\" class=\"k-label\">{{ floatingLabel }}</label>\n    "
-        }),
-        tslib_1.__param(3, core_1.Optional()), tslib_1.__param(3, core_1.Inject(kendo_angular_l10n_1.RTL)),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.Renderer2,
-            core_1.ChangeDetectorRef, Boolean])
-    ], TextBoxContainerComponent);
-    return TextBoxContainerComponent;
-}());
-exports.TextBoxContainerComponent = TextBoxContainerComponent;