@progress/kendo-angular-pdfviewer 21.1.1-develop.2 → 21.2.0-develop.1

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 (7) hide show
  1. package/esm2022/annotations/annotation-editor.mjs +83 -84
  2. package/esm2022/package-metadata.mjs +2 -2
  3. package/esm2022/pdfviewer.component.mjs +344 -333
  4. package/esm2022/toolbar/toolbar.component.mjs +512 -491
  5. package/fesm2022/progress-kendo-angular-pdfviewer.mjs +941 -908
  6. package/package.json +14 -14
  7. package/schematics/ngAdd/index.js +2 -2
package/fesm2022/progress-kendo-angular-pdfviewer.mjs CHANGED
@@ -16,7 +16,6 @@ import * as i1$1 from '@progress/kendo-angular-dropdowns';
16
16
  import { ComboBoxComponent, ItemTemplateDirective, KENDO_DROPDOWNLIST } from '@progress/kendo-angular-dropdowns';
17
17
  import * as i2 from '@progress/kendo-angular-buttons';
18
18
  import { ButtonGroupComponent, ButtonComponent, KENDO_BUTTON } from '@progress/kendo-angular-buttons';
19
- import { NgFor, NgSwitch, NgSwitchCase, NgIf } from '@angular/common';
20
19
  import { map, take } from 'rxjs/operators';
21
20
  import * as i3 from '@progress/kendo-angular-inputs';
22
21
  import { TextBoxComponent, TextBoxSuffixTemplateDirective, KENDO_FLATCOLORPICKER } from '@progress/kendo-angular-inputs';
@@ -316,8 +315,8 @@ const packageMetadata = {
316
315
  productName: 'Kendo UI for Angular',
317
316
  productCode: 'KENDOUIANGULAR',
318
317
  productCodes: ['KENDOUIANGULAR'],
319
- publishDate: 1763729385,
320
- version: '21.1.1-develop.2',
318
+ publishDate: 1763998507,
319
+ version: '21.2.0-develop.1',
321
320
  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',
322
321
  };
323
322
 
@@ -747,257 +746,268 @@ class ToolbarComponent {
747
746
  };
748
747
  }));
