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

package/colorpicker/color-gradient.component.d.ts

@@ -116,10 +116,13 @@ export declare class ColorGradientComponent implements OnChanges, OnDestroy, Con
     inputs: ColorInputComponent;
     private alphaSlider;
     private gradientWrapper;
+    private hsvRectangle;
     private _value;
     private _tabindex;
     private _contrastTool;
     private listeners;
+    private hueSliderTouched;
+    private alphaSliderTouched;
     private updateValues;
     private changeRequestsSubscription;
     private dynamicRTLSubscription;
@@ -216,11 +219,12 @@ export declare class ColorGradientComponent implements OnChanges, OnDestroy, Con
     private notifyNgChanged;
     private notifyNgTouched;
     private moveDragHandle;
-    private updateUI;
     private handleValueChange;
     private setDragHandleElementPosition;
     private setAlphaSliderBackground;
     private setHostElementAriaLabel;
+    private setBackgroundColor;
+    private updateUI;
     private addEventListeners;
     private subscribeChanges;
     private unsubscribeChanges;

package/colorpicker/models/tile-size.d.ts

@@ -5,7 +5,7 @@
 /**
  * Specifies the size of a color cell in the ColorPalette component.
  */
-export declare type TileSize = {
+export interface TileSize {
     width: number;
     height: number;
-};
+}

package/common/models/size.d.ts

@@ -4,11 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * Represents the possible size options of the inputs.
- *
- * The possible values are:
- * - `'small'`
- * - `'medium'`
- * - `'large'`
- * - `null`
  */
 export declare type InputSize = 'small' | 'medium' | 'large' | null;

package/esm2015/colorpicker/color-contrast-svg.component.js

@@ -74,6 +74,7 @@ ColorContrastSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorContrastSvgComponent, decorators: [{
             type: Component,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoColorContrastSvg]',
                     template: `
         <svg:path *ngFor="let path of paths" [attr.d]="path" fill="none" stroke="white" stroke-width="1"></svg:path>

package/esm2015/colorpicker/color-gradient.component.js

@@ -99,6 +99,8 @@ export class ColorGradientComponent {
         this.hsva = new BehaviorSubject({});
         this._tabindex = 0;
         this.listeners = [];
+        this.hueSliderTouched = false;
+        this.alphaSliderTouched = false;
         this.updateValues = new Subject();
         this.notifyNgChanged = () => { };
         this.notifyNgTouched = () => { };
@@ -310,7 +312,9 @@ export class ColorGradientComponent {
         this.hsva.next(hsva);
         this.handleValueChange(getColorFromHSV(this.hsva.value, this.format, this.opacity));
         this.backgroundColor = getColorFromHue(hue);
+        this.setBackgroundColor(this.backgroundColor);
         this.setAlphaSliderBackground(this.backgroundColor);
+        this.hueSliderTouched = true;
     }
     /**
      * @hidden
@@ -320,6 +324,7 @@ export class ColorGradientComponent {
         hsva.a = alpha / 100;
         this.hsva.next(hsva);
         this.handleValueChange(getColorFromHSV(this.hsva.value, this.format, this.opacity));
+        this.alphaSliderTouched = true;
     }
     /**
      * @hidden
@@ -411,19 +416,6 @@ export class ColorGradientComponent {
         this.updateValues.next(getColorFromHSV(this.hsva.value, this.format, this.opacity));
         this.setAlphaSliderBackground(getColorFromHSV(Object.assign(Object.assign({}, this.hsva.value), { a: 1 }), this.format, this.opacity));
     }
-    updateUI() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.hsva.next(this.value ? getHSV(this.value) : { h: 0, s: 0, v: 1, a: 1 });
-        const gradientRect = this.gradientRect;
-        const top = (1 - this.hsva.value.v) * gradientRect.height;
-        const left = this.hsva.value.s * gradientRect.width;
-        this.setDragHandleElementPosition(top, left);
-        this.backgroundColor = getColorFromHue(this.hsva.value.h);
-        this.setAlphaSliderBackground(this.backgroundColor);
-        this.setHostElementAriaLabel();
-    }
     handleValueChange(color) {
         if (this.value === color) {
             return;
@@ -449,6 +441,28 @@ export class ColorGradientComponent {
         const parsed = parseColor(this.value, this.format, this.opacity);
         this.renderer.setAttribute(this.host.nativeElement, 'aria-label', `${this.value ? parsed : this.localizationService.get('colorGradientNoColor')}`);
     }
+    setBackgroundColor(color) {
+        this.renderer.setStyle(this.hsvRectangle.nativeElement, 'background', color);
+    }
+    updateUI() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        if (this.hueSliderTouched || this.alphaSliderTouched) {
+            this.hueSliderTouched = false;
+            this.alphaSliderTouched = false;
+            return;
+        }
+        this.hsva.next(this.value ? getHSV(this.value) : { h: 0, s: 0, v: 1, a: 1 });
+        const gradientRect = this.gradientRect;
+        const top = (1 - this.hsva.value.v) * gradientRect.height;
+        const left = this.hsva.value.s * gradientRect.width;
+        this.setDragHandleElementPosition(top, left);
+        this.backgroundColor = getColorFromHue(this.hsva.value.h);
+        this.setBackgroundColor(this.backgroundColor);
+        this.setAlphaSliderBackground(this.backgroundColor);
+        this.setHostElementAriaLabel();
+    }
     addEventListeners() {
         this.ngZone.runOutsideAngular(() => {
             const focusOutListener = this.renderer.listen(this.host.nativeElement, 'focusout', (event) => {
@@ -505,7 +519,7 @@ ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             provide: L10N_PREFIX,
             useValue: 'kendo.colorgradient'
         }
-    ], viewQueries: [{ propertyName: "gradientDragHandle", first: true, predicate: ["gradientDragHandle"], descendants: true, read: ElementRef }, { propertyName: "inputs", first: true, predicate: ["inputs"], descendants: true }, { propertyName: "alphaSlider", first: true, predicate: ["alphaSlider"], descendants: true }, { propertyName: "gradientWrapper", first: true, predicate: ["gradientWrapper"], descendants: true }], exportAs: ["kendoColorGradient"], usesOnChanges: true, ngImport: i0, template: `
+    ], viewQueries: [{ propertyName: "gradientDragHandle", first: true, predicate: ["gradientDragHandle"], descendants: true, read: ElementRef }, { propertyName: "inputs", first: true, predicate: ["inputs"], descendants: true }, { propertyName: "alphaSlider", first: true, predicate: ["alphaSlider"], descendants: true }, { propertyName: "gradientWrapper", first: true, predicate: ["gradientWrapper"], descendants: true }, { propertyName: "hsvRectangle", first: true, predicate: ["hsvRectangle"], descendants: true }], exportAs: ["kendoColorGradient"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoColorGradientLocalizedMessages
             i18n-colorGradientNoColor="kendo.colorgradient.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."
             colorGradientNoColor="Colorgradient no color chosen"
@@ -527,7 +541,7 @@ ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             formatButton="Change color format">
         </ng-container>
         <div class="k-colorgradient-canvas k-hstack">
-            <div class="k-hsv-rectangle" [style.background]="backgroundColor">
+            <div class="k-hsv-rectangle" #hsvRectangle>
                 <div
                     #gradientWrapper
                     kendoDraggable
@@ -576,9 +590,9 @@ ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                     [vertical]="true"
                     [min]="0"
                     [max]="360"
+                    [value]="hsva.value.h"
                     [smallStep]="5"
                     [largeStep]="10"
-                    [value]="hsva.value.h"
                     (valueChange)="handleHueSliderChange($event)"
                 >
                 </kendo-slider>
@@ -612,7 +626,8 @@ ColorGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             (valueChange)="handleInputsValueChange($event)"
         >
         </kendo-colorinput>
-        <div class="k-colorgradient-color-contrast k-vbox" *ngIf="contrastToolVisible"
+        <div class="k-colorgradient-color-contrast k-vbox"
+            *ngIf="contrastToolVisible"
             kendoContrastTool
             [value]="value"
             [ratio]="contrastTool">
@@ -665,7 +680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             formatButton="Change color format">
         </ng-container>
         <div class="k-colorgradient-canvas k-hstack">
-            <div class="k-hsv-rectangle" [style.background]="backgroundColor">
+            <div class="k-hsv-rectangle" #hsvRectangle>
                 <div
                     #gradientWrapper
                     kendoDraggable
@@ -714,9 +729,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [vertical]="true"
                     [min]="0"
                     [max]="360"
+                    [value]="hsva.value.h"
                     [smallStep]="5"
                     [largeStep]="10"
-                    [value]="hsva.value.h"
                     (valueChange)="handleHueSliderChange($event)"
                 >
                 </kendo-slider>
@@ -750,7 +765,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             (valueChange)="handleInputsValueChange($event)"
         >
         </kendo-colorinput>
-        <div class="k-colorgradient-color-contrast k-vbox" *ngIf="contrastToolVisible"
+        <div class="k-colorgradient-color-contrast k-vbox"
+            *ngIf="contrastToolVisible"
             kendoContrastTool
             [value]="value"
             [ratio]="contrastTool">
@@ -828,4 +844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], gradientWrapper: [{
                 type: ViewChild,
                 args: ['gradientWrapper', { static: false }]
+            }], hsvRectangle: [{
+                type: ViewChild,
+                args: ['hsvRectangle', { static: false }]
             }] } });

package/esm2015/colorpicker/color-palette.component.js

@@ -356,7 +356,7 @@ ColorPaletteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         {
             multi: true,
             provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => ColorPaletteComponent) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => ColorPaletteComponent)
         }, {
             provide: KendoInput,
             useExisting: forwardRef(() => ColorPaletteComponent)
@@ -412,7 +412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         {
                             multi: true,
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => ColorPaletteComponent) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => ColorPaletteComponent)
                         }, {
                             provide: KendoInput,
                             useExisting: forwardRef(() => ColorPaletteComponent)

package/esm2015/colorpicker/contrast-validation.component.js

@@ -42,6 +42,7 @@ ContrastValidationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContrastValidationComponent, decorators: [{
             type: Component,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoContrastValidation]',
                     template: `
         <span>{{contrastText}}</span>

package/esm2015/colorpicker/contrast.component.js

@@ -61,6 +61,7 @@ ContrastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContrastComponent, decorators: [{
             type: Component,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoContrastTool]',
                     template: `
         <div class="k-contrast-ratio">

package/esm2015/colorpicker/flatcolorpicker-actions.component.js

@@ -43,6 +43,7 @@ FlatColorPickerActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVer
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatColorPickerActionButtonsComponent, decorators: [{
             type: Component,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoFlatColorPickerActionButtons]',
                     template: `
         <button

package/esm2015/colorpicker/flatcolorpicker-header.component.js

@@ -80,6 +80,7 @@ FlatColorPickerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatColorPickerHeaderComponent, decorators: [{
             type: Component,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoFlatColorPickerHeader]',
                     template: `
         <div class="k-coloreditor-header-actions k-hstack">

package/esm2015/colorpicker/flatcolorpicker.component.js

@@ -182,6 +182,7 @@ export class FlatColorPickerComponent {
     }
     ngOnChanges(changes) {
         if (isChanged('value', changes)) {
+            this.selection = this.value;
             this.setHostElementAriaLabel();
         }
         if (isChanged('paletteSettings', changes)) {
@@ -267,20 +268,14 @@ export class FlatColorPickerComponent {
      * @hidden
      */
     handleValueChange(color) {
-        if (this.value === color) {
-            return;
-        }
-        if (this.preview) {
-            this.changeCurrentValue(color);
-        }
-        else {
-            this.setFlatColorPickerValue(color);
-        }
+        // eslint-disable-next-line no-unused-expressions
+        this.preview ? this.changeCurrentValue(color) : this.setFlatColorPickerValue(color);
     }
     /**
      * @hidden
      */
     onAction(ev) {
+        // eslint-disable-next-line no-unused-expressions
         ev.target === 'apply' ? this.setFlatColorPickerValue(this.selection) : this.resetSelection(ev.originalEvent);
         this.actionButtonClick.emit();
     }

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

@@ -22,7 +22,7 @@ ColorPickerCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion:
 ColorPickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColorPickerCustomMessagesComponent, selector: "kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages", providers: [
         {
             provide: ColorPickerMessages,
-            useExisting: forwardRef(() => ColorPickerCustomMessagesComponent) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => ColorPickerCustomMessagesComponent)
         }
     ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPickerCustomMessagesComponent, decorators: [{
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: ColorPickerMessages,
-                            useExisting: forwardRef(() => ColorPickerCustomMessagesComponent) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => ColorPickerCustomMessagesComponent)
                         }
                     ],
                     selector: 'kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages',

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

@@ -19,7 +19,7 @@ LocalizedColorPickerMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersi
 LocalizedColorPickerMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedColorPickerMessagesDirective, selector: "[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]", providers: [
         {
             provide: ColorPickerMessages,
-            useExisting: forwardRef(() => LocalizedColorPickerMessagesDirective) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => LocalizedColorPickerMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedColorPickerMessagesDirective, decorators: [{
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: ColorPickerMessages,
-                            useExisting: forwardRef(() => LocalizedColorPickerMessagesDirective) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => LocalizedColorPickerMessagesDirective)
                         }
                     ],
                     selector: '[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]'

package/esm2015/colorpicker/localization/messages.js

@@ -15,6 +15,7 @@ ColorPickerMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", ve
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorPickerMessages, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-colorpicker-messages-base'
                 }]
         }], propDecorators: { colorPaletteNoColor: [{

package/esm2015/colorpicker/models/tile-size.js

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

package/esm2015/main.js

@@ -29,7 +29,6 @@ export { ColorGradientComponent } from './colorpicker/color-gradient.component';
 export { ColorPickerModule } from './colorpicker.module';
 export * from './colorpicker/events';
 export { FlatColorPickerComponent } from './colorpicker/flatcolorpicker.component';
-export { ColorPickerCancelEvent } from './colorpicker/events';
 export { CheckBoxDirective } from './checkbox/checkbox.directive';
 export { RadioButtonDirective } from './radiobutton/radiobutton.directive';
 export { HintComponent } from './formfield/hint.component';

package/esm2015/maskedtextbox/maskedtextbox.component.js

@@ -108,7 +108,7 @@ export class MaskedTextBoxComponent {
          * }
          * ```
          */
-        this.onFocus = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onFocus = new EventEmitter();
         /**
          * Fires each time the `input` element gets blurred.
          *
@@ -129,7 +129,7 @@ export class MaskedTextBoxComponent {
          * }
          * ```
          */
-        this.onBlur = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onBlur = new EventEmitter();
         /**
          * Fires each time the value changes.
          */
@@ -472,7 +472,7 @@ export class MaskedTextBoxComponent {
         return Object.keys(changes).filter(key => key !== 'rules').reduce((obj, key) => {
             obj[key] = changes[key].currentValue;
             return obj;
-        }, {}); // eslint-disable-line align
+        }, {});
     }
     updateService(extra) {
         const config = Object.assign({
@@ -481,7 +481,7 @@ export class MaskedTextBoxComponent {
             prompt: this.prompt,
             promptPlaceholder: this.promptPlaceholder,
             rules: this.rules
-        }, extra); // eslint-disable-line align
+        }, extra);
         this.service.update(config);
     }
     setSelection(start = this.selection[0], end = this.selection[1]) {

package/esm2015/maskedtextbox/parsing/result.js

@@ -9,6 +9,7 @@ export var ResultType;
 (function (ResultType) {
     ResultType[ResultType["Literal"] = 0] = "Literal";
     ResultType[ResultType["Mask"] = 1] = "Mask";
+    // eslint-disable-next-line id-denylist
     ResultType[ResultType["Undefined"] = 2] = "Undefined";
 })(ResultType || (ResultType = {}));
 /**

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

@@ -22,7 +22,7 @@ NumericTextBoxCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersi
 NumericTextBoxCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages", providers: [
         {
             provide: NumericTextBoxMessages,
-            useExisting: forwardRef(() => NumericTextBoxCustomMessagesComponent) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => NumericTextBoxCustomMessagesComponent)
         }
     ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericTextBoxCustomMessagesComponent, decorators: [{
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: NumericTextBoxMessages,
-                            useExisting: forwardRef(() => NumericTextBoxCustomMessagesComponent) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => NumericTextBoxCustomMessagesComponent)
                         }
                     ],
                     selector: 'kendo-numerictextbox-messages',

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

@@ -19,7 +19,7 @@ LocalizedNumericTextBoxMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVe
 LocalizedNumericTextBoxMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedNumericTextBoxMessagesDirective, selector: "[kendoNumericTextBoxLocalizedMessages]", providers: [
         {
             provide: NumericTextBoxMessages,
-            useExisting: forwardRef(() => LocalizedNumericTextBoxMessagesDirective) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => LocalizedNumericTextBoxMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedNumericTextBoxMessagesDirective, decorators: [{
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: NumericTextBoxMessages,
-                            useExisting: forwardRef(() => LocalizedNumericTextBoxMessagesDirective) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => LocalizedNumericTextBoxMessagesDirective)
                         }
                     ],
                     selector: '[kendoNumericTextBoxLocalizedMessages]'

package/esm2015/numerictextbox/localization/messages.js

@@ -15,6 +15,7 @@ NumericTextBoxMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0",
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericTextBoxMessages, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-numerictextbox-messages-base'
                 }]
         }], propDecorators: { decrement: [{

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645006768,
+    publishDate: 1647522715,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

@@ -22,7 +22,7 @@ RangeSliderCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion:
 RangeSliderCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RangeSliderCustomMessagesComponent, selector: "kendo-rangeslider-messages", providers: [
         {
             provide: RangeSliderMessages,
-            useExisting: forwardRef(() => RangeSliderCustomMessagesComponent) // eslint-disable-line no-forward-ref
+            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: [{
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: RangeSliderMessages,
-                            useExisting: forwardRef(() => RangeSliderCustomMessagesComponent) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => RangeSliderCustomMessagesComponent)
                         }
                     ],
                     selector: 'kendo-rangeslider-messages',

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

@@ -19,7 +19,7 @@ LocalizedRangeSliderMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersi
 LocalizedRangeSliderMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedRangeSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]", providers: [
         {
             provide: RangeSliderMessages,
-            useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedRangeSliderMessagesDirective, decorators: [{
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: RangeSliderMessages,
-                            useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => LocalizedRangeSliderMessagesDirective)
                         }
                     ],
                     selector: '[kendoSliderLocalizedMessages]'

package/esm2015/rangeslider/localization/messages.js

@@ -15,6 +15,7 @@ RangeSliderMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", ve
 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: [{

package/esm2015/rangeslider/rangeslider.component.js

@@ -234,13 +234,16 @@ export class RangeSliderComponent extends SliderBase {
         // const forward = (this.reverse ? (!this.vertical && !left) : (!this.vertical && left)) || (this.vertical && up);
         if (this.value[0] === this.value[1]) {
             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();
         }
     }

package/esm2015/shared/textarea.directive.js

@@ -204,7 +204,7 @@ export class TextAreaDirective {
     }
 }
 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-autofill": "this.autofillClass", "attr.dir": "this.direction" } }, providers: [{
+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
@@ -236,6 +236,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }, {
                 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']

package/esm2015/shared/utils.js

@@ -9,8 +9,9 @@ import { detectDesktopBrowser, detectMobileOS } from "@progress/kendo-common";
  * Returns true if the used browser is Safari.
  */
 export const isSafari = (userAgent) => {
-    return detectDesktopBrowser(userAgent).safari ||
-        (detectMobileOS(userAgent) && detectMobileOS(userAgent).browser === 'mobilesafari');
+    const desktopBrowser = detectDesktopBrowser(userAgent);
+    const mobileOS = detectMobileOS(userAgent);
+    return (desktopBrowser && desktopBrowser.safari) || (mobileOS && mobileOS.browser === 'mobilesafari');
 };
 /**
  * @hidden

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

@@ -22,7 +22,7 @@ SliderCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.
 SliderCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SliderCustomMessagesComponent, selector: "kendo-slider-messages", providers: [
         {
             provide: SliderMessages,
-            useExisting: forwardRef(() => SliderCustomMessagesComponent) // eslint-disable-line no-forward-ref
+            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: [{
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: SliderMessages,
-                            useExisting: forwardRef(() => SliderCustomMessagesComponent) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => SliderCustomMessagesComponent)
                         }
                     ],
                     selector: 'kendo-slider-messages',

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

@@ -19,7 +19,7 @@ LocalizedSliderMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "
 LocalizedSliderMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]", providers: [
         {
             provide: SliderMessages,
-            useExisting: forwardRef(() => LocalizedSliderMessagesDirective) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => LocalizedSliderMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedSliderMessagesDirective, decorators: [{
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: SliderMessages,
-                            useExisting: forwardRef(() => LocalizedSliderMessagesDirective) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => LocalizedSliderMessagesDirective)
                         }
                     ],
                     selector: '[kendoSliderLocalizedMessages]'

package/esm2015/slider/localization/messages.js

@@ -15,6 +15,7 @@ SliderMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SliderMessages, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-slider-messages-base'
                 }]
         }], propDecorators: { decrement: [{