@progress/kendo-angular-inputs 10.1.1-dev.202210181135 → 10.1.1-dev.202210241319

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: 1666092870,
+    publishDate: 1666617508,
     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/localization/messages.js

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export class SignatureMessages extends ComponentMessages {
 }
 SignatureMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-SignatureMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SignatureMessages, selector: "kendo-signature-messages-base", inputs: { clear: "clear", minimize: "minimize", maximize: "maximize" }, usesInheritance: true, ngImport: i0 });
+SignatureMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SignatureMessages, selector: "kendo-signature-messages-base", inputs: { clear: "clear", minimize: "minimize", maximize: "maximize", canvasLabel: "canvasLabel" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureMessages, decorators: [{
             type: Directive,
             args: [{
@@ -24,4 +24,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], maximize: [{
                 type: Input
+            }], canvasLabel: [{
+                type: Input
             }] } });

package/esm2015/signature/signature.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { __awaiter } from "tslib";
-import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, HostBinding, Input, Output, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, forwardRef, HostBinding, Input, Output, ViewChild } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { anyChanged, closest, isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
@@ -206,6 +206,12 @@ export class SignatureComponent {
     get isEmpty() {
         return !this.value;
     }
+    /**
+     * @hidden
+     */
+    get canvasLabel() {
+        return this.getMessage('canvasLabel');
+    }
     /**
      * @hidden
      */
@@ -367,27 +373,33 @@ export class SignatureComponent {
      * @hidden
      */
     onDialogClick(e) {
+        var _a;
         if (e.target.classList.contains('k-overlay')) {
             this.isOpen = false;
+            (_a = this.maximizeButton) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
         }
     }
     /**
      * @hidden
      */
     onDialogKeydown(e) {
+        var _a;
         if (e.keyCode === Keys.Escape) {
             this.isOpen = false;
             this.cd.detectChanges();
+            (_a = this.maximizeButton) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
         }
     }
     /**
      * @hidden
      */
     onDialogClose() {
+        var _a;
         const args = new SignatureCloseEvent();
         this.close.next(args);
         if (!args.isDefaultPrevented()) {
             this.isOpen = false;
+            (_a = this.maximizeButton) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
         }
     }
     /**
@@ -566,19 +578,22 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         LocalizationService,
         { provide: L10N_PREFIX, useValue: 'kendo.signature' },
         { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SignatureComponent) }
-    ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], exportAs: ["kendoSignature"], usesOnChanges: true, ngImport: i0, template: `
+    ], viewQueries: [{ propertyName: "maximizeButton", first: true, predicate: ["maximizeButton"], descendants: true, read: ElementRef }, { propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], exportAs: ["kendoSignature"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSignatureLocalizedMessages
             i18n-clear="kendo.signature.clear|The message for the Clear button."
             clear="Clear"
             i18n-maximize="kendo.signature.maximize|The message for the Maximize button."
             maximize="Maximize"
             i18n-minimize="kendo.signature.minimize|The message for the Minimize button."
-            minimize="Minimize">
+            minimize="Minimize"
+            i18n-canvasLabel="kendo.signature.canvasLabel|The message for the Canvas element aria-label."
+            canvasLabel="Signature canvas">
         </ng-container>
 
         <div class="k-signature-actions k-signature-actions-top">
             <button
                 *ngIf="showMaximize"
+                #maximizeButton
                 kendoButton
                 class="k-signature-action k-signature-maximize"
                 icon="hyperlink-open"
@@ -604,6 +619,8 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             #canvas
             class="k-signature-canvas"
             [attr.tabindex]="tabindex"
+            role="img"
+            [attr.aria-label]="canvasLabel"
         ></div>
         <div
             *ngIf="!hideLine"
@@ -623,7 +640,11 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             </button>
         </div>
 
-        <kendo-dialog *ngIf="isOpen" (click)="onDialogClick($event)" (keydown)="onDialogKeydown($event)">
+        <kendo-dialog
+            *ngIf="isOpen"
+            autoFocusedElement=".k-signature-action.k-signature-minimize"
+            (click)="onDialogClick($event)"
+            (keydown)="onDialogKeydown($event)">
             <kendo-signature
                 [readonly]="readonly"
                 [disabled]="disabled"
@@ -665,12 +686,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             i18n-maximize="kendo.signature.maximize|The message for the Maximize button."
             maximize="Maximize"
             i18n-minimize="kendo.signature.minimize|The message for the Minimize button."
-            minimize="Minimize">
+            minimize="Minimize"
+            i18n-canvasLabel="kendo.signature.canvasLabel|The message for the Canvas element aria-label."
+            canvasLabel="Signature canvas">
         </ng-container>
 
         <div class="k-signature-actions k-signature-actions-top">
             <button
                 *ngIf="showMaximize"
+                #maximizeButton
                 kendoButton
                 class="k-signature-action k-signature-maximize"
                 icon="hyperlink-open"
@@ -696,6 +720,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             #canvas
             class="k-signature-canvas"
             [attr.tabindex]="tabindex"
+            role="img"
+            [attr.aria-label]="canvasLabel"
         ></div>
         <div
             *ngIf="!hideLine"
@@ -715,7 +741,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             </button>
         </div>
 
-        <kendo-dialog *ngIf="isOpen" (click)="onDialogClick($event)" (keydown)="onDialogKeydown($event)">
+        <kendo-dialog
+            *ngIf="isOpen"
+            autoFocusedElement=".k-signature-action.k-signature-minimize"
+            (click)="onDialogClick($event)"
+            (keydown)="onDialogKeydown($event)">
             <kendo-signature
                 [readonly]="readonly"
                 [disabled]="disabled"
@@ -749,6 +779,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], direction: [{
                 type: HostBinding,
                 args: ['attr.dir']
+            }], maximizeButton: [{
+                type: ViewChild,
+                args: ['maximizeButton', { read: ElementRef }]
             }], readonly: [{
                 type: HostBinding,
                 args: ['class.k-readonly']

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: 1666092870,
+    publishDate: 1666617508,
     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'
 };
@@ -13595,7 +13595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class SignatureMessages extends ComponentMessages {
 }
 SignatureMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-SignatureMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SignatureMessages, selector: "kendo-signature-messages-base", inputs: { clear: "clear", minimize: "minimize", maximize: "maximize" }, usesInheritance: true, ngImport: i0 });
+SignatureMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SignatureMessages, selector: "kendo-signature-messages-base", inputs: { clear: "clear", minimize: "minimize", maximize: "maximize", canvasLabel: "canvasLabel" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SignatureMessages, decorators: [{
             type: Directive,
             args: [{
@@ -13608,6 +13608,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], maximize: [{
                 type: Input
+            }], canvasLabel: [{
+                type: Input
             }] } });
 
 /**
@@ -13872,6 +13874,12 @@ class SignatureComponent {
     get isEmpty() {
         return !this.value;
     }
+    /**
+     * @hidden
+     */
+    get canvasLabel() {
+        return this.getMessage('canvasLabel');
+    }
     /**
      * @hidden
      */
@@ -14033,27 +14041,33 @@ class SignatureComponent {
      * @hidden
      */
     onDialogClick(e) {
+        var _a;
         if (e.target.classList.contains('k-overlay')) {
             this.isOpen = false;
+            (_a = this.maximizeButton) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
         }
     }
     /**
      * @hidden
      */
     onDialogKeydown(e) {
+        var _a;
         if (e.keyCode === Keys.Escape) {
             this.isOpen = false;
             this.cd.detectChanges();
+            (_a = this.maximizeButton) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
         }
     }
     /**
      * @hidden
      */
     onDialogClose() {
+        var _a;
         const args = new SignatureCloseEvent();
         this.close.next(args);
         if (!args.isDefaultPrevented()) {
             this.isOpen = false;
+            (_a = this.maximizeButton) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
         }
     }
     /**
@@ -14232,19 +14246,22 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         LocalizationService,
         { provide: L10N_PREFIX, useValue: 'kendo.signature' },
         { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SignatureComponent) }
-    ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], exportAs: ["kendoSignature"], usesOnChanges: true, ngImport: i0, template: `
+    ], viewQueries: [{ propertyName: "maximizeButton", first: true, predicate: ["maximizeButton"], descendants: true, read: ElementRef }, { propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], exportAs: ["kendoSignature"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoSignatureLocalizedMessages
             i18n-clear="kendo.signature.clear|The message for the Clear button."
             clear="Clear"
             i18n-maximize="kendo.signature.maximize|The message for the Maximize button."
             maximize="Maximize"
             i18n-minimize="kendo.signature.minimize|The message for the Minimize button."
-            minimize="Minimize">
+            minimize="Minimize"
+            i18n-canvasLabel="kendo.signature.canvasLabel|The message for the Canvas element aria-label."
+            canvasLabel="Signature canvas">
         </ng-container>
 
         <div class="k-signature-actions k-signature-actions-top">
             <button
                 *ngIf="showMaximize"
+                #maximizeButton
                 kendoButton
                 class="k-signature-action k-signature-maximize"
                 icon="hyperlink-open"
@@ -14270,6 +14287,8 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             #canvas
             class="k-signature-canvas"
             [attr.tabindex]="tabindex"
+            role="img"
+            [attr.aria-label]="canvasLabel"
         ></div>
         <div
             *ngIf="!hideLine"
@@ -14289,7 +14308,11 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             </button>
         </div>
 
-        <kendo-dialog *ngIf="isOpen" (click)="onDialogClick($event)" (keydown)="onDialogKeydown($event)">
+        <kendo-dialog
+            *ngIf="isOpen"
+            autoFocusedElement=".k-signature-action.k-signature-minimize"
+            (click)="onDialogClick($event)"
+            (keydown)="onDialogKeydown($event)">
             <kendo-signature
                 [readonly]="readonly"
                 [disabled]="disabled"
@@ -14331,12 +14354,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             i18n-maximize="kendo.signature.maximize|The message for the Maximize button."
             maximize="Maximize"
             i18n-minimize="kendo.signature.minimize|The message for the Minimize button."
-            minimize="Minimize">
+            minimize="Minimize"
+            i18n-canvasLabel="kendo.signature.canvasLabel|The message for the Canvas element aria-label."
+            canvasLabel="Signature canvas">
         </ng-container>
 
         <div class="k-signature-actions k-signature-actions-top">
             <button
                 *ngIf="showMaximize"
+                #maximizeButton
                 kendoButton
                 class="k-signature-action k-signature-maximize"
                 icon="hyperlink-open"
@@ -14362,6 +14388,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             #canvas
             class="k-signature-canvas"
             [attr.tabindex]="tabindex"
+            role="img"
+            [attr.aria-label]="canvasLabel"
         ></div>
         <div
             *ngIf="!hideLine"
@@ -14381,7 +14409,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             </button>
         </div>
 
-        <kendo-dialog *ngIf="isOpen" (click)="onDialogClick($event)" (keydown)="onDialogKeydown($event)">
+        <kendo-dialog
+            *ngIf="isOpen"
+            autoFocusedElement=".k-signature-action.k-signature-minimize"
+            (click)="onDialogClick($event)"
+            (keydown)="onDialogKeydown($event)">
             <kendo-signature
                 [readonly]="readonly"
                 [disabled]="disabled"
@@ -14415,6 +14447,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], direction: [{
                 type: HostBinding,
                 args: ['attr.dir']
+            }], maximizeButton: [{
+                type: ViewChild,
+                args: ['maximizeButton', { read: ElementRef }]
             }], readonly: [{
                 type: HostBinding,
                 args: ['class.k-readonly']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "10.1.1-dev.202210181135",
+  "version": "10.1.1-dev.202210241319",
   "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",

package/signature/localization/messages.d.ts

@@ -20,6 +20,10 @@ export declare class SignatureMessages extends ComponentMessages {
      * The title of the Maximize button of the Signature.
      */
     maximize: string;
+    /**
+     * The value of the Signature canvas element aria-label attribute.
+     */
+    canvasLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignatureMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SignatureMessages, "kendo-signature-messages-base", never, { "clear": "clear"; "minimize": "minimize"; "maximize": "maximize"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SignatureMessages, "kendo-signature-messages-base", never, { "clear": "clear"; "minimize": "minimize"; "maximize": "maximize"; "canvasLabel": "canvasLabel"; }, {}, never>;
 }

package/signature/signature.component.d.ts

@@ -21,6 +21,7 @@ export declare class SignatureComponent implements ControlValueAccessor {
     localization: LocalizationService;
     staticHostClasses: boolean;
     direction: string;
+    maximizeButton: ElementRef;
     /**
      * Sets the read-only state of the Signature.
      *
@@ -196,6 +197,10 @@ export declare class SignatureComponent implements ControlValueAccessor {
      * @hidden
      */
     get isEmpty(): boolean;
+    /**
+     * @hidden
+     */
+    get canvasLabel(): string;
     /**
      * @hidden
      */