749
748
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
750
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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", type: "type", wrapperId: "wrapperId", isAnnotationsToolbarVisible: "isAnnotationsToolbarVisible", annotationsToolId: "annotationsToolId", isSelectionEnabled: "isSelectionEnabled" }, 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", toggleAnnotationsToolbar: "toggleAnnotationsToolbar", setAnnotationMode: "setAnnotationMode" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
751
- <ng-container *ngIf="type === 'tools'">
752
- <ng-container *ngFor="let tool of tools">
753
- <ng-container [ngSwitch]="tool">
754
- <kendo-toolbar-input-wrapper
755
- *ngSwitchCase="'pager'"
756
- kendoPDFViewerToolbarFocusable
757
- [toolbarTool]="pager">
758
- <kendo-datapager
759
- #pager
760
- [attr.aria-controls]="pagesContainerId"
761
- [attr.aria-label]="messageFor('page') + ' ' + (skip + 1) + ' ' + messageFor('of') + total"
762
- [class.k-disabled]="disabledTools"
763
- [navigable]="true"
764
- [pageSize]="pageSize"
765
- [skip]="skip"
766
- [total]="total"
767
- [pageSizeValues]="false"
768
- [info]="false"
769
- [type]="pagerType"
770
- (pageChange)="pageChange.emit($event)">
771
- <kendo-datapager-messages
772
- [firstPage]="messageFor('pagerFirstPage')"
773
- [previousPage]="messageFor('pagerPreviousPage')"
774
- [nextPage]="messageFor('pagerNextPage')"
775
- [lastPage]="messageFor('pagerLastPage')"
776
- [inputLabel]="messageFor('pagerInputLabel')"
777
- [pageNumberInputTitle]="messageFor('pagerInputTitle')"
778
- [of]="messageFor('pagerOf')"
779
- [page]="messageFor('pagerPage')"></kendo-datapager-messages>
780
- </kendo-datapager>
781
- </kendo-toolbar-input-wrapper>
782
- <span
783
- *ngSwitchCase="'spacer'"
784
- class="k-spacer"></span>
785
- <kendo-buttongroup
786
- *ngSwitchCase="'zoomInOut'"
787
- [attr.aria-controls]="pagesContainerId"
788
- class="k-button-group-flat k-toolbar-button-group"
789
- [navigable]="false">
790
- <button
791
- type="button"
792
- kendoButton
793
- fillMode="flat"
794
- kendoPDFViewerToolbarFocusable
795
- icon="zoom-out"
796
- [disabled]="disabledTools || zoomOutDisabled"
797
- [svgIcon]="zoomOutIcon"
798
- [attr.title]="messageFor('zoomOutTitle')"
799
- [attr.aria-label]="messageFor('zoomOutTitle')"
800
- (click)="zoomOut.emit()"></button>
801
- <button
802
- type="button"
803
- kendoButton
804
- fillMode="flat"
805
- kendoPDFViewerToolbarFocusable
806
- icon="zoom-in"
807
- [disabled]="disabledTools || zoomInDisabled"
808
- [svgIcon]="zoomInIcon"
809
- [attr.title]="messageFor('zoomInTitle')"
810
- [attr.aria-label]="messageFor('zoomInTitle')"
811
- (click)="zoomIn.emit()"></button>
812
- </kendo-buttongroup>
813
- <kendo-toolbar-input-wrapper
814
- *ngSwitchCase="'zoom'"
815
- kendoPDFViewerToolbarFocusable
816
- [toolbarTool]="combobox">
817
- <kendo-combobox
818
- #combobox
819
- kendoPDFViewerComboBox
820
- class="k-toolbar-combobox"
821
- fillMode="flat"
822
- [attr.aria-controls]="pagesContainerId"
823
- [tabindex]="-1"
824
- [data]="zoomOptionsData"
825
- [disabled]="disabledTools"
826
- [placeholder]="messageFor('zoomInputPlaceholder')"
827
- textField="displayValue"
828
- valueField="id"
829
- [value]="zoomLevelChooserValue"
830
- [allowCustom]="true"
831
- [valueNormalizer]="valueNormalizer"
832
- [clearButton]="false"
833
- (valueChange)="onZoomLevelChooserValueChange($event)">
834
- <ng-template kendoComboBoxItemTemplate let-dataItem>
835
- {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
836
- </ng-template>
837
- </kendo-combobox>
838
- </kendo-toolbar-input-wrapper>
839
- <kendo-buttongroup
840
- *ngSwitchCase="'selection'"
841
- [attr.aria-controls]="pagesContainerId"
842
- [navigable]="false"
843
- class="k-button-group-flat k-toolbar-button-group"
844
- selection="single">
845
- <button
846
- type="button"
847
- kendoButton
848
- kendoPDFViewerToolbarFocusable
849
- fillMode="flat"
850
- icon="pointer"
851
- [selected]="isSelectionEnabled"
852
- [toggleable]="true"
853
- [svgIcon]="pointerIcon"
854
- [attr.title]="messageFor('selectionTitle')"
855
- [attr.aria-label]="messageFor('selectionTitle')"
856
- (click)="selectionEnabled.emit(); isSelectionEnabled = true;"></button>
857
- <button
858
- type="button"
859
- kendoButton
860
- kendoPDFViewerToolbarFocusable
861
- fillMode="flat"
862
- icon="hand"
863
- [svgIcon]="handIcon"
864
- [toggleable]="true"
865
- [selected]="!isSelectionEnabled"
866
- [attr.title]="messageFor('panningTitle')"
867
- [attr.aria-label]="messageFor('panningTitle')"
868
- (click)="panningEnabled.emit(); isSelectionEnabled = false;"></button>
869
- </kendo-buttongroup>
870
- <button
871
- *ngSwitchCase="'search'"
872
- type="button"
873
- kendoPDFViewerToolbarFocusable
874
- kendoButton
875
- class="k-toolbar-button"
876
- fillMode="flat"
877
- icon="search"
878
- [disabled]="disabledTools"
879
- [attr.title]="messageFor('searchTitle')"
880
- [attr.aria-label]="messageFor('searchTitle')"
881
- aria-haspopup="dialog"
882
- [svgIcon]="searchIcon"
883
- (click)="search.emit()"></button>
884
- <button
885
- *ngSwitchCase="'open'"
886
- type="button"
887
- fillMode="flat"
888
- kendoPDFViewerToolbarFocusable
889
- kendoButton
890
- class="k-toolbar-button"
891
- fillMode="flat"
892
- icon="folder-open"
893
- [svgIcon]="folderOpenIcon"
894
- [attr.title]="messageFor('openTitle')"
895
- [attr.aria-label]="messageFor('openTitle')"
896
- [attr.aria-controls]="pagesContainerId"
897
- (click)="fileSelectEl?.nativeElement.click()">
898
- </button>
899
- <button
900
- *ngSwitchCase="'download'"
901
- type="button"
902
- fillMode="flat"
903
- kendoPDFViewerToolbarFocusable
904
- kendoButton
905
- class="k-toolbar-button"
906
- icon="download"
907
- [svgIcon]="downloadIcon"
908
- [disabled]="disabledTools"
909
- [attr.title]="messageFor('downloadTitle')"
910
- [attr.aria-label]="messageFor('downloadTitle')"
911
- (click)="download.emit()"></button>
912
- <button
913
- *ngSwitchCase="'print'"
914
- type="button"
915
- fillMode="flat"
916
- kendoPDFViewerToolbarFocusable
917
- kendoButton
918
- class="k-toolbar-button"
919
- icon="print"
920
- [svgIcon]="printIcon"
921
- [disabled]="disabledTools"
922
- [attr.title]="messageFor('printTitle')"
923
- [attr.aria-label]="messageFor('printTitle')"
924
- (click)="print.emit()"></button>
925
- <button
926
- *ngSwitchCase="'annotations'"
927
- type="button"
928
- [attr.id]="annotationsToolId"
929
- kendoPDFViewerToolbarFocusable
930
- kendoButton
931
- class="k-toolbar-button"
932
- fillMode="flat"
933
- icon="track-changes"
934
- [selected]="isAnnotationsToolbarVisible"
935
- [disabled]="disabledTools || !isSelectionEnabled"
936
- [attr.title]="messageFor('annotationsTitle')"
937
- [attr.aria-label]="messageFor('annotationsTitle')"
938
- [attr.aria-controls]="wrapperId"
939
- [attr.aria-expanded]="isAnnotationsToolbarVisible"
940
- [svgIcon]="trackChangesIcon"
941
- (click)="toggleAnnotationsToolbar.emit();"></button>
942
- </ng-container>
943
- </ng-container>
944
- </ng-container>
945
- <ng-container *ngIf="type === 'annotations'">
946
- <button
947
- type="button"
948
- kendoPDFViewerToolbarFocusable
949
- kendoButton
950
- class="k-toolbar-button"
951
- fillMode="flat"
952
- icon="highlight"
953
- [selected]="isHighlightMode"
954
- [disabled]="disabledTools"
955
- [attr.title]="messageFor('highlightAnnotationTitle')"
956
- [attr.aria-label]="messageFor('highlightAnnotationTitle')"
957
- aria-haspopup="dialog"
958
- [svgIcon]="highlightIcon"
959
- (click)="onHighlightClick()"></button>
960
- <div class="k-toolbar-separator k-separator"></div>
961
- <button
962
- type="button"
963
- fillMode="flat"
964
- kendoPDFViewerToolbarFocusable
965
- kendoButton
966
- [selected]="isFreeTextMode"
967
- class="k-toolbar-button"
968
- fillMode="flat"
969
- icon="free-text"
970
- [svgIcon]="freeTextIcon"
971
- [attr.title]="messageFor('freeTextAnnotationTitle')"
972
- [attr.aria-label]="messageFor('freeTextAnnotationTitle')"
973
- [attr.aria-controls]="pagesContainerId"
974
- (click)="onFreeTextClick()">
975
- </button>
976
- <span class="k-spacer"></span>
977
- <button
978
- type="button"
979
- fillMode="flat"
980
- kendoPDFViewerToolbarFocusable
981
- kendoButton
982
- class="k-toolbar-button"
983
- fillMode="flat"
984
- icon="x"
985
- [svgIcon]="xIcon"
986
- [attr.title]="messageFor('closeAnnotationsToolbarTitle')"
987
- [attr.aria-label]="messageFor('closeAnnotationsToolbarTitle')"
988
- [attr.aria-controls]="pagesContainerId"
989
- (click)="toggleAnnotationsToolbar.emit();">
990
- </button>
991
- </ng-container>
992
- <input
749
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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", type: "type", wrapperId: "wrapperId", isAnnotationsToolbarVisible: "isAnnotationsToolbarVisible", annotationsToolId: "annotationsToolId", isSelectionEnabled: "isSelectionEnabled" }, 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", toggleAnnotationsToolbar: "toggleAnnotationsToolbar", setAnnotationMode: "setAnnotationMode" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
750
+ @if (type === 'tools') {
751
+ @for (tool of tools; track tool) {
752
+ @switch (tool) {
753
+ @case ('pager') {
754
+ <kendo-toolbar-input-wrapper
755
+ kendoPDFViewerToolbarFocusable
756
+ [toolbarTool]="pager">
757
+ <kendo-datapager
758
+ #pager
759
+ [attr.aria-controls]="pagesContainerId"
760
+ [attr.aria-label]="messageFor('page') + ' ' + (skip + 1) + ' ' + messageFor('of') + total"
761
+ [class.k-disabled]="disabledTools"
762
+ [navigable]="true"
763
+ [pageSize]="pageSize"
764
+ [skip]="skip"
765
+ [total]="total"
766
+ [pageSizeValues]="false"
767
+ [info]="false"
768
+ [type]="pagerType"
769
+ (pageChange)="pageChange.emit($event)">
770
+ <kendo-datapager-messages
771
+ [firstPage]="messageFor('pagerFirstPage')"
772
+ [previousPage]="messageFor('pagerPreviousPage')"
773
+ [nextPage]="messageFor('pagerNextPage')"
774
+ [lastPage]="messageFor('pagerLastPage')"
775
+ [inputLabel]="messageFor('pagerInputLabel')"
776
+ [pageNumberInputTitle]="messageFor('pagerInputTitle')"
777
+ [of]="messageFor('pagerOf')"
778
+ [page]="messageFor('pagerPage')"></kendo-datapager-messages>
779
+ </kendo-datapager>
780
+ </kendo-toolbar-input-wrapper>
781
+ }
782
+ @case ('spacer') {
783
+ <span
784
+ class="k-spacer"></span>
785
+ }
786
+ @case ('zoomInOut') {
787
+ <kendo-buttongroup
788
+ [attr.aria-controls]="pagesContainerId"
789
+ class="k-button-group-flat k-toolbar-button-group"
790
+ [navigable]="false">
791
+ <button
792
+ type="button"
793
+ kendoButton
794
+ fillMode="flat"
795
+ kendoPDFViewerToolbarFocusable
796
+ icon="zoom-out"
797
+ [disabled]="disabledTools || zoomOutDisabled"
798
+ [svgIcon]="zoomOutIcon"
799
+ [attr.title]="messageFor('zoomOutTitle')"
800
+ [attr.aria-label]="messageFor('zoomOutTitle')"
801
+ (click)="zoomOut.emit()"></button>
802
+ <button
803
+ type="button"
804
+ kendoButton
805
+ fillMode="flat"
806
+ kendoPDFViewerToolbarFocusable
807
+ icon="zoom-in"
808
+ [disabled]="disabledTools || zoomInDisabled"
809
+ [svgIcon]="zoomInIcon"
810
+ [attr.title]="messageFor('zoomInTitle')"
811
+ [attr.aria-label]="messageFor('zoomInTitle')"
812
+ (click)="zoomIn.emit()"></button>
813
+ </kendo-buttongroup>
814
+ }
815
+ @case ('zoom') {
816
+ <kendo-toolbar-input-wrapper
817
+ kendoPDFViewerToolbarFocusable
818
+ [toolbarTool]="combobox">
819
+ <kendo-combobox
820
+ #combobox
821
+ kendoPDFViewerComboBox
822
+ class="k-toolbar-combobox"
823
+ fillMode="flat"
824
+ [attr.aria-controls]="pagesContainerId"
825
+ [tabindex]="-1"
826
+ [data]="zoomOptionsData"
827
+ [disabled]="disabledTools"
828
+ [placeholder]="messageFor('zoomInputPlaceholder')"
829
+ textField="displayValue"
830
+ valueField="id"
831
+ [value]="zoomLevelChooserValue"
832
+ [allowCustom]="true"
833
+ [valueNormalizer]="valueNormalizer"
834
+ [clearButton]="false"
835
+ (valueChange)="onZoomLevelChooserValueChange($event)">
836
+ <ng-template kendoComboBoxItemTemplate let-dataItem>
837
+ {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
838
+ </ng-template>
839
+ </kendo-combobox>
840
+ </kendo-toolbar-input-wrapper>
841
+ }
842
+ @case ('selection') {
843
+ <kendo-buttongroup
844
+ [attr.aria-controls]="pagesContainerId"
845
+ [navigable]="false"
846
+ class="k-button-group-flat k-toolbar-button-group"
847
+ selection="single">
848
+ <button
849
+ type="button"
850
+ kendoButton
851
+ kendoPDFViewerToolbarFocusable
852
+ fillMode="flat"
853
+ icon="pointer"
854
+ [selected]="isSelectionEnabled"
855
+ [toggleable]="true"
856
+ [svgIcon]="pointerIcon"
857
+ [attr.title]="messageFor('selectionTitle')"
858
+ [attr.aria-label]="messageFor('selectionTitle')"
859
+ (click)="selectionEnabled.emit(); isSelectionEnabled = true;"></button>
860
+ <button
861
+ type="button"
862
+ kendoButton
863
+ kendoPDFViewerToolbarFocusable
864
+ fillMode="flat"
865
+ icon="hand"
866
+ [svgIcon]="handIcon"
867
+ [toggleable]="true"
868
+ [selected]="!isSelectionEnabled"
869
+ [attr.title]="messageFor('panningTitle')"
870
+ [attr.aria-label]="messageFor('panningTitle')"
871
+ (click)="panningEnabled.emit(); isSelectionEnabled = false;"></button>
872
+ </kendo-buttongroup>
873
+ }
874
+ @case ('search') {
875
+ <button
876
+ type="button"
877
+ kendoPDFViewerToolbarFocusable
878
+ kendoButton
879
+ class="k-toolbar-button"
880
+ fillMode="flat"
881
+ icon="search"
882
+ [disabled]="disabledTools"
883
+ [attr.title]="messageFor('searchTitle')"
884
+ [attr.aria-label]="messageFor('searchTitle')"
885
+ aria-haspopup="dialog"
886
+ [svgIcon]="searchIcon"
887
+ (click)="search.emit()"></button>
888
+ }
889
+ @case ('open') {
890
+ <button
891
+ type="button"
892
+ fillMode="flat"
893
+ kendoPDFViewerToolbarFocusable
894
+ kendoButton
895
+ class="k-toolbar-button"
896
+ fillMode="flat"
897
+ icon="folder-open"
898
+ [svgIcon]="folderOpenIcon"
899
+ [attr.title]="messageFor('openTitle')"
900
+ [attr.aria-label]="messageFor('openTitle')"
901
+ [attr.aria-controls]="pagesContainerId"
902
+ (click)="fileSelectEl?.nativeElement.click()">
903
+ </button>
904
+ }
905
+ @case ('download') {
906
+ <button
907
+ type="button"
908
+ fillMode="flat"
909
+ kendoPDFViewerToolbarFocusable
910
+ kendoButton
911
+ class="k-toolbar-button"
912
+ icon="download"
913
+ [svgIcon]="downloadIcon"
914
+ [disabled]="disabledTools"
915
+ [attr.title]="messageFor('downloadTitle')"
916
+ [attr.aria-label]="messageFor('downloadTitle')"
917
+ (click)="download.emit()"></button>
918
+ }
919
+ @case ('print') {
920
+ <button
921
+ type="button"
922
+ fillMode="flat"
923
+ kendoPDFViewerToolbarFocusable
924
+ kendoButton
925
+ class="k-toolbar-button"
926
+ icon="print"
927
+ [svgIcon]="printIcon"
928
+ [disabled]="disabledTools"
929
+ [attr.title]="messageFor('printTitle')"
930
+ [attr.aria-label]="messageFor('printTitle')"
931
+ (click)="print.emit()"></button>
932
+ }
933
+ @case ('annotations') {
934
+ <button
935
+ type="button"
936
+ [attr.id]="annotationsToolId"
937
+ kendoPDFViewerToolbarFocusable
938
+ kendoButton
939
+ class="k-toolbar-button"
940
+ fillMode="flat"
941
+ icon="track-changes"
942
+ [selected]="isAnnotationsToolbarVisible"
943
+ [disabled]="disabledTools || !isSelectionEnabled"
944
+ [attr.title]="messageFor('annotationsTitle')"
945
+ [attr.aria-label]="messageFor('annotationsTitle')"
946
+ [attr.aria-controls]="wrapperId"
947
+ [attr.aria-expanded]="isAnnotationsToolbarVisible"
948
+ [svgIcon]="trackChangesIcon"
949
+ (click)="toggleAnnotationsToolbar.emit();"></button>
950
+ }
951
+ }
952
+ }
953
+ }
954
+ @if (type === 'annotations') {
955
+ <button
956
+ type="button"
957
+ kendoPDFViewerToolbarFocusable
958
+ kendoButton
959
+ class="k-toolbar-button"
960
+ fillMode="flat"
961
+ icon="highlight"
962
+ [selected]="isHighlightMode"
963
+ [disabled]="disabledTools"
964
+ [attr.title]="messageFor('highlightAnnotationTitle')"
965
+ [attr.aria-label]="messageFor('highlightAnnotationTitle')"
966
+ aria-haspopup="dialog"
967
+ [svgIcon]="highlightIcon"
968
+ (click)="onHighlightClick()"></button>
969
+ <div class="k-toolbar-separator k-separator"></div>
970
+ <button
971
+ type="button"
972
+ fillMode="flat"
973
+ kendoPDFViewerToolbarFocusable
974
+ kendoButton
975
+ [selected]="isFreeTextMode"
976
+ class="k-toolbar-button"
977
+ fillMode="flat"
978
+ icon="free-text"
979
+ [svgIcon]="freeTextIcon"
980
+ [attr.title]="messageFor('freeTextAnnotationTitle')"
981
+ [attr.aria-label]="messageFor('freeTextAnnotationTitle')"
982
+ [attr.aria-controls]="pagesContainerId"
983
+ (click)="onFreeTextClick()">
984
+ </button>
985
+ <span class="k-spacer"></span>
986
+ <button
987
+ type="button"
988
+ fillMode="flat"
989
+ kendoPDFViewerToolbarFocusable
990
+ kendoButton
991
+ class="k-toolbar-button"
992
+ fillMode="flat"
993
+ icon="x"
994
+ [svgIcon]="xIcon"
995
+ [attr.title]="messageFor('closeAnnotationsToolbarTitle')"
996
+ [attr.aria-label]="messageFor('closeAnnotationsToolbarTitle')"
997
+ [attr.aria-controls]="pagesContainerId"
998
+ (click)="toggleAnnotationsToolbar.emit();">
999
+ </button>
1000
+ }
1001
+ @if (type === 'tools' &&tools?.indexOf('open') > -1;) {
1002
+ <input
993
1003
  #fileSelectEl
994
- *ngIf="type === 'tools' &&tools?.indexOf('open') > -1;"
995
1004
  type="file"
996
1005
  [style.display]="'none'"
997
1006
  aria-hidden="true"
998
1007
  accept=".pdf, .PDF"
999
1008
  (change)="onFileSelect($event)" />
1000
- `, 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", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], 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", "adaptiveTitle", "adaptiveSubtitle", "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"] }] });
1009
+ }
1010
+ `, isInline: true, dependencies: [{ 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", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], 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", "adaptiveTitle", "adaptiveSubtitle", "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]" }] });
1001
1011
  }
