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

package/{dist/es2015 → esm2015}/slider/slider.component.js

@@ -2,9 +2,7 @@
 * 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";
-var SliderComponent_1;
-import { Renderer2, Component, ElementRef, Input, ViewChild, forwardRef, NgZone, Injector, ChangeDetectorRef } from '@angular/core';
+import { Component, Input, ViewChild, forwardRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { fromEvent, interval, merge } from 'rxjs';
 import { filter, concatMap, startWith, takeUntil, take } from 'rxjs/operators';
@@ -16,11 +14,17 @@ import { isButton, eventValue, decreaseValueToStep, increaseValueToStep } from '
 import { invokeElementMethod } from '../common/dom-utils';
 import { guid, isDocumentAvailable, hasObservers, KendoInput, anyChanged, Keys } from '@progress/kendo-angular-common';
 import { SliderBase } from '../sliders-common/slider-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../sliders-common/slider-ticks.component";
+import * as i3 from "@progress/kendo-angular-common";
+import * as i4 from "./localization/localized-slider-messages.directive";
+import * as i5 from "@angular/common";
 const PRESSED = 'k-pressed';
 /**
  * Represents the [Kendo UI Slider component for Angular]({% slug overview_slider %}).
  */
-let SliderComponent = SliderComponent_1 = class SliderComponent extends SliderBase {
+export class SliderComponent extends SliderBase {
     constructor(localization, injector, renderer, ngZone, changeDetector, hostElement) {
         super(localization, injector, renderer, ngZone, changeDetector, hostElement);
         this.localization = localization;
@@ -375,63 +379,14 @@ let SliderComponent = SliderComponent_1 = class SliderComponent extends SliderBa
             }));
         });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SliderComponent.prototype, "focusableId", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SliderComponent.prototype, "dragHandleTitle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SliderComponent.prototype, "incrementTitle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SliderComponent.prototype, "animate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], SliderComponent.prototype, "decrementTitle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], SliderComponent.prototype, "showButtons", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], SliderComponent.prototype, "value", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], SliderComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    ViewChild('draghandle', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], SliderComponent.prototype, "draghandle", void 0);
-tslib_1.__decorate([
-    ViewChild('decreaseButton', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], SliderComponent.prototype, "decreaseButton", void 0);
-tslib_1.__decorate([
-    ViewChild('increaseButton', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], SliderComponent.prototype, "increaseButton", void 0);
-SliderComponent = SliderComponent_1 = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoSlider',
-        providers: [
-            LocalizationService,
-            { provide: L10N_PREFIX, useValue: 'kendo.slider' },
-            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent_1) },
-            { provide: KendoInput, useExisting: forwardRef(() => SliderComponent_1) }
-        ],
-        selector: 'kendo-slider',
-        template: `
+}
+SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SliderComponent, selector: "kendo-slider", inputs: { focusableId: "focusableId", dragHandleTitle: "dragHandleTitle", incrementTitle: "incrementTitle", animate: "animate", decrementTitle: "decrementTitle", showButtons: "showButtons", value: "value", tabIndex: "tabIndex" }, providers: [
+        LocalizationService,
+        { provide: L10N_PREFIX, useValue: 'kendo.slider' },
+        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent) },
+        { provide: KendoInput, useExisting: forwardRef(() => SliderComponent) }
+    ], viewQueries: [{ propertyName: "draghandle", first: true, predicate: ["draghandle"], descendants: true, static: true }, { propertyName: "decreaseButton", first: true, predicate: ["decreaseButton"], descendants: true }, { propertyName: "increaseButton", first: true, predicate: ["increaseButton"], descendants: true }], exportAs: ["kendoSlider"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSliderLocalizedMessages
             i18n-increment="kendo.slider.increment|The title of the **Increase** button of the Slider."
             increment="increment"
@@ -440,7 +395,96 @@ SliderComponent = SliderComponent_1 = tslib_1.__decorate([
             i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."
             dragHandle="Drag"
         >
-        <div class="k-slider-wrap" #wrap
+        <div class="k-slider-track-wrap" #wrap
+            [class.k-slider-buttons]="showButtons"
+            [class.k-slider-topleft]="tickPlacement === 'before'"
+            [class.k-slider-bottomright]="tickPlacement === 'after'"
+            [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
+            >
+            <button *ngIf="showButtons" type="button" #decreaseButton
+                class="k-button-decrease k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"
+                [title]="decrementMessage"
+                [attr.tabindex]="-1"
+                role="presentation">
+                    <span class="k-button-icon k-icon"
+                        [class.k-i-arrow-w]="!vertical"
+                        [class.k-i-arrow-s]="vertical">
+                    </span>
+            </button>
+            <div class="k-slider-track-wrap">
+                <ul kendoSliderTicks
+                    #ticks
+                    *ngIf="tickPlacement !== 'none'"
+                    [tickTitle]="title"
+                    [vertical]="vertical"
+                    [step]="smallStep"
+                    [largeStep]="largeStep"
+                    [min]="min"
+                    [max]="max"
+                    [labelTemplate]="labelTemplate?.templateRef"
+                    [attr.aria-hidden]="true"
+                >
+                </ul>
+                <div #track class="k-slider-track">
+                    <div #sliderSelection class="k-slider-selection">
+                    </div>
+                    <a #draghandle
+                        role="slider"
+                        [attr.aria-valuemin]="min"
+                        [attr.aria-valuemax]="max"
+                        [attr.aria-valuenow]="currentValue"
+                        [attr.aria-valuetext]="currentValue"
+                        [attr.aria-disabled]="disabled ? true : undefined"
+                        [attr.aria-readonly]="readonly ? true : undefined"
+                        [attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
+                        [style.touch-action]="isDisabled ? '' : 'none'"
+                        class="k-draghandle"
+                        [title]="dragHandleMessage"
+                        [attr.tabindex]="disabled ? '-1' : tabIndex"
+                        [id]="focusableId"
+                        kendoDraggable
+                        (kendoPress)="ifEnabled(handleDragPress, $event)"
+                        (kendoDrag)="ifEnabled(onHandleDrag, $event)"
+                        (kendoRelease)="ifEnabled(onHandleRelease, $event)"
+                    ></a>
+                </div>
+            </div>
+            <button *ngIf="showButtons" type="button" #increaseButton
+                class="k-button-increase k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"
+                [title]="incrementMessage"
+                (click)="$event.preventDefault()"
+                [attr.tabindex]="-1"
+                [attr.aria-label]="currentValue"
+                role="presentation">
+                    <span class="k-button-icon k-icon"
+                        [class.k-i-arrow-e]="!vertical"
+                        [class.k-i-arrow-n]="vertical">
+                    </span>
+            </button>
+            <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
+        </div>
+  `, isInline: true, components: [{ type: i2.SliderTicksComponent, selector: "[kendoSliderTicks]", inputs: ["tickTitle", "vertical", "step", "largeStep", "min", "max", "labelTemplate"] }, { type: i3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i4.LocalizedSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]" }, { type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoSlider',
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.slider' },
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent) },
+                        { provide: KendoInput, useExisting: forwardRef(() => SliderComponent) }
+                    ],
+                    selector: 'kendo-slider',
+                    template: `
+        <ng-container kendoSliderLocalizedMessages
+            i18n-increment="kendo.slider.increment|The title of the **Increase** button of the Slider."
+            increment="increment"
+            i18n-decrement="kendo.slider.decrement|The title of the **Decrease** button of the Slider."
+            decrement="decrement"
+            i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."
+            dragHandle="Drag"
+        >
+        <div class="k-slider-track-wrap" #wrap
             [class.k-slider-buttons]="showButtons"
             [class.k-slider-topleft]="tickPlacement === 'before'"
             [class.k-slider-bottomright]="tickPlacement === 'after'"
@@ -509,12 +553,30 @@ SliderComponent = SliderComponent_1 = tslib_1.__decorate([
             <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
         </div>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        Injector,
-        Renderer2,
-        NgZone,
-        ChangeDetectorRef,
-        ElementRef])
-], SliderComponent);
-export { SliderComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { focusableId: [{
+                type: Input
+            }], dragHandleTitle: [{
+                type: Input
+            }], incrementTitle: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }], decrementTitle: [{
+                type: Input
+            }], showButtons: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], draghandle: [{
+                type: ViewChild,
+                args: ['draghandle', { static: true }]
+            }], decreaseButton: [{
+                type: ViewChild,
+                args: ['decreaseButton', { static: false }]
+            }], increaseButton: [{
+                type: ViewChild,
+                args: ['increaseButton', { static: false }]
+            }] } });

package/{dist/es → esm2015}/slider.module.js

@@ -2,7 +2,6 @@
 * 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 { SliderComponent } from './slider/slider.component';
@@ -10,6 +9,7 @@ import { SlidersCommonModule } from './sliders-common/sliders-common.module';
 import { LocalizedSliderMessagesDirective } from './slider/localization/localized-slider-messages.directive';
 import { SliderCustomMessagesComponent } from './slider/localization/custom-messages.component';
 import { LabelTemplateDirective } from './sliders-common/label-template.directive';
+import * as i0 from "@angular/core";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the Slider component.
@@ -42,25 +42,30 @@ import { LabelTemplateDirective } from './sliders-common/label-template.directiv
  *
  * ```
  */
-var SliderModule = /** @class */ (function () {
-    function SliderModule() {
-    }
-    SliderModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [
-                SliderComponent,
-                SliderCustomMessagesComponent,
-                LocalizedSliderMessagesDirective
-            ],
-            exports: [
-                SliderComponent,
-                SliderCustomMessagesComponent,
-                LabelTemplateDirective,
-                LocalizedSliderMessagesDirective
-            ],
-            imports: [CommonModule, SlidersCommonModule]
-        })
-    ], SliderModule);
-    return SliderModule;
-}());
-export { SliderModule };
+export class SliderModule {
+}
+SliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderModule, declarations: [SliderComponent,
+        SliderCustomMessagesComponent,
+        LocalizedSliderMessagesDirective], imports: [CommonModule, SlidersCommonModule], exports: [SliderComponent,
+        SliderCustomMessagesComponent,
+        LabelTemplateDirective,
+        LocalizedSliderMessagesDirective] });
+SliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderModule, imports: [[CommonModule, SlidersCommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SliderComponent,
+                        SliderCustomMessagesComponent,
+                        LocalizedSliderMessagesDirective
+                    ],
+                    exports: [
+                        SliderComponent,
+                        SliderCustomMessagesComponent,
+                        LabelTemplateDirective,
+                        LocalizedSliderMessagesDirective
+                    ],
+                    imports: [CommonModule, SlidersCommonModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/sliders-common/label-template.directive.js

@@ -2,8 +2,8 @@
 * 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 { Directive, TemplateRef, Optional } from '@angular/core';
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the template for the labels of the Slider.
  * To define the labels template, nest an `<ng-template>` tag with the `kendoSliderLabelTemplate` directive inside
@@ -28,16 +28,18 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
  *
  * ```
  */
-let LabelTemplateDirective = class LabelTemplateDirective {
+export class LabelTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-LabelTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoSliderLabelTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], LabelTemplateDirective);
-export { LabelTemplateDirective };
+}
+LabelTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+LabelTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LabelTemplateDirective, selector: "[kendoSliderLabelTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSliderLabelTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/sliders-common/slider-base.js

@@ -2,15 +2,16 @@
 * 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 { Input, Output, EventEmitter, HostBinding, ElementRef, ViewChild, ContentChild, Component } 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';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * @hidden
  */
@@ -79,17 +80,16 @@ export class SliderBase {
         /**
          * Fires each time the user focuses the component.
          */
-        this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onFocus = new EventEmitter(); //eslint-disable-line no-output-rename
         /**
          * Fires each time the component is blurred.
          */
-        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onBlur = new EventEmitter(); //eslint-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
@@ -180,110 +180,75 @@ export class SliderBase {
         });
     }
 }
-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);
+SliderBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderBase, deps: [{ token: i1.LocalizationService }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SliderBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SliderBase, selector: "kendo-slider-base", inputs: { title: "title", tickPlacement: "tickPlacement", vertical: "vertical", min: "min", max: "max", smallStep: "smallStep", largeStep: "largeStep", fixedTickWidth: "fixedTickWidth", disabled: "disabled", readonly: "readonly", tabindex: "tabindex" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "attr.dir": "this.direction", "class.k-slider-horizontal": "this.horizontalClass", "class.k-slider-vertical": "this.verticalClass", "class.k-slider": "this.sliderClass", "class.k-state-disabled": "this.disabledClass" } }, queries: [{ propertyName: "labelTemplate", first: true, predicate: LabelTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrap"], descendants: true, static: true }, { propertyName: "track", first: true, predicate: ["track"], descendants: true, static: true }, { propertyName: "sliderSelection", first: true, predicate: ["sliderSelection"], descendants: true, static: true }, { propertyName: "ticksContainer", first: true, predicate: ["ticks"], descendants: true, read: ElementRef }, { propertyName: "ticks", first: true, predicate: ["ticks"], descendants: true }], ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderBase, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-slider-base',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { title: [{
+                type: Input
+            }], tickPlacement: [{
+                type: Input
+            }], vertical: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], smallStep: [{
+                type: Input
+            }], largeStep: [{
+                type: Input
+            }], fixedTickWidth: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], onFocus: [{
+                type: Output,
+                args: ['focus']
+            }], onBlur: [{
+                type: Output,
+                args: ['blur']
+            }], valueChange: [{
+                type: Output
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], horizontalClass: [{
+                type: HostBinding,
+                args: ['class.k-slider-horizontal']
+            }], verticalClass: [{
+                type: HostBinding,
+                args: ['class.k-slider-vertical']
+            }], sliderClass: [{
+                type: HostBinding,
+                args: ['class.k-slider']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-state-disabled']
+            }], wrapper: [{
+                type: ViewChild,
+                args: ['wrap', { static: true }]
+            }], track: [{
+                type: ViewChild,
+                args: ['track', { static: true }]
+            }], sliderSelection: [{
+                type: ViewChild,
+                args: ['sliderSelection', { static: true }]
+            }], ticksContainer: [{
+                type: ViewChild,
+                args: ['ticks', { read: ElementRef, static: false }]
+            }], ticks: [{
+                type: ViewChild,
+                args: ['ticks', { static: false }]
+            }], labelTemplate: [{
+                type: ContentChild,
+                args: [LabelTemplateDirective, { static: false }]
+            }] } });