@progress/kendo-angular-inputs 8.0.9-dev.202203231216 → 9.0.0-dev.202204191046

package/esm2015/rangeslider/localization/custom-messages.component.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { RangeSliderMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages.
+ */
+export class RangeSliderCustomMessagesComponent extends RangeSliderMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+RangeSliderCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+RangeSliderCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RangeSliderCustomMessagesComponent, selector: "kendo-rangeslider-messages", providers: [
+        {
+            provide: RangeSliderMessages,
+            useExisting: forwardRef(() => RangeSliderCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: RangeSliderMessages,
+                            useExisting: forwardRef(() => RangeSliderCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-rangeslider-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/rangeslider/localization/localized-rangeslider-messages.directive.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { RangeSliderMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedRangeSliderMessagesDirective extends RangeSliderMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedRangeSliderMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedRangeSliderMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedRangeSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]", providers: [
+        {
+            provide: RangeSliderMessages,
+            useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: RangeSliderMessages,
+                            useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoSliderLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/rangeslider/localization/messages.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class RangeSliderMessages extends ComponentMessages {
+}
+RangeSliderMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+RangeSliderMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: RangeSliderMessages, selector: "kendo-rangeslider-messages-base", inputs: { dragHandleStart: "dragHandleStart", dragHandleEnd: "dragHandleEnd" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-rangeslider-messages-base'
+                }]
+        }], propDecorators: { dragHandleStart: [{
+                type: Input
+            }], dragHandleEnd: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/rangeslider/rangeslider-value.type.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/rangeslider/rangeslider.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 RangeSliderComponent_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 { take } from 'rxjs/operators';
 import { trimValue, isSameRange, trimValueRange, validateValue } from '../sliders-common/sliders-util';
@@ -15,11 +13,17 @@ import { invokeElementMethod } from '../common/dom-utils';
 import { guid, isDocumentAvailable, Keys, KendoInput, anyChanged, hasObservers } from '@progress/kendo-angular-common';
 import { requiresZoneOnBlur } from '../common/utils';
 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-rangeslider-messages.directive";
+import * as i5 from "@angular/common";
 const PRESSED = 'k-pressed';
 /**
  * Represents the [Kendo UI RangeSlider component for Angular]({% slug overview_rangeslider %}).
  */
-let RangeSliderComponent = RangeSliderComponent_1 = class RangeSliderComponent extends SliderBase {
+export class RangeSliderComponent extends SliderBase {
     constructor(localization, injector, renderer, ngZone, changeDetector, hostElement) {
         super(localization, injector, renderer, ngZone, changeDetector, hostElement);
         this.localization = localization;
@@ -88,7 +92,7 @@ let RangeSliderComponent = RangeSliderComponent_1 = class RangeSliderComponent e
             }
             this.renderer.setStyle(e.target, 'zIndex', ++this.handleZIndex);
             const startHandleIsActive = isStartHandle(e.target);
-            const value = handler(Object.assign({}, options, { value: startHandleIsActive ? this.value[0] : this.value[1] }));
+            const value = handler(Object.assign(Object.assign({}, options), { value: startHandleIsActive ? this.value[0] : this.value[1] }));
             if (startHandleIsActive) {
                 if (value > this.value[1]) {
                     this.value[1] = value;
@@ -234,13 +238,16 @@ let RangeSliderComponent = RangeSliderComponent_1 = class RangeSliderComponent e
         const incorrectValueState = this.value[0] > this.value[1];
         if (this.value[0] === this.value[1] || incorrectValueState) {
             if (forward) {
+                // eslint-disable-next-line no-unused-expressions
                 activeStartHandle ? moveStartHandle() : moveBothHandles();
             }
             else {
+                // eslint-disable-next-line no-unused-expressions
                 activeStartHandle ? moveBothHandles() : moveEndHandle();
             }
         }
         else {
+            // eslint-disable-next-line no-unused-expressions
             activeStartHandle ? moveStartHandle() : moveEndHandle();
         }
     }
@@ -411,30 +418,98 @@ let RangeSliderComponent = RangeSliderComponent_1 = class RangeSliderComponent e
             }));
         });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], RangeSliderComponent.prototype, "value", void 0);
