@progress/kendo-angular-pdfviewer 25.0.0-develop.6 → 25.0.0-develop.8

package/fesm2022/progress-kendo-angular-pdfviewer.mjs

@@ -12,7 +12,7 @@ import { PreventableEvent, Keys, normalizeKeys, focusableSelector, getLicenseMes
 import { FileSelectComponent, UploadDropZoneComponent, CustomMessagesComponent as CustomMessagesComponent$1 } from '@progress/kendo-angular-upload';
 import { Subscription } from 'rxjs';
 import { PagerComponent, CustomMessagesComponent } from '@progress/kendo-angular-pager';
-import { zoomInIcon, zoomOutIcon, handIcon, pointerIcon, searchIcon, folderOpenIcon, downloadIcon, printIcon, trackChangesIcon, highlightIcon, freeTextIcon, xIcon, convertLowercaseIcon, arrowUpIcon, arrowDownIcon, paletteIcon, trashIcon, checkIcon } from '@progress/kendo-svg-icons';
+import { zoomInIcon, zoomOutIcon, handIcon, pointerIcon, searchIcon, folderOpenIcon, downloadIcon, printIcon, editAnnotationsIcon, highlightIcon, freeTextIcon, xIcon, convertLowercaseIcon, arrowUpIcon, arrowDownIcon, handleDragIcon, paletteIcon, trashIcon, checkIcon } from '@progress/kendo-svg-icons';
 import * as i1$1 from '@progress/kendo-angular-dropdowns';
 import { ComboBoxComponent, ItemTemplateDirective, KENDO_DROPDOWNLIST } from '@progress/kendo-angular-dropdowns';
 import * as i2 from '@progress/kendo-angular-buttons';
@@ -125,6 +125,10 @@ class Messages extends ComponentMessages {
      * Sets the title for the **Search** close button.
      */
     searchCloseTitle;
+    /**
+     * Sets the title for the **Search** drag handle button.
+     */
+    searchDragHandleTitle;
     /**
      * Sets the title for the **Search** match case button.
      */
@@ -197,8 +201,20 @@ class Messages extends ComponentMessages {
      * Sets the text for the FileSelect button in the blank page drop zone.
      */
     blankPageSelect;
+    /**
+     * Sets the `aria-label` attribute for the toolbar.
+     */
+    toolbarLabel;
+    /**
+     * Sets the `aria-label` attribute for the inner input of the zoom level ComboBox.
+     */
+    zoomLevelAriaLabel;
+    /**
+     * Sets the `aria-label` attribute for the inner input of the search TextBox.
+     */
+    searchAriaLabel;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, selector: "kendo-pdfviewer-messages-base", inputs: { zoomInTitle: "zoomInTitle", zoomOutTitle: "zoomOutTitle", selectionTitle: "selectionTitle", panningTitle: "panningTitle", searchTitle: "searchTitle", openTitle: "openTitle", downloadTitle: "downloadTitle", printTitle: "printTitle", pagerInputLabel: "pagerInputLabel", pagerInputTitle: "pagerInputTitle", pagerFirstPage: "pagerFirstPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerLastPage: "pagerLastPage", pagerOf: "pagerOf", pagerPage: "pagerPage", fitToPage: "fitToPage", fitToWidth: "fitToWidth", searchInputPlaceholder: "searchInputPlaceholder", searchMatchesOf: "searchMatchesOf", searchPreviousMatchTitle: "searchPreviousMatchTitle", searchNextMatchTitle: "searchNextMatchTitle", searchCloseTitle: "searchCloseTitle", searchMatchCaseTitle: "searchMatchCaseTitle", zoomInputPlaceholder: "zoomInputPlaceholder", annotationsTitle: "annotationsTitle", annotationEditorTitle: "annotationEditorTitle", deleteAnnotationTitle: "deleteAnnotationTitle", highlightAnnotationTitle: "highlightAnnotationTitle", freeTextAnnotationTitle: "freeTextAnnotationTitle", closeAnnotationsToolbarTitle: "closeAnnotationsToolbarTitle", deleteAnnotationConfirmationDialogTitle: "deleteAnnotationConfirmationDialogTitle", deleteAnnotationConfirmationDialogContent: "deleteAnnotationConfirmationDialogContent", deleteAnnotationConfirmationDialogConfirmText: "deleteAnnotationConfirmationDialogConfirmText", deleteAnnotationConfirmationDialogRejectText: "deleteAnnotationConfirmationDialogRejectText", annotationEditorFontSizeTitle: "annotationEditorFontSizeTitle", annotationEditorColorTitle: "annotationEditorColorTitle", canvasLabel: "canvasLabel", blankPageDropFilesHere: "blankPageDropFilesHere", blankPageExternalDropFilesHere: "blankPageExternalDropFilesHere", blankPageSelect: "blankPageSelect" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: Messages, isStandalone: true, selector: "kendo-pdfviewer-messages-base", inputs: { zoomInTitle: "zoomInTitle", zoomOutTitle: "zoomOutTitle", selectionTitle: "selectionTitle", panningTitle: "panningTitle", searchTitle: "searchTitle", openTitle: "openTitle", downloadTitle: "downloadTitle", printTitle: "printTitle", pagerInputLabel: "pagerInputLabel", pagerInputTitle: "pagerInputTitle", pagerFirstPage: "pagerFirstPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerLastPage: "pagerLastPage", pagerOf: "pagerOf", pagerPage: "pagerPage", fitToPage: "fitToPage", fitToWidth: "fitToWidth", searchInputPlaceholder: "searchInputPlaceholder", searchMatchesOf: "searchMatchesOf", searchPreviousMatchTitle: "searchPreviousMatchTitle", searchNextMatchTitle: "searchNextMatchTitle", searchCloseTitle: "searchCloseTitle", searchDragHandleTitle: "searchDragHandleTitle", searchMatchCaseTitle: "searchMatchCaseTitle", zoomInputPlaceholder: "zoomInputPlaceholder", annotationsTitle: "annotationsTitle", annotationEditorTitle: "annotationEditorTitle", deleteAnnotationTitle: "deleteAnnotationTitle", highlightAnnotationTitle: "highlightAnnotationTitle", freeTextAnnotationTitle: "freeTextAnnotationTitle", closeAnnotationsToolbarTitle: "closeAnnotationsToolbarTitle", deleteAnnotationConfirmationDialogTitle: "deleteAnnotationConfirmationDialogTitle", deleteAnnotationConfirmationDialogContent: "deleteAnnotationConfirmationDialogContent", deleteAnnotationConfirmationDialogConfirmText: "deleteAnnotationConfirmationDialogConfirmText", deleteAnnotationConfirmationDialogRejectText: "deleteAnnotationConfirmationDialogRejectText", annotationEditorFontSizeTitle: "annotationEditorFontSizeTitle", annotationEditorColorTitle: "annotationEditorColorTitle", canvasLabel: "canvasLabel", blankPageDropFilesHere: "blankPageDropFilesHere", blankPageExternalDropFilesHere: "blankPageExternalDropFilesHere", blankPageSelect: "blankPageSelect", toolbarLabel: "toolbarLabel", zoomLevelAriaLabel: "zoomLevelAriaLabel", searchAriaLabel: "searchAriaLabel" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
@@ -251,6 +267,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: Input
             }], searchCloseTitle: [{
                 type: Input
+            }], searchDragHandleTitle: [{
+                type: Input
             }], searchMatchCaseTitle: [{
                 type: Input
             }], zoomInputPlaceholder: [{
@@ -287,6 +305,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: Input
             }], blankPageSelect: [{
                 type: Input
+            }], toolbarLabel: [{
+                type: Input
+            }], zoomLevelAriaLabel: [{
+                type: Input
+            }], searchAriaLabel: [{
+                type: Input
             }] } });
 
 /**
@@ -340,8 +364,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1784041258,
-    version: '25.0.0-develop.6',
+    publishDate: 1784796143,
+    version: '25.0.0-develop.8',
     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',
 };
 
@@ -667,6 +691,9 @@ class ToolbarComponent {
     localization;
     navigationService;
     toolbarClasses = true;
+    get ariaLabel() {
+        return this.messageFor('toolbarLabel');
+    }
     fileSelectEl;
     zoomLevel = {
         text: '125%',
@@ -715,7 +742,7 @@ class ToolbarComponent {
     folderOpenIcon = folderOpenIcon;
     downloadIcon = downloadIcon;
     printIcon = printIcon;
-    trackChangesIcon = trackChangesIcon;
+    editAnnotationsIcon = editAnnotationsIcon;
     highlightIcon = highlightIcon;
     freeTextIcon = freeTextIcon;
     xIcon = xIcon;
@@ -770,7 +797,7 @@ class ToolbarComponent {
         };
     }));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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-flat": "this.toolbarClasses" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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-flat": "this.toolbarClasses", "attr.aria-label": "this.ariaLabel" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
         @if (type === 'tools') {
           @for (tool of tools; track $index) {
             @switch (tool) {
@@ -850,12 +877,13 @@ class ToolbarComponent {
                     [data]="zoomOptionsData"
                     [disabled]="disabledTools"
                     [placeholder]="messageFor('zoomInputPlaceholder')"
+                    [inputAttributes]="{'aria-label': messageFor('zoomLevelAriaLabel')}"
                     textField="displayValue"
                     valueField="id"
                     [value]="zoomLevelChooserValue"
                     [allowCustom]="true"
                     [valueNormalizer]="valueNormalizer"
-                    [clearButton]="false"
+                    [clearButton]="true"
                     (valueChange)="onZoomLevelChooserValueChange($event)">
                     <ng-template kendoComboBoxItemTemplate let-dataItem>
                       {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
@@ -962,14 +990,14 @@ class ToolbarComponent {
                   kendoButton
                   class="k-toolbar-button"
                   fillMode="flat"
-                  icon="track-changes"
+                  icon="edit-annotations"
                   [selected]="isAnnotationsToolbarVisible"
                   [disabled]="disabledTools || !isSelectionEnabled"
                   [attr.title]="messageFor('annotationsTitle')"
                   [attr.aria-label]="messageFor('annotationsTitle')"
                   [attr.aria-controls]="wrapperId"
                   [attr.aria-expanded]="isAnnotationsToolbarVisible"
-                  [svgIcon]="trackChangesIcon"
+                  [svgIcon]="editAnnotationsIcon"
                 (click)="toggleAnnotationsToolbar.emit();"></button>
               }
             }
@@ -1118,12 +1146,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                     [data]="zoomOptionsData"
                     [disabled]="disabledTools"
                     [placeholder]="messageFor('zoomInputPlaceholder')"
+                    [inputAttributes]="{'aria-label': messageFor('zoomLevelAriaLabel')}"
                     textField="displayValue"
                     valueField="id"
                     [value]="zoomLevelChooserValue"
                     [allowCustom]="true"
                     [valueNormalizer]="valueNormalizer"
-                    [clearButton]="false"
+                    [clearButton]="true"
                     (valueChange)="onZoomLevelChooserValueChange($event)">
                     <ng-template kendoComboBoxItemTemplate let-dataItem>
                       {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
@@ -1230,14 +1259,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                   kendoButton
                   class="k-toolbar-button"
                   fillMode="flat"
-                  icon="track-changes"
+                  icon="edit-annotations"
                   [selected]="isAnnotationsToolbarVisible"
                   [disabled]="disabledTools || !isSelectionEnabled"
                   [attr.title]="messageFor('annotationsTitle')"
                   [attr.aria-label]="messageFor('annotationsTitle')"
                   [attr.aria-controls]="wrapperId"
                   [attr.aria-expanded]="isAnnotationsToolbarVisible"
-                  [svgIcon]="trackChangesIcon"
+                  [svgIcon]="editAnnotationsIcon"
                 (click)="toggleAnnotationsToolbar.emit();"></button>
               }
             }
@@ -1309,6 +1338,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-toolbar-flat']
+            }], ariaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
             }], fileSelectEl: [{
                 type: ViewChild,
                 args: ['fileSelectEl']
@@ -1399,6 +1431,7 @@ class PDFViewerSearchComponent {
     convertLowercaseIcon = convertLowercaseIcon;
     arrowUpIcon = arrowUpIcon;
     arrowDownIcon = arrowDownIcon;
+    handleDragIcon = handleDragIcon;
     xIcon = xIcon;
     value = null;
     matchCase = false;
@@ -1419,17 +1452,28 @@ class PDFViewerSearchComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PDFViewerSearchComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PDFViewerSearchComponent, isStandalone: true, selector: "[kendoPDFViewerSearch]", inputs: { matches: "matches", currentMatch: "currentMatch" }, outputs: { searchChange: "searchChange", prevMatch: "prevMatch", nextMatch: "nextMatch", close: "close" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.role": "this.ariaRole", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+        <button
+            type="button"
+            kendoButton
+            class="k-search-dialog-draghandle"
+            fillMode="flat"
+            [attr.aria-label]="messageFor('searchDragHandleTitle')"
+            icon="handle-drag"
+            [svgIcon]="handleDragIcon"></button>
         <kendo-textbox
             #textbox
             [placeholder]="messageFor('searchInputPlaceholder')"
+            [inputAttributes]="{'aria-label': messageFor('searchAriaLabel')}"
             [value]="value"
             (valueChange)="value = $event; searchChange.emit({text: $event, matchCase})"
             (keydown.shift.tab)="onShiftTab($event)">
-            <ng-template kendoTextBoxSuffixTemplate>
+            <ng-template kendoTextBoxSuffixTemplate [showSeparator]="true">
                 <button
                     type="button"
                     kendoButton
+                    class="k-match-case-button"
                     [attr.title]="messageFor('searchMatchCaseTitle')"
+                    [attr.aria-label]="messageFor('searchMatchCaseTitle')"
                     fillMode="flat"
                     [togglable]="true"
                     (click)="matchCase = !matchCase; searchChange.emit({text: value, matchCase})"
@@ -1444,6 +1488,7 @@ class PDFViewerSearchComponent {
             type="button"
             kendoButton
             [attr.title]="messageFor('searchPreviousMatchTitle')"
+            [attr.aria-label]="messageFor('searchPreviousMatchTitle')"
             fillMode="flat"
             [disabled]="matches === 0"
             (click)="prevMatch.emit()"
@@ -1453,6 +1498,7 @@ class PDFViewerSearchComponent {
             type="button"
             kendoButton
             [attr.title]="messageFor('searchNextMatchTitle')"
+            [attr.aria-label]="messageFor('searchNextMatchTitle')"
             fillMode="flat"
             [disabled]="matches === 0"
             (click)="nextMatch.emit()"
@@ -1463,6 +1509,7 @@ class PDFViewerSearchComponent {
             #closeButton
             kendoButton
             [attr.title]="messageFor('searchCloseTitle')"
+            [attr.aria-label]="messageFor('searchCloseTitle')"
             fillMode="flat"
             (click)="close.emit()"
             (keydown.tab)="$event.preventDefault(); textbox.focus();"
@@ -1475,17 +1522,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{
                     selector: '[kendoPDFViewerSearch]',
                     template: `
+        <button
+            type="button"
+            kendoButton
+            class="k-search-dialog-draghandle"
+            fillMode="flat"
+            [attr.aria-label]="messageFor('searchDragHandleTitle')"
+            icon="handle-drag"
+            [svgIcon]="handleDragIcon"></button>
         <kendo-textbox
             #textbox
             [placeholder]="messageFor('searchInputPlaceholder')"
+            [inputAttributes]="{'aria-label': messageFor('searchAriaLabel')}"
             [value]="value"
             (valueChange)="value = $event; searchChange.emit({text: $event, matchCase})"
             (keydown.shift.tab)="onShiftTab($event)">
-            <ng-template kendoTextBoxSuffixTemplate>
+            <ng-template kendoTextBoxSuffixTemplate [showSeparator]="true">
                 <button
                     type="button"
                     kendoButton
+                    class="k-match-case-button"
                     [attr.title]="messageFor('searchMatchCaseTitle')"
+                    [attr.aria-label]="messageFor('searchMatchCaseTitle')"
                     fillMode="flat"
                     [togglable]="true"
                     (click)="matchCase = !matchCase; searchChange.emit({text: value, matchCase})"
@@ -1500,6 +1558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             type="button"
             kendoButton
             [attr.title]="messageFor('searchPreviousMatchTitle')"
+            [attr.aria-label]="messageFor('searchPreviousMatchTitle')"
             fillMode="flat"
             [disabled]="matches === 0"
             (click)="prevMatch.emit()"
@@ -1509,6 +1568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             type="button"
             kendoButton
             [attr.title]="messageFor('searchNextMatchTitle')"
+            [attr.aria-label]="messageFor('searchNextMatchTitle')"
             fillMode="flat"
             [disabled]="matches === 0"
             (click)="nextMatch.emit()"
@@ -1519,6 +1579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             #closeButton
             kendoButton
             [attr.title]="messageFor('searchCloseTitle')"
+            [attr.aria-label]="messageFor('searchCloseTitle')"
             fillMode="flat"
             (click)="close.emit()"
             (keydown.tab)="$event.preventDefault(); textbox.focus();"
@@ -2667,6 +2728,9 @@ class PDFViewerComponent {
           i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
           searchCloseTitle="Close"
 
+          i18n-searchDragHandleTitle="kendo.pdfviewer.searchDragHandleTitle|The title of the Search tool drag handle button."
+          searchDragHandleTitle="Drag handle"
+
           i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
           searchMatchCaseTitle="Match case"
 
@@ -2719,7 +2783,16 @@ class PDFViewerComponent {
           blankPageExternalDropFilesHere="Drag and drop files here to upload"
 
           i18n-blankPageSelect="kendo.pdfviewer.blankPageSelect|The FileSelect button text for the blank page."
-          blankPageSelect="Select files...">
+          blankPageSelect="Select files..."
+
+          i18n-toolbarLabel="kendo.pdfviewer.toolbarLabel|The aria-label for the toolbar."
+          toolbarLabel="Toolbar"
+
+          i18n-zoomLevelAriaLabel="kendo.pdfviewer.zoomLevelAriaLabel|The aria-label for the inner input of the zoom level ComboBox."
+          zoomLevelAriaLabel="Zoom level"
+
+          i18n-searchAriaLabel="kendo.pdfviewer.searchAriaLabel|The aria-label for the inner input of the search TextBox."
+          searchAriaLabel="Search text">
         </ng-container>
         @if (loading) {
           <div kendoPDFViewerLoader
@@ -2908,6 +2981,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
           i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
           searchCloseTitle="Close"
 
+          i18n-searchDragHandleTitle="kendo.pdfviewer.searchDragHandleTitle|The title of the Search tool drag handle button."
+          searchDragHandleTitle="Drag handle"
+
           i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
           searchMatchCaseTitle="Match case"
 
@@ -2960,7 +3036,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
           blankPageExternalDropFilesHere="Drag and drop files here to upload"
 
           i18n-blankPageSelect="kendo.pdfviewer.blankPageSelect|The FileSelect button text for the blank page."
-          blankPageSelect="Select files...">
+          blankPageSelect="Select files..."
+
+          i18n-toolbarLabel="kendo.pdfviewer.toolbarLabel|The aria-label for the toolbar."
+          toolbarLabel="Toolbar"
+
+          i18n-zoomLevelAriaLabel="kendo.pdfviewer.zoomLevelAriaLabel|The aria-label for the inner input of the zoom level ComboBox."
+          zoomLevelAriaLabel="Zoom level"
+
+          i18n-searchAriaLabel="kendo.pdfviewer.searchAriaLabel|The aria-label for the inner input of the search TextBox."
+          searchAriaLabel="Search text">
         </ng-container>
         @if (loading) {
           <div kendoPDFViewerLoader

package/index.d.ts

@@ -197,6 +197,7 @@ declare class ToolbarComponent {
     private localization;
     private navigationService;
     toolbarClasses: boolean;
+    get ariaLabel(): string;
     fileSelectEl: ElementRef;
     zoomLevel: ZoomLevel;
     calculatedComboBoxValue: {
@@ -241,7 +242,7 @@ declare class ToolbarComponent {
     folderOpenIcon: SVGIcon;
     downloadIcon: SVGIcon;
     printIcon: SVGIcon;
-    trackChangesIcon: SVGIcon;
+    editAnnotationsIcon: SVGIcon;
     highlightIcon: SVGIcon;
     freeTextIcon: SVGIcon;
     xIcon: SVGIcon;
@@ -723,6 +724,10 @@ declare class Messages extends ComponentMessages {
      * Sets the title for the **Search** close button.
      */
     searchCloseTitle: string;
