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

package/esm2015/maskedtextbox/maskedtextbox.component.js

@@ -449,6 +449,12 @@ export class MaskedTextBoxComponent {
         }
         return null;
     }
+    /**
+     * @hidden
+     */
+    get isControlInvalid() {
+        return this.control && this.control.touched && !this.control.valid;
+    }
     /**
      * @hidden
      */
@@ -574,6 +580,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]="{
@@ -618,6 +626,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]="{

package/esm2015/numerictextbox/numerictextbox.component.js

@@ -524,6 +524,12 @@ export 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;
@@ -865,30 +871,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 }"
@@ -940,30 +947,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 }"

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: 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'
 };

package/esm2015/signature/signature.component.js

@@ -447,7 +447,7 @@ export 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));
@@ -576,6 +576,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">
@@ -586,6 +587,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">
@@ -608,6 +610,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()" >
@@ -666,6 +669,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">
@@ -676,6 +680,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">
@@ -698,6 +703,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()" >

package/esm2015/signature.module.js

@@ -11,13 +11,13 @@ import { SignatureComponent } from './signature/signature.component';
 import * as i0 from "@angular/core";
 /**
  * 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 i0 from "@angular/core";
  * // 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/esm2015/switch/switch.component.js

@@ -277,6 +277,12 @@ export class SwitchComponent {
         this.disabled = isDisabled;
         this.changeDetector.markForCheck();
     }
+    /**
+     * @hidden
+     */
+    get isControlInvalid() {
+        return this.control && this.control.touched && !this.control.valid;
+    }
     /**
      * @hidden
      */
@@ -430,6 +436,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>
@@ -480,6 +488,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>

package/esm2015/textarea/textarea.component.js

@@ -366,6 +366,12 @@ export 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.
      *
@@ -503,6 +509,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,
@@ -543,6 +550,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,

package/esm2015/textbox/textbox.component.js

@@ -473,6 +473,12 @@ export 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
      */
@@ -599,6 +605,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,
@@ -662,6 +669,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,