-tslib_1.__decorate([
-    ViewChild('draghandleStart', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], RangeSliderComponent.prototype, "draghandleStart", void 0);
-tslib_1.__decorate([
-    ViewChild('draghandleEnd', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], RangeSliderComponent.prototype, "draghandleEnd", void 0);
-RangeSliderComponent = RangeSliderComponent_1 = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoRangeSlider',
-        providers: [
-            LocalizationService,
-            { provide: L10N_PREFIX, useValue: 'kendo.rangeslider' },
-            { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RangeSliderComponent_1) },
-            { provide: KendoInput, useExisting: forwardRef(() => RangeSliderComponent_1) }
-        ],
-        selector: 'kendo-rangeslider',
-        template: `
+}
+RangeSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RangeSliderComponent, selector: "kendo-rangeslider", inputs: { value: "value" }, providers: [
+        LocalizationService,
+        { provide: L10N_PREFIX, useValue: 'kendo.rangeslider' },
+        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RangeSliderComponent) },
+        { provide: KendoInput, useExisting: forwardRef(() => RangeSliderComponent) }
+    ], viewQueries: [{ propertyName: "draghandleStart", first: true, predicate: ["draghandleStart"], descendants: true, static: true }, { propertyName: "draghandleEnd", first: true, predicate: ["draghandleEnd"], descendants: true, static: true }], exportAs: ["kendoRangeSlider"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoSliderLocalizedMessages
+            i18n-dragHandleStart="kendo.rangeslider.dragHandleStart|The title of the **Start** drag handle of the Slider."
+            dragHandleStart="Drag"
+            i18n-dragHandleEnd="kendo.rangeslider.dragHandleEnd|The title of the **End** drag handle of the Slider."
+            dragHandleEnd="Drag"
+        >
+
+        <div class="k-slider-wrap" #wrap
+            [class.k-slider-topleft]="tickPlacement === 'before'"
+            [class.k-slider-bottomright]="tickPlacement === 'after'"
+            [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
+            >
+            <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 #draghandleStart
+                        role="slider"
+                        [id]="startHandleId"
+                        [attr.tabindex]="disabled ? undefined : tabindex"
+                        [attr.aria-valuemin]="min"
+                        [attr.aria-valuemax]="max"
+                        [attr.aria-valuenow]="value ? value[0] : null"
+                        [attr.aria-valuetext]="valueText"
+                        [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]="textFor('dragHandleStart')"
+                        kendoDraggable
+                        (kendoPress)="ifEnabled(handleDragPress ,$event)"
+                        (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
+                        (kendoRelease)="ifEnabled(onHandleRelease, $event)"
+                    ></a>
+                    <a #draghandleEnd
+                        role="slider"
+                        [id]="endHandleId"
+                        [attr.tabindex]="disabled ? undefined : tabindex"
+                        [attr.aria-valuemin]="min"
+                        [attr.aria-valuemax]="max"
+                        [attr.aria-valuenow]="value ? value[1] : null"
+                        [attr.aria-valuetext]="valueText"
+                        [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]="textFor('dragHandleEnd')"
+                        kendoDraggable
+                        (kendoPress)="ifEnabled(handleDragPress ,$event)"
+                        (kendoDrag)="ifEnabled(onHandleDrag ,$event)"
+                        (kendoRelease)="ifEnabled(onHandleRelease, $event)"
+                    ></a>
+                </div>
+            </div>
+            <kendo-resize-sensor (resize)="sizeComponent()"></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.LocalizedRangeSliderMessagesDirective, 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: RangeSliderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoRangeSlider',
+                    providers: [
+                        LocalizationService,
+                        { provide: L10N_PREFIX, useValue: 'kendo.rangeslider' },
+                        { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RangeSliderComponent) },
+                        { provide: KendoInput, useExisting: forwardRef(() => RangeSliderComponent) }
+                    ],
+                    selector: 'kendo-rangeslider',
+                    template: `
         <ng-container kendoSliderLocalizedMessages
             i18n-dragHandleStart="kendo.rangeslider.dragHandleStart|The title of the **Start** drag handle of the Slider."
             dragHandleStart="Drag"
@@ -507,12 +582,13 @@ RangeSliderComponent = RangeSliderComponent_1 = tslib_1.__decorate([
             <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
         </div>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        Injector,
-        Renderer2,
-        NgZone,
-        ChangeDetectorRef,
-        ElementRef])
-], RangeSliderComponent);
-export { RangeSliderComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { value: [{
+                type: Input
+            }], draghandleStart: [{
+                type: ViewChild,
+                args: ['draghandleStart', { static: true }]
+            }], draghandleEnd: [{
+                type: ViewChild,
+                args: ['draghandleEnd', { static: true }]
+            }] } });

package/{dist/es2015 → esm2015}/rangeslider.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 { SlidersCommonModule } from './sliders-common/sliders-common.module';
@@ -10,6 +9,7 @@ import { RangeSliderComponent } from './rangeslider/rangeslider.component';
 import { LocalizedRangeSliderMessagesDirective } from './rangeslider/localization/localized-rangeslider-messages.directive';
 import { RangeSliderCustomMessagesComponent } from './rangeslider/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 RangeSlider component.
@@ -42,22 +42,30 @@ import { LabelTemplateDirective } from './sliders-common/label-template.directiv
  *
  * ```
  */
-let RangeSliderModule = class RangeSliderModule {
-};
-RangeSliderModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [
-            RangeSliderComponent,
-            RangeSliderCustomMessagesComponent,
-            LocalizedRangeSliderMessagesDirective
-        ],
-        exports: [
-            RangeSliderComponent,
-            RangeSliderCustomMessagesComponent,
-            LocalizedRangeSliderMessagesDirective,
-            LabelTemplateDirective
-        ],
-        imports: [CommonModule, SlidersCommonModule]
-    })
-], RangeSliderModule);
-export { RangeSliderModule };
+export class RangeSliderModule {
+}
+RangeSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RangeSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderModule, declarations: [RangeSliderComponent,
+        RangeSliderCustomMessagesComponent,
+        LocalizedRangeSliderMessagesDirective], imports: [CommonModule, SlidersCommonModule], exports: [RangeSliderComponent,
+        RangeSliderCustomMessagesComponent,
+        LocalizedRangeSliderMessagesDirective,
+        LabelTemplateDirective] });
+RangeSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderModule, imports: [[CommonModule, SlidersCommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RangeSliderComponent,
+                        RangeSliderCustomMessagesComponent,
+                        LocalizedRangeSliderMessagesDirective
+                    ],
+                    exports: [
+                        RangeSliderComponent,
+                        RangeSliderCustomMessagesComponent,
+                        LocalizedRangeSliderMessagesDirective,
+                        LabelTemplateDirective
+                    ],
+                    imports: [CommonModule, SlidersCommonModule]
+                }]
+        }] });

package/esm2015/shared/input-separator.component.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a separator in the content of components like the TextArea and the TextBox. ([see examples]({% slug adornments_textbox %}#toc-separator)).
+ * @example
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *    <ng-template kendoTextBoxSuffixTemplate>
+ *        <kendo-input-separator></kendo-input-separator>
+ *        <button kendoButton look="clear" icon="image"></button>
+ *    </ng-template>
+ *  </kendo-textbox>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export class InputSeparatorComponent {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+InputSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: InputSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", host: { properties: { "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: InputSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-input-separator, kendo-textbox-separator',
+                    template: ``
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-input-separator']
+            }] } });

package/{dist/es2015 → esm2015}/shared/textarea.directive.js

@@ -2,15 +2,14 @@
 * 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 TextAreaDirective_1;
-import { Directive, ElementRef, EventEmitter, HostBinding, Renderer2, Optional, Inject, Input, NgZone, forwardRef, Output, ChangeDetectorRef, Injector } from '@angular/core';
+import { Directive, EventEmitter, HostBinding, Optional, Inject, Input, forwardRef, Output } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { hasObservers, KendoInput, isDocumentAvailable } from '@progress/kendo-angular-common';
 import { requiresZoneOnBlur } from '../common/utils';
 import { RTL } from '@progress/kendo-angular-l10n';
 import { fromEvent } from 'rxjs';
 import { debounceTime, take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI TextArea directive for the Inputs components for Angular]({% slug overview_textarea %}).
  * Provides floating labels to `textarea` elements.
@@ -20,7 +19,7 @@ import { debounceTime, take } from 'rxjs/operators';
  * <textarea kendoTextArea></textarea>
  * ```
  */
