@progress/kendo-angular-pdfviewer 21.1.1-develop.2 → 21.2.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/annotations/annotation-editor.mjs +83 -84
- package/esm2022/localization/messages.mjs +7 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdfviewer.component.mjs +360 -333
- package/esm2022/toolbar/search.component.mjs +7 -1
- package/esm2022/toolbar/toolbar-focusable.directive.mjs +2 -2
- package/esm2022/toolbar/toolbar.component.mjs +512 -491
- package/fesm2022/progress-kendo-angular-pdfviewer.mjs +973 -912
- package/localization/messages.d.ts +5 -1
- package/package.json +14 -14
- package/pdfviewer.component.d.ts +4 -0
- package/schematics/ngAdd/index.js +2 -2
- package/toolbar/search.component.d.ts +1 -0
|
@@ -17,6 +17,9 @@ export class PDFViewerSearchComponent {
|
|
|
17
17
|
textbox;
|
|
18
18
|
closeButton;
|
|
19
19
|
ariaRole = 'dialog';
|
|
20
|
+
get ariaLabel() {
|
|
21
|
+
return this.messageFor('searchTitle');
|
|
22
|
+
}
|
|
20
23
|
onEscape() {
|
|
21
24
|
this.close.emit();
|
|
22
25
|
}
|
|
@@ -48,7 +51,7 @@ export class PDFViewerSearchComponent {
|
|
|
48
51
|
}
|
|
49
52
|
}
|
|
50
53
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFViewerSearchComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PDFViewerSearchComponent, isStandalone: true, selector: "[kendoPDFViewerSearch]", inputs: { matches: "matches", currentMatch: "currentMatch" }, outputs: { searchChange: "searchChange", prevMatch: "prevMatch", nextMatch: "nextMatch", close: "close" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.role": "this.ariaRole" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true, read: ElementRef }], ngImport: i0, template: `
|
|
54
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PDFViewerSearchComponent, isStandalone: true, selector: "[kendoPDFViewerSearch]", inputs: { matches: "matches", currentMatch: "currentMatch" }, outputs: { searchChange: "searchChange", prevMatch: "prevMatch", nextMatch: "nextMatch", close: "close" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.role": "this.ariaRole", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true, read: ElementRef }], ngImport: i0, template: `
|
|
52
55
|
<kendo-textbox
|
|
53
56
|
#textbox
|
|
54
57
|
[placeholder]="messageFor('searchInputPlaceholder')"
|
|
@@ -167,6 +170,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
167
170
|
}], ariaRole: [{
|
|
168
171
|
type: HostBinding,
|
|
169
172
|
args: ['attr.role']
|
|
173
|
+
}], ariaLabel: [{
|
|
174
|
+
type: HostBinding,
|
|
175
|
+
args: ['attr.aria-label']
|
|
170
176
|
}], onEscape: [{
|
|
171
177
|
type: HostListener,
|
|
172
178
|
args: ['keydown.escape']
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Directive, ElementRef, Renderer2 } from '@angular/core';
|
|
6
6
|
import { ToolbarNavigationService } from './toolbar-navigation.service';
|
|
7
|
-
import { Keys, focusableSelector,
|
|
7
|
+
import { Keys, focusableSelector, normalizeKeys } from '@progress/kendo-angular-common';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "./toolbar-navigation.service";
|
|
10
10
|
const controller = new AbortController();
|
|
@@ -27,7 +27,7 @@ export class ToolbarFocusableDirective {
|
|
|
27
27
|
this.renderer.setAttribute(element, 'tabindex', this.navigationService.isActive(this) ? '0' : '-1');
|
|
28
28
|
element.addEventListener('keydown', (e) => {
|
|
29
29
|
const targetsSelf = e.target === element;
|
|
30
|
-
const code =
|
|
30
|
+
const code = normalizeKeys(e);
|
|
31
31
|
const isLeftArrow = code === Keys.ArrowLeft;
|
|
32
32
|
const isRightArrow = code === Keys.ArrowRight;
|
|
33
33
|
const isArrow = isLeftArrow || isRightArrow;
|