@progress/kendo-angular-pdfviewer 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/toolbar/toolbar.component.mjs

@@ -1,737 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, ViewChild } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerComponent, CustomMessagesComponent } from '@progress/kendo-angular-pager';
-import { searchIcon, zoomInIcon, zoomOutIcon, pointerIcon, handIcon, folderOpenIcon, downloadIcon, printIcon, trackChangesIcon, highlightIcon, freeTextIcon, xIcon } from '@progress/kendo-svg-icons';
-import { ToolbarNavigationService } from './toolbar-navigation.service';
-import { ComboBoxComponent, ItemTemplateDirective } from '@progress/kendo-angular-dropdowns';
-import { ToolbarComboBoxDirective } from './toolbar-combobox.directive';
-import { ButtonComponent, ButtonGroupComponent } from '@progress/kendo-angular-buttons';
-import { ToolbarFocusableDirective } from './toolbar-focusable.directive';
-import { ToolbarInputWrapperComponent } from './input-wrapper.component';
-import { map } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./toolbar-navigation.service";
-/**
- * @hidden
- */
-export class ToolbarComponent {
-    localization;
-    navigationService;
-    toolbarClasses = true;
-    fileSelectEl;
-    zoomLevel = {
-        text: '125%',
-        displayValue: '125%',
-        value: 1.25
-    };
-    calculatedComboBoxValue = {
-        text: 'Fit to width',
-        displayValue: null,
-        value: null
-    };
-    skip = 0;
-    pageSize = 1;
-    total;
-    zoomInDisabled;
-    zoomOutDisabled;
-    disabledTools;
-    zoomLevelChooserValue;
-    zoomOptionsData;
-    pagesContainerId;
-    tools;
-    type = 'tools';
-    wrapperId;
-    isAnnotationsToolbarVisible = false;
-    annotationsToolId;
-    isSelectionEnabled = false;
-    fileSelect = new EventEmitter();
-    fileSelectStart = new EventEmitter();
-    fileSelectError = new EventEmitter();
-    download = new EventEmitter();
-    selectionEnabled = new EventEmitter();
-    panningEnabled = new EventEmitter();
-    pageChange = new EventEmitter();
-    zoomIn = new EventEmitter();
-    zoomOut = new EventEmitter();
-    zoomLevelChange = new EventEmitter();
-    print = new EventEmitter();
-    search = new EventEmitter();
-    toggleAnnotationsToolbar = new EventEmitter();
-    setAnnotationMode = new EventEmitter();
-    zoomInIcon = zoomInIcon;
-    zoomOutIcon = zoomOutIcon;
-    handIcon = handIcon;
-    pointerIcon = pointerIcon;
-    searchIcon = searchIcon;
-    folderOpenIcon = folderOpenIcon;
-    downloadIcon = downloadIcon;
-    printIcon = printIcon;
-    trackChangesIcon = trackChangesIcon;
-    highlightIcon = highlightIcon;
-    freeTextIcon = freeTextIcon;
-    xIcon = xIcon;
-    pagerType = 'input';
-    isHighlightMode;
-    isFreeTextMode;
-    constructor(localization, navigationService) {
-        this.localization = localization;
-        this.navigationService = navigationService;
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    onFileSelect(e) {
-        const file = e.target.files[0];
-        this.fileSelectStart.emit();
-        if (file) {
-            const reader = new FileReader();
-            reader.onload = (e) => {
-                const data = e.target.result;
-                this.fileSelect.emit(data);
-            };
-            reader.onerror = (e) => {
-                this.fileSelectError.emit(e);
-            };
-            reader.readAsDataURL(file);
-        }
-    }
-    onZoomLevelChooserValueChange(zoomLevel) {
-        this.zoomLevelChange.emit(zoomLevel);
-    }
-    focus() {
-        this.navigationService.focusableTools[this.navigationService.currentFocusIndex].activate();
-    }
-    onHighlightClick() {
-        this.isHighlightMode = !this.isHighlightMode;
-        this.isFreeTextMode = false;
-        this.setAnnotationMode.emit(this.isHighlightMode ? 'highlight' : 'none');
-    }
-    onFreeTextClick() {
-        this.isFreeTextMode = !this.isFreeTextMode;
-        this.isHighlightMode = false;
-        this.setAnnotationMode.emit(this.isFreeTextMode ? 'freeText' : 'none');
-    }
-    valueNormalizer = (text) => text.pipe(map((value) => {
-        const parsedValue = parseFloat(value);
-        const newValue = Number.isNaN(parsedValue) ? 1 : parsedValue / 100;
-        return {
-            value: newValue,
-            displayValue: `${Math.round(newValue * 100)}%`,
-            text: `${Math.round(newValue * 100)}%`
-        };
-    }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    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: `
-        @if (type === 'tools') {
-          @for (tool of tools; track tool) {
-            @switch (tool) {
-              @case ('pager') {
-                <kendo-toolbar-input-wrapper
-                  kendoPDFViewerToolbarFocusable
-                  [toolbarTool]="pager">
-                  <kendo-datapager
-                    #pager
-                    [attr.aria-controls]="pagesContainerId"
-                    [attr.aria-label]="messageFor('page') + ' ' + (skip + 1) + ' ' + messageFor('of') + total"
-                    [class.k-disabled]="disabledTools"
-                    [navigable]="true"
-                    [pageSize]="pageSize"
-                    [skip]="skip"
-                    [total]="total"
-                    [pageSizeValues]="false"
-                    [info]="false"
-                    [type]="pagerType"
-                    (pageChange)="pageChange.emit($event)">
-                    <kendo-datapager-messages
-                      [firstPage]="messageFor('pagerFirstPage')"
-                      [previousPage]="messageFor('pagerPreviousPage')"
-                      [nextPage]="messageFor('pagerNextPage')"
-                      [lastPage]="messageFor('pagerLastPage')"
-                      [inputLabel]="messageFor('pagerInputLabel')"
-                      [pageNumberInputTitle]="messageFor('pagerInputTitle')"
-                      [of]="messageFor('pagerOf')"
-                    [page]="messageFor('pagerPage')"></kendo-datapager-messages>
-                  </kendo-datapager>
-                </kendo-toolbar-input-wrapper>
-              }
-              @case ('spacer') {
-                <span
-                class="k-spacer"></span>
-              }
-              @case ('zoomInOut') {
-                <kendo-buttongroup
-                  [attr.aria-controls]="pagesContainerId"
-                  class="k-button-group-flat k-toolbar-button-group"
-                  [navigable]="false">
-                  <button
-                    type="button"
-                    kendoButton
-                    fillMode="flat"
-                    kendoPDFViewerToolbarFocusable
-                    icon="zoom-out"
-                    [disabled]="disabledTools || zoomOutDisabled"
-                    [svgIcon]="zoomOutIcon"
-                    [attr.title]="messageFor('zoomOutTitle')"
-                    [attr.aria-label]="messageFor('zoomOutTitle')"
-                  (click)="zoomOut.emit()"></button>
-                  <button
-                    type="button"
-                    kendoButton
-                    fillMode="flat"
-                    kendoPDFViewerToolbarFocusable
-                    icon="zoom-in"
-                    [disabled]="disabledTools || zoomInDisabled"
-                    [svgIcon]="zoomInIcon"
-                    [attr.title]="messageFor('zoomInTitle')"
-                    [attr.aria-label]="messageFor('zoomInTitle')"
-                  (click)="zoomIn.emit()"></button>
-                </kendo-buttongroup>
-              }
-              @case ('zoom') {
-                <kendo-toolbar-input-wrapper
-                  kendoPDFViewerToolbarFocusable
-                  [toolbarTool]="combobox">
-                  <kendo-combobox
-                    #combobox
-                    kendoPDFViewerComboBox
-                    class="k-toolbar-combobox"
-                    fillMode="flat"
-                    [attr.aria-controls]="pagesContainerId"
-                    [tabindex]="-1"
-                    [data]="zoomOptionsData"
-                    [disabled]="disabledTools"
-                    [placeholder]="messageFor('zoomInputPlaceholder')"
-                    textField="displayValue"
-                    valueField="id"
-                    [value]="zoomLevelChooserValue"
-                    [allowCustom]="true"
-                    [valueNormalizer]="valueNormalizer"
-                    [clearButton]="false"
-                    (valueChange)="onZoomLevelChooserValueChange($event)">
-                    <ng-template kendoComboBoxItemTemplate let-dataItem>
-                      {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
-                    </ng-template>
-                  </kendo-combobox>
-                </kendo-toolbar-input-wrapper>
-              }
-              @case ('selection') {
-                <kendo-buttongroup
-                  [attr.aria-controls]="pagesContainerId"
-                  [navigable]="false"
-                  class="k-button-group-flat k-toolbar-button-group"
-                  selection="single">
-                  <button
-                    type="button"
-                    kendoButton
-                    kendoPDFViewerToolbarFocusable
-                    fillMode="flat"
-                    icon="pointer"
-                    [selected]="isSelectionEnabled"
-                    [toggleable]="true"
-                    [svgIcon]="pointerIcon"
-                    [attr.title]="messageFor('selectionTitle')"
-                    [attr.aria-label]="messageFor('selectionTitle')"
-                  (click)="selectionEnabled.emit(); isSelectionEnabled = true;"></button>
-                  <button
-                    type="button"
-                    kendoButton
-                    kendoPDFViewerToolbarFocusable
-                    fillMode="flat"
-                    icon="hand"
-                    [svgIcon]="handIcon"
-                    [toggleable]="true"
-                    [selected]="!isSelectionEnabled"
-                    [attr.title]="messageFor('panningTitle')"
-                    [attr.aria-label]="messageFor('panningTitle')"
-                  (click)="panningEnabled.emit(); isSelectionEnabled = false;"></button>
-                </kendo-buttongroup>
-              }
-              @case ('search') {
-                <button
-                  type="button"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  fillMode="flat"
-                  icon="search"
-                  [disabled]="disabledTools"
-                  [attr.title]="messageFor('searchTitle')"
-                  [attr.aria-label]="messageFor('searchTitle')"
-                  aria-haspopup="dialog"
-                  [svgIcon]="searchIcon"
-                (click)="search.emit()"></button>
-              }
-              @case ('open') {
-                <button
-                  type="button"
-                  fillMode="flat"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  fillMode="flat"
-                  icon="folder-open"
-                  [svgIcon]="folderOpenIcon"
-                  [attr.title]="messageFor('openTitle')"
-                  [attr.aria-label]="messageFor('openTitle')"
-                  [attr.aria-controls]="pagesContainerId"
-                  (click)="fileSelectEl?.nativeElement.click()">
-                </button>
-              }
-              @case ('download') {
-                <button
-                  type="button"
-                  fillMode="flat"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  icon="download"
-                  [svgIcon]="downloadIcon"
-                  [disabled]="disabledTools"
-                  [attr.title]="messageFor('downloadTitle')"
-                  [attr.aria-label]="messageFor('downloadTitle')"
-                (click)="download.emit()"></button>
-              }
-              @case ('print') {
-                <button
-                  type="button"
-                  fillMode="flat"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  icon="print"
-                  [svgIcon]="printIcon"
-                  [disabled]="disabledTools"
-                  [attr.title]="messageFor('printTitle')"
-                  [attr.aria-label]="messageFor('printTitle')"
-                (click)="print.emit()"></button>
-              }
-              @case ('annotations') {
-                <button
-                  type="button"
-                  [attr.id]="annotationsToolId"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  fillMode="flat"
-                  icon="track-changes"
-                  [selected]="isAnnotationsToolbarVisible"
-                  [disabled]="disabledTools || !isSelectionEnabled"
-                  [attr.title]="messageFor('annotationsTitle')"
-                  [attr.aria-label]="messageFor('annotationsTitle')"
-                  [attr.aria-controls]="wrapperId"
-                  [attr.aria-expanded]="isAnnotationsToolbarVisible"
-                  [svgIcon]="trackChangesIcon"
-                (click)="toggleAnnotationsToolbar.emit();"></button>
-              }
-            }
-          }
-        }
-        @if (type === 'annotations') {
-          <button
-            type="button"
-            kendoPDFViewerToolbarFocusable
-            kendoButton
-            class="k-toolbar-button"
-            fillMode="flat"
-            icon="highlight"
-            [selected]="isHighlightMode"
-            [disabled]="disabledTools"
-            [attr.title]="messageFor('highlightAnnotationTitle')"
-            [attr.aria-label]="messageFor('highlightAnnotationTitle')"
-            aria-haspopup="dialog"
-            [svgIcon]="highlightIcon"
-          (click)="onHighlightClick()"></button>
-          <div class="k-toolbar-separator k-separator"></div>
-          <button
-            type="button"
-            fillMode="flat"
-            kendoPDFViewerToolbarFocusable
-            kendoButton
-            [selected]="isFreeTextMode"
-            class="k-toolbar-button"
-            fillMode="flat"
-            icon="free-text"
-            [svgIcon]="freeTextIcon"
-            [attr.title]="messageFor('freeTextAnnotationTitle')"
-            [attr.aria-label]="messageFor('freeTextAnnotationTitle')"
-            [attr.aria-controls]="pagesContainerId"
-            (click)="onFreeTextClick()">
-          </button>
-          <span class="k-spacer"></span>
-          <button
-            type="button"
-            fillMode="flat"
-            kendoPDFViewerToolbarFocusable
-            kendoButton
-            class="k-toolbar-button"
-            fillMode="flat"
-            icon="x"
-            [svgIcon]="xIcon"
-            [attr.title]="messageFor('closeAnnotationsToolbarTitle')"
-            [attr.aria-label]="messageFor('closeAnnotationsToolbarTitle')"
-            [attr.aria-controls]="pagesContainerId"
-            (click)="toggleAnnotationsToolbar.emit();">
-          </button>
-        }
-        @if (type === 'tools' &&tools?.indexOf('open') > -1;) {
-          <input
-            #fileSelectEl
-            type="file"
-            [style.display]="'none'"
-            aria-hidden="true"
-            accept=".pdf, .PDF"
-            (change)="onFileSelect($event)" />
-        }
-        `, 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]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoPDFViewerToolbar]',
-                    providers: [ToolbarNavigationService],
-                    template: `
-        @if (type === 'tools') {
-          @for (tool of tools; track tool) {
-            @switch (tool) {
-              @case ('pager') {
-                <kendo-toolbar-input-wrapper
-                  kendoPDFViewerToolbarFocusable
-                  [toolbarTool]="pager">
-                  <kendo-datapager
-                    #pager
-                    [attr.aria-controls]="pagesContainerId"
-                    [attr.aria-label]="messageFor('page') + ' ' + (skip + 1) + ' ' + messageFor('of') + total"
-                    [class.k-disabled]="disabledTools"
-                    [navigable]="true"
-                    [pageSize]="pageSize"
-                    [skip]="skip"
-                    [total]="total"
-                    [pageSizeValues]="false"
-                    [info]="false"
-                    [type]="pagerType"
-                    (pageChange)="pageChange.emit($event)">
-                    <kendo-datapager-messages
-                      [firstPage]="messageFor('pagerFirstPage')"
-                      [previousPage]="messageFor('pagerPreviousPage')"
-                      [nextPage]="messageFor('pagerNextPage')"
-                      [lastPage]="messageFor('pagerLastPage')"
-                      [inputLabel]="messageFor('pagerInputLabel')"
-                      [pageNumberInputTitle]="messageFor('pagerInputTitle')"
-                      [of]="messageFor('pagerOf')"
-                    [page]="messageFor('pagerPage')"></kendo-datapager-messages>
-                  </kendo-datapager>
-                </kendo-toolbar-input-wrapper>
-              }
-              @case ('spacer') {
-                <span
-                class="k-spacer"></span>
-              }
-              @case ('zoomInOut') {
-                <kendo-buttongroup
-                  [attr.aria-controls]="pagesContainerId"
-                  class="k-button-group-flat k-toolbar-button-group"
-                  [navigable]="false">
-                  <button
-                    type="button"
-                    kendoButton
-                    fillMode="flat"
-                    kendoPDFViewerToolbarFocusable
-                    icon="zoom-out"
-                    [disabled]="disabledTools || zoomOutDisabled"
-                    [svgIcon]="zoomOutIcon"
-                    [attr.title]="messageFor('zoomOutTitle')"
-                    [attr.aria-label]="messageFor('zoomOutTitle')"
-                  (click)="zoomOut.emit()"></button>
-                  <button
-                    type="button"
-                    kendoButton
-                    fillMode="flat"
-                    kendoPDFViewerToolbarFocusable
-                    icon="zoom-in"
-                    [disabled]="disabledTools || zoomInDisabled"
-                    [svgIcon]="zoomInIcon"
-                    [attr.title]="messageFor('zoomInTitle')"
-                    [attr.aria-label]="messageFor('zoomInTitle')"
-                  (click)="zoomIn.emit()"></button>
-                </kendo-buttongroup>
-              }
-              @case ('zoom') {
-                <kendo-toolbar-input-wrapper
-                  kendoPDFViewerToolbarFocusable
-                  [toolbarTool]="combobox">
-                  <kendo-combobox
-                    #combobox
-                    kendoPDFViewerComboBox
-                    class="k-toolbar-combobox"
-                    fillMode="flat"
-                    [attr.aria-controls]="pagesContainerId"
-                    [tabindex]="-1"
-                    [data]="zoomOptionsData"
-                    [disabled]="disabledTools"
-                    [placeholder]="messageFor('zoomInputPlaceholder')"
-                    textField="displayValue"
-                    valueField="id"
-                    [value]="zoomLevelChooserValue"
-                    [allowCustom]="true"
-                    [valueNormalizer]="valueNormalizer"
-                    [clearButton]="false"
-                    (valueChange)="onZoomLevelChooserValueChange($event)">
-                    <ng-template kendoComboBoxItemTemplate let-dataItem>
-                      {{ dataItem.type ? messageFor('f' + dataItem.type.slice(1)) : dataItem.text }}
-                    </ng-template>
-                  </kendo-combobox>
-                </kendo-toolbar-input-wrapper>
-              }
-              @case ('selection') {
-                <kendo-buttongroup
-                  [attr.aria-controls]="pagesContainerId"
-                  [navigable]="false"
-                  class="k-button-group-flat k-toolbar-button-group"
-                  selection="single">
-                  <button
-                    type="button"
-                    kendoButton
-                    kendoPDFViewerToolbarFocusable
-                    fillMode="flat"
-                    icon="pointer"
-                    [selected]="isSelectionEnabled"
-                    [toggleable]="true"
-                    [svgIcon]="pointerIcon"
-                    [attr.title]="messageFor('selectionTitle')"
-                    [attr.aria-label]="messageFor('selectionTitle')"
-                  (click)="selectionEnabled.emit(); isSelectionEnabled = true;"></button>
-                  <button
-                    type="button"
-                    kendoButton
-                    kendoPDFViewerToolbarFocusable
-                    fillMode="flat"
-                    icon="hand"
-                    [svgIcon]="handIcon"
-                    [toggleable]="true"
-                    [selected]="!isSelectionEnabled"
-                    [attr.title]="messageFor('panningTitle')"
-                    [attr.aria-label]="messageFor('panningTitle')"
-                  (click)="panningEnabled.emit(); isSelectionEnabled = false;"></button>
-                </kendo-buttongroup>
-              }
-              @case ('search') {
-                <button
-                  type="button"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  fillMode="flat"
-                  icon="search"
-                  [disabled]="disabledTools"
-                  [attr.title]="messageFor('searchTitle')"
-                  [attr.aria-label]="messageFor('searchTitle')"
-                  aria-haspopup="dialog"
-                  [svgIcon]="searchIcon"
-                (click)="search.emit()"></button>
-              }
-              @case ('open') {
-                <button
-                  type="button"
-                  fillMode="flat"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  fillMode="flat"
-                  icon="folder-open"
-                  [svgIcon]="folderOpenIcon"
-                  [attr.title]="messageFor('openTitle')"
-                  [attr.aria-label]="messageFor('openTitle')"
-                  [attr.aria-controls]="pagesContainerId"
-                  (click)="fileSelectEl?.nativeElement.click()">
-                </button>
-              }
-              @case ('download') {
-                <button
-                  type="button"
-                  fillMode="flat"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  icon="download"
-                  [svgIcon]="downloadIcon"
-                  [disabled]="disabledTools"
-                  [attr.title]="messageFor('downloadTitle')"
-                  [attr.aria-label]="messageFor('downloadTitle')"
-                (click)="download.emit()"></button>
-              }
-              @case ('print') {
-                <button
-                  type="button"
-                  fillMode="flat"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  icon="print"
-                  [svgIcon]="printIcon"
-                  [disabled]="disabledTools"
-                  [attr.title]="messageFor('printTitle')"
-                  [attr.aria-label]="messageFor('printTitle')"
-                (click)="print.emit()"></button>
-              }
-              @case ('annotations') {
-                <button
-                  type="button"
-                  [attr.id]="annotationsToolId"
-                  kendoPDFViewerToolbarFocusable
-                  kendoButton
-                  class="k-toolbar-button"
-                  fillMode="flat"
-                  icon="track-changes"
-                  [selected]="isAnnotationsToolbarVisible"
-                  [disabled]="disabledTools || !isSelectionEnabled"
-                  [attr.title]="messageFor('annotationsTitle')"
-                  [attr.aria-label]="messageFor('annotationsTitle')"
-                  [attr.aria-controls]="wrapperId"
-                  [attr.aria-expanded]="isAnnotationsToolbarVisible"
-                  [svgIcon]="trackChangesIcon"
-                (click)="toggleAnnotationsToolbar.emit();"></button>
-              }
-            }
-          }
-        }
-        @if (type === 'annotations') {
-          <button
-            type="button"
-            kendoPDFViewerToolbarFocusable
-            kendoButton
-            class="k-toolbar-button"
-            fillMode="flat"
-            icon="highlight"
-            [selected]="isHighlightMode"
-            [disabled]="disabledTools"
-            [attr.title]="messageFor('highlightAnnotationTitle')"
-            [attr.aria-label]="messageFor('highlightAnnotationTitle')"
-            aria-haspopup="dialog"
-            [svgIcon]="highlightIcon"
-          (click)="onHighlightClick()"></button>
-          <div class="k-toolbar-separator k-separator"></div>
-          <button
-            type="button"
-            fillMode="flat"
-            kendoPDFViewerToolbarFocusable
-            kendoButton
-            [selected]="isFreeTextMode"
-            class="k-toolbar-button"
-            fillMode="flat"
-            icon="free-text"
-            [svgIcon]="freeTextIcon"
-            [attr.title]="messageFor('freeTextAnnotationTitle')"
-            [attr.aria-label]="messageFor('freeTextAnnotationTitle')"
-            [attr.aria-controls]="pagesContainerId"
-            (click)="onFreeTextClick()">
-          </button>
-          <span class="k-spacer"></span>
-          <button
-            type="button"
-            fillMode="flat"
-            kendoPDFViewerToolbarFocusable
-            kendoButton
-            class="k-toolbar-button"
-            fillMode="flat"
-            icon="x"
-            [svgIcon]="xIcon"
-            [attr.title]="messageFor('closeAnnotationsToolbarTitle')"
-            [attr.aria-label]="messageFor('closeAnnotationsToolbarTitle')"
-            [attr.aria-controls]="pagesContainerId"
-            (click)="toggleAnnotationsToolbar.emit();">
-          </button>
-        }
-        @if (type === 'tools' &&tools?.indexOf('open') > -1;) {
-          <input
-            #fileSelectEl
-            type="file"
-            [style.display]="'none'"
-            aria-hidden="true"
-            accept=".pdf, .PDF"
-            (change)="onFileSelect($event)" />
-        }
-        `,
-                    standalone: true,
-                    imports: [ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.ToolbarNavigationService }], propDecorators: { toolbarClasses: [{
-                type: HostBinding,
-                args: ['class.k-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-md']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-flat']
-            }], fileSelectEl: [{
-                type: ViewChild,
-                args: ['fileSelectEl']
-            }], zoomLevel: [{
-                type: Input
-            }], calculatedComboBoxValue: [{
-                type: Input
-            }], skip: [{
-                type: Input
-            }], pageSize: [{
-                type: Input
-            }], total: [{
-                type: Input
-            }], zoomInDisabled: [{
-                type: Input
-            }], zoomOutDisabled: [{
-                type: Input
-            }], disabledTools: [{
-                type: Input
-            }], zoomLevelChooserValue: [{
-                type: Input
-            }], zoomOptionsData: [{
-                type: Input
-            }], pagesContainerId: [{
-                type: Input
-            }], tools: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], wrapperId: [{
-                type: Input
-            }], isAnnotationsToolbarVisible: [{
-                type: Input
-            }], annotationsToolId: [{
-                type: Input
-            }], isSelectionEnabled: [{
-                type: Input
-            }], fileSelect: [{
-                type: Output
-            }], fileSelectStart: [{
-                type: Output
-            }], fileSelectError: [{
-                type: Output
-            }], download: [{
-                type: Output
-            }], selectionEnabled: [{
-                type: Output
-            }], panningEnabled: [{
-                type: Output
-            }], pageChange: [{
-                type: Output
-            }], zoomIn: [{
-                type: Output
-            }], zoomOut: [{
-                type: Output
-            }], zoomLevelChange: [{
-                type: Output
-            }], print: [{
-                type: Output
-            }], search: [{
-                type: Output
-            }], toggleAnnotationsToolbar: [{
-                type: Output
-            }], setAnnotationMode: [{
-                type: Output
-            }] } });