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

package/dist/es/sliders-common/slider-base.js

@@ -1,326 +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 { increment, decrement, incrementLarge, decrementLarge, identity } from './sliders-util';
-import { Input, Output, EventEmitter, HostBinding, ElementRef, ViewChild, ContentChild } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { NgControl } from '@angular/forms';
-import { Keys } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { LabelTemplateDirective } from './label-template.directive';
-/**
- * @hidden
- */
-var SliderBase = /** @class */ (function () {
-    function SliderBase(localizationService, injector, renderer, ngZone, changeDetector, hostElement) {
-        var _this = this;
-        this.localizationService = localizationService;
-        this.injector = injector;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.changeDetector = changeDetector;
-        this.hostElement = hostElement;
-        /**
-         * Defines the title of the ticks ([see example]({% slug ticks_slider %}#toc-titles)). The default title
-         * for each tick is its Slider value. If you use a callback function, the function accepts an argument
-         * that holds the value of the component and returns a string with the new title.
-         */
-        this.title = identity;
-        /**
-         * Denotes the location of the tick marks in the Slider ([see example]({% slug ticks_slider %}#toc-placement)).
-         *
-         * The available options are:
-         * * `before`—The tick marks are located to the top side of the horizontal track or to the left side of a vertical track.
-         * * `after`—The tick marks are located to the bottom side of the horizontal track or to the right side of the vertical track.
-         * * `both`— (Default) The tick marks are located on both sides of the track.
-         * * `none`—The tick marks are not visible. The actual elements are not added to the DOM tree.
-         */
-        this.tickPlacement = 'both';
-        /**
-         * If `vertical` is set to `true`, the orientation of the Slider changes from horizontal to vertical
-         * ([see example]({% slug orientation_slider %})).
-         */
-        this.vertical = false;
-        /**
-         * The minimum value of the Slider ([see example]({% slug predefinedsteps_slider %}#toc-small-steps)).
-         * The attribute accepts both integers and floating-point numbers.
-         */
-        this.min = 0;
-        /**
-         * The maximum value of the Slider ([see example]({% slug predefinedsteps_slider %}#toc-small-steps)).
-         * The attribute accepts both integers and floating-point numbers.
-         */
-        this.max = 10;
-        /**
-         * The step value of the Slider ([see example]({% slug predefinedsteps_slider %}#toc-small-steps)).
-         * Accepts positive values only. Can be an integer or a floating-point number.
-         */
-        this.smallStep = 1;
-        /**
-         * Specifies that every n<sup>th</sup> tick will be large and will have a label
-         * ([see example]({% slug predefinedsteps_slider %}#toc-large-steps)).
-         * Accepts positive integer values only.
-         */
-        this.largeStep = null;
-        /**
-         * Determines whether the Slider is disabled ([see example]({% slug disabledstate_slider %})).
-         */
-        this.disabled = false;
-        /**
-         * Determines whether the Slider is in its read-only state ([see example]({% slug readonly_slider %})).
-         */
-        this.readonly = false;
-        /**
-         * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Slider.
-         */
-        this.tabindex = 0;
-        /**
-         * Fires each time the user focuses the component.
-         */
-        this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
-        /**
-         * Fires each time the component is blurred.
-         */
-        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
-        /**
-         * Fires each time the user selects a new value.
-         */
-        this.valueChange = new EventEmitter();
-        this.sliderClass = true;
-        this.widgetClass = true;
-        this.subscriptions = new Subscription();
-        /**
-         * @hidden
-         */
-        this.ifEnabled = function (callback, event) {
-            if (!_this.isDisabled) {
-                callback.call(_this, event);
-            }
-        };
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
-    Object.defineProperty(SliderBase.prototype, "horizontalClass", {
-        get: function () {
-            return !this.vertical;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SliderBase.prototype, "verticalClass", {
-        get: function () {
-            return this.vertical;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SliderBase.prototype, "disabledClass", {
-        get: function () {
-            return this.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @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
-     */
-    SliderBase.prototype.setDisabledState = function (isDisabled) {
-        this.changeDetector.markForCheck();
-        this.disabled = isDisabled;
-    };
-    SliderBase.prototype.ngOnInit = function () {
-        var _this = this;
-        this.subscriptions.add(this.localizationService
-            .changes
-            .subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.direction = rtl ? 'rtl' : 'ltr';
-            _this.sizeComponent();
-        }));
-        if (this.hostElement) {
-            this.renderer.removeAttribute(this.hostElement.nativeElement, "tabindex");
-        }
-        this.control = this.injector.get(NgControl, null);
-    };
-    Object.defineProperty(SliderBase.prototype, "isDisabled", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.disabled || this.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     * Used by the FloatingLabel to determine if the component is empty.
-     */
-    SliderBase.prototype.isEmpty = function () {
-        return false;
-    };
-    Object.defineProperty(SliderBase.prototype, "reverse", {
-        get: function () {
-            return this.localizationService.rtl && !this.vertical;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SliderBase.prototype, "keyBinding", {
-        get: function () {
-            var _a;
-            var reverse = this.reverse;
-            return _a = {},
-                _a[Keys.ArrowLeft] = reverse ? increment : decrement,
-                _a[Keys.ArrowRight] = reverse ? decrement : increment,
-                _a[Keys.ArrowDown] = decrement,
-                _a[Keys.ArrowUp] = increment,
-                _a[Keys.PageUp] = incrementLarge,
-                _a[Keys.PageDown] = decrementLarge,
-                _a[Keys.Home] = function (_a) {
-                    var min = _a.min;
-                    return min;
-                },
-                _a[Keys.End] = function (_a) {
-                    var max = _a.max;
-                    return max;
-                },
-                _a;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SliderBase.prototype.resetStyles = function (elements) {
-        var _this = this;
-        elements.forEach(function (el) {
-            if (el) {
-                if (_this.vertical) {
-                    _this.renderer.removeStyle(el, 'width');
-                    _this.renderer.removeStyle(el, 'left');
-                    _this.renderer.removeStyle(el, 'right');
-                }
-                else {
-                    _this.renderer.removeStyle(el, 'height');
-                    _this.renderer.removeStyle(el, 'bottom');
-                }
-                _this.renderer.removeStyle(el, 'padding-top');
-            }
-        });
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SliderBase.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SliderBase.prototype, "tickPlacement", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "vertical", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "min", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "max", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "smallStep", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "largeStep", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "fixedTickWidth", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "readonly", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        Output('focus'),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SliderBase.prototype, "onFocus", void 0);
-    tslib_1.__decorate([
-        Output('blur'),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SliderBase.prototype, "onBlur", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], SliderBase.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], SliderBase.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-slider-horizontal'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SliderBase.prototype, "horizontalClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-slider-vertical'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SliderBase.prototype, "verticalClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-slider'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "sliderClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-widget'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "widgetClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SliderBase.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        ViewChild('wrap', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], SliderBase.prototype, "wrapper", void 0);
-    tslib_1.__decorate([
-        ViewChild('track', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], SliderBase.prototype, "track", void 0);
-    tslib_1.__decorate([
-        ViewChild('sliderSelection', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], SliderBase.prototype, "sliderSelection", void 0);
-    tslib_1.__decorate([
-        ViewChild('ticks', { read: ElementRef, static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], SliderBase.prototype, "ticksContainer", void 0);
-    tslib_1.__decorate([
-        ViewChild('ticks', { static: false }),
-        tslib_1.__metadata("design:type", Object)
-    ], SliderBase.prototype, "ticks", void 0);
-    tslib_1.__decorate([
-        ContentChild(LabelTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", LabelTemplateDirective)
-    ], SliderBase.prototype, "labelTemplate", void 0);
-    return SliderBase;
-}());
-export { SliderBase };

package/dist/es/sliders-common/slider-model.base.js

@@ -1,96 +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 { calculateFixedTrackSize, calculateTicksCount } from '../sliders-common/sliders-util';
-import { subtract } from '../common/math';
-/**
- * @hidden
- */
-var SliderModelBase = /** @class */ (function () {
-    function SliderModelBase(props, wrapper, track, renderer) {
-        this.props = props;
-        this.wrapper = wrapper;
-        this.track = track;
-        this.renderer = renderer;
-        this.props = props;
-        this.wrapper = wrapper;
-        this.track = track;
-        this.tickSizes = this.getTickSizes();
-    }
-    SliderModelBase.prototype.resizeTrack = function () {
-        var orientation = this.props.vertical ? 'height' : 'width';
-        var altOrientation = this.props.vertical ? 'width' : 'height';
-        var trackWidth = this.trackWidth();
-        this.track.parentElement.style[orientation] = trackWidth + "px";
-        this.track.parentElement.style[altOrientation] = '';
-    };
-    SliderModelBase.prototype.resizeTicks = function (ticksContainer, ticks) {
-        var _this = this;
-        var dimension = this.props.vertical ? "height" : "width";
-        ticks.slice().map(function (tick, index) { return tick.style[dimension] = _this.tickSizes[index] + "px"; });
-        if (this.props.vertical) {
-            this.adjustPadding(ticksContainer);
-        }
-    };
-    SliderModelBase.prototype.resizeWrapper = function () {
-        var dimension = this.props.vertical ? "height" : "width";
-        var fixedTrackWidth = calculateFixedTrackSize(this.props);
-        var wrapperParentEl = this.wrapper.parentElement;
-        if (fixedTrackWidth) {
-            wrapperParentEl.style[dimension] = "auto";
-        }
-    };
-    SliderModelBase.prototype.trackWidth = function () {
-        if (this.props.fixedTickWidth) {
-            return calculateFixedTrackSize(this.props);
-        }
-        return this.elementSize(this.track.parentElement);
-    };
-    SliderModelBase.prototype.getTickSizes = function () {
-        var _a = this.props, min = _a.min, max = _a.max, smallStep = _a.smallStep;
-        var count = calculateTicksCount(min, max, smallStep);
-        var trackSize = this.trackWidth();
-        var distStep = trackSize / subtract(max, min);
-        var result = [];
-        var usedSpace = 0;
-        var endPoint = 0;
-        for (var i = 0; i < count; i++) {
-            if (i === 0 || i === count - 1) {
-                endPoint += (smallStep / 2) * distStep;
-            }
-            else {
-                endPoint += smallStep * distStep;
-            }
-            // ensure that the sum of the tick sizes does not exceed the track width
-            endPoint = +endPoint.toFixed(2) - 0.01;
-            var size = Math.round(endPoint - usedSpace);
-            result.push(size);
-            usedSpace += size;
-        }
-        if (usedSpace >= trackSize) {
-            result[result.length - 1] -= 1;
-        }
-        return result;
-    };
-    SliderModelBase.prototype.adjustPadding = function (ticksContainer) {
-        var totalTickSize = this.tickSizes.reduce(function (prev, curr) { return prev + curr; }, 0);
-        var trackWidth = this.trackWidth();
-        var reminder = trackWidth - totalTickSize;
-        if (reminder !== 0) {
-            var padding = reminder + this.elementOffset(this.track);
-            ticksContainer.style.paddingTop = padding + "px";
-        }
-    };
-    SliderModelBase.prototype.elementOffset = function (element) {
-        var vertical = this.props.vertical;
-        var style = getComputedStyle(element);
-        return parseInt(vertical ? style.bottom : style.left, 10);
-    };
-    SliderModelBase.prototype.elementSize = function (element) {
-        var vertical = this.props.vertical;
-        return vertical ? element.clientHeight : element.clientWidth;
-    };
-    return SliderModelBase;
-}());
-export { SliderModelBase };

package/dist/es/sliders-common/slider-ticks.component.js

@@ -1,104 +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";
-/* tslint:disable:component-selector */
-import { Component, Input, QueryList, ViewChildren, HostBinding, TemplateRef } from '@angular/core';
-import { calculateTicksCount, calculateValueFromTick } from './sliders-util';
-/**
- * @hidden
- */
-var SliderTick = /** @class */ (function () {
-    function SliderTick(value) {
-        this.value = value;
-        this.classes = {
-            'k-tick': true
-        };
-    }
-    return SliderTick;
-}());
-/**
- * @hidden
- */
-var SliderTicksComponent = /** @class */ (function () {
-    function SliderTicksComponent() {
-        this.wrapperClasses = 'k-reset k-slider-items';
-        this.ticks = [];
-    }
-    SliderTicksComponent.prototype.ngOnChanges = function (_) {
-        this.createTicks();
-    };
-    SliderTicksComponent.prototype.createTicks = function () {
-        var count = calculateTicksCount(this.min, this.max, this.step);
-        var largeStep = this.largeStep;
-        var tickValueProps = {
-            max: this.max,
-            min: this.min,
-            smallStep: this.step
-        };
-        var result = [];
-        for (var i = 0; i < count; i++) {
-            result.push(new SliderTick(calculateValueFromTick(i, tickValueProps)));
-            if (largeStep && i % largeStep === 0) {
-                result[i].large = true;
-                result[i].classes['k-tick-large'] = true;
-            }
-        }
-        if (result.length > 0) {
-            Object.assign(result[0].classes, this.endTickClasses(true));
-            Object.assign(result[result.length - 1].classes, this.endTickClasses(false));
-        }
-        this.ticks = result;
-    };
-    SliderTicksComponent.prototype.endTickClasses = function (first) {
-        return {
-            'k-first': (first && !this.vertical) || (!first && this.vertical),
-            'k-last': (!first && !this.vertical) || (first && this.vertical)
-        };
-    };
-    tslib_1.__decorate([
-        HostBinding('class'),
-        tslib_1.__metadata("design:type", String)
-    ], SliderTicksComponent.prototype, "wrapperClasses", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SliderTicksComponent.prototype, "tickTitle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderTicksComponent.prototype, "vertical", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "step", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "largeStep", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "min", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "max", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], SliderTicksComponent.prototype, "labelTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChildren('tickElement'),
-        tslib_1.__metadata("design:type", QueryList)
-    ], SliderTicksComponent.prototype, "tickElements", void 0);
-    SliderTicksComponent = tslib_1.__decorate([
-        Component({
-            selector: '[kendoSliderTicks]',
-            template: "\n    <li #tickElement *ngFor=\"let tick of ticks;\"\n        [ngClass]=\"tick.classes\"\n        title=\"{{ tickTitle(tick.value) }}\"\n        role=\"presentation\"\n     >\n         <ng-container [ngSwitch]=\"tick.large\">\n            <span class=\"k-label\" *ngSwitchCase=\"true\">\n                <ng-container [ngTemplateOutlet]=\"labelTemplate || defaultLabel\" [ngTemplateOutletContext]=\"tick\">\n                </ng-container>\n            </span>\n            <ng-container *ngSwitchCase=\"false\">&nbsp;</ng-container>\n         </ng-container>\n     </li>\n\n     <ng-template #defaultLabel let-value=\"value\">\n        {{ tickTitle(value) }}\n     </ng-template>\n  "
-        })
-    ], SliderTicksComponent);
-    return SliderTicksComponent;
-}());
-export { SliderTicksComponent };

package/dist/es/sliders-common/sliders-common.module.js

@@ -1,35 +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 { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SliderTicksComponent } from './slider-ticks.component';
-import { LabelTemplateDirective } from './label-template.directive';
-import { DraggableModule, EventsModule, ResizeSensorModule } from '@progress/kendo-angular-common';
-/**
- * @hidden
- */
-var SlidersCommonModule = /** @class */ (function () {
-    function SlidersCommonModule() {
-    }
-    SlidersCommonModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [
-                SliderTicksComponent,
-                LabelTemplateDirective
-            ],
-            exports: [
-                LabelTemplateDirective,
-                SliderTicksComponent,
-                DraggableModule,
-                EventsModule,
-                ResizeSensorModule
-            ],
-            imports: [CommonModule, DraggableModule, EventsModule, ResizeSensorModule]
-        })
-    ], SlidersCommonModule);
-    return SlidersCommonModule;
-}());
-export { SlidersCommonModule };