@progress/kendo-angular-inputs 7.5.2-dev.202111191702 → 8.0.0-dev.202112251033

package/package.json

@@ -3,7 +3,7 @@
   "description": "Inputs Package for Angular",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "7.5.2-dev.202111191702",
+  "version": "8.0.0-dev.202112251033",
   "main": "dist/npm/index.js",
   "module": "dist/fesm5/index.js",
   "es2015": "dist/fesm2015/index.js",
@@ -15,8 +15,8 @@
   "unpkg": "dist/cdn/main.js",
   "sideEffects": false,
   "scripts": {
-    "test": "jest",
-    "test:watch": "jest --watch",
+    "test": "jest --env=jsdom",
+    "test:watch": "jest --watch --env=jsdom",
     "test:ci": "ci-angular-test",
     "start": "gulp start",
     "e2e:ci": "ci-angular-e2e",
@@ -80,17 +80,17 @@
     "@progress/kendo-angular-layout": "^6.0.0",
     "@progress/kendo-angular-popup": "^4.0.0",
     "@progress/kendo-angular-progressbar": "^2.0.0",
-    "@progress/kendo-angular-tasks": "^19.0.1",
+    "@progress/kendo-angular-tasks": "^19.1.0",
     "@progress/kendo-angular-treeview": "^5.0.0",
     "@progress/kendo-drawing": "^1.5.12",
     "@progress/kendo-licensing": "^1.0.2",
     "@progress/kendo-e2e": "^0.7.0",
     "@progress/kendo-svg-icons": "^0.1.2",
-    "@progress/kendo-theme-bootstrap": "^4.42.0",
-    "@progress/kendo-theme-default": "^4.42.0",
-    "@progress/kendo-theme-material": "^4.42.0",
+    "@progress/kendo-theme-bootstrap": "next",
+    "@progress/kendo-theme-default": "next",
+    "@progress/kendo-theme-material": "next",
     "@telerik/semantic-prerelease": "^1.1.5",
-    "@types/jest": "^21.0.0",
+    "@types/jest": "^24.9.0",
     "@types/node": "ts3.4",
     "@types/zone.js": "0.0.27",
     "cldr-data": "^32.0.0",
@@ -99,9 +99,10 @@
     "cz-conventional-changelog": "^1.1.5",
     "ghooks": "^1.0.3",
     "gulp": "^4.0.0",
-    "jest": "^21.0.0",
-    "jest-cli": "^21.0.0",
+    "jest": "^24.9.0",
+    "jest-cli": "^24.9.0",
     "jest-junit": "^12.2.0",
+    "jest-environment-jsdom": "^24.9.0",
     "rxjs": "~6.4.0",
     "rxjs-tslint-rules": "^4.23.1",
     "semantic-release": "^6.3.6",

package/dist/es/colorpicker/models/preventable-event.js

@@ -1,29 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-var PreventableEvent = /** @class */ (function () {
-    function PreventableEvent() {
-        this.prevented = false;
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses the built-in behavior that follows the event.
-     */
-    PreventableEvent.prototype.preventDefault = function () {
-        this.prevented = true;
-    };
-    /**
-     * If the event is prevented by any of its subscribers, returns `true`.
-     *
-     * @returns - `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    PreventableEvent.prototype.isDefaultPrevented = function () {
-        return this.prevented;
-    };
-    return PreventableEvent;
-}());
-export { PreventableEvent };

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

@@ -1,58 +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 { Observable } from 'rxjs';
-import { EventEmitter } from '@angular/core';
-/**
- * @hidden
- */
-var FloatingLabelInputAdapter = /** @class */ (function () {
-    function FloatingLabelInputAdapter(component, formControl) {
-        this.component = component;
-        var isObservableOrEventEmitter = function (event) { return event instanceof Observable || event instanceof 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;
-}());
-export { FloatingLabelInputAdapter };

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

@@ -1,224 +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';
-var isFunction = function (x) { return Object.prototype.toString.call(x) === '[object Function]'; };
-var ɵ0 = isFunction;
-/**
- * @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 (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 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 = "_" + 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 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([
-        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: "\n        <ng-content></ng-content>\n        <label *ngIf=\"floatingLabel\" [for]=\"id\" class=\"k-label\">{{ floatingLabel }}</label>\n    "
-        }),
-        tslib_1.__param(3, Optional()), tslib_1.__param(3, Inject(RTL)),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ChangeDetectorRef, Boolean])
-    ], TextBoxContainerComponent);
-    return TextBoxContainerComponent;
-}());
-export { TextBoxContainerComponent };
-export { ɵ0 };

package/dist/es2015/colorpicker/models/preventable-event.d.ts

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare class PreventableEvent {
-    private prevented;
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses the built-in behavior that follows the event.
-     */
-    preventDefault(): void;
-    /**
-     * If the event is prevented by any of its subscribers, returns `true`.
-     *
-     * @returns - `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    isDefaultPrevented(): boolean;
-}

package/dist/es2015/colorpicker/models/preventable-event.js

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * If the event is prevented by any of its subscribers, returns `true`.
-     *
-     * @returns - `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-}

package/dist/es2015/textbox/floating-label-input-adapter.d.ts

@@ -1,20 +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 { Observable } from 'rxjs';
-import { NgControl } from '@angular/forms';
-import { EventEmitter } from '@angular/core';
-/**
- * @hidden
- */
-export declare class FloatingLabelInputAdapter {
-    private component;
-    onFocus: Observable<any> | EventEmitter<any>;
-    onBlur: Observable<any> | EventEmitter<any>;
-    autoFillStart: Observable<any> | EventEmitter<any>;
-    autoFillEnd: Observable<any> | EventEmitter<any>;
-    onValueChange: Observable<any> | EventEmitter<any>;
-    focusableId: string;
-    constructor(component: any, formControl?: NgControl);
-}

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

@@ -1,52 +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 { Observable } from 'rxjs';
-import { EventEmitter } from '@angular/core';
-/**
- * @hidden
- */
-export class FloatingLabelInputAdapter {
-    constructor(component, formControl) {
-        this.component = component;
-        const isObservableOrEventEmitter = (event) => event instanceof Observable || event instanceof 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;
-        }
-    }
-    get focusableId() {
-        const component = this.component;
-        if ('focusableId' in component) {
-            return component.focusableId;
-        }
-        else if ('id' in component) {
-            return component.id;
-        }
-        return "";
-    }
-    set focusableId(value) {
-        const component = this.component;
-        if ('focusableId' in component) {
-            component.focusableId = value;
-        }
-        else if ('id' in component) {
-            component.id = value;
-        }
-    }
-}

package/dist/es2015/textbox/textbox-container.component.d.ts

@@ -1,59 +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 { AfterContentInit, ElementRef, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
-import { TextAreaDirective } from '../shared/textarea.directive';
-import { NgControl } from '@angular/forms';
-/**
- * @hidden
- */
-export declare class TextBoxContainerComponent implements AfterContentInit, OnDestroy {
-    private elementRef;
-    private renderer;
-    private changeDetectorRef;
-    readonly hostClasses: boolean;
-    readonly textareaElementClass: boolean;
-    readonly focusedClass: boolean;
-    readonly invalidClass: boolean;
-    /**
-     * @hidden
-     */
-    direction: string;
-    /**
-     * Sets the `id` attribute of the input inside the container.
-     */
-    id: string;
-    /**
-     * Adds a floating label which describes the input.
-     */
-    floatingLabel: string;
-    kendoInput: any;
-    textarea: TextAreaDirective;
-    formControl: NgControl;
-    /**
-     * @hidden
-     */
-    focused: boolean;
-    /**
-     * @hidden
-     */
-    empty: boolean;
-    /**
-     * @hidden
-     */
-    invalid: boolean;
-    private _subscriptions;
-    private autoFillStarted;
-    constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, rtl: boolean);
-    /**
-     * @hidden
-     */
-    ngAfterContentInit(): void;
-    /**
-     * @hidden
-     */
-    ngOnDestroy(): void;
-    private subscribe;
-    private updateState;
-}