@progress/kendo-angular-pdfviewer 17.0.0-develop.9 → 17.0.0

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.
Files changed (34) hide show
  1. package/{esm2020 → esm2022}/loader/loader.component.mjs +8 -9
  2. package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +7 -6
  3. package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +9 -8
  4. package/esm2022/localization/messages.mjs +171 -0
  5. package/{esm2020 → esm2022}/models/events.mjs +16 -0
  6. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  7. package/{esm2020 → esm2022}/pdfviewer.component.mjs +146 -122
  8. package/{esm2020 → esm2022}/pdfviewer.module.mjs +8 -8
  9. package/{esm2020 → esm2022}/toolbar/input-wrapper.component.mjs +9 -6
  10. package/{esm2020 → esm2022}/toolbar/search.component.mjs +23 -18
  11. package/{esm2020 → esm2022}/toolbar/toolbar-combobox.directive.mjs +17 -14
  12. package/{esm2020 → esm2022}/toolbar/toolbar-focusable.directive.mjs +6 -3
  13. package/{esm2020 → esm2022}/toolbar/toolbar-navigation.service.mjs +6 -5
  14. package/{esm2020 → esm2022}/toolbar/toolbar.component.mjs +60 -49
  15. package/{fesm2020 → fesm2022}/progress-kendo-angular-pdfviewer.mjs +422 -255
  16. package/loader/loader.component.d.ts +1 -1
  17. package/localization/messages.d.ts +1 -1
  18. package/models/toolbar-tool.d.ts +1 -1
  19. package/package.json +21 -27
  20. package/pdfviewer.component.d.ts +1 -1
  21. package/schematics/ngAdd/index.js +2 -2
  22. package/toolbar/input-wrapper.component.d.ts +1 -1
  23. package/toolbar/search.component.d.ts +1 -1
  24. package/toolbar/toolbar.component.d.ts +1 -1
  25. package/esm2020/localization/messages.mjs +0 -71
  26. package/fesm2015/progress-kendo-angular-pdfviewer.mjs +0 -2061
  27. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  28. /package/{esm2020 → esm2022}/index.mjs +0 -0
  29. /package/{esm2020 → esm2022}/models/loader-settings.mjs +0 -0
  30. /package/{esm2020 → esm2022}/models/pdfviewer-context.mjs +0 -0
  31. /package/{esm2020 → esm2022}/models/toolbar-tool.mjs +0 -0
  32. /package/{esm2020 → esm2022}/models/zoom-level.mjs +0 -0
  33. /package/{esm2020 → esm2022}/progress-kendo-angular-pdfviewer.mjs +0 -0
  34. /package/{esm2020 → esm2022}/util.mjs +0 -0
@@ -10,11 +10,14 @@ import * as i0 from "@angular/core";
10
10
  * @hidden
11
11
  */
