@progress/kendo-angular-inputs 9.1.0-sig.202208261640 → 10.0.0-dev.202209120911

package/fesm2015/kendo-angular-inputs.js

@@ -535,7 +535,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1661532363,
+    publishDate: 1662973827,
     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'
 };
@@ -2527,6 +2527,12 @@ class SwitchComponent {
         this.disabled = isDisabled;
         this.changeDetector.markForCheck();
     }
+    /**
+     * @hidden
+     */
+    get isControlInvalid() {
+        return this.control && this.control.touched && !this.control.valid;
+    }
     /**
      * @hidden
      */
@@ -2680,6 +2686,8 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             [style.transitionDuration]="initialized ? '200ms' : '0ms'"
             [attr.aria-checked]="checked"
             [attr.tabindex]="(disabled ? undefined : tabIndex)"
+            [attr.aria-disabled]="disabled"
+            [attr.aria-invalid]="isControlInvalid"
             [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
         >
             <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
@@ -2730,6 +2738,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [style.transitionDuration]="initialized ? '200ms' : '0ms'"
             [attr.aria-checked]="checked"
             [attr.tabindex]="(disabled ? undefined : tabIndex)"
+            [attr.aria-disabled]="disabled"
+            [attr.aria-invalid]="isControlInvalid"
             [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"
         >
             <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>
@@ -3872,6 +3882,12 @@ class NumericTextBoxComponent {
     get decrementTitle() {
         return this.localizationService.get('decrement');
     }
+    /**
+     * @hidden
+     */
+    get isControlInvalid() {
+        return this.control && this.control.touched && !this.control.valid;
+    }
     get decimalSeparator() {
         const numberSymbols = this.intl.numberSymbols();
         return numberSymbols.decimal;
@@ -4213,30 +4229,31 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
         >
         </ng-container>
             <input
-            role="spinbutton"
-            class="k-input-inner"
-            autocomplete="off"
-            autocorrect="off"
-            [id]="focusableId"
-            [attr.aria-valuemin]="min"
-            [attr.aria-valuemax]="max"
-            [attr.aria-valuenow]="value"
-            [attr.title]="title"
-            [attr.placeholder]="placeholder"
-            [attr.maxLength]="maxlength"
-            [tabindex]="tabIndex"
-            [disabled]="disabled"
-            [readonly]="readonly"
-            [kendoEventsOutsideAngular]="{
-                mousedown: handleMouseDown,
-                dragenter: handleDragEnter,
-                keydown: handleKeyDown,
-                input: handleInput,
-                focus: handleFocus,
-                blur: handleBlur,
-                paste: handlePaste
-            }"
-            #numericInput />
+                role="spinbutton"
+                class="k-input-inner"
+                autocomplete="off"
+                autocorrect="off"
+                [id]="focusableId"
+                [attr.aria-valuemin]="min"
+                [attr.aria-valuemax]="max"
+                [attr.aria-valuenow]="value"
+                [attr.title]="title"
+                [attr.placeholder]="placeholder"
+                [attr.maxLength]="maxlength"
+                [attr.aria-invalid]="isControlInvalid"
+                [tabindex]="tabIndex"
+                [disabled]="disabled"
+                [readonly]="readonly"
+                [kendoEventsOutsideAngular]="{
+                    mousedown: handleMouseDown,
+                    dragenter: handleDragEnter,
+                    keydown: handleKeyDown,
+                    input: handleInput,
+                    focus: handleFocus,
+                    blur: handleBlur,
+                    paste: handlePaste
+                }"
+                #numericInput />
             <span
                 class="k-input-spinner k-spin-button" *ngIf="spinners"
                 [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
@@ -4288,30 +4305,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         >
         </ng-container>
             <input
-            role="spinbutton"
-            class="k-input-inner"
-            autocomplete="off"
-            autocorrect="off"
-            [id]="focusableId"
-            [attr.aria-valuemin]="min"
-            [attr.aria-valuemax]="max"
-            [attr.aria-valuenow]="value"
-            [attr.title]="title"
-            [attr.placeholder]="placeholder"
-            [attr.maxLength]="maxlength"
-            [tabindex]="tabIndex"
-            [disabled]="disabled"
-            [readonly]="readonly"
-            [kendoEventsOutsideAngular]="{
-                mousedown: handleMouseDown,
-                dragenter: handleDragEnter,
-                keydown: handleKeyDown,
-                input: handleInput,
-                focus: handleFocus,
-                blur: handleBlur,
-                paste: handlePaste
-            }"
-            #numericInput />
+                role="spinbutton"
+                class="k-input-inner"
+                autocomplete="off"
+                autocorrect="off"
+                [id]="focusableId"
+                [attr.aria-valuemin]="min"
+                [attr.aria-valuemax]="max"
+                [attr.aria-valuenow]="value"
+                [attr.title]="title"
+                [attr.placeholder]="placeholder"
+                [attr.maxLength]="maxlength"
+                [attr.aria-invalid]="isControlInvalid"
+                [tabindex]="tabIndex"
+                [disabled]="disabled"
+                [readonly]="readonly"
+                [kendoEventsOutsideAngular]="{
+                    mousedown: handleMouseDown,
+                    dragenter: handleDragEnter,
+                    keydown: handleKeyDown,
+                    input: handleInput,
+                    focus: handleFocus,
+                    blur: handleBlur,
+                    paste: handlePaste
+                }"
+                #numericInput />
             <span
                 class="k-input-spinner k-spin-button" *ngIf="spinners"
                 [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"
@@ -5305,6 +5323,12 @@ class MaskedTextBoxComponent {
         }
         return null;
     }
+    /**
+     * @hidden
+     */
+    get isControlInvalid() {
+        return this.control && this.control.touched && !this.control.valid;
+    }
     /**
      * @hidden
      */
@@ -5430,6 +5454,8 @@ MaskedTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             [id]="focusableId"
             [tabindex]="tabIndex"
             [attr.title]="title"
+            [attr.aria-placeholder]="mask"
+            [attr.aria-invalid]="isControlInvalid"
             [disabled]="disabled"
             [readonly]="readonly"
             [kendoEventsOutsideAngular]="{
@@ -5474,6 +5500,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [id]="focusableId"
             [tabindex]="tabIndex"
             [attr.title]="title"
+            [attr.aria-placeholder]="mask"
+            [attr.aria-invalid]="isControlInvalid"
             [disabled]="disabled"
             [readonly]="readonly"
             [kendoEventsOutsideAngular]="{
@@ -6549,6 +6577,12 @@ class TextBoxComponent {
         const { valid, dirty, touched } = this.control;
         return valid && (dirty || touched);
     }
+    /**
+     * @hidden
+     */
+    get isControlInvalid() {
+        return this.control && this.control.touched && !this.control.valid;
+    }
     /**
      * @hidden
      */
@@ -6675,6 +6709,7 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
             [attr.placeholder]="placeholder"
             [attr.title]="title"
             [attr.maxlength]="maxlength"
+            [attr.aria-invalid]="isControlInvalid"
             [kendoEventsOutsideAngular]="{
                 focus: handleInputFocus,
                 blur: handleInputBlur,
@@ -6738,6 +6773,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [attr.placeholder]="placeholder"
             [attr.title]="title"
             [attr.maxlength]="maxlength"
+            [attr.aria-invalid]="isControlInvalid"
             [kendoEventsOutsideAngular]="{
                 focus: handleInputFocus,
                 blur: handleInputBlur,
@@ -7471,6 +7507,12 @@ class TextAreaComponent extends TextFieldsBase {
     get resizableClass() {
         return resizeClasses[this.resizable];
     }
+    /**
+     * @hidden
+     */
+    get isControlInvalid() {
+        return this.control && this.control.touched && !this.control.valid;
+    }
     /**
      * Focuses the TextArea component.
      *
@@ -7608,6 +7650,7 @@ TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             [attr.tabindex]="tabIndex"
             [attr.title]="title"
             [attr.maxlength]="maxlength"
+            [attr.aria-invalid]="isControlInvalid"
             [kendoEventsOutsideAngular]="{
                 focus: handleInputFocus,
                 blur: handleInputBlur,
@@ -7648,6 +7691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [attr.tabindex]="tabIndex"
             [attr.title]="title"
             [attr.maxlength]="maxlength"
+            [attr.aria-invalid]="isControlInvalid"
             [kendoEventsOutsideAngular]="{
                 focus: handleInputFocus,
                 blur: handleInputBlur,
@@ -13518,7 +13562,7 @@ class SignatureComponent {
         this.hostClasses.forEach(([name]) => classList.remove(name));
         this.hostClasses = [
             [`k-signature-${SIZE_MAP[this.size || DEFAULT_SIZE]}`, !isNone(this.size)],
-            [`k-signature-${this.fillMode || DEFAULT_FILL_MODE}`, !isNone(this.fillMode)],
+            [`k-input-${this.fillMode || DEFAULT_FILL_MODE}`, !isNone(this.fillMode)],
             [`k-rounded-${ROUNDED_MAP[this.rounded || DEFAULT_ROUNDED]}`, !isNone(this.rounded)]
         ];
         this.hostClasses.forEach(([name, enabled]) => classList.toggle(name, enabled));
@@ -13647,6 +13691,7 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 class="k-signature-action k-signature-maximize"
                 icon="hyperlink-open"
                 fillMode="flat"
+                [size]="size"
                 (click)="onMaximize()"
                 [attr.aria-label]="maximizeTitle"
                 [title]="maximizeTitle">
@@ -13657,6 +13702,7 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 class="k-signature-action k-signature-minimize"
                 icon="window-minimize"
                 fillMode="flat"
+                [size]="size"
                 (click)="onMinimize()"
                 [attr.aria-label]="minimizeTitle"
                 [title]="minimizeTitle">
@@ -13679,6 +13725,7 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 class="k-signature-action k-signature-clear"
                 icon="close"
                 fillMode="flat"
+                [size]="size"
                 [attr.aria-label]="clearTitle"
                 [title]="clearTitle"
                 (click)="onClear()" >
@@ -13737,6 +13784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 class="k-signature-action k-signature-maximize"
                 icon="hyperlink-open"
                 fillMode="flat"
+                [size]="size"
                 (click)="onMaximize()"
                 [attr.aria-label]="maximizeTitle"
                 [title]="maximizeTitle">
@@ -13747,6 +13795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 class="k-signature-action k-signature-minimize"
                 icon="window-minimize"
                 fillMode="flat"
+                [size]="size"
                 (click)="onMinimize()"
                 [attr.aria-label]="minimizeTitle"
                 [title]="minimizeTitle">
@@ -13769,6 +13818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 class="k-signature-action k-signature-clear"
                 icon="close"
                 fillMode="flat"
+                [size]="size"
                 [attr.aria-label]="clearTitle"
                 [title]="clearTitle"
                 (click)="onClear()" >
@@ -13880,13 +13930,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the MaskedTextBox component.
+ * definition for the Signature component.
  *
  * @example
  *
  * ```ts-no-run
- * // Import the MaskedTextBox module
- * import { MaskedTextBoxModule } from '@progress/kendo-angular-inputs';
+ * // Import the Signature module
+ * import { SignatureModule } from '@progress/kendo-angular-inputs';
  *
  * // The browser platform with a compiler
  * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@@ -13899,7 +13949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * // Define the app module
  * _@NgModule({
  *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, MaskedTextBoxModule], // import MaskedTextBox module
+ *     imports:      [BrowserModule, SignatureModule], // import Signature module
  *     bootstrap:    [AppComponent]
  * })
  * export class AppModule {}

package/maskedtextbox/maskedtextbox.component.d.ts

@@ -289,6 +289,10 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
      * @hidden
      */
     validate(_: AbstractControl): any;
+    /**
+     * @hidden
+     */
+    get isControlInvalid(): boolean;
     /**
      * @hidden
      */

package/numerictextbox/numerictextbox.component.d.ts

@@ -313,6 +313,10 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
      * @hidden
      */
     get decrementTitle(): string;
+    /**
+     * @hidden
+     */
+    get isControlInvalid(): boolean;
     private get decimalSeparator();
     private get elementValue();
     private set elementValue(value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "9.1.0-sig.202208261640",
+  "version": "10.0.0-dev.202209120911",
   "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@progress/kendo-common": "^0.2.2",
     "@progress/kendo-draggable": "^3.0.0",
-    "@progress/kendo-inputs-common": "dev",
+    "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-schematics": "^3.0.0",
     "tslib": "^2.3.1"
   },

package/signature.module.d.ts

@@ -11,13 +11,13 @@ import * as i5 from "@angular/common";
 import * as i6 from "@progress/kendo-angular-dialog";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the MaskedTextBox component.
+ * definition for the Signature component.
  *
  * @example
  *
  * ```ts-no-run
- * // Import the MaskedTextBox module
- * import { MaskedTextBoxModule } from '@progress/kendo-angular-inputs';
+ * // Import the Signature module
+ * import { SignatureModule } from '@progress/kendo-angular-inputs';
  *
  * // The browser platform with a compiler
  * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@@ -30,7 +30,7 @@ import * as i6 from "@progress/kendo-angular-dialog";
  * // Define the app module
  * _@NgModule({
  *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, MaskedTextBoxModule], // import MaskedTextBox module
+ *     imports:      [BrowserModule, SignatureModule], // import Signature module
  *     bootstrap:    [AppComponent]
  * })
  * export class AppModule {}

package/switch/switch.component.d.ts

@@ -168,6 +168,10 @@ export declare class SwitchComponent implements ControlValueAccessor, OnInit, On
      * @hidden
      */
     handleBlur: (event: any) => void;
+    /**
+     * @hidden
+     */
+    get isControlInvalid(): boolean;
     /**
      * @hidden
      */

package/textarea/textarea.component.d.ts

@@ -180,6 +180,10 @@ export declare class TextAreaComponent extends TextFieldsBase implements Control
      * @hidden
      */
     get resizableClass(): string;
+    /**
+     * @hidden
+     */
+    get isControlInvalid(): boolean;
     /**
      * @hidden
      */

package/textbox/textbox.component.d.ts

@@ -309,6 +309,10 @@ export declare class TextBoxComponent implements ControlValueAccessor {
      * @hidden
      */
     private showSuccessInitial;
+    /**
+     * @hidden
+     */
+    get isControlInvalid(): boolean;
     /**
      * @hidden
      */