1002
1012
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, decorators: [{
1003
1013
  type: Component,
@@ -1005,258 +1015,269 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1005
1015
  selector: '[kendoPDFViewerToolbar]',
1006
1016
  providers: [ToolbarNavigationService],
1007
1017
  template: `
1008
- <ng-container *ngIf="type === 'tools'">
1009
- <ng-container *ngFor="let tool of tools">
1010
- <ng-container [ngSwitch]="tool">
1011
- <kendo-toolbar-input-wrapper
1012
- *ngSwitchCase="'pager'"
1013
- kendoPDFViewerToolbarFocusable
1014
- [toolbarTool]="pager">
1015
- <kendo-datapager
1016
- #pager
1017
- [attr.aria-controls]="pagesContainerId"
1018
- [attr.aria-label]="messageFor('page') + ' ' + (skip + 1) + ' ' + messageFor('of') + total"
1019
- [class.k-disabled]="disabledTools"
1020
- [navigable]="true"
1021
- [pageSize]="pageSize"
1022
- [skip]="skip"
1023
- [total]="total"
1024
- [pageSizeValues]="false"
1025
- [info]="false"
1026
- [type]="pagerType"
1027
- (pageChange)="pageChange.emit($event)">
1028
- <kendo-datapager-messages
1029
- [firstPage]="messageFor('pagerFirstPage')"
1030
- [previousPage]="messageFor('pagerPreviousPage')"
1031
- [nextPage]="messageFor('pagerNextPage')"
1032
- [lastPage]="messageFor('pagerLastPage')"
1033
- [inputLabel]="messageFor('pagerInputLabel')"
1034
- [pageNumberInputTitle]="messageFor('pagerInputTitle')"
1035
- [of]="messageFor('pagerOf')"
1036
- [page]="messageFor('pagerPage')"></kendo-datapager-messages>
1037
- </kendo-datapager>
1038
- </kendo-toolbar-input-wrapper>
1039
- <span
1040
- *ngSwitchCase="'spacer'"
1041
- class="k-spacer"></span>
1042
- <kendo-buttongroup
1043
- *ngSwitchCase="'zoomInOut'"
1044
- [attr.aria-controls]="pagesContainerId"
1045
- class="k-button-group-flat k-toolbar-button-group"
1046
- [navigable]="false">
1047
- <button
1048
- type="button"
1049
- kendoButton
1050
- fillMode="flat"
1051
- kendoPDFViewerToolbarFocusable
1052
- icon="zoom-out"
1053
- [disabled]="disabledTools || zoomOutDisabled"
1054
- [svgIcon]="zoomOutIcon"
1055
- [attr.title]="messageFor('zoomOutTitle')"
1056
- [attr.aria-label]="messageFor('zoomOutTitle')"
1057
- (click)="zoomOut.emit()"></button>
1058
- <button
1059
- type="button"
1060
- kendoButton
1061
- fillMode="flat"
1062
- kendoPDFViewerToolbarFocusable
1063
- icon="zoom-in"
1064
- [disabled]="disabledTools || zoomInDisabled"
1065
- [svgIcon]="zoomInIcon"
1066
- [attr.title]="messageFor('zoomInTitle')"
1067
- [attr.aria-label]="messageFor('zoomInTitle')"
1068
- (click)="zoomIn.emit()"></button>
1069
- </kendo-buttongroup>
1070
- <kendo-toolbar-input-wrapper
1071
- *ngSwitchCase="'zoom'"
1072
- kendoPDFViewerToolbarFocusable
1073
- [toolbarTool]="combobox">
1074
- <kendo-combobox
1075
- #combobox
1076
- kendoPDFViewerComboBox
1077
- class="k-toolbar-combobox"
1078
- fillMode="flat"
1079
- [attr.aria-controls]="pagesContainerId"
1080
- [tabindex]="-1"
1081
- [data]="zoomOptionsData"
1082
- [disabled]="disabledTools"
1083
- [placeholder]="messageFor('zoomInputPlaceholder')"
1084
- textField="displayValue"
1085
- valueField="id"
1086
- [value]="zoomLevelChooserValue"
1087
- [allowCustom]="true"
1088
- [valueNormalizer]="valueNormalizer"
1089
- [clearButton]="false"
1090
- (valueChange)="onZoomLevelChooserValueChange($event)">
1091
- <ng-template kendoComboBoxItemTemplate let-dataItem>
1092
- {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
1093
- </ng-template>
1094
- </kendo-combobox>
1095
- </kendo-toolbar-input-wrapper>
1096
- <kendo-buttongroup
1097
- *ngSwitchCase="'selection'"
1098
- [attr.aria-controls]="pagesContainerId"
1099
- [navigable]="false"
1100
- class="k-button-group-flat k-toolbar-button-group"
1101
- selection="single">
1102
- <button
1103
- type="button"
1104
- kendoButton
1105
- kendoPDFViewerToolbarFocusable
1106
- fillMode="flat"
1107
- icon="pointer"
1108
- [selected]="isSelectionEnabled"
1109
- [toggleable]="true"
1110
- [svgIcon]="pointerIcon"
1111
- [attr.title]="messageFor('selectionTitle')"
1112
- [attr.aria-label]="messageFor('selectionTitle')"
1113
- (click)="selectionEnabled.emit(); isSelectionEnabled = true;"></button>
1114
- <button
1115
- type="button"
1116
- kendoButton
1117
- kendoPDFViewerToolbarFocusable
1118
- fillMode="flat"
1119
- icon="hand"
1120
- [svgIcon]="handIcon"
1121
- [toggleable]="true"
1122
- [selected]="!isSelectionEnabled"
1123
- [attr.title]="messageFor('panningTitle')"
1124
- [attr.aria-label]="messageFor('panningTitle')"
1125
- (click)="panningEnabled.emit(); isSelectionEnabled = false;"></button>
1126
- </kendo-buttongroup>
1127
- <button
1128
- *ngSwitchCase="'search'"
1129
- type="button"
1130
- kendoPDFViewerToolbarFocusable
1131
- kendoButton
1132
- class="k-toolbar-button"
1133
- fillMode="flat"
1134
- icon="search"
1135
- [disabled]="disabledTools"
1136
- [attr.title]="messageFor('searchTitle')"
1137
- [attr.aria-label]="messageFor('searchTitle')"
1138
- aria-haspopup="dialog"
1139
- [svgIcon]="searchIcon"
1140
- (click)="search.emit()"></button>
1141
- <button
1142
- *ngSwitchCase="'open'"
1143
- type="button"
1144
- fillMode="flat"
1145
- kendoPDFViewerToolbarFocusable
1146
- kendoButton
1147
- class="k-toolbar-button"
1148
- fillMode="flat"
1149
- icon="folder-open"
1150
- [svgIcon]="folderOpenIcon"
1151
- [attr.title]="messageFor('openTitle')"
1152
- [attr.aria-label]="messageFor('openTitle')"
1153
- [attr.aria-controls]="pagesContainerId"
1154
- (click)="fileSelectEl?.nativeElement.click()">
1155
- </button>
1156
- <button
1157
- *ngSwitchCase="'download'"
1158
- type="button"
1159
- fillMode="flat"
1160
- kendoPDFViewerToolbarFocusable
1161
- kendoButton
1162
- class="k-toolbar-button"
1163
- icon="download"
1164
- [svgIcon]="downloadIcon"
1165
- [disabled]="disabledTools"
1166
- [attr.title]="messageFor('downloadTitle')"
1167
- [attr.aria-label]="messageFor('downloadTitle')"
1168
- (click)="download.emit()"></button>
1169
- <button
1170
- *ngSwitchCase="'print'"
1171
- type="button"
1172
- fillMode="flat"
1173
- kendoPDFViewerToolbarFocusable
1174
- kendoButton
1175
- class="k-toolbar-button"
1176
- icon="print"
1177
- [svgIcon]="printIcon"
1178
- [disabled]="disabledTools"
1179
- [attr.title]="messageFor('printTitle')"
1180
- [attr.aria-label]="messageFor('printTitle')"
1181
- (click)="print.emit()"></button>
1182
- <button
1183
- *ngSwitchCase="'annotations'"
1184
- type="button"
1185
- [attr.id]="annotationsToolId"
1186
- kendoPDFViewerToolbarFocusable
1187
- kendoButton
1188
- class="k-toolbar-button"
1189
- fillMode="flat"
1190
- icon="track-changes"
1191
- [selected]="isAnnotationsToolbarVisible"
1192
- [disabled]="disabledTools || !isSelectionEnabled"
1193
- [attr.title]="messageFor('annotationsTitle')"
1194
- [attr.aria-label]="messageFor('annotationsTitle')"
1195
- [attr.aria-controls]="wrapperId"
1196
- [attr.aria-expanded]="isAnnotationsToolbarVisible"
1197
- [svgIcon]="trackChangesIcon"
1198
- (click)="toggleAnnotationsToolbar.emit();"></button>
1199
- </ng-container>
1200
- </ng-container>
1201
- </ng-container>
1202
- <ng-container *ngIf="type === 'annotations'">
1203
- <button
1204
- type="button"
1205
- kendoPDFViewerToolbarFocusable
1206
- kendoButton
1207
- class="k-toolbar-button"
1208
- fillMode="flat"
1209
- icon="highlight"
1210
- [selected]="isHighlightMode"
1211
- [disabled]="disabledTools"
1212
- [attr.title]="messageFor('highlightAnnotationTitle')"
1213
- [attr.aria-label]="messageFor('highlightAnnotationTitle')"
1214
- aria-haspopup="dialog"
1215
- [svgIcon]="highlightIcon"
1216
- (click)="onHighlightClick()"></button>
1217
- <div class="k-toolbar-separator k-separator"></div>
1218
- <button
1219
- type="button"
1220
- fillMode="flat"
1221
- kendoPDFViewerToolbarFocusable
1222
- kendoButton
1223
- [selected]="isFreeTextMode"
1224
- class="k-toolbar-button"
1225
- fillMode="flat"
1226
- icon="free-text"
1227
- [svgIcon]="freeTextIcon"
1228
- [attr.title]="messageFor('freeTextAnnotationTitle')"
1229
- [attr.aria-label]="messageFor('freeTextAnnotationTitle')"
1230
- [attr.aria-controls]="pagesContainerId"
1231
- (click)="onFreeTextClick()">
1232
- </button>
1233
- <span class="k-spacer"></span>
1234
- <button
1235
- type="button"
1236
- fillMode="flat"
1237
- kendoPDFViewerToolbarFocusable
1238
- kendoButton
1239
- class="k-toolbar-button"
1240
- fillMode="flat"
1241
- icon="x"
1242
- [svgIcon]="xIcon"
1243
- [attr.title]="messageFor('closeAnnotationsToolbarTitle')"
1244
- [attr.aria-label]="messageFor('closeAnnotationsToolbarTitle')"
1245
- [attr.aria-controls]="pagesContainerId"
1246
- (click)="toggleAnnotationsToolbar.emit();">
1247
- </button>
1248
- </ng-container>
1249
- <input
1018
+ @if (type === 'tools') {
1019
+ @for (tool of tools; track tool) {
1020
+ @switch (tool) {
1021
+ @case ('pager') {
1022
+ <kendo-toolbar-input-wrapper
1023
+ kendoPDFViewerToolbarFocusable
1024
+ [toolbarTool]="pager">
1025
+ <kendo-datapager
1026
+ #pager
1027
+ [attr.aria-controls]="pagesContainerId"
1028
+ [attr.aria-label]="messageFor('page') + ' ' + (skip + 1) + ' ' + messageFor('of') + total"
1029
+ [class.k-disabled]="disabledTools"
1030
+ [navigable]="true"
1031
+ [pageSize]="pageSize"
1032
+ [skip]="skip"
1033
+ [total]="total"
1034
+ [pageSizeValues]="false"
1035
+ [info]="false"
1036
+ [type]="pagerType"
1037
+ (pageChange)="pageChange.emit($event)">
1038
+ <kendo-datapager-messages
1039
+ [firstPage]="messageFor('pagerFirstPage')"
1040
+ [previousPage]="messageFor('pagerPreviousPage')"
1041
+ [nextPage]="messageFor('pagerNextPage')"
1042
+ [lastPage]="messageFor('pagerLastPage')"
1043
+ [inputLabel]="messageFor('pagerInputLabel')"
1044
+ [pageNumberInputTitle]="messageFor('pagerInputTitle')"
1045
+ [of]="messageFor('pagerOf')"
1046
+ [page]="messageFor('pagerPage')"></kendo-datapager-messages>
1047
+ </kendo-datapager>
1048
+ </kendo-toolbar-input-wrapper>
1049
+ }
1050
+ @case ('spacer') {
1051
+ <span
1052
+ class="k-spacer"></span>
1053
+ }
1054
+ @case ('zoomInOut') {
1055
+ <kendo-buttongroup
1056
+ [attr.aria-controls]="pagesContainerId"
1057
+ class="k-button-group-flat k-toolbar-button-group"
1058
+ [navigable]="false">
1059
+ <button
1060
+ type="button"
1061
+ kendoButton
1062
+ fillMode="flat"
1063
+ kendoPDFViewerToolbarFocusable
1064
+ icon="zoom-out"
1065
+ [disabled]="disabledTools || zoomOutDisabled"
1066
+ [svgIcon]="zoomOutIcon"
1067
+ [attr.title]="messageFor('zoomOutTitle')"
1068
+ [attr.aria-label]="messageFor('zoomOutTitle')"
1069
+ (click)="zoomOut.emit()"></button>
1070
+ <button
1071
+ type="button"
1072
+ kendoButton
1073
+ fillMode="flat"
1074
+ kendoPDFViewerToolbarFocusable
1075
+ icon="zoom-in"
1076
+ [disabled]="disabledTools || zoomInDisabled"
1077
+ [svgIcon]="zoomInIcon"
1078
+ [attr.title]="messageFor('zoomInTitle')"
1079
+ [attr.aria-label]="messageFor('zoomInTitle')"
1080
+ (click)="zoomIn.emit()"></button>
1081
+ </kendo-buttongroup>
1082
+ }
1083
+ @case ('zoom') {
1084
+ <kendo-toolbar-input-wrapper
1085
+ kendoPDFViewerToolbarFocusable
1086
+ [toolbarTool]="combobox">
1087
+ <kendo-combobox
1088
+ #combobox
1089
+ kendoPDFViewerComboBox
1090
+ class="k-toolbar-combobox"
1091
+ fillMode="flat"
1092
+ [attr.aria-controls]="pagesContainerId"
1093
+ [tabindex]="-1"
1094
+ [data]="zoomOptionsData"
1095
+ [disabled]="disabledTools"
1096
+ [placeholder]="messageFor('zoomInputPlaceholder')"
1097
+ textField="displayValue"
1098
+ valueField="id"
1099
+ [value]="zoomLevelChooserValue"
1100
+ [allowCustom]="true"
1101
+ [valueNormalizer]="valueNormalizer"
1102
+ [clearButton]="false"
1103
+ (valueChange)="onZoomLevelChooserValueChange($event)">
1104
+ <ng-template kendoComboBoxItemTemplate let-dataItem>
1105
+ {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
1106
+ </ng-template>
1107
+ </kendo-combobox>
1108
+ </kendo-toolbar-input-wrapper>
1109
+ }
1110
+ @case ('selection') {
1111
+ <kendo-buttongroup
1112
+ [attr.aria-controls]="pagesContainerId"
1113
+ [navigable]="false"
1114
+ class="k-button-group-flat k-toolbar-button-group"
1115
+ selection="single">
1116
+ <button
1117
+ type="button"
1118
+ kendoButton
1119
+ kendoPDFViewerToolbarFocusable
1120
+ fillMode="flat"
1121
+ icon="pointer"
1122
+ [selected]="isSelectionEnabled"
1123
+ [toggleable]="true"
1124
+ [svgIcon]="pointerIcon"
1125
+ [attr.title]="messageFor('selectionTitle')"
1126
+ [attr.aria-label]="messageFor('selectionTitle')"
1127
+ (click)="selectionEnabled.emit(); isSelectionEnabled = true;"></button>
1128
+ <button
1129
+ type="button"
1130
+ kendoButton
1131
+ kendoPDFViewerToolbarFocusable
1132
+ fillMode="flat"
1133
+ icon="hand"
1134
+ [svgIcon]="handIcon"
1135
+ [toggleable]="true"
1136
+ [selected]="!isSelectionEnabled"
1137
+ [attr.title]="messageFor('panningTitle')"
1138
+ [attr.aria-label]="messageFor('panningTitle')"
1139
+ (click)="panningEnabled.emit(); isSelectionEnabled = false;"></button>
1140
+ </kendo-buttongroup>
1141
+ }
1142
+ @case ('search') {
1143
+ <button
1144
+ type="button"
1145
+ kendoPDFViewerToolbarFocusable
1146
+ kendoButton
1147
+ class="k-toolbar-button"
1148
+ fillMode="flat"
1149
+ icon="search"
1150
+ [disabled]="disabledTools"
1151
+ [attr.title]="messageFor('searchTitle')"
1152
+ [attr.aria-label]="messageFor('searchTitle')"
1153
+ aria-haspopup="dialog"
1154
+ [svgIcon]="searchIcon"
1155
+ (click)="search.emit()"></button>
1156
+ }
1157
+ @case ('open') {
1158
+ <button
1159
+ type="button"
1160
+ fillMode="flat"
1161
+ kendoPDFViewerToolbarFocusable
1162
+ kendoButton
1163
+ class="k-toolbar-button"
1164
+ fillMode="flat"
1165
+ icon="folder-open"
1166
+ [svgIcon]="folderOpenIcon"
1167
+ [attr.title]="messageFor('openTitle')"
1168
+ [attr.aria-label]="messageFor('openTitle')"
1169
+ [attr.aria-controls]="pagesContainerId"
1170
+ (click)="fileSelectEl?.nativeElement.click()">
1171
+ </button>
1172
+ }
1173
+ @case ('download') {
1174
+ <button
1175
+ type="button"
1176
+ fillMode="flat"
1177
+ kendoPDFViewerToolbarFocusable
1178
+ kendoButton
1179
+ class="k-toolbar-button"
1180
+ icon="download"
1181
+ [svgIcon]="downloadIcon"
1182
+ [disabled]="disabledTools"
1183
+ [attr.title]="messageFor('downloadTitle')"
1184
+ [attr.aria-label]="messageFor('downloadTitle')"
1185
+ (click)="download.emit()"></button>
1186
+ }
1187
+ @case ('print') {
1188
+ <button
1189
+ type="button"
1190
+ fillMode="flat"
1191
+ kendoPDFViewerToolbarFocusable
1192
+ kendoButton
1193
+ class="k-toolbar-button"
1194
+ icon="print"
1195
+ [svgIcon]="printIcon"
1196
+ [disabled]="disabledTools"
1197
+ [attr.title]="messageFor('printTitle')"
1198
+ [attr.aria-label]="messageFor('printTitle')"
1199
+ (click)="print.emit()"></button>
1200
+ }
1201
+ @case ('annotations') {
1202
+ <button
1203
+ type="button"
1204
+ [attr.id]="annotationsToolId"
1205
+ kendoPDFViewerToolbarFocusable
1206
+ kendoButton
1207
+ class="k-toolbar-button"
1208
+ fillMode="flat"
1209
+ icon="track-changes"
1210
+ [selected]="isAnnotationsToolbarVisible"
1211
+ [disabled]="disabledTools || !isSelectionEnabled"
1212
+ [attr.title]="messageFor('annotationsTitle')"
1213
+ [attr.aria-label]="messageFor('annotationsTitle')"
1214
+ [attr.aria-controls]="wrapperId"
1215
+ [attr.aria-expanded]="isAnnotationsToolbarVisible"
1216
+ [svgIcon]="trackChangesIcon"
1217
+ (click)="toggleAnnotationsToolbar.emit();"></button>
1218
+ }
1219
+ }
1220
+ }
1221
+ }
1222
+ @if (type === 'annotations') {
1223
+ <button
1224
+ type="button"
1225
+ kendoPDFViewerToolbarFocusable
1226
+ kendoButton
1227
+ class="k-toolbar-button"
1228
+ fillMode="flat"
1229
+ icon="highlight"
1230
+ [selected]="isHighlightMode"
1231
+ [disabled]="disabledTools"
1232
+ [attr.title]="messageFor('highlightAnnotationTitle')"
1233
+ [attr.aria-label]="messageFor('highlightAnnotationTitle')"
1234
+ aria-haspopup="dialog"
1235
+ [svgIcon]="highlightIcon"
1236
+ (click)="onHighlightClick()"></button>
1237
+ <div class="k-toolbar-separator k-separator"></div>
1238
+ <button
1239
+ type="button"
1240
+ fillMode="flat"
1241
+ kendoPDFViewerToolbarFocusable
1242
+ kendoButton
1243
+ [selected]="isFreeTextMode"
1244
+ class="k-toolbar-button"
1245
+ fillMode="flat"
1246
+ icon="free-text"
1247
+ [svgIcon]="freeTextIcon"
1248
+ [attr.title]="messageFor('freeTextAnnotationTitle')"
1249
+ [attr.aria-label]="messageFor('freeTextAnnotationTitle')"
1250
+ [attr.aria-controls]="pagesContainerId"
1251
+ (click)="onFreeTextClick()">
1252
+ </button>
1253
+ <span class="k-spacer"></span>
1254
+ <button
1255
+ type="button"
1256
+ fillMode="flat"
1257
+ kendoPDFViewerToolbarFocusable
1258
+ kendoButton
1259
+ class="k-toolbar-button"
1260
+ fillMode="flat"
1261
+ icon="x"
1262
+ [svgIcon]="xIcon"
1263
+ [attr.title]="messageFor('closeAnnotationsToolbarTitle')"
1264
+ [attr.aria-label]="messageFor('closeAnnotationsToolbarTitle')"
1265
+ [attr.aria-controls]="pagesContainerId"
1266
+ (click)="toggleAnnotationsToolbar.emit();">
1267
+ </button>
1268
+ }
1269
+ @if (type === 'tools' &&tools?.indexOf('open') > -1;) {
1270
+ <input
1250
1271
  #fileSelectEl
1251
- *ngIf="type === 'tools' &&tools?.indexOf('open') > -1;"
1252
1272
  type="file"
1253
1273
  [style.display]="'none'"
1254
1274
  aria-hidden="true"
1255
1275
  accept=".pdf, .PDF"
1256
1276
  (change)="onFileSelect($event)" />
1257
- `,
1277
+ }
1278
+ `,
1258
1279
  standalone: true,
1259
- imports: [NgFor, NgSwitch, NgSwitchCase, ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective, NgIf]
1280
+ imports: [ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective]
1260
1281
  }]
1261
1282
  }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: ToolbarNavigationService }], propDecorators: { toolbarClasses: [{
1262
1283
  type: HostBinding,
@@ -1672,50 +1693,50 @@ class AnnotationPopupToolbarContentComponent {
1672
1693
  this.pdfViewerWidget[this.annotationEditorType === 'highlight' ? 'setHighlightColor' : 'setFreeTextColor'](value);
1673
1694
  }
1674
1695
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnnotationPopupToolbarContentComponent, deps: [{ token: i1$2.DialogService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1675
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AnnotationPopupToolbarContentComponent, isStandalone: true, selector: "[kendoPDFViewerAnnotationPopupToolbar]", host: { properties: { "class.k-toolbar": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "class.k-toolbar-flat": "this.hostClasses" } }, providers: [DialogService], ngImport: i0, template: `
1676
- <ng-container *ngIf="showToolbar">
1677
- <button
1678
- kendoButton
1679
- [attr.title]="localizationService?.get('annotationEditorTitle')"
1680
- [attr.aria-label]="localizationService?.get('annotationEditorTitle')"
1681
- [svgIcon]="paletteIcon"
1682
- icon="palette"
1683
- fillMode="flat"
1684
- type="button"
1685
- (click)="editAnnotation()"></button>
1686
- <button
1687
- kendoButton
1688
- [attr.title]="localizationService?.get('deleteAnnotationTitle')"
1689
- [attr.aria-label]="localizationService?.get('deleteAnnotationTitle')"
1690
- [svgIcon]="trashIcon"
1691
- icon="trash"
1692
- fillMode="flat"
1693
- type="button"
1694
- (click)="deleteAnnotation()"></button>
1695
- </ng-container>
1696
- <ng-container *ngIf="!showToolbar">
1697
- <ng-container *ngIf="annotationEditorType === 'freeText'">
1698
- <span class="k-column-menu-group-header">
1699
- <span id="text-font-size-label" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorFontSizeTitle') }}</span>
1700
- </span>
1701
- <kendo-dropdownlist
1702
- [data]="fontSizes"
1703
- [value]="initialFontSize"
1704
- (valueChange)="pdfViewerWidget.setFreeTextFontSize($event)"
1705
- fillMode="flat"
1706
- aria-labelledby="text-font-size-label"></kendo-dropdownlist>
1707
- </ng-container>
1696
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AnnotationPopupToolbarContentComponent, isStandalone: true, selector: "[kendoPDFViewerAnnotationPopupToolbar]", host: { properties: { "class.k-toolbar": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "class.k-toolbar-flat": "this.hostClasses" } }, providers: [DialogService], ngImport: i0, template: `
1697
+ @if (showToolbar) {
1698
+ <button
1699
+ kendoButton
1700
+ [attr.title]="localizationService?.get('annotationEditorTitle')"
1701
+ [attr.aria-label]="localizationService?.get('annotationEditorTitle')"
1702
+ [svgIcon]="paletteIcon"
1703
+ icon="palette"
1704
+ fillMode="flat"
1705
+ type="button"
1706
+ (click)="editAnnotation()"></button>
1707
+ <button
1708
+ kendoButton
1709
+ [attr.title]="localizationService?.get('deleteAnnotationTitle')"
1710
+ [attr.aria-label]="localizationService?.get('deleteAnnotationTitle')"
1711
+ [svgIcon]="trashIcon"
1712
+ icon="trash"
1713
+ fillMode="flat"
1714
+ type="button"
1715
+ (click)="deleteAnnotation()"></button>
1716
+ }
1717
+ @if (!showToolbar) {
1718
+ @if (annotationEditorType === 'freeText') {
1708
1719
  <span class="k-column-menu-group-header">
1709
- <label [for]="flatColorPicker" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorColorTitle') }}</label>
1720
+ <span id="text-font-size-label" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorFontSizeTitle') }}</span>
1710
1721
  </span>
1711
- <kendo-flatcolorpicker
1712
- #flatColorPicker
1713
- [preview]="false"
1714
- [value]="initialColor"
1715
- (valueChange)="onColorValueChange($event)"
1716
- fillMode="flat"></kendo-flatcolorpicker>
1717
- <ng-container>
1718
- `, isInline: true, dependencies: [{ kind: "component", type: i2.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: i3.FlatColorPickerComponent, selector: "kendo-flatcolorpicker", inputs: ["readonly", "disabled", "format", "value", "tabindex", "clearButton", "preview", "actionsLayout", "activeView", "views", "gradientSettings", "adaptiveMode", "paletteSettings", "size"], outputs: ["valueChange", "cancel", "activeViewChange", "clearButtonClick", "actionButtonClick"], exportAs: ["kendoFlatColorPicker"] }, { kind: "component", type: i1$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1722
+ <kendo-dropdownlist
1723
+ [data]="fontSizes"
1724
+ [value]="initialFontSize"
1725
+ (valueChange)="pdfViewerWidget.setFreeTextFontSize($event)"
1726
+ fillMode="flat"
1727
+ aria-labelledby="text-font-size-label"></kendo-dropdownlist>
1728
+ }
1729
+ <span class="k-column-menu-group-header">
1730
+ <label [for]="flatColorPicker" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorColorTitle') }}</label>
1731
+ </span>
1732
+ <kendo-flatcolorpicker
1733
+ #flatColorPicker
1734
+ [preview]="false"
1735
+ [value]="initialColor"
1736
+ (valueChange)="onColorValueChange($event)"
1737
+ fillMode="flat"></kendo-flatcolorpicker>
1738
+ }
1739
+ `, isInline: true, dependencies: [{ kind: "component", type: i2.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: i3.FlatColorPickerComponent, selector: "kendo-flatcolorpicker", inputs: ["readonly", "disabled", "format", "value", "tabindex", "clearButton", "preview", "actionsLayout", "activeView", "views", "gradientSettings", "adaptiveMode", "paletteSettings", "size"], outputs: ["valueChange", "cancel", "activeViewChange", "clearButtonClick", "actionButtonClick"], exportAs: ["kendoFlatColorPicker"] }, { kind: "component", type: i1$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] });
1719
1740
  }
1720
1741
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnnotationPopupToolbarContentComponent, decorators: [{
1721
1742
  type: Component,
@@ -1723,50 +1744,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1723
1744
  selector: '[kendoPDFViewerAnnotationPopupToolbar]',
1724
1745
  standalone: true,
1725
1746
  providers: [DialogService],
1726
- imports: [KENDO_BUTTON, KENDO_FLATCOLORPICKER, KENDO_DROPDOWNLIST, NgIf],
1747
+ imports: [KENDO_BUTTON, KENDO_FLATCOLORPICKER, KENDO_DROPDOWNLIST],
1727
1748
  template: `
1728
- <ng-container *ngIf="showToolbar">
1729
- <button
1730
- kendoButton
1731
- [attr.title]="localizationService?.get('annotationEditorTitle')"
1732
- [attr.aria-label]="localizationService?.get('annotationEditorTitle')"
1733
- [svgIcon]="paletteIcon"
1734
- icon="palette"
1735
- fillMode="flat"
1736
- type="button"
1737
- (click)="editAnnotation()"></button>
1738
- <button
1739
- kendoButton
1740
- [attr.title]="localizationService?.get('deleteAnnotationTitle')"
1741
- [attr.aria-label]="localizationService?.get('deleteAnnotationTitle')"
1742
- [svgIcon]="trashIcon"
1743
- icon="trash"
1744
- fillMode="flat"
1745
- type="button"
1746
- (click)="deleteAnnotation()"></button>
1747
- </ng-container>
1748
- <ng-container *ngIf="!showToolbar">
1749
- <ng-container *ngIf="annotationEditorType === 'freeText'">
1750
- <span class="k-column-menu-group-header">
1751
- <span id="text-font-size-label" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorFontSizeTitle') }}</span>
1752
- </span>
1753
- <kendo-dropdownlist
1754
- [data]="fontSizes"
1755
- [value]="initialFontSize"
1756
- (valueChange)="pdfViewerWidget.setFreeTextFontSize($event)"
1757
- fillMode="flat"
1758
- aria-labelledby="text-font-size-label"></kendo-dropdownlist>
1759
- </ng-container>
1749
+ @if (showToolbar) {
1750
+ <button
1751
+ kendoButton
1752
+ [attr.title]="localizationService?.get('annotationEditorTitle')"
1753
+ [attr.aria-label]="localizationService?.get('annotationEditorTitle')"
1754
+ [svgIcon]="paletteIcon"
1755
+ icon="palette"
1756
+ fillMode="flat"
1757
+ type="button"
1758
+ (click)="editAnnotation()"></button>
1759
+ <button
1760
+ kendoButton
1761
+ [attr.title]="localizationService?.get('deleteAnnotationTitle')"
1762
+ [attr.aria-label]="localizationService?.get('deleteAnnotationTitle')"
1763
+ [svgIcon]="trashIcon"
1764
+ icon="trash"
1765
+ fillMode="flat"
1766
+ type="button"
1767
+ (click)="deleteAnnotation()"></button>
1768
+ }
1769
+ @if (!showToolbar) {
1770
+ @if (annotationEditorType === 'freeText') {
1760
1771
  <span class="k-column-menu-group-header">
1761
- <label [for]="flatColorPicker" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorColorTitle') }}</label>
1772
+ <span id="text-font-size-label" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorFontSizeTitle') }}</span>
1762
1773
  </span>
1763
- <kendo-flatcolorpicker
1764
- #flatColorPicker
1765
- [preview]="false"
1766
- [value]="initialColor"
1767
- (valueChange)="onColorValueChange($event)"
1768
- fillMode="flat"></kendo-flatcolorpicker>
1769
- <ng-container>
1774
+ <kendo-dropdownlist
1775
+ [data]="fontSizes"
1776
+ [value]="initialFontSize"
1777
+ (valueChange)="pdfViewerWidget.setFreeTextFontSize($event)"
1778
+ fillMode="flat"
1779
+ aria-labelledby="text-font-size-label"></kendo-dropdownlist>
1780
+ }
1781
+ <span class="k-column-menu-group-header">
1782
+ <label [for]="flatColorPicker" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorColorTitle') }}</label>
1783
+ </span>
1784
+ <kendo-flatcolorpicker
1785
+ #flatColorPicker
1786
+ [preview]="false"
1787
+ [value]="initialColor"
1788
+ (valueChange)="onColorValueChange($event)"
1789
+ fillMode="flat"></kendo-flatcolorpicker>
1790
+ }
1770
1791
  `
1771
1792
  }]
1772
1793
  }], ctorParameters: () => [{ type: i1$2.DialogService }, { type: i0.NgZone }], propDecorators: { hostClasses: [{
@@ -2431,7 +2452,7 @@ class PDFViewerComponent {
2431
2452
  return observer;
2432
2453
  };
2433
2454
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFViewerComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2$1.PopupService }], target: i0.ɵɵFactoryTarget.Component });
2434
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PDFViewerComponent, isStandalone: true, selector: "kendo-pdfviewer", inputs: { tools: "tools", loaderSettings: "loaderSettings", renderForms: "renderForms", saveFileName: "saveFileName", saveOptions: "saveOptions", url: "url", data: "data", arrayBuffer: "arrayBuffer", typedArray: "typedArray", zoom: "zoom", zoomRate: "zoomRate", minZoom: "minZoom", maxZoom: "maxZoom", loadOnDemand: "loadOnDemand", loadOnDemandPageSize: "loadOnDemandPageSize", removeAnnotationConfirmation: "removeAnnotationConfirmation" }, outputs: { load: "load", error: "error", download: "download", pageChange: "pageChange", zoomLevelChange: "zoomLevelChange" }, host: { properties: { "class.k-pdf-viewer": "this.hostClass", "attr.dir": "this.direction", "attr.display": "this.display" } }, providers: [
2455
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PDFViewerComponent, isStandalone: true, selector: "kendo-pdfviewer", inputs: { tools: "tools", loaderSettings: "loaderSettings", renderForms: "renderForms", saveFileName: "saveFileName", saveOptions: "saveOptions", url: "url", data: "data", arrayBuffer: "arrayBuffer", typedArray: "typedArray", zoom: "zoom", zoomRate: "zoomRate", minZoom: "minZoom", maxZoom: "maxZoom", loadOnDemand: "loadOnDemand", loadOnDemandPageSize: "loadOnDemandPageSize", removeAnnotationConfirmation: "removeAnnotationConfirmation" }, outputs: { load: "load", error: "error", download: "download", pageChange: "pageChange", zoomLevelChange: "zoomLevelChange" }, host: { properties: { "class.k-pdf-viewer": "this.hostClass", "attr.dir": "this.direction", "attr.display": "this.display" } }, providers: [
2435
2456
  LocalizationService,
2436
2457
  {
2437
2458
  provide: L10N_PREFIX,
@@ -2439,151 +2460,153 @@ class PDFViewerComponent {
2439
2460
  }
2440
2461
  ], viewQueries: [{ propertyName: "pagesContainer", first: true, predicate: ["pagesContainer"], descendants: true }, { propertyName: "pagesContainerViewContainerRef", first: true, predicate: ["pagesContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dialogContainerViewContainerRef", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }], exportAs: ["kendo-pdfviewer"], usesOnChanges: true, ngImport: i0, template: `
2441
2462
  <ng-container kendoPDFViewerLocalizedMessages
2442
- i18n-pagerFirstPage="kendo.pdfviewer.pagerFirstPage|The label for the first page button in the Pager"
2443
- pagerFirstPage="Go to the first page"
2444
-
2445
- i18n-pagerPreviousPage="kendo.pdfviewer.pagerPreviousPage|The label for the previous page button in the Pager"
2446
- pagerPreviousPage="Go to the previous page"
2447
-
2448
- i18n-pagerNextPage="kendo.pdfviewer.pagerNextPage|The label for the next page button in the Pager"
2449
- pagerNextPage="Go to the next page"
2450
-
2451
- i18n-pagerLastPage="kendo.pdfviewer.pagerLastPage|The label for the last page button in the Pager"
2452
- pagerLastPage="Go to the last page"
2453
-
2454
- i18n-pagerPage="kendo.pdfviewer.pagerPage|The text before the current page number in the Pager"
2455
- pagerPage="Page"
2456
-
2457
- i18n-pagerOf="kendo.pdfviewer.pagerOf|The text before the total pages number in the Pager"
2458
- pagerOf="of"
2459
-
2460
- i18n-pagerInputTitle="kendo.pdfviewer.pagerInputTitle|The label of the pager input element"
2461
- pagerInputTitle="Page Number"
2462
-
2463
- i18n-pagerInputLabel="kendo.pdfviewer.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2464
- pagerInputLabel="Type a page number"
2465
-
2466
- i18n-zoomInTitle="kendo.pdfviewer.zoomInTitle|The ZoomIn tool title and label."
2467
- zoomInTitle="Zoom in"
2468
-
2469
- i18n-zoomOutTitle="kendo.pdfviewer.zoomOutTitle|The ZoomOut tool title and label."
2470
- zoomOutTitle="Zoom out"
2471
-
2472
- i18n-selectionTitle="kendo.pdfviewer.selectionTitle|The Selection tool title and label."
2473
- selectionTitle="Enable selection"
2474
-
2475
- i18n-panningTitle="kendo.pdfviewer.panningTitle|The Panning tool title and label."
2476
- panningTitle="Enable panning"
2477
-
2478
- i18n-searchTitle="kendo.pdfviewer.searchTitle|The Search tool title and label."
2479
- searchTitle="Search"
2480
-
2481
- i18n-openTitle="kendo.pdfviewer.openTitle|The Open tool title and label."
2482
- openTitle="Open"
2483
-
2484
- i18n-downloadTitle="kendo.pdfviewer.downloadTitle|The Download tool title and label."
2485
- downloadTitle="Download"
2486
-
2487
- i18n-printTitle="kendo.pdfviewer.printTitle|The Print tool title and label."
2488
- printTitle="Print"
2489
-
2490
- i18n-fitToPage="kendo.pdfviewer.fitToPage|The text for the zoom level chooser Fit to page option."
2491
- fitToPage="Fit to page"
2492
-
2493
- i18n-fitToWidth="kendo.pdfviewer.fitToWidth|The text for the zoom level chooser Fit to width option."
2494
- fitToWidth="Fit to width"
2495
-
2496
- i18n-searchInputPlaceholder="kendo.pdfviewer.searchInputPlaceholder|The text for the search input placeholder."
2497
- searchInputPlaceholder="Search"
2498
-
2499
- i18n-searchMatchesOf="kendo.pdfviewer.searchMatchesOf|The text before the total number of matches in the Search tool."
2500
- searchMatchesOf="of"
2501
-
2502
- i18n-searchPreviousMatchTitle="kendo.pdfviewer.searchPreviousMatchTitle|The title of the Search tool previous match button."
2503
- searchPreviousMatchTitle="Previous match"
2504
-
2505
- i18n-searchNextMatchTitle="kendo.pdfviewer.searchNextMatchTitle|The title of the Search tool next match button."
2506
- searchNextMatchTitle="Next match"
2507
-
2508
- i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
2509
- searchCloseTitle="Close"
2510
-
2511
- i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
2512
- searchMatchCaseTitle="Match case"
2513
-
2514
- i18n-zoomInputPlaceholder="kendo.pdfviewer.zoomInputPlaceholder|The text for the zoom tool input placeholder."
2515
- zoomInputPlaceholder="Choose zoom level"
2516
-
2517
- i18n-annotationsTitle="kendo.pdfviewer.annotationsTitle|The Annotations tool title and label."
2518
- annotationsTitle="Annotations"
2519
-
2520
- i18n-annotationEditorTitle="kendo.pdfviewer.annotationEditorTitle|The annotation editor tool title and label."
2521
- annotationEditorTitle="Annotation editor"
2522
-
2523
- i18n-deleteAnnotationTitle="kendo.pdfviewer.deleteAnnotationTitle|The delete annotation tool title and label."
2524
- deleteAnnotationTitle="Delete annotation"
2525
-
2526
- i18n-highlightAnnotationTitle="kendo.pdfviewer.highlightAnnotationTitle|The highlight annotation tool title and label."
2527
- highlightAnnotationTitle="Highlight"
2528
-
2529
- i18n-freeTextAnnotationTitle="kendo.pdfviewer.freeTextAnnotationTitle|The free text annotation tool title and label."
2530
- freeTextAnnotationTitle="Free text"
2531
-
2532
- i18n-closeAnnotationsToolbarTitle="kendo.pdfviewer.closeAnnotationsToolbarTitle|The close annotations toolbar tool title and label."
2533
- closeAnnotationsToolbarTitle="Close"
2534
-
2535
- i18n-deleteAnnotationConfirmationDialogTitle="kendo.pdfviewer.deleteAnnotationConfirmationDialogTitle|The delete annotation confirmation dialog title."
2536
- deleteAnnotationConfirmationDialogTitle="Delete annotation"
2537
-
2538
- i18n-deleteAnnotationConfirmationDialogContent="kendo.pdfviewer.deleteAnnotationConfirmationDialogContent|The delete annotation confirmation dialog content."
2539
- deleteAnnotationConfirmationDialogContent="Are you sure you want to delete this annotation?"
2540
-
2541
- i18n-deleteAnnotationConfirmationDialogConfirmText="kendo.pdfviewer.deleteAnnotationConfirmationDialogConfirmText|The delete annotation confirmation dialog confirm button text."
2542
- deleteAnnotationConfirmationDialogConfirmText="Delete"
2543
-
2544
- i18n-deleteAnnotationConfirmationDialogRejectText="kendo.pdfviewer.deleteAnnotationConfirmationDialogRejectText|The delete annotation confirmation dialog reject button text."
2545
- deleteAnnotationConfirmationDialogRejectText="Cancel"
2546
-
2547
- i18n-annotationEditorFontSizeTitle="kendo.pdfviewer.annotationEditorFontSizeTitle|The annotation editor font size section title."
2548
- annotationEditorFontSizeTitle="Font size"
2549
-
2550
- i18n-annotationEditorColorTitle="kendo.pdfviewer.annotationEditorColorTitle|The annotation editor color section title."
2551
- annotationEditorColorTitle="Color">
2463
+ i18n-pagerFirstPage="kendo.pdfviewer.pagerFirstPage|The label for the first page button in the Pager"
2464
+ pagerFirstPage="Go to the first page"
2465
+
2466
+ i18n-pagerPreviousPage="kendo.pdfviewer.pagerPreviousPage|The label for the previous page button in the Pager"
2467
+ pagerPreviousPage="Go to the previous page"
2468
+
2469
+ i18n-pagerNextPage="kendo.pdfviewer.pagerNextPage|The label for the next page button in the Pager"
2470
+ pagerNextPage="Go to the next page"
2471
+
2472
+ i18n-pagerLastPage="kendo.pdfviewer.pagerLastPage|The label for the last page button in the Pager"
2473
+ pagerLastPage="Go to the last page"
2474
+
2475
+ i18n-pagerPage="kendo.pdfviewer.pagerPage|The text before the current page number in the Pager"
2476
+ pagerPage="Page"
2477
+
2478
+ i18n-pagerOf="kendo.pdfviewer.pagerOf|The text before the total pages number in the Pager"
2479
+ pagerOf="of"
2480
+
2481
+ i18n-pagerInputTitle="kendo.pdfviewer.pagerInputTitle|The label of the pager input element"
2482
+ pagerInputTitle="Page Number"
2483
+
2484
+ i18n-pagerInputLabel="kendo.pdfviewer.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2485
+ pagerInputLabel="Type a page number"
2486
+
2487
+ i18n-zoomInTitle="kendo.pdfviewer.zoomInTitle|The ZoomIn tool title and label."
2488
+ zoomInTitle="Zoom in"
2489
+
2490
+ i18n-zoomOutTitle="kendo.pdfviewer.zoomOutTitle|The ZoomOut tool title and label."
2491
+ zoomOutTitle="Zoom out"
2492
+
2493
+ i18n-selectionTitle="kendo.pdfviewer.selectionTitle|The Selection tool title and label."
2494
+ selectionTitle="Enable selection"
2495
+
2496
+ i18n-panningTitle="kendo.pdfviewer.panningTitle|The Panning tool title and label."
2497
+ panningTitle="Enable panning"
2498
+
2499
+ i18n-searchTitle="kendo.pdfviewer.searchTitle|The Search tool title and label."
2500
+ searchTitle="Search"
2501
+
2502
+ i18n-openTitle="kendo.pdfviewer.openTitle|The Open tool title and label."
2503
+ openTitle="Open"
2504
+
2505
+ i18n-downloadTitle="kendo.pdfviewer.downloadTitle|The Download tool title and label."
2506
+ downloadTitle="Download"
2507
+
2508
+ i18n-printTitle="kendo.pdfviewer.printTitle|The Print tool title and label."
2509
+ printTitle="Print"
2510
+
2511
+ i18n-fitToPage="kendo.pdfviewer.fitToPage|The text for the zoom level chooser Fit to page option."
2512
+ fitToPage="Fit to page"
2513
+
2514
+ i18n-fitToWidth="kendo.pdfviewer.fitToWidth|The text for the zoom level chooser Fit to width option."
2515
+ fitToWidth="Fit to width"
2516
+
2517
+ i18n-searchInputPlaceholder="kendo.pdfviewer.searchInputPlaceholder|The text for the search input placeholder."
2518
+ searchInputPlaceholder="Search"
2519
+
2520
+ i18n-searchMatchesOf="kendo.pdfviewer.searchMatchesOf|The text before the total number of matches in the Search tool."
2521
+ searchMatchesOf="of"
2522
+
2523
+ i18n-searchPreviousMatchTitle="kendo.pdfviewer.searchPreviousMatchTitle|The title of the Search tool previous match button."
2524
+ searchPreviousMatchTitle="Previous match"
2525
+
2526
+ i18n-searchNextMatchTitle="kendo.pdfviewer.searchNextMatchTitle|The title of the Search tool next match button."
2527
+ searchNextMatchTitle="Next match"
2528
+
2529
+ i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
2530
+ searchCloseTitle="Close"
2531
+
2532
+ i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
2533
+ searchMatchCaseTitle="Match case"
2534
+
2535
+ i18n-zoomInputPlaceholder="kendo.pdfviewer.zoomInputPlaceholder|The text for the zoom tool input placeholder."
2536
+ zoomInputPlaceholder="Choose zoom level"
2537
+
2538
+ i18n-annotationsTitle="kendo.pdfviewer.annotationsTitle|The Annotations tool title and label."
2539
+ annotationsTitle="Annotations"
2540
+
2541
+ i18n-annotationEditorTitle="kendo.pdfviewer.annotationEditorTitle|The annotation editor tool title and label."
2542
+ annotationEditorTitle="Annotation editor"
2543
+
2544
+ i18n-deleteAnnotationTitle="kendo.pdfviewer.deleteAnnotationTitle|The delete annotation tool title and label."
2545
+ deleteAnnotationTitle="Delete annotation"
2546
+
2547
+ i18n-highlightAnnotationTitle="kendo.pdfviewer.highlightAnnotationTitle|The highlight annotation tool title and label."
2548
+ highlightAnnotationTitle="Highlight"
2549
+
2550
+ i18n-freeTextAnnotationTitle="kendo.pdfviewer.freeTextAnnotationTitle|The free text annotation tool title and label."
2551
+ freeTextAnnotationTitle="Free text"
2552
+
2553
+ i18n-closeAnnotationsToolbarTitle="kendo.pdfviewer.closeAnnotationsToolbarTitle|The close annotations toolbar tool title and label."
2554
+ closeAnnotationsToolbarTitle="Close"
2555
+
2556
+ i18n-deleteAnnotationConfirmationDialogTitle="kendo.pdfviewer.deleteAnnotationConfirmationDialogTitle|The delete annotation confirmation dialog title."
2557
+ deleteAnnotationConfirmationDialogTitle="Delete annotation"
2558
+
2559
+ i18n-deleteAnnotationConfirmationDialogContent="kendo.pdfviewer.deleteAnnotationConfirmationDialogContent|The delete annotation confirmation dialog content."
2560
+ deleteAnnotationConfirmationDialogContent="Are you sure you want to delete this annotation?"
2561
+
2562
+ i18n-deleteAnnotationConfirmationDialogConfirmText="kendo.pdfviewer.deleteAnnotationConfirmationDialogConfirmText|The delete annotation confirmation dialog confirm button text."
2563
+ deleteAnnotationConfirmationDialogConfirmText="Delete"
2564
+
2565
+ i18n-deleteAnnotationConfirmationDialogRejectText="kendo.pdfviewer.deleteAnnotationConfirmationDialogRejectText|The delete annotation confirmation dialog reject button text."
2566
+ deleteAnnotationConfirmationDialogRejectText="Cancel"
2567
+
2568
+ i18n-annotationEditorFontSizeTitle="kendo.pdfviewer.annotationEditorFontSizeTitle|The annotation editor font size section title."
2569
+ annotationEditorFontSizeTitle="Font size"
2570
+
2571
+ i18n-annotationEditorColorTitle="kendo.pdfviewer.annotationEditorColorTitle|The annotation editor color section title."
2572
+ annotationEditorColorTitle="Color">
2552
2573
  </ng-container>
2553
- <div kendoPDFViewerLoader
2554
- *ngIf="loading"
2555
- [settings]="loaderSettings"></div>
2574
+ @if (loading) {
2575
+ <div kendoPDFViewerLoader
2576
+ [settings]="loaderSettings"></div>
2577
+ }
2556
2578
  <div kendoPDFViewerToolbar
2557
- #toolbar
2558
- role="toolbar"
2559
- [attr.aria-controls]="pagesContainerId"
2560
- [tools]="tools"
2561
- [skip]="skip"
2562
- [total]="pdfContext?.pdfPages.length ? pdfContext?.pdfPages.length : 1"
2563
- [pageSize]="1"
2564
- [zoomInDisabled]="zoom >= maxZoom || !pdfContext?.pdfDoc"
2565
- [zoomOutDisabled]="zoom <= minZoom || !pdfContext?.pdfDoc"
2566
- [zoomOptionsData]="zoomOptionsData"
2567
- [zoomLevelChooserValue]="zoomLevel"
2568
- [disabledTools]="!pdfContext?.pdfDoc"
2569
- [isAnnotationsToolbarVisible]="showAnnotationsToolbar"
2570
- [wrapperId]="showAnnotationsToolbar ? annotationsToolbarId : undefined"
2571
- [annotationsToolId]="annotationsToolId"
2572
- [isSelectionEnabled]="enabledSelection"
2573
- (pageChange)="onPageChange($event)"
2574
- (fileSelect)="onFileSelect($event)"
2575
- (fileSelectStart)="loading = true;"
2576
- (fileSelectError)="onFileSelectError($event)"
2577
- (download)="onDownload()"
2578
- (panningEnabled)="onPanningEnabled();"
2579
- (selectionEnabled)="onSelectionEnabled();"
2580
- (zoomIn)="onZoomIn()"
2581
- (zoomOut)="onZoomOut()"
2582
- (zoomLevelChange)="onZoomLevelChange($event)"
2583
- (print)="onPrint()"
2584
- (search)="onSearch()"
2585
- (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2586
- <div *ngIf="showAnnotationsToolbar"
2579
+ #toolbar
2580
+ role="toolbar"
2581
+ [attr.aria-controls]="pagesContainerId"
2582
+ [tools]="tools"
2583
+ [skip]="skip"
2584
+ [total]="pdfContext?.pdfPages.length ? pdfContext?.pdfPages.length : 1"
2585
+ [pageSize]="1"
2586
+ [zoomInDisabled]="zoom >= maxZoom || !pdfContext?.pdfDoc"
2587
+ [zoomOutDisabled]="zoom <= minZoom || !pdfContext?.pdfDoc"
2588
+ [zoomOptionsData]="zoomOptionsData"
2589
+ [zoomLevelChooserValue]="zoomLevel"
2590
+ [disabledTools]="!pdfContext?.pdfDoc"
2591
+ [isAnnotationsToolbarVisible]="showAnnotationsToolbar"
2592
+ [wrapperId]="showAnnotationsToolbar ? annotationsToolbarId : undefined"
2593
+ [annotationsToolId]="annotationsToolId"
2594
+ [isSelectionEnabled]="enabledSelection"
2595
+ (pageChange)="onPageChange($event)"
2596
+ (fileSelect)="onFileSelect($event)"
2597
+ (fileSelectStart)="loading = true;"
2598
+ (fileSelectError)="onFileSelectError($event)"
2599
+ (download)="onDownload()"
2600
+ (panningEnabled)="onPanningEnabled();"
2601
+ (selectionEnabled)="onSelectionEnabled();"
2602
+ (zoomIn)="onZoomIn()"
2603
+ (zoomOut)="onZoomOut()"
2604
+ (zoomLevelChange)="onZoomLevelChange($event)"
2605
+ (print)="onPrint()"
2606
+ (search)="onSearch()"
2607
+ (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2608
+ @if (showAnnotationsToolbar) {
2609
+ <div
2587
2610
  [attr.id]="annotationsToolbarId"
2588
2611
  kendoPDFViewerToolbar
2589
2612
  role="toolbar"
@@ -2591,35 +2614,39 @@ class PDFViewerComponent {
2591
2614
  (setAnnotationMode)="onSetAnnotationMode($event)"
2592
2615
  [attr.aria-controls]="pagesContainerId"
2593
2616
  [disabledTools]="!pdfContext?.pdfDoc"
2594
- (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2617
+ (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2618
+ }
2595
2619
  <div
2596
- class="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto"
2597
- [class.k-enable-text-select]="enabledSelection"
2598
- [class.k-enable-panning]="!enabledSelection"
2599
- [attr.aria-describedby]="activePageId"
2600
- tabindex="0">
2601
- <div
2602
- kendoPDFViewerSearch
2603
- *ngIf="searchActive"
2604
- [currentMatch]="currentMatch"
2605
- [matches]="currentMatches.length"
2606
- class="k-search-panel k-pos-sticky k-top-center"
2607
- (searchChange)="onSearchChange($event)"
2608
- (prevMatch)="onPreviousMatch()"
2609
- (nextMatch)="onNextMatch()"
2610
- (close)="closeSearch(toolbar)"></div>
2620
+ class="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto"
2621
+ [class.k-enable-text-select]="enabledSelection"
2622
+ [class.k-enable-panning]="!enabledSelection"
2623
+ [attr.aria-describedby]="activePageId"
2624
+ tabindex="0">
2625
+ @if (searchActive) {
2611
2626
  <div
2612
- #pagesContainer
2627
+ kendoPDFViewerSearch
2628
+ [currentMatch]="currentMatch"
2629
+ [matches]="currentMatches.length"
2630
+ class="k-search-panel k-pos-sticky k-top-center"
2631
+ (searchChange)="onSearchChange($event)"
2632
+ (prevMatch)="onPreviousMatch()"
2633
+ (nextMatch)="onNextMatch()"
2634
+ (close)="closeSearch(toolbar)"></div>
2635
+ }
2636
+ <div
2637
+ #pagesContainer
2613
2638
  [kendoEventsOutsideAngular]="{
2614
2639
  wheel: stopPropagation
2615
2640
  }"
2616
- class="k-pdf-viewer-pages"
2617
- [attr.id]="pagesContainerId"></div>
2641
+ class="k-pdf-viewer-pages"
2642
+ [attr.id]="pagesContainerId"></div>
2618
2643
  </div>
2619
-
2644
+
2620
2645
  <div #dialogContainer></div>
2621
- <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
2622
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedPDFViewerMessagesDirective, selector: "[kendoPDFViewerLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: LoaderComponent, selector: "[kendoPDFViewerLoader]", inputs: ["settings"] }, { kind: "component", type: ToolbarComponent, selector: "[kendoPDFViewerToolbar]", inputs: ["zoomLevel", "calculatedComboBoxValue", "skip", "pageSize", "total", "zoomInDisabled", "zoomOutDisabled", "disabledTools", "zoomLevelChooserValue", "zoomOptionsData", "pagesContainerId", "tools", "type", "wrapperId", "isAnnotationsToolbarVisible", "annotationsToolId", "isSelectionEnabled"], outputs: ["fileSelect", "fileSelectStart", "fileSelectError", "download", "selectionEnabled", "panningEnabled", "pageChange", "zoomIn", "zoomOut", "zoomLevelChange", "print", "search", "toggleAnnotationsToolbar", "setAnnotationMode"] }, { kind: "component", type: PDFViewerSearchComponent, selector: "[kendoPDFViewerSearch]", inputs: ["matches", "currentMatch"], outputs: ["searchChange", "prevMatch", "nextMatch", "close"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
2646
+ @if (showLicenseWatermark) {
2647
+ <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
2648
+ }
2649
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedPDFViewerMessagesDirective, selector: "[kendoPDFViewerLocalizedMessages]" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: LoaderComponent, selector: "[kendoPDFViewerLoader]", inputs: ["settings"] }, { kind: "component", type: ToolbarComponent, selector: "[kendoPDFViewerToolbar]", inputs: ["zoomLevel", "calculatedComboBoxValue", "skip", "pageSize", "total", "zoomInDisabled", "zoomOutDisabled", "disabledTools", "zoomLevelChooserValue", "zoomOptionsData", "pagesContainerId", "tools", "type", "wrapperId", "isAnnotationsToolbarVisible", "annotationsToolId", "isSelectionEnabled"], outputs: ["fileSelect", "fileSelectStart", "fileSelectError", "download", "selectionEnabled", "panningEnabled", "pageChange", "zoomIn", "zoomOut", "zoomLevelChange", "print", "search", "toggleAnnotationsToolbar", "setAnnotationMode"] }, { kind: "component", type: PDFViewerSearchComponent, selector: "[kendoPDFViewerSearch]", inputs: ["matches", "currentMatch"], outputs: ["searchChange", "prevMatch", "nextMatch", "close"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
2623
2650
  }
2624
2651
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFViewerComponent, decorators: [{
2625
2652
  type: Component,
@@ -2635,151 +2662,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2635
2662
  ],
2636
2663
  template: `
2637
2664
  <ng-container kendoPDFViewerLocalizedMessages
2638
- i18n-pagerFirstPage="kendo.pdfviewer.pagerFirstPage|The label for the first page button in the Pager"
2639
- pagerFirstPage="Go to the first page"
2640
-
2641
- i18n-pagerPreviousPage="kendo.pdfviewer.pagerPreviousPage|The label for the previous page button in the Pager"
2642
- pagerPreviousPage="Go to the previous page"
2643
-
2644
- i18n-pagerNextPage="kendo.pdfviewer.pagerNextPage|The label for the next page button in the Pager"
2645
- pagerNextPage="Go to the next page"
2646
-
2647
- i18n-pagerLastPage="kendo.pdfviewer.pagerLastPage|The label for the last page button in the Pager"
2648
- pagerLastPage="Go to the last page"
2649
-
2650
- i18n-pagerPage="kendo.pdfviewer.pagerPage|The text before the current page number in the Pager"
2651
- pagerPage="Page"
2652
-
2653
- i18n-pagerOf="kendo.pdfviewer.pagerOf|The text before the total pages number in the Pager"
2654
- pagerOf="of"
2655
-
2656
- i18n-pagerInputTitle="kendo.pdfviewer.pagerInputTitle|The label of the pager input element"
2657
- pagerInputTitle="Page Number"
2658
-
2659
- i18n-pagerInputLabel="kendo.pdfviewer.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2660
- pagerInputLabel="Type a page number"
2661
-
2662
- i18n-zoomInTitle="kendo.pdfviewer.zoomInTitle|The ZoomIn tool title and label."
2663
- zoomInTitle="Zoom in"
2664
-
2665
- i18n-zoomOutTitle="kendo.pdfviewer.zoomOutTitle|The ZoomOut tool title and label."
2666
- zoomOutTitle="Zoom out"
2667
-
2668
- i18n-selectionTitle="kendo.pdfviewer.selectionTitle|The Selection tool title and label."
2669
- selectionTitle="Enable selection"
2670
-
2671
- i18n-panningTitle="kendo.pdfviewer.panningTitle|The Panning tool title and label."
2672
- panningTitle="Enable panning"
2673
-
2674
- i18n-searchTitle="kendo.pdfviewer.searchTitle|The Search tool title and label."
2675
- searchTitle="Search"
2676
-
2677
- i18n-openTitle="kendo.pdfviewer.openTitle|The Open tool title and label."
2678
- openTitle="Open"
2679
-
2680
- i18n-downloadTitle="kendo.pdfviewer.downloadTitle|The Download tool title and label."
2681
- downloadTitle="Download"
2682
-
2683
- i18n-printTitle="kendo.pdfviewer.printTitle|The Print tool title and label."
2684
- printTitle="Print"
2685
-
2686
- i18n-fitToPage="kendo.pdfviewer.fitToPage|The text for the zoom level chooser Fit to page option."
2687
- fitToPage="Fit to page"
2688
-
2689
- i18n-fitToWidth="kendo.pdfviewer.fitToWidth|The text for the zoom level chooser Fit to width option."
2690
- fitToWidth="Fit to width"
2691
-
2692
- i18n-searchInputPlaceholder="kendo.pdfviewer.searchInputPlaceholder|The text for the search input placeholder."
2693
- searchInputPlaceholder="Search"
2694
-
2695
- i18n-searchMatchesOf="kendo.pdfviewer.searchMatchesOf|The text before the total number of matches in the Search tool."
2696
- searchMatchesOf="of"
2697
-
2698
- i18n-searchPreviousMatchTitle="kendo.pdfviewer.searchPreviousMatchTitle|The title of the Search tool previous match button."
2699
- searchPreviousMatchTitle="Previous match"
2700
-
2701
- i18n-searchNextMatchTitle="kendo.pdfviewer.searchNextMatchTitle|The title of the Search tool next match button."
2702
- searchNextMatchTitle="Next match"
2703
-
2704
- i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
2705
- searchCloseTitle="Close"
2706
-
2707
- i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
2708
- searchMatchCaseTitle="Match case"
2709
-
2710
- i18n-zoomInputPlaceholder="kendo.pdfviewer.zoomInputPlaceholder|The text for the zoom tool input placeholder."
2711
- zoomInputPlaceholder="Choose zoom level"
2712
-
2713
- i18n-annotationsTitle="kendo.pdfviewer.annotationsTitle|The Annotations tool title and label."
2714
- annotationsTitle="Annotations"
2715
-
2716
- i18n-annotationEditorTitle="kendo.pdfviewer.annotationEditorTitle|The annotation editor tool title and label."
2717
- annotationEditorTitle="Annotation editor"
2718
-
2719
- i18n-deleteAnnotationTitle="kendo.pdfviewer.deleteAnnotationTitle|The delete annotation tool title and label."
2720
- deleteAnnotationTitle="Delete annotation"
2721
-
2722
- i18n-highlightAnnotationTitle="kendo.pdfviewer.highlightAnnotationTitle|The highlight annotation tool title and label."
2723
- highlightAnnotationTitle="Highlight"
2724
-
2725
- i18n-freeTextAnnotationTitle="kendo.pdfviewer.freeTextAnnotationTitle|The free text annotation tool title and label."
2726
- freeTextAnnotationTitle="Free text"
2727
-
2728
- i18n-closeAnnotationsToolbarTitle="kendo.pdfviewer.closeAnnotationsToolbarTitle|The close annotations toolbar tool title and label."
2729
- closeAnnotationsToolbarTitle="Close"
2730
-
2731
- i18n-deleteAnnotationConfirmationDialogTitle="kendo.pdfviewer.deleteAnnotationConfirmationDialogTitle|The delete annotation confirmation dialog title."
2732
- deleteAnnotationConfirmationDialogTitle="Delete annotation"
2733
-
2734
- i18n-deleteAnnotationConfirmationDialogContent="kendo.pdfviewer.deleteAnnotationConfirmationDialogContent|The delete annotation confirmation dialog content."
2735
- deleteAnnotationConfirmationDialogContent="Are you sure you want to delete this annotation?"
2736
-
2737
- i18n-deleteAnnotationConfirmationDialogConfirmText="kendo.pdfviewer.deleteAnnotationConfirmationDialogConfirmText|The delete annotation confirmation dialog confirm button text."
2738
- deleteAnnotationConfirmationDialogConfirmText="Delete"
2739
-
2740
- i18n-deleteAnnotationConfirmationDialogRejectText="kendo.pdfviewer.deleteAnnotationConfirmationDialogRejectText|The delete annotation confirmation dialog reject button text."
2741
- deleteAnnotationConfirmationDialogRejectText="Cancel"
2742
-
2743
- i18n-annotationEditorFontSizeTitle="kendo.pdfviewer.annotationEditorFontSizeTitle|The annotation editor font size section title."
2744
- annotationEditorFontSizeTitle="Font size"
2745
-
2746
- i18n-annotationEditorColorTitle="kendo.pdfviewer.annotationEditorColorTitle|The annotation editor color section title."
2747
- annotationEditorColorTitle="Color">
2665
+ i18n-pagerFirstPage="kendo.pdfviewer.pagerFirstPage|The label for the first page button in the Pager"
2666
+ pagerFirstPage="Go to the first page"
2667
+
2668
+ i18n-pagerPreviousPage="kendo.pdfviewer.pagerPreviousPage|The label for the previous page button in the Pager"
2669
+ pagerPreviousPage="Go to the previous page"
2670
+
2671
+ i18n-pagerNextPage="kendo.pdfviewer.pagerNextPage|The label for the next page button in the Pager"
2672
+ pagerNextPage="Go to the next page"
2673
+
2674
+ i18n-pagerLastPage="kendo.pdfviewer.pagerLastPage|The label for the last page button in the Pager"
2675
+ pagerLastPage="Go to the last page"
2676
+
2677
+ i18n-pagerPage="kendo.pdfviewer.pagerPage|The text before the current page number in the Pager"
2678
+ pagerPage="Page"
2679
+
2680
+ i18n-pagerOf="kendo.pdfviewer.pagerOf|The text before the total pages number in the Pager"
2681
+ pagerOf="of"
2682
+
2683
+ i18n-pagerInputTitle="kendo.pdfviewer.pagerInputTitle|The label of the pager input element"
2684
+ pagerInputTitle="Page Number"
2685
+
2686
+ i18n-pagerInputLabel="kendo.pdfviewer.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2687
+ pagerInputLabel="Type a page number"
2688
+
2689
+ i18n-zoomInTitle="kendo.pdfviewer.zoomInTitle|The ZoomIn tool title and label."
2690
+ zoomInTitle="Zoom in"
2691
+
2692
+ i18n-zoomOutTitle="kendo.pdfviewer.zoomOutTitle|The ZoomOut tool title and label."
2693
+ zoomOutTitle="Zoom out"
2694
+
2695
+ i18n-selectionTitle="kendo.pdfviewer.selectionTitle|The Selection tool title and label."
2696
+ selectionTitle="Enable selection"
2697
+
2698
+ i18n-panningTitle="kendo.pdfviewer.panningTitle|The Panning tool title and label."
2699
+ panningTitle="Enable panning"
2700
+
2701
+ i18n-searchTitle="kendo.pdfviewer.searchTitle|The Search tool title and label."
2702
+ searchTitle="Search"
2703
+
2704
+ i18n-openTitle="kendo.pdfviewer.openTitle|The Open tool title and label."
2705
+ openTitle="Open"
2706
+
2707
+ i18n-downloadTitle="kendo.pdfviewer.downloadTitle|The Download tool title and label."
2708
+ downloadTitle="Download"
2709
+
2710
+ i18n-printTitle="kendo.pdfviewer.printTitle|The Print tool title and label."
2711
+ printTitle="Print"
2712
+
2713
+ i18n-fitToPage="kendo.pdfviewer.fitToPage|The text for the zoom level chooser Fit to page option."
2714
+ fitToPage="Fit to page"
2715
+
2716
+ i18n-fitToWidth="kendo.pdfviewer.fitToWidth|The text for the zoom level chooser Fit to width option."
2717
+ fitToWidth="Fit to width"
2718
+
2719
+ i18n-searchInputPlaceholder="kendo.pdfviewer.searchInputPlaceholder|The text for the search input placeholder."
2720
+ searchInputPlaceholder="Search"
2721
+
2722
+ i18n-searchMatchesOf="kendo.pdfviewer.searchMatchesOf|The text before the total number of matches in the Search tool."
2723
+ searchMatchesOf="of"
2724
+
2725
+ i18n-searchPreviousMatchTitle="kendo.pdfviewer.searchPreviousMatchTitle|The title of the Search tool previous match button."
2726
+ searchPreviousMatchTitle="Previous match"
2727
+
2728
+ i18n-searchNextMatchTitle="kendo.pdfviewer.searchNextMatchTitle|The title of the Search tool next match button."
2729
+ searchNextMatchTitle="Next match"
2730
+
2731
+ i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
2732
+ searchCloseTitle="Close"
2733
+
2734
+ i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
2735
+ searchMatchCaseTitle="Match case"
2736
+
2737
+ i18n-zoomInputPlaceholder="kendo.pdfviewer.zoomInputPlaceholder|The text for the zoom tool input placeholder."
2738
+ zoomInputPlaceholder="Choose zoom level"
2739
+
2740
+ i18n-annotationsTitle="kendo.pdfviewer.annotationsTitle|The Annotations tool title and label."
2741
+ annotationsTitle="Annotations"
2742
+
2743
+ i18n-annotationEditorTitle="kendo.pdfviewer.annotationEditorTitle|The annotation editor tool title and label."
2744
+ annotationEditorTitle="Annotation editor"
2745
+
2746
+ i18n-deleteAnnotationTitle="kendo.pdfviewer.deleteAnnotationTitle|The delete annotation tool title and label."
2747
+ deleteAnnotationTitle="Delete annotation"
2748
+
2749
+ i18n-highlightAnnotationTitle="kendo.pdfviewer.highlightAnnotationTitle|The highlight annotation tool title and label."
2750
+ highlightAnnotationTitle="Highlight"
2751
+
2752
+ i18n-freeTextAnnotationTitle="kendo.pdfviewer.freeTextAnnotationTitle|The free text annotation tool title and label."
2753
+ freeTextAnnotationTitle="Free text"
2754
+
2755
+ i18n-closeAnnotationsToolbarTitle="kendo.pdfviewer.closeAnnotationsToolbarTitle|The close annotations toolbar tool title and label."
2756
+ closeAnnotationsToolbarTitle="Close"
2757
+
2758
+ i18n-deleteAnnotationConfirmationDialogTitle="kendo.pdfviewer.deleteAnnotationConfirmationDialogTitle|The delete annotation confirmation dialog title."
2759
+ deleteAnnotationConfirmationDialogTitle="Delete annotation"
2760
+
2761
+ i18n-deleteAnnotationConfirmationDialogContent="kendo.pdfviewer.deleteAnnotationConfirmationDialogContent|The delete annotation confirmation dialog content."
2762
+ deleteAnnotationConfirmationDialogContent="Are you sure you want to delete this annotation?"
2763
+
2764
+ i18n-deleteAnnotationConfirmationDialogConfirmText="kendo.pdfviewer.deleteAnnotationConfirmationDialogConfirmText|The delete annotation confirmation dialog confirm button text."
2765
+ deleteAnnotationConfirmationDialogConfirmText="Delete"
2766
+
2767
+ i18n-deleteAnnotationConfirmationDialogRejectText="kendo.pdfviewer.deleteAnnotationConfirmationDialogRejectText|The delete annotation confirmation dialog reject button text."
2768
+ deleteAnnotationConfirmationDialogRejectText="Cancel"
2769
+
2770
+ i18n-annotationEditorFontSizeTitle="kendo.pdfviewer.annotationEditorFontSizeTitle|The annotation editor font size section title."
2771
+ annotationEditorFontSizeTitle="Font size"
2772
+
2773
+ i18n-annotationEditorColorTitle="kendo.pdfviewer.annotationEditorColorTitle|The annotation editor color section title."
2774
+ annotationEditorColorTitle="Color">
2748
2775
  </ng-container>
2749
- <div kendoPDFViewerLoader
2750
- *ngIf="loading"
2751
- [settings]="loaderSettings"></div>
2776
+ @if (loading) {
2777
+ <div kendoPDFViewerLoader
2778
+ [settings]="loaderSettings"></div>
2779
+ }
2752
2780
  <div kendoPDFViewerToolbar
2753
- #toolbar
2754
- role="toolbar"
2755
- [attr.aria-controls]="pagesContainerId"
2756
- [tools]="tools"
2757
- [skip]="skip"
2758
- [total]="pdfContext?.pdfPages.length ? pdfContext?.pdfPages.length : 1"
2759
- [pageSize]="1"
2760
- [zoomInDisabled]="zoom >= maxZoom || !pdfContext?.pdfDoc"
2761
- [zoomOutDisabled]="zoom <= minZoom || !pdfContext?.pdfDoc"
2762
- [zoomOptionsData]="zoomOptionsData"
2763
- [zoomLevelChooserValue]="zoomLevel"
2764
- [disabledTools]="!pdfContext?.pdfDoc"
2765
- [isAnnotationsToolbarVisible]="showAnnotationsToolbar"
2766
- [wrapperId]="showAnnotationsToolbar ? annotationsToolbarId : undefined"
2767
- [annotationsToolId]="annotationsToolId"
2768
- [isSelectionEnabled]="enabledSelection"
2769
- (pageChange)="onPageChange($event)"
2770
- (fileSelect)="onFileSelect($event)"
2771
- (fileSelectStart)="loading = true;"
2772
- (fileSelectError)="onFileSelectError($event)"
2773
- (download)="onDownload()"
2774
- (panningEnabled)="onPanningEnabled();"
2775
- (selectionEnabled)="onSelectionEnabled();"
2776
- (zoomIn)="onZoomIn()"
2777
- (zoomOut)="onZoomOut()"
2778
- (zoomLevelChange)="onZoomLevelChange($event)"
2779
- (print)="onPrint()"
2780
- (search)="onSearch()"
2781
- (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2782
- <div *ngIf="showAnnotationsToolbar"
2781
+ #toolbar
2782
+ role="toolbar"
2783
+ [attr.aria-controls]="pagesContainerId"
2784
+ [tools]="tools"
2785
+ [skip]="skip"
2786
+ [total]="pdfContext?.pdfPages.length ? pdfContext?.pdfPages.length : 1"
2787
+ [pageSize]="1"
2788
+ [zoomInDisabled]="zoom >= maxZoom || !pdfContext?.pdfDoc"
2789
+ [zoomOutDisabled]="zoom <= minZoom || !pdfContext?.pdfDoc"
2790
+ [zoomOptionsData]="zoomOptionsData"
2791
+ [zoomLevelChooserValue]="zoomLevel"
2792
+ [disabledTools]="!pdfContext?.pdfDoc"
2793
+ [isAnnotationsToolbarVisible]="showAnnotationsToolbar"
2794
+ [wrapperId]="showAnnotationsToolbar ? annotationsToolbarId : undefined"
2795
+ [annotationsToolId]="annotationsToolId"
2796
+ [isSelectionEnabled]="enabledSelection"
2797
+ (pageChange)="onPageChange($event)"
2798
+ (fileSelect)="onFileSelect($event)"
2799
+ (fileSelectStart)="loading = true;"
2800
+ (fileSelectError)="onFileSelectError($event)"
2801
+ (download)="onDownload()"
2802
+ (panningEnabled)="onPanningEnabled();"
2803
+ (selectionEnabled)="onSelectionEnabled();"
2804
+ (zoomIn)="onZoomIn()"
2805
+ (zoomOut)="onZoomOut()"
2806
+ (zoomLevelChange)="onZoomLevelChange($event)"
2807
+ (print)="onPrint()"
2808
+ (search)="onSearch()"
2809
+ (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2810
+ @if (showAnnotationsToolbar) {
2811
+ <div
2783
2812
  [attr.id]="annotationsToolbarId"
2784
2813
  kendoPDFViewerToolbar
2785
2814
  role="toolbar"
@@ -2787,37 +2816,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2787
2816
  (setAnnotationMode)="onSetAnnotationMode($event)"
2788
2817
  [attr.aria-controls]="pagesContainerId"
2789
2818
  [disabledTools]="!pdfContext?.pdfDoc"
2790
- (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2819
+ (toggleAnnotationsToolbar)="toggleAnnotationsToolbar()"></div>
2820
+ }
2791
2821
  <div
2792
- class="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto"
2793
- [class.k-enable-text-select]="enabledSelection"
2794
- [class.k-enable-panning]="!enabledSelection"
2795
- [attr.aria-describedby]="activePageId"
2796
- tabindex="0">
2797
- <div
2798
- kendoPDFViewerSearch
2799
- *ngIf="searchActive"
2800
- [currentMatch]="currentMatch"
2801
- [matches]="currentMatches.length"
2802
- class="k-search-panel k-pos-sticky k-top-center"
2803
- (searchChange)="onSearchChange($event)"
2804
- (prevMatch)="onPreviousMatch()"
2805
- (nextMatch)="onNextMatch()"
2806
- (close)="closeSearch(toolbar)"></div>
2822
+ class="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto"
2823
+ [class.k-enable-text-select]="enabledSelection"
2824
+ [class.k-enable-panning]="!enabledSelection"
2825
+ [attr.aria-describedby]="activePageId"
2826
+ tabindex="0">
2827
+ @if (searchActive) {
2807
2828
  <div
2808
- #pagesContainer
2829
+ kendoPDFViewerSearch
2830
+ [currentMatch]="currentMatch"
2831
+ [matches]="currentMatches.length"
2832
+ class="k-search-panel k-pos-sticky k-top-center"
2833
+ (searchChange)="onSearchChange($event)"
2834
+ (prevMatch)="onPreviousMatch()"
2835
+ (nextMatch)="onNextMatch()"
2836
+ (close)="closeSearch(toolbar)"></div>
2837
+ }
2838
+ <div
2839
+ #pagesContainer
2809
2840
  [kendoEventsOutsideAngular]="{
2810
2841
  wheel: stopPropagation
2811
2842
  }"
2812
- class="k-pdf-viewer-pages"
2813
- [attr.id]="pagesContainerId"></div>
2843
+ class="k-pdf-viewer-pages"
2844
+ [attr.id]="pagesContainerId"></div>
2814
2845
  </div>
2815
-
2846
+
2816
2847
  <div #dialogContainer></div>
2817
- <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
2818
- `,
2848
+ @if (showLicenseWatermark) {
2849
+ <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
2850
+ }
2851
+ `,
2819
2852
  standalone: true,
2820
- imports: [LocalizedPDFViewerMessagesDirective, NgIf, EventsOutsideAngularDirective, LoaderComponent, ToolbarComponent, PDFViewerSearchComponent, WatermarkOverlayComponent]
2853
+ imports: [LocalizedPDFViewerMessagesDirective, EventsOutsideAngularDirective, LoaderComponent, ToolbarComponent, PDFViewerSearchComponent, WatermarkOverlayComponent]
2821
2854
  }]
2822
2855
  }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2$1.PopupService }], propDecorators: { hostClass: [{
2823
2856
  type: HostBinding,