12
12
  export class ToolbarInputWrapperComponent {
13
+ host;
14
+ renderer;
15
+ toolbarTool;
16
+ hostClass = true;
17
+ subs = new Subscription();
13
18
  constructor(host, renderer) {
14
19
  this.host = host;
15
20
  this.renderer = renderer;
16
- this.hostClass = true;
17
- this.subs = new Subscription();
18
21
  }
19
22
  ngAfterViewInit() {
20
23
  this.subs.add(this.renderer.listen(this.host.nativeElement, 'keydown.enter', () => {
@@ -41,12 +44,12 @@ export class ToolbarInputWrapperComponent {
41
44
  ngOnDestroy() {
42
45
  this.subs.unsubscribe();
43
46
  }
44
- }
45
- ToolbarInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
46
- ToolbarInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarInputWrapperComponent, isStandalone: true, selector: "kendo-toolbar-input-wrapper", inputs: { toolbarTool: "toolbarTool" }, host: { properties: { "class.k-toolbar-item": "this.hostClass" } }, ngImport: i0, template: `
47
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
48
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarInputWrapperComponent, isStandalone: true, selector: "kendo-toolbar-input-wrapper", inputs: { toolbarTool: "toolbarTool" }, host: { properties: { "class.k-toolbar-item": "this.hostClass" } }, ngImport: i0, template: `
47
49
  <ng-content></ng-content>
48
50
  `, isInline: true });
49
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarInputWrapperComponent, decorators: [{
51
+ }
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarInputWrapperComponent, decorators: [{
50
53
  type: Component,
51
54
  args: [{
52
55
  selector: 'kendo-toolbar-input-wrapper',
@@ -13,23 +13,28 @@ import * as i1 from "@progress/kendo-angular-l10n";
13
13
  * @hidden
14
14
  */
15
15
  export class PDFViewerSearchComponent {
16
- constructor(localization) {
17
- this.localization = localization;
18
- this.ariaRole = 'dialog';
19
- this.searchChange = new EventEmitter();
20
- this.prevMatch = new EventEmitter();
21
- this.nextMatch = new EventEmitter();
22
- this.close = new EventEmitter();
23
- this.convertLowercaseIcon = convertLowercaseIcon;
24
- this.arrowUpIcon = arrowUpIcon;
25
- this.arrowDownIcon = arrowDownIcon;
26
- this.xIcon = xIcon;
27
- this.value = null;
28
- this.matchCase = false;
29
- }
16
+ localization;
17
+ textbox;
18
+ closeButton;
19
+ ariaRole = 'dialog';
30
20
  onEscape() {
31
21
  this.close.emit();
32
22
  }
23
+ matches;
24
+ currentMatch;
25
+ searchChange = new EventEmitter();
26
+ prevMatch = new EventEmitter();
27
+ nextMatch = new EventEmitter();
28
+ close = new EventEmitter();
29
+ convertLowercaseIcon = convertLowercaseIcon;
30
+ arrowUpIcon = arrowUpIcon;
31
+ arrowDownIcon = arrowDownIcon;
32
+ xIcon = xIcon;
33
+ value = null;
34
+ matchCase = false;
35
+ constructor(localization) {
36
+ this.localization = localization;
37
+ }
33
38
  ngAfterViewInit() {
34
39
  this.textbox.focus();
35
40
  }
@@ -42,9 +47,8 @@ export class PDFViewerSearchComponent {
42
47
  this.closeButton.nativeElement.focus();
43
48
  }
44
49
  }
45
- }
46
- PDFViewerSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerSearchComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
47
- PDFViewerSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: `
50
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerSearchComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
51
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
48
52
  <kendo-textbox
49
53
  #textbox
50
54
  [placeholder]="messageFor('searchInputPlaceholder')"
@@ -95,7 +99,8 @@ PDFViewerSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
95
99
  icon='x'
96
100
  [svgIcon]="xIcon"></button>
97
101
  `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
98
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerSearchComponent, decorators: [{
102
+ }
103
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerSearchComponent, decorators: [{
99
104
  type: Component,
100
105
  args: [{
101
106
  selector: '[kendoPDFViewerSearch]',
@@ -11,20 +11,12 @@ import * as i1 from "@progress/kendo-angular-dropdowns";
11
11
  * @hidden
12
12
  */
13
13
  export class ToolbarComboBoxDirective {
14
+ combo;
15
+ hostEl;
16
+ inputElement;
14
17
  constructor(combo, hostEl) {
15
18
  this.combo = combo;
16
19
  this.hostEl = hostEl;
17
- this.keydownHandler = (e) => {
18
- if (e.keyCode === Keys.Escape) {
19
- e.stopPropagation();
20
- if (this.combo.isOpen) {
21
- this.combo.toggle(false);
22
- }
23
- else {
24
- this.hostEl.nativeElement.parentElement.focus();
25
- }
26
- }
27
- };
28
20
  }
29
21
  ngAfterViewInit() {
30
22
  this.inputElement = this.combo.searchbar.input.nativeElement;
@@ -34,10 +26,21 @@ export class ToolbarComboBoxDirective {
34
26
  ngOnDestroy() {
35
27
  this.inputElement.removeEventListener('keydown', this.keydownHandler);
36
28
  }
29
+ keydownHandler = (e) => {
30
+ if (e.keyCode === Keys.Escape) {
31
+ e.stopPropagation();
32
+ if (this.combo.isOpen) {
33
+ this.combo.toggle(false);
34
+ }
35
+ else {
36
+ this.hostEl.nativeElement.parentElement.focus();
37
+ }
38
+ }
39
+ };
40
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComboBoxDirective, deps: [{ token: i1.ComboBoxComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
41
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComboBoxDirective, isStandalone: true, selector: "[kendoPDFViewerComboBox]", ngImport: i0 });
37
42
  }
38
- ToolbarComboBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComboBoxDirective, deps: [{ token: i1.ComboBoxComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
39
- ToolbarComboBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComboBoxDirective, isStandalone: true, selector: "[kendoPDFViewerComboBox]", ngImport: i0 });
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComboBoxDirective, decorators: [{
43
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComboBoxDirective, decorators: [{
41
44
  type: Directive,
42
45
  args: [{
43
46
  selector: '[kendoPDFViewerComboBox]',
@@ -13,6 +13,9 @@ const { signal } = controller;
13
13
  * @hidden
14
14
  */
15
15
  export class ToolbarFocusableDirective {
16
+ host;
17
+ navigationService;
18
+ renderer;
16
19
  constructor(host, navigationService, renderer) {
17
20
  this.host = host;
18
21
  this.navigationService = navigationService;
@@ -54,10 +57,10 @@ export class ToolbarFocusableDirective {
54
57
  this.renderer.setAttribute(element, 'tabindex', '0');
55
58
  element.focus();
56
59
  }
60
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
61
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarFocusableDirective, isStandalone: true, selector: "[kendoPDFViewerToolbarFocusable]", ngImport: i0 });
57
62
  }
58
- ToolbarFocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
59
- ToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarFocusableDirective, isStandalone: true, selector: "[kendoPDFViewerToolbarFocusable]", ngImport: i0 });
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarFocusableDirective, decorators: [{
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarFocusableDirective, decorators: [{
61
64
  type: Directive,
62
65
  args: [{
63
66
  selector: '[kendoPDFViewerToolbarFocusable]',
@@ -10,10 +10,11 @@ import * as i1 from "@progress/kendo-angular-l10n";
10
10
  * @hidden
11
11
  */
12
12
  export class ToolbarNavigationService {
13
+ localizationService;
14
+ focusableTools = [];
15
+ currentFocusIndex = 0;
13
16
  constructor(localizationService) {
14
17
  this.localizationService = localizationService;
15
- this.focusableTools = [];
16
- this.currentFocusIndex = 0;
17
18
  }
18
19
  register(tool) {
19
20
  if (!this.focusableTools.some(el => el === tool)) {
@@ -44,9 +45,9 @@ export class ToolbarNavigationService {
44
45
  }
45
46
  this.focusableTools[this.currentFocusIndex].activate();
46
47
  }
48
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
49
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService });
47
50
  }
48
- ToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
49
- ToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService });
50
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, decorators: [{
51
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, decorators: [{
51
52
  type: Injectable
52
53
  }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
@@ -22,53 +22,55 @@ import * as i2 from "./toolbar-navigation.service";
22
22
  * @hidden
23
23
  */
24
24
  export class ToolbarComponent {
25
+ localization;
26
+ navigationService;
27
+ toolbarClasses = true;
28
+ toolbarSizeClass = true;
29
+ fileSelectEl;
30
+ zoomLevel = {
31
+ text: '125%',
32
+ displayValue: '125%',
33
+ value: 1.25
34
+ };
35
+ calculatedComboBoxValue = {
36
+ text: 'Fit to width',
37
+ displayValue: null,
38
+ value: null
39
+ };
40
+ skip = 0;
41
+ pageSize = 1;
42
+ total;
43
+ zoomInDisabled;
44
+ zoomOutDisabled;
45
+ disabledTools;
46
+ zoomLevelChooserValue;
47
+ zoomOptionsData;
48
+ pagesContainerId;
49
+ tools;
50
+ fileSelect = new EventEmitter();
51
+ fileSelectStart = new EventEmitter();
52
+ fileSelectError = new EventEmitter();
53
+ download = new EventEmitter();
54
+ selectionEnabled = new EventEmitter();
55
+ panningEnabled = new EventEmitter();
56
+ pageChange = new EventEmitter();
57
+ zoomIn = new EventEmitter();
58
+ zoomOut = new EventEmitter();
59
+ zoomLevelChange = new EventEmitter();
60
+ print = new EventEmitter();
61
+ search = new EventEmitter();
62
+ zoomInIcon = zoomInIcon;
63
+ zoomOutIcon = zoomOutIcon;
64
+ handIcon = handIcon;
65
+ pointerIcon = pointerIcon;
66
+ searchIcon = searchIcon;
67
+ folderOpenIcon = folderOpenIcon;
68
+ downloadIcon = downloadIcon;
69
+ printIcon = printIcon;
70
+ pagerType = 'input';
25
71
  constructor(localization, navigationService) {
26
72
  this.localization = localization;
27
73
  this.navigationService = navigationService;
28
- this.toolbarClasses = true;
29
- this.toolbarSizeClass = true;
30
- this.zoomLevel = {
31
- text: '125%',
32
- displayValue: '125%',
33
- value: 1.25
34
- };
35
- this.calculatedComboBoxValue = {
36
- text: 'Fit to width',
37
- displayValue: null,
38
- value: null
39
- };
40
- this.skip = 0;
41
- this.pageSize = 1;
42
- this.fileSelect = new EventEmitter();
43
- this.fileSelectStart = new EventEmitter();
44
- this.fileSelectError = new EventEmitter();
45
- this.download = new EventEmitter();
46
- this.selectionEnabled = new EventEmitter();
47
- this.panningEnabled = new EventEmitter();
48
- this.pageChange = new EventEmitter();
49
- this.zoomIn = new EventEmitter();
50
- this.zoomOut = new EventEmitter();
51
- this.zoomLevelChange = new EventEmitter();
52
- this.print = new EventEmitter();
53
- this.search = new EventEmitter();
54
- this.zoomInIcon = zoomInIcon;
55
- this.zoomOutIcon = zoomOutIcon;
56
- this.handIcon = handIcon;
57
- this.pointerIcon = pointerIcon;
58
- this.searchIcon = searchIcon;
59
- this.folderOpenIcon = folderOpenIcon;
60
- this.downloadIcon = downloadIcon;
61
- this.printIcon = printIcon;
62
- this.pagerType = 'input';
63
- this.valueNormalizer = (text) => text.pipe(map((value) => {
64
- const parsedValue = parseFloat(value);
65
- const newValue = Number.isNaN(parsedValue) ? 1 : parsedValue / 100;
66
- return {
67
- value: newValue,
68
- displayValue: `${Math.round(newValue * 100)}%`,
69
- text: `${Math.round(newValue * 100)}%`
70
- };
71
- }));
72
74
  }
73
75
  messageFor(key) {
74
76
  return this.localization.get(key);
@@ -94,9 +96,17 @@ export class ToolbarComponent {
94
96
  focus() {
95
97
  this.navigationService.focusableTools[this.navigationService.currentFocusIndex].activate();
96
98
  }
97
- }
98
- ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
99
- ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
99
+ valueNormalizer = (text) => text.pipe(map((value) => {
100
+ const parsedValue = parseFloat(value);
101
+ const newValue = Number.isNaN(parsedValue) ? 1 : parsedValue / 100;
102
+ return {
103
+ value: newValue,
104
+ displayValue: `${Math.round(newValue * 100)}%`,
105
+ text: `${Math.round(newValue * 100)}%`
106
+ };
107
+ }));
108
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
109
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
100
110
  <ng-container *ngFor="let tool of tools">
101
111
  <ng-container [ngSwitch]="tool">
102
112
  <kendo-toolbar-input-wrapper
@@ -279,8 +289,9 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
279
289
  aria-hidden="true"
280
290
  accept=".pdf, .PDF"
281
291
  (change)="onFileSelect($event)" />
282
- `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarInputWrapperComponent, selector: "kendo-toolbar-input-wrapper", inputs: ["toolbarTool"] }, { kind: "directive", type: ToolbarFocusableDirective, selector: "[kendoPDFViewerToolbarFocusable]" }, { kind: "component", type: PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-datapager-messages" }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: ToolbarComboBoxDirective, selector: "[kendoPDFViewerComboBox]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
283
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
292
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarInputWrapperComponent, selector: "kendo-toolbar-input-wrapper", inputs: ["toolbarTool"] }, { kind: "directive", type: ToolbarFocusableDirective, selector: "[kendoPDFViewerToolbarFocusable]" }, { kind: "component", type: PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: ToolbarComboBoxDirective, selector: "[kendoPDFViewerComboBox]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
293
+ }
294
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, decorators: [{
284
295
  type: Component,
285
296
  args: [{
286
297
  selector: '[kendoPDFViewerToolbar]',