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

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

@@ -1,328 +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 sliders_util_1 = require("./sliders-util");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var forms_1 = require("@angular/forms");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-var label_template_directive_1 = require("./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 = sliders_util_1.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 core_1.EventEmitter(); //tslint:disable-line:no-output-rename
-        /**
-         * Fires each time the component is blurred.
-         */
-        this.onBlur = new core_1.EventEmitter(); //tslint:disable-line:no-output-rename
-        /**
-         * Fires each time the user selects a new value.
-         */
-        this.valueChange = new core_1.EventEmitter();
-        this.sliderClass = true;
-        this.widgetClass = true;
-        this.subscriptions = new rxjs_1.Subscription();
-        /**
-         * @hidden
-         */
-        this.ifEnabled = function (callback, event) {
-            if (!_this.isDisabled) {
-                callback.call(_this, event);
-            }
-        };
-        kendo_licensing_1.validatePackage(package_metadata_1.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(forms_1.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[kendo_angular_common_1.Keys.ArrowLeft] = reverse ? sliders_util_1.increment : sliders_util_1.decrement,
-                _a[kendo_angular_common_1.Keys.ArrowRight] = reverse ? sliders_util_1.decrement : sliders_util_1.increment,
-                _a[kendo_angular_common_1.Keys.ArrowDown] = sliders_util_1.decrement,
-                _a[kendo_angular_common_1.Keys.ArrowUp] = sliders_util_1.increment,
-                _a[kendo_angular_common_1.Keys.PageUp] = sliders_util_1.incrementLarge,
-                _a[kendo_angular_common_1.Keys.PageDown] = sliders_util_1.decrementLarge,
-                _a[kendo_angular_common_1.Keys.Home] = function (_a) {
-                    var min = _a.min;
-                    return min;
-                },
-                _a[kendo_angular_common_1.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([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SliderBase.prototype, "title", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], SliderBase.prototype, "tickPlacement", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "vertical", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "min", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "max", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "smallStep", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "largeStep", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "fixedTickWidth", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "readonly", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderBase.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        core_1.Output('focus'),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SliderBase.prototype, "onFocus", void 0);
-    tslib_1.__decorate([
-        core_1.Output('blur'),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SliderBase.prototype, "onBlur", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SliderBase.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], SliderBase.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-slider-horizontal'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SliderBase.prototype, "horizontalClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-slider-vertical'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SliderBase.prototype, "verticalClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-slider'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "sliderClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-widget'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderBase.prototype, "widgetClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], SliderBase.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        core_1.ViewChild('wrap', { static: true }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], SliderBase.prototype, "wrapper", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('track', { static: true }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], SliderBase.prototype, "track", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('sliderSelection', { static: true }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], SliderBase.prototype, "sliderSelection", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('ticks', { read: core_1.ElementRef, static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], SliderBase.prototype, "ticksContainer", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('ticks', { static: false }),
-        tslib_1.__metadata("design:type", Object)
-    ], SliderBase.prototype, "ticks", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(label_template_directive_1.LabelTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", label_template_directive_1.LabelTemplateDirective)
-    ], SliderBase.prototype, "labelTemplate", void 0);
-    return SliderBase;
-}());
-exports.SliderBase = SliderBase;

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

@@ -1,98 +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 sliders_util_1 = require("../sliders-common/sliders-util");
-var math_1 = require("../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 = sliders_util_1.calculateFixedTrackSize(this.props);
-        var wrapperParentEl = this.wrapper.parentElement;
-        if (fixedTrackWidth) {
-            wrapperParentEl.style[dimension] = "auto";
-        }
-    };
-    SliderModelBase.prototype.trackWidth = function () {
-        if (this.props.fixedTickWidth) {
-            return sliders_util_1.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 = sliders_util_1.calculateTicksCount(min, max, smallStep);
-        var trackSize = this.trackWidth();
-        var distStep = trackSize / math_1.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;
-}());
-exports.SliderModelBase = SliderModelBase;

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

@@ -1,106 +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");
-/* tslint:disable:component-selector */
-var core_1 = require("@angular/core");
-var sliders_util_1 = require("./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 = sliders_util_1.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(sliders_util_1.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([
-        core_1.HostBinding('class'),
-        tslib_1.__metadata("design:type", String)
-    ], SliderTicksComponent.prototype, "wrapperClasses", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], SliderTicksComponent.prototype, "tickTitle", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SliderTicksComponent.prototype, "vertical", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "step", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "largeStep", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "min", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], SliderTicksComponent.prototype, "max", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], SliderTicksComponent.prototype, "labelTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren('tickElement'),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], SliderTicksComponent.prototype, "tickElements", void 0);
-    SliderTicksComponent = tslib_1.__decorate([
-        core_1.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;
-}());
-exports.SliderTicksComponent = SliderTicksComponent;

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

@@ -1,37 +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 common_1 = require("@angular/common");
-var slider_ticks_component_1 = require("./slider-ticks.component");
-var label_template_directive_1 = require("./label-template.directive");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-/**
- * @hidden
- */
-var SlidersCommonModule = /** @class */ (function () {
-    function SlidersCommonModule() {
-    }
-    SlidersCommonModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [
-                slider_ticks_component_1.SliderTicksComponent,
-                label_template_directive_1.LabelTemplateDirective
-            ],
-            exports: [
-                label_template_directive_1.LabelTemplateDirective,
-                slider_ticks_component_1.SliderTicksComponent,
-                kendo_angular_common_1.DraggableModule,
-                kendo_angular_common_1.EventsModule,
-                kendo_angular_common_1.ResizeSensorModule
-            ],
-            imports: [common_1.CommonModule, kendo_angular_common_1.DraggableModule, kendo_angular_common_1.EventsModule, kendo_angular_common_1.ResizeSensorModule]
-        })
-    ], SlidersCommonModule);
-    return SlidersCommonModule;
-}());
-exports.SlidersCommonModule = SlidersCommonModule;