+    /**
+     * Sets the title for the **Search** drag handle button.
+     */
+    searchDragHandleTitle: string;
     /**
      * Sets the title for the **Search** match case button.
      */
@@ -795,8 +800,20 @@ declare class Messages extends ComponentMessages {
      * Sets the text for the FileSelect button in the blank page drop zone.
      */
     blankPageSelect: string;
+    /**
+     * Sets the `aria-label` attribute for the toolbar.
+     */
+    toolbarLabel: string;
+    /**
+     * Sets the `aria-label` attribute for the inner input of the zoom level ComboBox.
+     */
+    zoomLevelAriaLabel: string;
+    /**
+     * Sets the `aria-label` attribute for the inner input of the search TextBox.
+     */
+    searchAriaLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-pdfviewer-messages-base", never, { "zoomInTitle": { "alias": "zoomInTitle"; "required": false; }; "zoomOutTitle": { "alias": "zoomOutTitle"; "required": false; }; "selectionTitle": { "alias": "selectionTitle"; "required": false; }; "panningTitle": { "alias": "panningTitle"; "required": false; }; "searchTitle": { "alias": "searchTitle"; "required": false; }; "openTitle": { "alias": "openTitle"; "required": false; }; "downloadTitle": { "alias": "downloadTitle"; "required": false; }; "printTitle": { "alias": "printTitle"; "required": false; }; "pagerInputLabel": { "alias": "pagerInputLabel"; "required": false; }; "pagerInputTitle": { "alias": "pagerInputTitle"; "required": false; }; "pagerFirstPage": { "alias": "pagerFirstPage"; "required": false; }; "pagerPreviousPage": { "alias": "pagerPreviousPage"; "required": false; }; "pagerNextPage": { "alias": "pagerNextPage"; "required": false; }; "pagerLastPage": { "alias": "pagerLastPage"; "required": false; }; "pagerOf": { "alias": "pagerOf"; "required": false; }; "pagerPage": { "alias": "pagerPage"; "required": false; }; "fitToPage": { "alias": "fitToPage"; "required": false; }; "fitToWidth": { "alias": "fitToWidth"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "searchMatchesOf": { "alias": "searchMatchesOf"; "required": false; }; "searchPreviousMatchTitle": { "alias": "searchPreviousMatchTitle"; "required": false; }; "searchNextMatchTitle": { "alias": "searchNextMatchTitle"; "required": false; }; "searchCloseTitle": { "alias": "searchCloseTitle"; "required": false; }; "searchMatchCaseTitle": { "alias": "searchMatchCaseTitle"; "required": false; }; "zoomInputPlaceholder": { "alias": "zoomInputPlaceholder"; "required": false; }; "annotationsTitle": { "alias": "annotationsTitle"; "required": false; }; "annotationEditorTitle": { "alias": "annotationEditorTitle"; "required": false; }; "deleteAnnotationTitle": { "alias": "deleteAnnotationTitle"; "required": false; }; "highlightAnnotationTitle": { "alias": "highlightAnnotationTitle"; "required": false; }; "freeTextAnnotationTitle": { "alias": "freeTextAnnotationTitle"; "required": false; }; "closeAnnotationsToolbarTitle": { "alias": "closeAnnotationsToolbarTitle"; "required": false; }; "deleteAnnotationConfirmationDialogTitle": { "alias": "deleteAnnotationConfirmationDialogTitle"; "required": false; }; "deleteAnnotationConfirmationDialogContent": { "alias": "deleteAnnotationConfirmationDialogContent"; "required": false; }; "deleteAnnotationConfirmationDialogConfirmText": { "alias": "deleteAnnotationConfirmationDialogConfirmText"; "required": false; }; "deleteAnnotationConfirmationDialogRejectText": { "alias": "deleteAnnotationConfirmationDialogRejectText"; "required": false; }; "annotationEditorFontSizeTitle": { "alias": "annotationEditorFontSizeTitle"; "required": false; }; "annotationEditorColorTitle": { "alias": "annotationEditorColorTitle"; "required": false; }; "canvasLabel": { "alias": "canvasLabel"; "required": false; }; "blankPageDropFilesHere": { "alias": "blankPageDropFilesHere"; "required": false; }; "blankPageExternalDropFilesHere": { "alias": "blankPageExternalDropFilesHere"; "required": false; }; "blankPageSelect": { "alias": "blankPageSelect"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-pdfviewer-messages-base", never, { "zoomInTitle": { "alias": "zoomInTitle"; "required": false; }; "zoomOutTitle": { "alias": "zoomOutTitle"; "required": false; }; "selectionTitle": { "alias": "selectionTitle"; "required": false; }; "panningTitle": { "alias": "panningTitle"; "required": false; }; "searchTitle": { "alias": "searchTitle"; "required": false; }; "openTitle": { "alias": "openTitle"; "required": false; }; "downloadTitle": { "alias": "downloadTitle"; "required": false; }; "printTitle": { "alias": "printTitle"; "required": false; }; "pagerInputLabel": { "alias": "pagerInputLabel"; "required": false; }; "pagerInputTitle": { "alias": "pagerInputTitle"; "required": false; }; "pagerFirstPage": { "alias": "pagerFirstPage"; "required": false; }; "pagerPreviousPage": { "alias": "pagerPreviousPage"; "required": false; }; "pagerNextPage": { "alias": "pagerNextPage"; "required": false; }; "pagerLastPage": { "alias": "pagerLastPage"; "required": false; }; "pagerOf": { "alias": "pagerOf"; "required": false; }; "pagerPage": { "alias": "pagerPage"; "required": false; }; "fitToPage": { "alias": "fitToPage"; "required": false; }; "fitToWidth": { "alias": "fitToWidth"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "searchMatchesOf": { "alias": "searchMatchesOf"; "required": false; }; "searchPreviousMatchTitle": { "alias": "searchPreviousMatchTitle"; "required": false; }; "searchNextMatchTitle": { "alias": "searchNextMatchTitle"; "required": false; }; "searchCloseTitle": { "alias": "searchCloseTitle"; "required": false; }; "searchDragHandleTitle": { "alias": "searchDragHandleTitle"; "required": false; }; "searchMatchCaseTitle": { "alias": "searchMatchCaseTitle"; "required": false; }; "zoomInputPlaceholder": { "alias": "zoomInputPlaceholder"; "required": false; }; "annotationsTitle": { "alias": "annotationsTitle"; "required": false; }; "annotationEditorTitle": { "alias": "annotationEditorTitle"; "required": false; }; "deleteAnnotationTitle": { "alias": "deleteAnnotationTitle"; "required": false; }; "highlightAnnotationTitle": { "alias": "highlightAnnotationTitle"; "required": false; }; "freeTextAnnotationTitle": { "alias": "freeTextAnnotationTitle"; "required": false; }; "closeAnnotationsToolbarTitle": { "alias": "closeAnnotationsToolbarTitle"; "required": false; }; "deleteAnnotationConfirmationDialogTitle": { "alias": "deleteAnnotationConfirmationDialogTitle"; "required": false; }; "deleteAnnotationConfirmationDialogContent": { "alias": "deleteAnnotationConfirmationDialogContent"; "required": false; }; "deleteAnnotationConfirmationDialogConfirmText": { "alias": "deleteAnnotationConfirmationDialogConfirmText"; "required": false; }; "deleteAnnotationConfirmationDialogRejectText": { "alias": "deleteAnnotationConfirmationDialogRejectText"; "required": false; }; "annotationEditorFontSizeTitle": { "alias": "annotationEditorFontSizeTitle"; "required": false; }; "annotationEditorColorTitle": { "alias": "annotationEditorColorTitle"; "required": false; }; "canvasLabel": { "alias": "canvasLabel"; "required": false; }; "blankPageDropFilesHere": { "alias": "blankPageDropFilesHere"; "required": false; }; "blankPageExternalDropFilesHere": { "alias": "blankPageExternalDropFilesHere"; "required": false; }; "blankPageSelect": { "alias": "blankPageSelect"; "required": false; }; "toolbarLabel": { "alias": "toolbarLabel"; "required": false; }; "zoomLevelAriaLabel": { "alias": "zoomLevelAriaLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -880,6 +897,7 @@ declare class PDFViewerSearchComponent implements AfterViewInit {
     convertLowercaseIcon: SVGIcon;
     arrowUpIcon: SVGIcon;
     arrowDownIcon: SVGIcon;
+    handleDragIcon: SVGIcon;
     xIcon: SVGIcon;
     value: string;
     matchCase: boolean;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1784041258,
-  "version": "25.0.0-develop.6",
+  "publishDate": 1784796143,
+  "version": "25.0.0-develop.8",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pdfviewer",
-  "version": "25.0.0-develop.6",
+  "version": "25.0.0-develop.8",
   "description": "Kendo UI PDFViewer for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -34,7 +34,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1784041258,
+      "publishDate": 1784796143,
       "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"
     }
   },
@@ -44,23 +44,23 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "25.0.0-develop.6",
-    "@progress/kendo-angular-common": "25.0.0-develop.6",
-    "@progress/kendo-angular-dialog": "25.0.0-develop.6",
-    "@progress/kendo-angular-dropdowns": "25.0.0-develop.6",
-    "@progress/kendo-angular-inputs": "25.0.0-develop.6",
-    "@progress/kendo-angular-intl": "25.0.0-develop.6",
-    "@progress/kendo-angular-l10n": "25.0.0-develop.6",
-    "@progress/kendo-angular-icons": "25.0.0-develop.6",
-    "@progress/kendo-angular-indicators": "25.0.0-develop.6",
-    "@progress/kendo-angular-pager": "25.0.0-develop.6",
-    "@progress/kendo-angular-popup": "25.0.0-develop.6",
-    "@progress/kendo-angular-upload": "25.0.0-develop.6",
+    "@progress/kendo-angular-buttons": "25.0.0-develop.8",
+    "@progress/kendo-angular-common": "25.0.0-develop.8",
+    "@progress/kendo-angular-dialog": "25.0.0-develop.8",
+    "@progress/kendo-angular-dropdowns": "25.0.0-develop.8",
+    "@progress/kendo-angular-inputs": "25.0.0-develop.8",
+    "@progress/kendo-angular-intl": "25.0.0-develop.8",
+    "@progress/kendo-angular-l10n": "25.0.0-develop.8",
+    "@progress/kendo-angular-icons": "25.0.0-develop.8",
+    "@progress/kendo-angular-indicators": "25.0.0-develop.8",
+    "@progress/kendo-angular-pager": "25.0.0-develop.8",
+    "@progress/kendo-angular-popup": "25.0.0-develop.8",
+    "@progress/kendo-angular-upload": "25.0.0-develop.8",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.0.0-develop.6",
+    "@progress/kendo-angular-schematics": "25.0.0-develop.8",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-pdfviewer-common": "1.0.0"
   },

package/schematics/ngAdd/index.js

@@ -9,8 +9,8 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PDFViewerModule', package: 'pdfviewer', peerDependencies: {
             // peers of the dropdowns
-            '@progress/kendo-angular-navigation': '25.0.0-develop.6',
-            '@progress/kendo-angular-treeview': '25.0.0-develop.6'
+            '@progress/kendo-angular-navigation': '25.0.0-develop.8',
+            '@progress/kendo-angular-treeview': '25.0.0-develop.8'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }