@progress/kendo-angular-inputs 9.0.0-next.202203101134 → 9.0.0-next.202203230846

package/fesm2015/kendo-angular-inputs.js

@@ -519,7 +519,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646911953,
+    publishDate: 1648025032,
     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'
 };
@@ -632,11 +632,11 @@ class SliderBase {
         /**
          * Fires each time the user focuses the component.
          */
-        this.onFocus = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onFocus = new EventEmitter();
         /**
          * Fires each time the component is blurred.
          */
-        this.onBlur = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onBlur = new EventEmitter();
         /**
          * Fires each time the user selects a new value.
          */
@@ -933,6 +933,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: [{
@@ -956,7 +957,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: [{
@@ -965,7 +966,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]'
@@ -1589,6 +1590,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: [{
@@ -1610,7 +1612,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: [{
@@ -1619,7 +1621,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]'
@@ -1841,13 +1843,16 @@ 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();
         }
     }
@@ -2203,6 +2208,7 @@ Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-switch-messages-base'
                 }]
         }], propDecorators: { on: [{
@@ -2224,7 +2230,7 @@ LocalizedSwitchMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "
 LocalizedSwitchMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedSwitchMessagesDirective, selector: "[kendoSwitchLocalizedMessages]", providers: [
         {
             provide: Messages,
-            useExisting: forwardRef(() => LocalizedSwitchMessagesDirective) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => LocalizedSwitchMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedSwitchMessagesDirective, decorators: [{
@@ -2233,7 +2239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: Messages,
-                            useExisting: forwardRef(() => LocalizedSwitchMessagesDirective) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => LocalizedSwitchMessagesDirective)
                         }
                     ],
                     selector: '[kendoSwitchLocalizedMessages]'
@@ -3301,6 +3307,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: [{
@@ -3322,7 +3329,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: [{
@@ -3331,7 +3338,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]'
@@ -4389,7 +4396,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: [{
@@ -4398,7 +4405,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',
@@ -4413,6 +4420,7 @@ 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 = {}));
 /**
@@ -4924,7 +4932,7 @@ class MaskedTextBoxComponent {
          * }
          * ```
          */
-        this.onFocus = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onFocus = new EventEmitter();
         /**
          * Fires each time the `input` element gets blurred.
          *
@@ -4945,7 +4953,7 @@ class MaskedTextBoxComponent {
          * }
          * ```
          */
-        this.onBlur = new EventEmitter(); //eslint-disable-line no-output-rename
+        this.onBlur = new EventEmitter();
         /**
          * Fires each time the value changes.
          */
@@ -5288,7 +5296,7 @@ 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({
@@ -5297,7 +5305,7 @@ 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]) {
@@ -5555,7 +5563,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: [{
@@ -5564,7 +5572,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',
@@ -5648,7 +5656,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: [{
@@ -5657,7 +5665,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',
@@ -5741,7 +5749,7 @@ SwitchCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.
 SwitchCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SwitchCustomMessagesComponent, selector: "kendo-switch-messages", providers: [
         {
             provide: Messages,
-            useExisting: forwardRef(() => SwitchCustomMessagesComponent) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => SwitchCustomMessagesComponent)
         }
     ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SwitchCustomMessagesComponent, decorators: [{
@@ -5750,7 +5758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: Messages,
-                            useExisting: forwardRef(() => SwitchCustomMessagesComponent) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => SwitchCustomMessagesComponent)
                         }
                     ],
                     selector: 'kendo-switch-messages',
@@ -5921,8 +5929,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Returns true if the used browser is Safari.
  */
 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
@@ -5936,7 +5945,6 @@ const isJapanese = (input) => {
 
 /**
  * Specifies the adornments in the suffix container ([see examples]({% slug adornments_textbox %}#toc-suffixadornments)).
- *  @example
  * ```ts-no-run
  * _@Component({
  * selector: 'my-app',
@@ -6010,6 +6018,7 @@ TextBoxMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", versio
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxMessages, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-textbox-messages-base'
                 }]
         }], propDecorators: { clear: [{
@@ -6029,7 +6038,7 @@ LocalizedTextBoxMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion:
 LocalizedTextBoxMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedTextBoxMessagesDirective, selector: "[kendoTextBoxLocalizedMessages]", providers: [
         {
             provide: TextBoxMessages,
-            useExisting: forwardRef(() => LocalizedTextBoxMessagesDirective) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => LocalizedTextBoxMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedTextBoxMessagesDirective, decorators: [{
@@ -6038,7 +6047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: TextBoxMessages,
-                            useExisting: forwardRef(() => LocalizedTextBoxMessagesDirective) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => LocalizedTextBoxMessagesDirective)
                         }
                     ],
                     selector: '[kendoTextBoxLocalizedMessages]'
@@ -6230,8 +6239,14 @@ class TextBoxComponent {
          * @hidden
          */
         this.handleInput = (ev) => {
-            let incomingValue = isSafari(navigator.userAgent) && isJapanese(ev.target.value) ? ev.data : ev.target.value;
+            const target = ev.target;
+            const isBrowserSafari = isSafari(navigator.userAgent);
+            const incomingValue = isBrowserSafari && isJapanese(target.value) ? ev.data : target.value;
+            const [caretStart, caretEnd] = [target.selectionStart, target.selectionEnd];
             this.updateValue(incomingValue);
+            if (isBrowserSafari) {
+                target.setSelectionRange(caretStart, caretEnd);
+            }
         };
         this.ngChange = (_) => { };
         this.ngTouched = () => { };
@@ -6792,7 +6807,7 @@ TextBoxCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12
 TextBoxCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TextBoxCustomMessagesComponent, selector: "kendo-textbox-messages", providers: [
         {
             provide: TextBoxMessages,
-            useExisting: forwardRef(() => TextBoxCustomMessagesComponent) // eslint-disable-line no-forward-ref
+            useExisting: forwardRef(() => TextBoxCustomMessagesComponent)
         }
     ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextBoxCustomMessagesComponent, decorators: [{
@@ -6801,7 +6816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     providers: [
                         {
                             provide: TextBoxMessages,
-                            useExisting: forwardRef(() => TextBoxCustomMessagesComponent) // eslint-disable-line no-forward-ref
+                            useExisting: forwardRef(() => TextBoxCustomMessagesComponent)
                         }
                     ],
                     selector: 'kendo-textbox-messages',
@@ -7623,8 +7638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }] } });
 
 /**
- * Specifies the adornments in the suffix container ([see example]({% slug textarea_adornments %}).
- *  @example
+ * Specifies the adornments in the suffix container ([see example]({% slug textarea_adornments %})).
  * ```ts-no-run
  * _@Component({
  * selector: 'my-app',
@@ -7773,6 +7787,8 @@ const PALETTEPRESETS = {
     }
 };
 
+;
+
 /**
  * Arguments for the `cancel` event of the ColorPicker and FlatColorPicker components.
  */
@@ -8290,6 +8306,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">
@@ -8471,6 +8488,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>
@@ -8861,6 +8879,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>
@@ -8936,6 +8955,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">
@@ -8978,6 +8998,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: [{
@@ -9041,7 +9062,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: [{
@@ -9050,7 +9071,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]'
@@ -10316,7 +10337,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)
@@ -10372,7 +10393,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)
@@ -10512,6 +10533,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
@@ -10812,12 +10834,14 @@ class FlatColorPickerComponent {
      * @hidden
      */
     handleValueChange(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();
     }
@@ -12131,7 +12155,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: [{
@@ -12140,7 +12164,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/main.d.ts

@@ -61,6 +61,7 @@ export { LocalizedTextBoxMessagesDirective } from './textbox/localization/locali
 export { LocalizedSliderMessagesDirective } from './slider/localization/localized-slider-messages.directive';
 export { LocalizedRangeSliderMessagesDirective } from './rangeslider/localization/localized-rangeslider-messages.directive';
 export { LocalizedSwitchMessagesDirective } from './switch/localization/localized-switch-messages.directive';
+export { SliderTickTitleCallback } from './sliders-common/title-callback';
 export { SliderCustomMessagesComponent } from './slider/localization/custom-messages.component';
 export { RangeSliderCustomMessagesComponent } from './rangeslider/localization/custom-messages.component';
 export { SwitchCustomMessagesComponent } from './switch/localization/custom-messages.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "9.0.0-next.202203101134",
+  "version": "9.0.0-next.202203230846",
   "description": "Inputs Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/sliders-common/slider-base.d.ts

@@ -7,6 +7,7 @@ import { EventEmitter, Injector, Renderer2, NgZone, ChangeDetectorRef, ElementRe
 import { Subscription } from 'rxjs';
 import { NgControl } from '@angular/forms';
 import { LabelTemplateDirective } from './label-template.directive';
+import { SliderTickTitleCallback } from './title-callback';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -23,7 +24,7 @@ export declare abstract class SliderBase {
      * for each tick is its Slider value. If you use a callback function, the function accepts an argument
      * that holds the value of the component and returns a string with the new title.
      */
-    title: (value: number) => string;
+    title: SliderTickTitleCallback;
     /**
      * Denotes the location of the tick marks in the Slider ([see example]({% slug ticks_slider %}#toc-placement)).
      *

package/sliders-common/title-callback.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Defines the title of the ticks ([see example]({% slug ticks_slider %}#toc-titles)). The default title
+ * for each tick is its Slider value. If you use a callback function, the function accepts an argument
+ * that holds the value of the component and returns a string with the new title.
+ */
+export declare type SliderTickTitleCallback = (value: number) => string;

package/textarea/textarea-suffix.component.d.ts

@@ -4,8 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 /**
- * Specifies the adornments in the suffix container ([see example]({% slug textarea_adornments %}).
- *  @example
+ * Specifies the adornments in the suffix container ([see example]({% slug textarea_adornments %})).
  * ```ts-no-run
  * _@Component({
  * selector: 'my-app',

package/textbox/textbox-suffix.directive.d.ts

@@ -6,7 +6,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Specifies the adornments in the suffix container ([see examples]({% slug adornments_textbox %}#toc-suffixadornments)).
- *  @example
  * ```ts-no-run
  * _@Component({
  * selector: 'my-app',