@progress/kendo-angular-inputs 17.0.0-develop.4 → 17.0.0-develop.40

package/{esm2020 → esm2022}/numerictextbox.module.mjs

@@ -5,7 +5,7 @@
 import { NgModule } from '@angular/core';
 import { KENDO_NUMERICTEXTBOX } from './directives';
 import { IconsService } from '@progress/kendo-angular-icons';
-import { AdornmentsModule } from '@progress/kendo-angular-common';
+import { KENDO_ADORNMENTS } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./numerictextbox/numerictextbox.component";
 import * as i2 from "./numerictextbox/localization/custom-messages.component";
@@ -43,15 +43,15 @@ import * as i3 from "@progress/kendo-angular-common";
  * ```
  */
 export class NumericTextBoxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NumericTextBoxModule, imports: [i1.NumericTextBoxComponent, i2.NumericTextBoxCustomMessagesComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent], exports: [i1.NumericTextBoxComponent, i2.NumericTextBoxCustomMessagesComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextBoxModule, providers: [IconsService], imports: [i1.NumericTextBoxComponent, i3.SeparatorComponent, i3.SeparatorComponent] });
 }
-NumericTextBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NumericTextBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NumericTextBoxModule, imports: [i1.NumericTextBoxComponent, i2.NumericTextBoxCustomMessagesComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent], exports: [i1.NumericTextBoxComponent, i2.NumericTextBoxCustomMessagesComponent, i3.PrefixTemplateDirective, i3.SuffixTemplateDirective, i3.SeparatorComponent, AdornmentsModule] });
-NumericTextBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericTextBoxModule, providers: [IconsService], imports: [i1.NumericTextBoxComponent, i2.NumericTextBoxCustomMessagesComponent, i3.SeparatorComponent, AdornmentsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericTextBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextBoxModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...KENDO_NUMERICTEXTBOX],
-                    exports: [...KENDO_NUMERICTEXTBOX, AdornmentsModule],
+                    imports: [...KENDO_NUMERICTEXTBOX, ...KENDO_ADORNMENTS],
+                    exports: [...KENDO_NUMERICTEXTBOX, ...KENDO_ADORNMENTS],
                     providers: [IconsService]
                 }]
         }] });

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728985073,
-    version: '17.0.0-develop.4',
+    publishDate: 1730798878,
+    version: '17.0.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/radiobutton/radiobutton.component.mjs

@@ -14,44 +14,30 @@ import { SharedInputEventsDirective } from '../shared/shared-events.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 export class RadioButtonComponent extends RadioCheckBoxBase {
-    constructor(renderer, hostElement, cdr, ngZone, injector, localizationService) {
-        super('radio', hostElement, renderer, cdr, ngZone, injector);
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this.cdr = cdr;
-        this.ngZone = ngZone;
-        this.injector = injector;
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * Specifies the checked state of the RadioButton.
-         *
-         * @default false
-         */
-        this.checked = false;
-        /**
-         * Fires each time the checked state is changed.
-         * When the state of the component is programmatically changed to `ngModel` or `formControl`
-         * through its API or form binding, the `checkedStateChange` event is not triggered because it
-         * might cause a mix-up with the built-in mechanisms of the `ngModel` or `formControl` bindings.
-         *
-         * Used to provide a two-way binding for the `checked` property.
-         */
-        this.checkedChange = new EventEmitter();
-        this.subs = new Subscription();
-        /**
-         * @hidden
-         */
-        this.handleChange = ($event) => {
-            this.ngZone.run(() => {
-                this.checked = $event.target.checked;
-                this.checkedChange.emit(this.checked);
-                this.ngChange($event.target.value);
-            });
-        };
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
+    renderer;
+    hostElement;
+    cdr;
+    ngZone;
+    injector;
+    localizationService;
+    hostClass = true;
+    direction;
+    /**
+     * Specifies the checked state of the RadioButton.
+     *
+     * @default false
+     */
+    checked = false;
+    /**
+     * Fires each time the checked state is changed.
+     * When the state of the component is programmatically changed to `ngModel` or `formControl`
+     * through its API or form binding, the `checkedStateChange` event is not triggered because it
+     * might cause a mix-up with the built-in mechanisms of the `ngModel` or `formControl` bindings.
+     *
+     * Used to provide a two-way binding for the `checked` property.
+     */
+    checkedChange = new EventEmitter();
+    subs = new Subscription();
     get defaultAttributes() {
         return {
             type: 'radio',
@@ -66,6 +52,17 @@ export class RadioButtonComponent extends RadioCheckBoxBase {
             'aria-invalid': this.isControlInvalid
         };
     }
+    constructor(renderer, hostElement, cdr, ngZone, injector, localizationService) {
+        super('radio', hostElement, renderer, cdr, ngZone, injector);
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+        this.injector = injector;
+        this.localizationService = localizationService;
+        validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+    }
     ngOnInit() {
         super.ngOnInit();
         this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => {
@@ -87,24 +84,33 @@ export class RadioButtonComponent extends RadioCheckBoxBase {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
+    /**
+     * @hidden
+     */
+    handleChange = ($event) => {
+        this.ngZone.run(() => {
+            this.checked = $event.target.checked;
+            this.checkedChange.emit(this.checked);
+            this.ngChange($event.target.value);
+        });
+    };
     /**
      * @hidden
      */
     writeValue(value) {
         this.checked = value === this.value;
     }
-}
-RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadioButtonComponent, isStandalone: true, selector: "kendo-radiobutton", inputs: { checked: "checked" }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class.k-radio-wrap": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        { provide: L10N_PREFIX, useValue: 'kendo.radiobutton' },
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => RadioButtonComponent),
-            multi: true
-        },
-        { provide: KendoInput, useExisting: forwardRef(() => RadioButtonComponent) }
-    ], exportAs: ["kendoRadioButton"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, isStandalone: true, selector: "kendo-radiobutton", inputs: { checked: "checked" }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class.k-radio-wrap": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.radiobutton' },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioButtonComponent),
+                multi: true
+            },
+            { provide: KendoInput, useExisting: forwardRef(() => RadioButtonComponent) }
+        ], exportAs: ["kendoRadioButton"], usesInheritance: true, ngImport: i0, template: `
         <ng-container
             kendoInputSharedEvents
             [hostElement]="hostElement"
@@ -134,7 +140,8 @@ RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             />
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: SharedInputEventsDirective, selector: "[kendoInputSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoRadioButton',

package/{esm2020 → esm2022}/radiobutton/radiobutton.directive.mjs

@@ -18,13 +18,9 @@ const DEFAULT_SIZE = 'medium';
  * ```
  */
 export class RadioButtonDirective {
-    constructor(renderer, hostElement) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this.kendoClass = true;
-        this._size = 'medium';
-        validatePackage(packageMetadata);
-    }
+    renderer;
+    hostElement;
+    kendoClass = true;
     /**
      * The size property specifies the width and height of the RadioButton
      * ([see example]({% slug appearance_radiobuttondirective %}#toc-size)).
@@ -42,6 +38,12 @@ export class RadioButtonDirective {
     get size() {
         return this._size;
     }
+    _size = 'medium';
+    constructor(renderer, hostElement) {
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+        validatePackage(packageMetadata);
+    }
     ngAfterViewInit() {
         // kept in sync with other inputs for easier refactoring
         // to a common base class
@@ -60,10 +62,10 @@ export class RadioButtonDirective {
             this.renderer.addClass(elem, classes.toAdd);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonDirective, isStandalone: true, selector: "input[kendoRadioButton]", inputs: { size: "size" }, host: { properties: { "class.k-radio": "this.kendoClass" } }, ngImport: i0 });
 }
-RadioButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-RadioButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RadioButtonDirective, isStandalone: true, selector: "input[kendoRadioButton]", inputs: { size: "size" }, host: { properties: { "class.k-radio": "this.kendoClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[kendoRadioButton]',

package/{esm2020 → esm2022}/radiobutton.module.mjs

@@ -40,11 +40,11 @@ import * as i2 from "./radiobutton/radiobutton.directive";
  * ```
  */
 export class RadioButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule, imports: [i1.RadioButtonComponent, i2.RadioButtonDirective], exports: [i1.RadioButtonComponent, i2.RadioButtonDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule });
 }
-RadioButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RadioButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonModule, imports: [i1.RadioButtonComponent, i2.RadioButtonDirective], exports: [i1.RadioButtonComponent, i2.RadioButtonDirective] });
-RadioButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonModule, imports: [i1.RadioButtonComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_RADIOBUTTON],

package/{esm2020 → esm2022}/rangeslider/localization/custom-messages.component.mjs

@@ -11,6 +11,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Custom component messages override default component messages.
  */
 export class RangeSliderCustomMessagesComponent extends RangeSliderMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,15 +19,15 @@ export class RangeSliderCustomMessagesComponent extends RangeSliderMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RangeSliderCustomMessagesComponent, isStandalone: true, selector: "kendo-rangeslider-messages", providers: [
+            {
+                provide: RangeSliderMessages,
+                useExisting: forwardRef(() => RangeSliderCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-RangeSliderCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-RangeSliderCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RangeSliderCustomMessagesComponent, isStandalone: true, selector: "kendo-rangeslider-messages", providers: [
-        {
-            provide: RangeSliderMessages,
-            useExisting: forwardRef(() => RangeSliderCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/rangeslider/localization/localized-rangeslider-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedRangeSliderMessagesDirective extends RangeSliderMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedRangeSliderMessagesDirective, isStandalone: true, selector: "[kendoSliderLocalizedMessages]", providers: [
+            {
+                provide: RangeSliderMessages,
+                useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedRangeSliderMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedRangeSliderMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedRangeSliderMessagesDirective, isStandalone: true, selector: "[kendoSliderLocalizedMessages]", providers: [
-        {
-            provide: RangeSliderMessages,
-            useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/rangeslider/localization/messages.mjs

@@ -9,10 +9,18 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class RangeSliderMessages extends ComponentMessages {
+    /**
+     * The title of the range `start` drag handle.
+     */
+    dragHandleStart;
+    /**
+     * The title of the range `end` drag handle.
+     */
+    dragHandleEnd;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RangeSliderMessages, selector: "kendo-rangeslider-messages-base", inputs: { dragHandleStart: "dragHandleStart", dragHandleEnd: "dragHandleEnd" }, usesInheritance: true, ngImport: i0 });
 }
-RangeSliderMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-RangeSliderMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RangeSliderMessages, selector: "kendo-rangeslider-messages-base", inputs: { dragHandleStart: "dragHandleStart", dragHandleEnd: "dragHandleEnd" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderMessages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/rangeslider/rangeslider-model.mjs

@@ -9,6 +9,8 @@ import { SliderModelBase } from '../sliders-common/slider-model.base';
  * @hidden
  */
 export class RangeSliderModel extends SliderModelBase {
+    startHandlePosition;
+    endHandlePosition;
     positionHandle(dragHandle) {
         if (!dragHandle.id) {
             return;

package/{esm2020 → esm2022}/rangeslider/rangeslider.component.mjs

@@ -23,6 +23,36 @@ const PRESSED = 'k-pressed';
  * Represents the [Kendo UI RangeSlider component for Angular]({% slug overview_rangeslider %}).
  */
 export class RangeSliderComponent extends SliderBase {
+    localization;
+    injector;
+    renderer;
+    ngZone;
+    changeDetector;
+    hostElement;
+    /**
+     * Sets the range value of the RangeSlider.
+     * The component can use either NgModel or the `value` binding but not both of them at the same time.
+     */
+    value;
+    draghandleStart;
+    draghandleEnd;
+    /**
+     * @hidden
+     */
+    startHandleId = `k-start-handle-${guid()}`;
+    /**
+     * @hidden
+     */
+    endHandleId = `k-end-handle-${guid()}`;
+    /**
+     * @hidden
+     */
+    focusableId = this.startHandleId;
+    draggedHandle;
+    lastHandlePosition;
+    activeHandle = 'startHandle';
+    focusChangedProgrammatically = false;
+    isInvalid;
     constructor(localization, injector, renderer, ngZone, changeDetector, hostElement) {
         super(localization, injector, renderer, ngZone, changeDetector, hostElement);
         this.localization = localization;
@@ -31,98 +61,6 @@ export class RangeSliderComponent extends SliderBase {
         this.ngZone = ngZone;
         this.changeDetector = changeDetector;
         this.hostElement = hostElement;
-        /**
-         * @hidden
-         */
-        this.startHandleId = `k-start-handle-${guid()}`;
-        /**
-         * @hidden
-         */
-        this.endHandleId = `k-end-handle-${guid()}`;
-        /**
-         * @hidden
-         */
-        this.focusableId = this.startHandleId;
-        this.activeHandle = 'startHandle';
-        this.focusChangedProgrammatically = false;
-        /**
-         * @hidden
-         */
-        this.onWrapClick = (args) => {
-            if (!this.isDisabled) {
-                this.value = this.value || [this.min, this.min];
-                const trackValue = eventValue(args, this.track.nativeElement, this.getProps());
-                let newRangeValue;
-                const [startValue, endValue] = newRangeValue = this.value;
-                if (trackValue <= startValue) {
-                    newRangeValue = [trackValue, endValue];
-                    this.activeHandle = 'startHandle';
-                }
-                else if (startValue < trackValue && trackValue < endValue) {
-                    if (trackValue < (startValue + endValue) / 2) {
-                        newRangeValue = [trackValue, endValue];
-                        this.activeHandle = 'startHandle';
-                    }
-                    else {
-                        newRangeValue = [startValue, trackValue];
-                        this.activeHandle = 'endHandle';
-                    }
-                }
-                else if (trackValue >= endValue) {
-                    newRangeValue = [startValue, trackValue];
-                    this.activeHandle = 'endHandle';
-                }
-                const activeHandle = this.activeHandle === 'startHandle' ? this.draghandleStart : this.draghandleEnd;
-                invokeElementMethod(activeHandle, 'focus');
-                this.changeValue(newRangeValue);
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.onKeyDown = (e) => {
-            this.value = this.value || [this.min, this.min];
-            const options = this.getProps();
-            const { max, min } = options;
-            const handler = this.keyBinding[e.keyCode];
-            if (this.isDisabled || !handler) {
-                return;
-            }
-            const startHandleIsActive = isStartHandle(e.target);
-            const nonDraggedHandle = startHandleIsActive ? this.draghandleEnd.nativeElement : this.draghandleStart.nativeElement;
-            this.renderer.removeStyle(nonDraggedHandle, 'zIndex');
-            this.renderer.setStyle(e.target, 'zIndex', 1);
-            const value = handler({ ...options, value: startHandleIsActive ? this.value[0] : this.value[1] });
-            if (startHandleIsActive) {
-                if (value > this.value[1]) {
-                    this.value[1] = value;
-                }
-            }
-            else {
-                if (value < this.value[0]) {
-                    this.value[0] = value;
-                }
-            }
-            const trimmedValue = trimValue(max, min, value);
-            const newValue = startHandleIsActive ? [trimmedValue, this.value[1]]
-                : [this.value[0], trimmedValue];
-            this.changeValue(newValue);
-            e.preventDefault();
-        };
-        this.ngChange = (_) => { };
-        this.ngTouched = () => { };
-        this.handleBlur = () => {
-            this.changeDetector.markForCheck();
-            this.focused = false;
-            if (hasObservers(this.onBlur) || requiresZoneOnBlur(this.control)) {
-                this.ngZone.run(() => {
-                    this.ngTouched();
-                    if (!this.focusChangedProgrammatically) {
-                        this.onBlur.emit();
-                    }
-                });
-            }
-        };
     }
     /**
      * Focuses the RangeSlider.
@@ -202,6 +140,38 @@ export class RangeSliderComponent extends SliderBase {
     get valueText() {
         return this.value ? `${this.value[0]} - ${this.value[1]}` : '';
     }
+    /**
+     * @hidden
+     */
+    onWrapClick = (args) => {
+        if (!this.isDisabled) {
+            this.value = this.value || [this.min, this.min];
+            const trackValue = eventValue(args, this.track.nativeElement, this.getProps());
+            let newRangeValue;
+            const [startValue, endValue] = newRangeValue = this.value;
+            if (trackValue <= startValue) {
+                newRangeValue = [trackValue, endValue];
+                this.activeHandle = 'startHandle';
+            }
+            else if (startValue < trackValue && trackValue < endValue) {
+                if (trackValue < (startValue + endValue) / 2) {
+                    newRangeValue = [trackValue, endValue];
+                    this.activeHandle = 'startHandle';
+                }
+                else {
+                    newRangeValue = [startValue, trackValue];
+                    this.activeHandle = 'endHandle';
+                }
+            }
+            else if (trackValue >= endValue) {
+                newRangeValue = [startValue, trackValue];
+                this.activeHandle = 'endHandle';
+            }
+            const activeHandle = this.activeHandle === 'startHandle' ? this.draghandleStart : this.draghandleEnd;
+            invokeElementMethod(activeHandle, 'focus');
+            this.changeValue(newRangeValue);
+        }
+    };
     /**
      * @hidden
      */
@@ -254,6 +224,38 @@ export class RangeSliderComponent extends SliderBase {
             activeStartHandle ? moveStartHandle() : moveEndHandle();
         }
     }
+    /**
+     * @hidden
+     */
+    onKeyDown = (e) => {
+        this.value = this.value || [this.min, this.min];
+        const options = this.getProps();
+        const { max, min } = options;
+        const handler = this.keyBinding[e.keyCode];
+        if (this.isDisabled || !handler) {
+            return;
+        }
+        const startHandleIsActive = isStartHandle(e.target);
+        const nonDraggedHandle = startHandleIsActive ? this.draghandleEnd.nativeElement : this.draghandleStart.nativeElement;
+        this.renderer.removeStyle(nonDraggedHandle, 'zIndex');
+        this.renderer.setStyle(e.target, 'zIndex', 1);
+        const value = handler({ ...options, value: startHandleIsActive ? this.value[0] : this.value[1] });
+        if (startHandleIsActive) {
+            if (value > this.value[1]) {
+                this.value[1] = value;
+            }
+        }
+        else {
+            if (value < this.value[0]) {
+                this.value[0] = value;
+            }
+        }
+        const trimmedValue = trimValue(max, min, value);
+        const newValue = startHandleIsActive ? [trimmedValue, this.value[1]]
+            : [this.value[0], trimmedValue];
+        this.changeValue(newValue);
+        e.preventDefault();
+    };
     /**
      * @hidden
      */
@@ -358,6 +360,8 @@ export class RangeSliderComponent extends SliderBase {
             this.isDragged = data.value;
         }
     }
+    ngChange = (_) => { };
+    ngTouched = () => { };
     getProps() {
         return {
             disabled: this.disabled,
@@ -428,14 +432,25 @@ export class RangeSliderComponent extends SliderBase {
             }));
         });
     }
-}
-RangeSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: RangeSliderComponent, isStandalone: true, 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: `
+    handleBlur = () => {
+        this.changeDetector.markForCheck();
+        this.focused = false;
+        if (hasObservers(this.onBlur) || requiresZoneOnBlur(this.control)) {
+            this.ngZone.run(() => {
+                this.ngTouched();
+                if (!this.focusChangedProgrammatically) {
+                    this.onBlur.emit();
+                }
+            });
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RangeSliderComponent, isStandalone: true, 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"
@@ -508,7 +523,8 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
         </div>
         <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
   `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedRangeSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SliderTicksComponent, selector: "[kendoSliderTicks]", inputs: ["tickTitle", "vertical", "step", "largeStep", "min", "max", "labelTemplate"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoRangeSlider',

package/{esm2020 → esm2022}/rangeslider.module.mjs

@@ -43,11 +43,11 @@ import * as i3 from "./sliders-common/label-template.directive";
  * ```
  */
 export class RangeSliderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderModule, imports: [i1.RangeSliderComponent, i2.RangeSliderCustomMessagesComponent, i3.LabelTemplateDirective], exports: [i1.RangeSliderComponent, i2.RangeSliderCustomMessagesComponent, i3.LabelTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderModule, providers: [ResizeBatchService], imports: [i1.RangeSliderComponent] });
 }
-RangeSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RangeSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderModule, imports: [i1.RangeSliderComponent, i2.RangeSliderCustomMessagesComponent, i3.LabelTemplateDirective], exports: [i1.RangeSliderComponent, i2.RangeSliderCustomMessagesComponent, i3.LabelTemplateDirective] });
-RangeSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderModule, providers: [ResizeBatchService], imports: [i1.RangeSliderComponent, i2.RangeSliderCustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_RANGESLIDER],