-let TextAreaDirective = TextAreaDirective_1 = class TextAreaDirective {
+export class TextAreaDirective {
     constructor(renderer, element, zone, changeDetector, injector, rtl) {
         this.renderer = renderer;
         this.element = element;
@@ -203,52 +202,59 @@ let TextAreaDirective = TextAreaDirective_1 = class TextAreaDirective {
             });
         }
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-textarea'),
-    HostBinding('class.k-input'),
-    HostBinding('class.k-input-md'),
-    HostBinding('class.k-rounded-md'),
-    HostBinding('class.k-input-solid'),
-    tslib_1.__metadata("design:type", Boolean)
-], TextAreaDirective.prototype, "elementClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-autofill'),
-    tslib_1.__metadata("design:type", Boolean)
-], TextAreaDirective.prototype, "autofillClass", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], TextAreaDirective.prototype, "direction", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TextAreaDirective.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TextAreaDirective.prototype, "autoSize", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TextAreaDirective.prototype, "value", void 0);
-TextAreaDirective = TextAreaDirective_1 = tslib_1.__decorate([
-    Directive({
-        providers: [{
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => TextAreaDirective_1),
-                multi: true
+}
+TextAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextAreaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TextAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TextAreaDirective, selector: "textarea[kendoTextArea]", inputs: { autoSize: "autoSize", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-textarea": "this.elementClasses", "class.k-input": "this.elementClasses", "class.k-input-md": "this.elementClasses", "class.k-rounded-md": "this.elementClasses", "class.k-input-solid": "this.elementClasses", "class.k-autofill": "this.autofillClass", "attr.dir": "this.direction" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => TextAreaDirective),
+            multi: true
+        }, {
+            provide: KendoInput,
+            useExisting: forwardRef(() => TextAreaDirective)
+        }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextAreaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextAreaDirective),
+                            multi: true
+                        }, {
+                            provide: KendoInput,
+                            useExisting: forwardRef(() => TextAreaDirective)
+                        }],
+                    selector: 'textarea[kendoTextArea]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }]; }, propDecorators: { elementClasses: [{
+                type: HostBinding,
+                args: ['class.k-textarea']
             }, {
-                provide: KendoInput,
-                useExisting: forwardRef(() => TextAreaDirective_1)
-            }],
-        selector: 'textarea[kendoTextArea]'
-    }),
-    tslib_1.__param(5, Optional()), tslib_1.__param(5, Inject(RTL)),
-    tslib_1.__metadata("design:paramtypes", [Renderer2,
-        ElementRef,
-        NgZone,
-        ChangeDetectorRef,
-        Injector, Boolean])
-], TextAreaDirective);
-export { TextAreaDirective };
+                type: HostBinding,
+                args: ['class.k-input']
+            }, {
+                type: HostBinding,
+                args: ['class.k-input-md']
+            }, {
+                type: HostBinding,
+                args: ['class.k-rounded-md']
+            }, {
+                type: HostBinding,
+                args: ['class.k-input-solid']
+            }], autofillClass: [{
+                type: HostBinding,
+                args: ['class.k-autofill']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], valueChange: [{
+                type: Output
+            }], autoSize: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });

package/esm2015/shared.module.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from "@angular/core";
+import { InputSeparatorComponent } from './shared/input-separator.component';
+import { TextAreaDirective } from "./shared/textarea.directive";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export const SHARED_DIRECTIVES = [
+    InputSeparatorComponent,
+    TextAreaDirective
+];
+/**
+ * @hidden
+ */
+export class SharedModule {
+}
+SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, declarations: [InputSeparatorComponent,
+        TextAreaDirective], exports: [InputSeparatorComponent,
+        TextAreaDirective] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SHARED_DIRECTIVES],
+                    exports: [SHARED_DIRECTIVES]
+                }]
+        }] });

package/esm2015/slider/localization/custom-messages.component.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { SliderMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages.
+ */
+export class SliderCustomMessagesComponent extends SliderMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+SliderCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+SliderCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SliderCustomMessagesComponent, selector: "kendo-slider-messages", providers: [
+        {
+            provide: SliderMessages,
+            useExisting: forwardRef(() => SliderCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: SliderMessages,
+                            useExisting: forwardRef(() => SliderCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-slider-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });