@progress/kendo-angular-pdfviewer 17.0.0-develop.3 → 17.0.0-develop.30

package/{esm2020 → esm2022}/toolbar/toolbar.component.mjs

@@ -22,53 +22,55 @@ import * as i2 from "./toolbar-navigation.service";
  * @hidden
  */
 export class ToolbarComponent {
+    localization;
+    navigationService;
+    toolbarClasses = true;
+    toolbarSizeClass = 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;
+    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();
+    zoomInIcon = zoomInIcon;
+    zoomOutIcon = zoomOutIcon;
+    handIcon = handIcon;
+    pointerIcon = pointerIcon;
+    searchIcon = searchIcon;
+    folderOpenIcon = folderOpenIcon;
+    downloadIcon = downloadIcon;
+    printIcon = printIcon;
+    pagerType = 'input';
     constructor(localization, navigationService) {
         this.localization = localization;
         this.navigationService = navigationService;
-        this.toolbarClass = true;
-        this.toolbarSizeClass = true;
-        this.zoomLevel = {
-            text: '125%',
-            displayValue: '125%',
-            value: 1.25
-        };
-        this.calculatedComboBoxValue = {
-            text: 'Fit to width',
-            displayValue: null,
-            value: null
-        };
-        this.skip = 0;
-        this.pageSize = 1;
-        this.fileSelect = new EventEmitter();
-        this.fileSelectStart = new EventEmitter();
-        this.fileSelectError = new EventEmitter();
-        this.download = new EventEmitter();
-        this.selectionEnabled = new EventEmitter();
-        this.panningEnabled = new EventEmitter();
-        this.pageChange = new EventEmitter();
-        this.zoomIn = new EventEmitter();
-        this.zoomOut = new EventEmitter();
-        this.zoomLevelChange = new EventEmitter();
-        this.print = new EventEmitter();
-        this.search = new EventEmitter();
-        this.zoomInIcon = zoomInIcon;
-        this.zoomOutIcon = zoomOutIcon;
-        this.handIcon = handIcon;
-        this.pointerIcon = pointerIcon;
-        this.searchIcon = searchIcon;
-        this.folderOpenIcon = folderOpenIcon;
-        this.downloadIcon = downloadIcon;
-        this.printIcon = printIcon;
-        this.pagerType = 'input';
-        this.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)}%`
-            };
-        }));
     }
     messageFor(key) {
         return this.localization.get(key);
@@ -94,9 +96,17 @@ export class ToolbarComponent {
     focus() {
         this.navigationService.focusableTools[this.navigationService.currentFocusIndex].activate();
     }
-}
-ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClass", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
+    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: "16.2.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
         <ng-container *ngFor="let tool of tools">
             <ng-container [ngSwitch]="tool">
                 <kendo-toolbar-input-wrapper
@@ -133,10 +143,12 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <kendo-buttongroup
                     *ngSwitchCase="'zoomInOut'"
                     [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"
@@ -147,6 +159,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     <button
                         type="button"
                         kendoButton
+                        fillMode="flat"
                         kendoPDFViewerToolbarFocusable
                         icon="zoom-in"
                         [disabled]="disabledTools || zoomInDisabled"
@@ -162,6 +175,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     <kendo-combobox
                         #combobox
                         kendoPDFViewerComboBox
+                        class="k-toolbar-combobox"
+                        fillMode="flat"
                         [attr.aria-controls]="pagesContainerId"
                         [tabindex]="-1"
                         [data]="zoomOptionsData"
@@ -183,11 +198,13 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     *ngSwitchCase="'selection'"
                     [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"
                         [toggleable]="true"
                         [svgIcon]="pointerIcon"
@@ -198,6 +215,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                         type="button"
                         kendoButton
                         kendoPDFViewerToolbarFocusable
+                        fillMode="flat"
                         icon="hand"
                         [svgIcon]="handIcon"
                         [toggleable]="true"
@@ -211,6 +229,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     type="button"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="search"
                     [disabled]="disabledTools"
                     [attr.title]="messageFor('searchTitle')"
@@ -221,8 +241,11 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <button
                     *ngSwitchCase="'open'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="folder-open"
                     [svgIcon]="folderOpenIcon"
                     [attr.title]="messageFor('openTitle')"
@@ -233,8 +256,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <button
                     *ngSwitchCase="'download'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="download"
                     [svgIcon]="downloadIcon"
                     [disabled]="disabledTools"
@@ -244,8 +269,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <button
                     *ngSwitchCase="'print'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="print"
                     [svgIcon]="printIcon"
                     [disabled]="disabledTools"
@@ -262,8 +289,9 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             aria-hidden="true"
             accept=".pdf, .PDF"
             (change)="onFileSelect($event)" />
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarInputWrapperComponent, selector: "kendo-toolbar-input-wrapper", inputs: ["toolbarTool"] }, { kind: "directive", type: ToolbarFocusableDirective, selector: "[kendoPDFViewerToolbarFocusable]" }, { kind: "component", type: PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-datapager-messages" }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: ToolbarComboBoxDirective, selector: "[kendoPDFViewerComboBox]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarInputWrapperComponent, selector: "kendo-toolbar-input-wrapper", inputs: ["toolbarTool"] }, { kind: "directive", type: ToolbarFocusableDirective, selector: "[kendoPDFViewerToolbarFocusable]" }, { kind: "component", type: PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-datapager-messages" }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: ToolbarComboBoxDirective, selector: "[kendoPDFViewerComboBox]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoPDFViewerToolbar]',
@@ -305,10 +333,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <kendo-buttongroup
                     *ngSwitchCase="'zoomInOut'"
                     [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"
@@ -319,6 +349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     <button
                         type="button"
                         kendoButton
+                        fillMode="flat"
                         kendoPDFViewerToolbarFocusable
                         icon="zoom-in"
                         [disabled]="disabledTools || zoomInDisabled"
@@ -334,6 +365,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     <kendo-combobox
                         #combobox
                         kendoPDFViewerComboBox
+                        class="k-toolbar-combobox"
+                        fillMode="flat"
                         [attr.aria-controls]="pagesContainerId"
                         [tabindex]="-1"
                         [data]="zoomOptionsData"
@@ -355,11 +388,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     *ngSwitchCase="'selection'"
                     [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"
                         [toggleable]="true"
                         [svgIcon]="pointerIcon"
@@ -370,6 +405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         type="button"
                         kendoButton
                         kendoPDFViewerToolbarFocusable
+                        fillMode="flat"
                         icon="hand"
                         [svgIcon]="handIcon"
                         [toggleable]="true"
@@ -383,6 +419,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     type="button"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="search"
                     [disabled]="disabledTools"
                     [attr.title]="messageFor('searchTitle')"
@@ -393,8 +431,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <button
                     *ngSwitchCase="'open'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="folder-open"
                     [svgIcon]="folderOpenIcon"
                     [attr.title]="messageFor('openTitle')"
@@ -405,8 +446,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <button
                     *ngSwitchCase="'download'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="download"
                     [svgIcon]="downloadIcon"
                     [disabled]="disabledTools"
@@ -416,8 +459,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <button
                     *ngSwitchCase="'print'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="print"
                     [svgIcon]="printIcon"
                     [disabled]="disabledTools"
@@ -438,9 +483,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     standalone: true,
                     imports: [NgFor, NgSwitch, NgSwitchCase, ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective, NgIf]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ToolbarNavigationService }]; }, propDecorators: { toolbarClass: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ToolbarNavigationService }]; }, propDecorators: { toolbarClasses: [{
                 type: HostBinding,
                 args: ['class.k-toolbar']
+            }, {
+                type: HostBinding,
+                args: ['class.k-toolbar-flat']
             }], toolbarSizeClass: [{
                 type: HostBinding,
                 args: ['class.k-toolbar-md']