@progress/kendo-angular-inputs 9.1.0-sig.202208261530 → 10.0.0-dev.202209071528

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: 1661528130,
+    publishDate: 1662564435,
     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,
@@ -13095,6 +13139,7 @@ const DEFAULT_SIZE = 'medium';
 const DEFAULT_ROUNDED = 'medium';
 const DEFAULT_FILL_MODE = 'solid';
 const DEFAULT_POPUP_SCALE = 3;
+const DEFAULT_EXPORT_SCALE = 2;
 /**
  * Represents the [Kendo UI Signature component for Angular]({% slug overview_signature %}).
  *
@@ -13200,6 +13245,14 @@ class SignatureComponent {
          * @default 3
          */
         this.popupScale = DEFAULT_POPUP_SCALE;
+        /**
+         * The scale factor for the exported image.
+         *
+         * The Signature width and height will be multiplied by the scale when converting the signature to an image.
+         *
+         * @default 2
+         */
+        this.exportScale = DEFAULT_EXPORT_SCALE;
         /**
          * A flag indicating whether the dotted line should be displayed in the background.
          *
@@ -13300,19 +13353,29 @@ class SignatureComponent {
     get maximizeTitle() {
         return this.getMessage('maximize');
     }
+    /**
+     * @hidden
+     */
+    get baseWidth() {
+        return this.width || this.element.nativeElement.offsetWidth;
+    }
+    /**
+     * @hidden
+     */
+    get baseHeight() {
+        return this.height || this.element.nativeElement.offsetHeight;
+    }
     /**
      * @hidden
      */
     get popupWidth() {
-        const baseWidth = this.width || this.element.nativeElement.offsetWidth;
-        return baseWidth * this.popupScale;
+        return this.baseWidth * this.popupScale;
     }
     /**
      * @hidden
      */
     get popupHeight() {
-        const baseHeight = this.height || this.element.nativeElement.offsetHeight;
-        return baseHeight * this.popupScale;
+        return this.baseHeight * this.popupScale;
     }
     /**
      * @hidden
@@ -13407,7 +13470,10 @@ class SignatureComponent {
      */
     onValueChange() {
         return __awaiter(this, void 0, void 0, function* () {
-            const value = yield this.instance.exportImage();
+            const value = yield this.instance.exportImage({
+                width: this.baseWidth * this.exportScale,
+                height: this.baseHeight * this.exportScale
+            });
             this._value = value;
             this.cd.markForCheck();
             this.ngZone.run(() => {
@@ -13422,6 +13488,7 @@ class SignatureComponent {
     onDialogValueChange(value) {
         this.value = value;
         this.valueChange.emit(value);
+        this.notifyNgTouched();
         this.notifyNgChanged(value);
     }
     /**
@@ -13471,11 +13538,18 @@ class SignatureComponent {
      * @hidden
      */
     onMaximize() {
-        const args = new SignatureOpenEvent();
-        this.open.next(args);
-        if (!args.isDefaultPrevented()) {
-            this.isOpen = true;
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            const args = new SignatureOpenEvent();
+            this.open.next(args);
+            if (!args.isDefaultPrevented()) {
+                this.popupValue = yield this.instance.exportImage({
+                    width: this.popupWidth * this.exportScale,
+                    height: this.popupHeight * this.exportScale
+                });
+                this.isOpen = true;
+                this.cd.detectChanges();
+            }
+        });
     }
     /**
      * @hidden
@@ -13488,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));
@@ -13596,7 +13670,7 @@ class SignatureComponent {
     }
 }
 SignatureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SignatureComponent, selector: "kendo-signature", inputs: { readonly: "readonly", disabled: "disabled", width: "width", height: "height", value: "value", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", color: "color", backgroundColor: "backgroundColor", strokeWidth: "strokeWidth", smooth: "smooth", maximizable: "maximizable", maximized: "maximized", popupScale: "popupScale", parentLocalization: "parentLocalization", hideLine: "hideLine" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", minimize: "minimize" }, host: { properties: { "class.k-signature": "this.staticHostClasses", "class.k-input": "this.staticHostClasses", "attr.dir": "this.direction", "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabled", "style.width.px": "this.width", "style.height.px": "this.height" } }, providers: [
+SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SignatureComponent, selector: "kendo-signature", inputs: { readonly: "readonly", disabled: "disabled", width: "width", height: "height", value: "value", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", color: "color", backgroundColor: "backgroundColor", strokeWidth: "strokeWidth", smooth: "smooth", maximizable: "maximizable", maximized: "maximized", popupScale: "popupScale", exportScale: "exportScale", parentLocalization: "parentLocalization", hideLine: "hideLine" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", minimize: "minimize" }, host: { properties: { "class.k-signature": "this.staticHostClasses", "class.k-input": "this.staticHostClasses", "attr.dir": "this.direction", "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabled", "style.width.px": "this.width", "style.height.px": "this.height" } }, providers: [
         LocalizationService,
         { provide: L10N_PREFIX, useValue: 'kendo.signature' },
         { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SignatureComponent) }
@@ -13617,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">
@@ -13627,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">
@@ -13649,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()" >
@@ -13666,7 +13743,7 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [backgroundColor]="backgroundColor"
                 [strokeWidth]="strokeWidth"
                 [smooth]="smooth"
-                [value]="value"
+                [value]="popupValue"
                 (valueChange)="onDialogValueChange($event)"
                 [hideLine]="hideLine"
                 [class.k-signature-maximized]="true"
@@ -13678,7 +13755,7 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [parentLocalization]="localization">
             </kendo-signature>
         </kendo-dialog>
-    `, isInline: true, components: [{ type: i2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: SignatureComponent, selector: "kendo-signature", inputs: ["readonly", "disabled", "width", "height", "value", "tabindex", "size", "rounded", "fillMode", "color", "backgroundColor", "strokeWidth", "smooth", "maximizable", "maximized", "popupScale", "parentLocalization", "hideLine"], outputs: ["valueChange", "open", "close", "focus", "blur", "minimize"], exportAs: ["kendoSignature"] }], directives: [{ type: LocalizedSignatureMessagesDirective, selector: "[kendoSignatureLocalizedMessages]" }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: i2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { type: SignatureComponent, selector: "kendo-signature", inputs: ["readonly", "disabled", "width", "height", "value", "tabindex", "size", "rounded", "fillMode", "color", "backgroundColor", "strokeWidth", "smooth", "maximizable", "maximized", "popupScale", "exportScale", "parentLocalization", "hideLine"], outputs: ["valueChange", "open", "close", "focus", "blur", "minimize"], exportAs: ["kendoSignature"] }], directives: [{ type: LocalizedSignatureMessagesDirective, selector: "[kendoSignatureLocalizedMessages]" }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureComponent, decorators: [{
             type: Component,
             args: [{
@@ -13707,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">
@@ -13717,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">
@@ -13739,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()" >
@@ -13756,7 +13836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [backgroundColor]="backgroundColor"
                 [strokeWidth]="strokeWidth"
                 [smooth]="smooth"
-                [value]="value"
+                [value]="popupValue"
                 (valueChange)="onDialogValueChange($event)"
                 [hideLine]="hideLine"
                 [class.k-signature-maximized]="true"
@@ -13823,6 +13903,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], popupScale: [{
                 type: Input
+            }], exportScale: [{
+                type: Input
             }], parentLocalization: [{
                 type: Input
             }], hideLine: [{
@@ -13848,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';
@@ -13867,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.202208261530",
+  "version": "10.0.0-dev.202209071528",
   "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/signature.component.d.ts

@@ -139,6 +139,14 @@ export declare class SignatureComponent implements ControlValueAccessor {
      * @default 3
      */
     popupScale: number;
+    /**
+     * The scale factor for the exported image.
+     *
+     * The Signature width and height will be multiplied by the scale when converting the signature to an image.
+     *
+     * @default 2
+     */
+    exportScale: number;
     /**
      * @hidden
      */
@@ -200,6 +208,14 @@ export declare class SignatureComponent implements ControlValueAccessor {
      * @hidden
      */
     get maximizeTitle(): string;
+    /**
+     * @hidden
+     */
+    get baseWidth(): number;
+    /**
+     * @hidden
+     */
+    get baseHeight(): number;
     /**
      * @hidden
      */
@@ -274,7 +290,7 @@ export declare class SignatureComponent implements ControlValueAccessor {
     /**
      * @hidden
      */
-    onMaximize(): void;
+    onMaximize(): Promise<void>;
     /**
      * @hidden
      */
@@ -312,10 +328,14 @@ export declare class SignatureComponent implements ControlValueAccessor {
      * @hidden
      */
     registerOnTouched(fn: any): void;
+    /**
+     * @hidden
+     */
+    popupValue: any;
     private onDraw;
     private onDrawEnd;
     private addEventListeners;
     private getMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignatureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SignatureComponent, "kendo-signature", ["kendoSignature"], { "readonly": "readonly"; "disabled": "disabled"; "width": "width"; "height": "height"; "value": "value"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "color": "color"; "backgroundColor": "backgroundColor"; "strokeWidth": "strokeWidth"; "smooth": "smooth"; "maximizable": "maximizable"; "maximized": "maximized"; "popupScale": "popupScale"; "parentLocalization": "parentLocalization"; "hideLine": "hideLine"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "minimize": "minimize"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SignatureComponent, "kendo-signature", ["kendoSignature"], { "readonly": "readonly"; "disabled": "disabled"; "width": "width"; "height": "height"; "value": "value"; "tabindex": "tabindex"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "color": "color"; "backgroundColor": "backgroundColor"; "strokeWidth": "strokeWidth"; "smooth": "smooth"; "maximizable": "maximizable"; "maximized": "maximized"; "popupScale": "popupScale"; "exportScale": "exportScale"; "parentLocalization": "parentLocalization"; "hideLine": "hideLine"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "minimize": "minimize"; }, never, never>;
 }

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
      */