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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +33 -18
  2. package/esm2020/package-metadata.mjs +2 -2
  3. package/esm2020/toolbar/search.component.mjs +1 -1
  4. package/esm2020/toolbar/toolbar.component.mjs +41 -4
  5. package/fesm2015/progress-kendo-angular-pdfviewer.mjs +44 -7
  6. package/fesm2020/progress-kendo-angular-pdfviewer.mjs +44 -7
  7. package/package.json +12 -12
  8. package/schematics/ngAdd/index.js +2 -2
  9. package/toolbar/toolbar.component.d.ts +1 -1
package/README.md CHANGED
@@ -2,30 +2,45 @@
2
2
  <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
3
3
  </a>
4
4
 
5
- ## Kendo UI for Angular Pdfviewer Component
5
+ ## Kendo UI for Angular PDFViewer Component
6
6
 
7
- > **Important**
7
+ > * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)&mdash;a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
8
+ > * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
9
+ > * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
8
10
  >
9
- > - This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-pdfviewer)&mdash;a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
10
- > - You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-pdfviewer).
11
- > - To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-pdfviewer) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-pdfviewer). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-pdfviewer).
12
- > - The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
13
- >
14
- > [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-pdfviewer) and speed up your development process!
11
+ > [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
15
12
 
16
- ## Resources
13
+ ## Angular PDFViewer Component
14
+
15
+ The [Kendo UI for Angular PDFViewer](https://www.telerik.com/kendo-angular-ui/components/pdfviewer) component allows users to view and interact with PDF files directly in the browser. The PDFViewer includes a comprehensive set of ready-to-use features covering everything from navigation through pages, zooming in and out, uploading files from the local file system, keyboard navigation, accessibility support and many more.
16
+
17
+ ## Key Features
18
+
19
+ Among the many features which the Kendo UI for Angular PDFViewer delivers are:
17
20
 
18
- - [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
19
- - [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
20
- - [Blogs](http://www.telerik.com/blogs/kendo-ui)
21
- - [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
21
+ * [Data Binding](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/data-binding)&mdash;The PDFViewer supports diverse data binding types such as `URL` string, `Base64` string, `ArrayBuffer` object, or `TypedArray` object.
22
+ * [Toolbar Tools](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/tools)&mdash;The PDF Viewer offers built-in toolbar tools, enabling users to interact with the component and execute various actions on the PDF content such as page navigation, text search, zoom in and out, download, upload print and many more.
23
+ * [Events](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/events)&mdash;The PDFViewer exposes various events that allows you to easily handle and customize file operations.
24
+ * [Accessibility](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/accessibility)&mdash;The PDFViewer is accessible for screen readers and supports WAI-ARIA attributes.
25
+ * [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/keyboard-navigation)&mdash;The PDFViewer supports a number of keyboard shortcuts which allow users to accomplish various commands.
22
26
 
23
- ## Questions and Feedback
27
+ ## Support Options
28
+
29
+ For any issues you might encounter while working with the Kendo UI for Angular PDFViewer, you have the following support channels available:
30
+
31
+ * Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
32
+ * Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
33
+ * Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
34
+
35
+ ## Resources
24
36
 
25
- - [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
26
- - [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
27
- - [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
28
- - [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
37
+ * [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
38
+ * [Getting Started with the Kendo UI for Angular PDFViewer](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/installation/getting-started)
39
+ * [PDFViewer Overview page](https://www.telerik.com/kendo-angular-ui/components/pdfviewer) and [PDFViewer API reference](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/api)
40
+ * [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
41
+ * [Blogs](http://www.telerik.com/blogs/kendo-ui)
42
+ * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
43
+ * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
29
44
 
30
45
  _Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved._
31
46
 
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-pdfviewer',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1729020375,
13
- version: '17.0.0-develop.6',
12
+ publishDate: 1729170432,
13
+ version: '17.0.0-develop.8',
14
14
  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',
15
15
  };
package/esm2020/toolbar/search.component.mjs CHANGED
@@ -94,7 +94,7 @@ PDFViewerSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
94
94
  (keydown.tab)="$event.preventDefault(); textbox.focus();"
95
95
  icon='x'
96
96
  [svgIcon]="xIcon"></button>
97
- `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], 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"] }] });
97
+ `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
98
98
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerSearchComponent, decorators: [{
99
99
  type: Component,
100
100
  args: [{
package/esm2020/toolbar/toolbar.component.mjs CHANGED
@@ -25,7 +25,7 @@ export class ToolbarComponent {
25
25
  constructor(localization, navigationService) {
26
26
  this.localization = localization;
27
27
  this.navigationService = navigationService;
28
- this.toolbarClass = true;
28
+ this.toolbarClasses = true;
29
29
  this.toolbarSizeClass = true;
30
30
  this.zoomLevel = {
31
31
  text: '125%',
@@ -96,7 +96,7 @@ export class ToolbarComponent {
96
96
  }
97
97
  }
98
98
  ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
99
- ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClass", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
99
+ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
100
100
  <ng-container *ngFor="let tool of tools">
101
101
  <ng-container [ngSwitch]="tool">
102
102
  <kendo-toolbar-input-wrapper
@@ -133,10 +133,12 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
133
133
  <kendo-buttongroup
134
134
  *ngSwitchCase="'zoomInOut'"
135
135
  [attr.aria-controls]="pagesContainerId"
136
+ class="k-button-group-flat k-toolbar-button-group"
136
137
  [navigable]="false">
137
138
  <button
138
139
  type="button"
139
140
  kendoButton
141
+ fillMode="flat"
140
142
  kendoPDFViewerToolbarFocusable
141
143
  icon="zoom-out"
142
144
  [disabled]="disabledTools || zoomOutDisabled"
@@ -147,6 +149,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
147
149
  <button
148
150
  type="button"
149
151
  kendoButton
152
+ fillMode="flat"
150
153
  kendoPDFViewerToolbarFocusable
151
154
  icon="zoom-in"
152
155
  [disabled]="disabledTools || zoomInDisabled"
@@ -162,6 +165,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
162
165
  <kendo-combobox
163
166
  #combobox
164
167
  kendoPDFViewerComboBox
168
+ class="k-toolbar-combobox"
169
+ fillMode="flat"
165
170
  [attr.aria-controls]="pagesContainerId"
166
171
  [tabindex]="-1"
167
172
  [data]="zoomOptionsData"
@@ -183,11 +188,13 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
183
188
  *ngSwitchCase="'selection'"
184
189
  [attr.aria-controls]="pagesContainerId"
185
190
  [navigable]="false"
191
+ class="k-button-group-flat k-toolbar-button-group"
186
192
  selection="single">
187
193
  <button
188
194
  type="button"
189
195
  kendoButton
190
196
  kendoPDFViewerToolbarFocusable
197
+ fillMode="flat"
191
198
  icon="pointer"
192
199
  [toggleable]="true"
193
200
  [svgIcon]="pointerIcon"
@@ -198,6 +205,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
198
205
  type="button"
199
206
  kendoButton
200
207
  kendoPDFViewerToolbarFocusable
208
+ fillMode="flat"
201
209
  icon="hand"
202
210
  [svgIcon]="handIcon"
203
211
  [toggleable]="true"
@@ -211,6 +219,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
211
219
  type="button"
212
220
  kendoPDFViewerToolbarFocusable
213
221
  kendoButton
222
+ class="k-toolbar-button"
223
+ fillMode="flat"
214
224
  icon="search"
215
225
  [disabled]="disabledTools"
216
226
  [attr.title]="messageFor('searchTitle')"
@@ -221,8 +231,11 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
221
231
  <button
222
232
  *ngSwitchCase="'open'"
223
233
  type="button"
234
+ fillMode="flat"
224
235
  kendoPDFViewerToolbarFocusable
225
236
  kendoButton
237
+ class="k-toolbar-button"
238
+ fillMode="flat"
226
239
  icon="folder-open"
227
240
  [svgIcon]="folderOpenIcon"
228
241
  [attr.title]="messageFor('openTitle')"
@@ -233,8 +246,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
233
246
  <button
234
247
  *ngSwitchCase="'download'"
235
248
  type="button"
249
+ fillMode="flat"
236
250
  kendoPDFViewerToolbarFocusable
237
251
  kendoButton
252
+ class="k-toolbar-button"
238
253
  icon="download"
239
254
  [svgIcon]="downloadIcon"
240
255
  [disabled]="disabledTools"
@@ -244,8 +259,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
244
259
  <button
245
260
  *ngSwitchCase="'print'"
246
261
  type="button"
262
+ fillMode="flat"
247
263
  kendoPDFViewerToolbarFocusable
248
264
  kendoButton
265
+ class="k-toolbar-button"
249
266
  icon="print"
250
267
  [svgIcon]="printIcon"
251
268
  [disabled]="disabledTools"
@@ -262,7 +279,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
262
279
  aria-hidden="true"
263
280
  accept=".pdf, .PDF"
264
281
  (change)="onFileSelect($event)" />
265
- `, 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"] }] });
282
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarInputWrapperComponent, selector: "kendo-toolbar-input-wrapper", inputs: ["toolbarTool"] }, { kind: "directive", type: ToolbarFocusableDirective, selector: "[kendoPDFViewerToolbarFocusable]" }, { kind: "component", type: PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-datapager-messages" }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: ToolbarComboBoxDirective, selector: "[kendoPDFViewerComboBox]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
266
283
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
267
284
  type: Component,
268
285
  args: [{
@@ -305,10 +322,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
305
322
  <kendo-buttongroup
306
323
  *ngSwitchCase="'zoomInOut'"
307
324
  [attr.aria-controls]="pagesContainerId"
325
+ class="k-button-group-flat k-toolbar-button-group"
308
326
  [navigable]="false">
309
327
  <button
310
328
  type="button"
311
329
  kendoButton
330
+ fillMode="flat"
312
331
  kendoPDFViewerToolbarFocusable
313
332
  icon="zoom-out"
314
333
  [disabled]="disabledTools || zoomOutDisabled"
@@ -319,6 +338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
319
338
  <button
320
339
  type="button"
321
340
  kendoButton
341
+ fillMode="flat"
322
342
  kendoPDFViewerToolbarFocusable
323
343
  icon="zoom-in"
324
344
  [disabled]="disabledTools || zoomInDisabled"
@@ -334,6 +354,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
334
354
  <kendo-combobox
335
355
  #combobox
336
356
  kendoPDFViewerComboBox
357
+ class="k-toolbar-combobox"
358
+ fillMode="flat"
337
359
  [attr.aria-controls]="pagesContainerId"
338
360
  [tabindex]="-1"
339
361
  [data]="zoomOptionsData"
@@ -355,11 +377,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
355
377
  *ngSwitchCase="'selection'"
356
378
  [attr.aria-controls]="pagesContainerId"
357
379
  [navigable]="false"
380
+ class="k-button-group-flat k-toolbar-button-group"
358
381
  selection="single">
359
382
  <button
360
383
  type="button"
361
384
  kendoButton
362
385
  kendoPDFViewerToolbarFocusable
386
+ fillMode="flat"
363
387
  icon="pointer"
364
388
  [toggleable]="true"
365
389
  [svgIcon]="pointerIcon"
@@ -370,6 +394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
370
394
  type="button"
371
395
  kendoButton
372
396
  kendoPDFViewerToolbarFocusable
397
+ fillMode="flat"
373
398
  icon="hand"
374
399
  [svgIcon]="handIcon"
375
400
  [toggleable]="true"
@@ -383,6 +408,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
383
408
  type="button"
384
409
  kendoPDFViewerToolbarFocusable
385
410
  kendoButton
411
+ class="k-toolbar-button"
412
+ fillMode="flat"
386
413
  icon="search"
387
414
  [disabled]="disabledTools"
388
415
  [attr.title]="messageFor('searchTitle')"
@@ -393,8 +420,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
393
420
  <button
394
421
  *ngSwitchCase="'open'"
395
422
  type="button"
423
+ fillMode="flat"
396
424
  kendoPDFViewerToolbarFocusable
397
425
  kendoButton
426
+ class="k-toolbar-button"
427
+ fillMode="flat"
398
428
  icon="folder-open"
399
429
  [svgIcon]="folderOpenIcon"
400
430
  [attr.title]="messageFor('openTitle')"
@@ -405,8 +435,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
405
435
  <button
406
436
  *ngSwitchCase="'download'"
407
437
  type="button"
438
+ fillMode="flat"
408
439
  kendoPDFViewerToolbarFocusable
409
440
  kendoButton
441
+ class="k-toolbar-button"
410
442
  icon="download"
411
443
  [svgIcon]="downloadIcon"
412
444
  [disabled]="disabledTools"
@@ -416,8 +448,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
416
448
  <button
417
449
  *ngSwitchCase="'print'"
418
450
  type="button"
451
+ fillMode="flat"
419
452
  kendoPDFViewerToolbarFocusable
420
453
  kendoButton
454
+ class="k-toolbar-button"
421
455
  icon="print"
422
456
  [svgIcon]="printIcon"
423
457
  [disabled]="disabledTools"
@@ -438,9 +472,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
438
472
  standalone: true,
439
473
  imports: [NgFor, NgSwitch, NgSwitchCase, ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective, NgIf]
440
474
  }]
441
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ToolbarNavigationService }]; }, propDecorators: { toolbarClass: [{
475
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ToolbarNavigationService }]; }, propDecorators: { toolbarClasses: [{
442
476
  type: HostBinding,
443
477
  args: ['class.k-toolbar']
478
+ }, {
479
+ type: HostBinding,
480
+ args: ['class.k-toolbar-flat']
444
481
  }], toolbarSizeClass: [{
445
482
  type: HostBinding,
446
483
  args: ['class.k-toolbar-md']
package/fesm2015/progress-kendo-angular-pdfviewer.mjs CHANGED
@@ -126,8 +126,8 @@ const packageMetadata = {
126
126
  name: '@progress/kendo-angular-pdfviewer',
127
127
  productName: 'Kendo UI for Angular',
128
128
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
129
- publishDate: 1729020375,
130
- version: '17.0.0-develop.6',
129
+ publishDate: 1729170432,
130
+ version: '17.0.0-develop.8',
131
131
  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',
132
132
  };
133
133
 
@@ -429,7 +429,7 @@ class ToolbarComponent {
429
429
  constructor(localization, navigationService) {
430
430
  this.localization = localization;
431
431
  this.navigationService = navigationService;
432
- this.toolbarClass = true;
432
+ this.toolbarClasses = true;
433
433
  this.toolbarSizeClass = true;
434
434
  this.zoomLevel = {
435
435
  text: '125%',
@@ -500,7 +500,7 @@ class ToolbarComponent {
500
500
  }
501
501
  }
502
502
  ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
503
- 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: `
503
+ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
504
504
  <ng-container *ngFor="let tool of tools">
505
505
  <ng-container [ngSwitch]="tool">
506
506
  <kendo-toolbar-input-wrapper
@@ -537,10 +537,12 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
537
537
  <kendo-buttongroup
538
538
  *ngSwitchCase="'zoomInOut'"
539
539
  [attr.aria-controls]="pagesContainerId"
540
+ class="k-button-group-flat k-toolbar-button-group"
540
541
  [navigable]="false">
541
542
  <button
542
543
  type="button"
543
544
  kendoButton
545
+ fillMode="flat"
544
546
  kendoPDFViewerToolbarFocusable
545
547
  icon="zoom-out"
546
548
  [disabled]="disabledTools || zoomOutDisabled"
@@ -551,6 +553,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
551
553
  <button
552
554
  type="button"
553
555
  kendoButton
556
+ fillMode="flat"
554
557
  kendoPDFViewerToolbarFocusable
555
558
  icon="zoom-in"
556
559
  [disabled]="disabledTools || zoomInDisabled"
@@ -566,6 +569,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
566
569
  <kendo-combobox
567
570
  #combobox
568
571
  kendoPDFViewerComboBox
572
+ class="k-toolbar-combobox"
573
+ fillMode="flat"
569
574
  [attr.aria-controls]="pagesContainerId"
570
575
  [tabindex]="-1"
571
576
  [data]="zoomOptionsData"
@@ -587,11 +592,13 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
587
592
  *ngSwitchCase="'selection'"
588
593
  [attr.aria-controls]="pagesContainerId"
589
594
  [navigable]="false"
595
+ class="k-button-group-flat k-toolbar-button-group"
590
596
  selection="single">
591
597
  <button
592
598
  type="button"
593
599
  kendoButton
594
600
  kendoPDFViewerToolbarFocusable
601
+ fillMode="flat"
595
602
  icon="pointer"
596
603
  [toggleable]="true"
597
604
  [svgIcon]="pointerIcon"
@@ -602,6 +609,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
602
609
  type="button"
603
610
  kendoButton
604
611
  kendoPDFViewerToolbarFocusable
612
+ fillMode="flat"
605
613
  icon="hand"
606
614
  [svgIcon]="handIcon"
607
615
  [toggleable]="true"
@@ -615,6 +623,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
615
623
  type="button"
616
624
  kendoPDFViewerToolbarFocusable
617
625
  kendoButton
626
+ class="k-toolbar-button"
627
+ fillMode="flat"
618
628
  icon="search"
619
629
  [disabled]="disabledTools"
620
630
  [attr.title]="messageFor('searchTitle')"
@@ -625,8 +635,11 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
625
635
  <button
626
636
  *ngSwitchCase="'open'"
627
637
  type="button"
638
+ fillMode="flat"
628
639
  kendoPDFViewerToolbarFocusable
629
640
  kendoButton
641
+ class="k-toolbar-button"
642
+ fillMode="flat"
630
643
  icon="folder-open"
631
644
  [svgIcon]="folderOpenIcon"
632
645
  [attr.title]="messageFor('openTitle')"
@@ -637,8 +650,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
637
650
  <button
638
651
  *ngSwitchCase="'download'"
639
652
  type="button"
653
+ fillMode="flat"
640
654
  kendoPDFViewerToolbarFocusable
641
655
  kendoButton
656
+ class="k-toolbar-button"
642
657
  icon="download"
643
658
  [svgIcon]="downloadIcon"
644
659
  [disabled]="disabledTools"
@@ -648,8 +663,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
648
663
  <button
649
664
  *ngSwitchCase="'print'"
650
665
  type="button"
666
+ fillMode="flat"
651
667
  kendoPDFViewerToolbarFocusable
652
668
  kendoButton
669
+ class="k-toolbar-button"
653
670
  icon="print"
654
671
  [svgIcon]="printIcon"
655
672
  [disabled]="disabledTools"
@@ -666,7 +683,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
666
683
  aria-hidden="true"
667
684
  accept=".pdf, .PDF"
668
685
  (change)="onFileSelect($event)" />
669
- `, 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"] }] });
686
+ `, 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"] }] });
670
687
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
671
688
  type: Component,
672
689
  args: [{
@@ -709,10 +726,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
709
726
  <kendo-buttongroup
710
727
  *ngSwitchCase="'zoomInOut'"
711
728
  [attr.aria-controls]="pagesContainerId"
729
+ class="k-button-group-flat k-toolbar-button-group"
712
730
  [navigable]="false">
713
731
  <button
714
732
  type="button"
715
733
  kendoButton
734
+ fillMode="flat"
716
735
  kendoPDFViewerToolbarFocusable
717
736
  icon="zoom-out"
718
737
  [disabled]="disabledTools || zoomOutDisabled"
@@ -723,6 +742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
723
742
  <button
724
743
  type="button"
725
744
  kendoButton
745
+ fillMode="flat"
726
746
  kendoPDFViewerToolbarFocusable
727
747
  icon="zoom-in"
728
748
  [disabled]="disabledTools || zoomInDisabled"
@@ -738,6 +758,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
738
758
  <kendo-combobox
739
759
  #combobox
740
760
  kendoPDFViewerComboBox
761
+ class="k-toolbar-combobox"
762
+ fillMode="flat"
741
763
  [attr.aria-controls]="pagesContainerId"
742
764
  [tabindex]="-1"
743
765
  [data]="zoomOptionsData"
@@ -759,11 +781,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
759
781
  *ngSwitchCase="'selection'"
760
782
  [attr.aria-controls]="pagesContainerId"
761
783
  [navigable]="false"
784
+ class="k-button-group-flat k-toolbar-button-group"
762
785
  selection="single">
763
786
  <button
764
787
  type="button"
765
788
  kendoButton
766
789
  kendoPDFViewerToolbarFocusable
790
+ fillMode="flat"
767
791
  icon="pointer"
768
792
  [toggleable]="true"
769
793
  [svgIcon]="pointerIcon"
@@ -774,6 +798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
774
798
  type="button"
775
799
  kendoButton
776
800
  kendoPDFViewerToolbarFocusable
801
+ fillMode="flat"
777
802
  icon="hand"
778
803
  [svgIcon]="handIcon"
779
804
  [toggleable]="true"
@@ -787,6 +812,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
787
812
  type="button"
788
813
  kendoPDFViewerToolbarFocusable
789
814
  kendoButton
815
+ class="k-toolbar-button"
816
+ fillMode="flat"
790
817
  icon="search"
791
818
  [disabled]="disabledTools"
792
819
  [attr.title]="messageFor('searchTitle')"
@@ -797,8 +824,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
797
824
  <button
798
825
  *ngSwitchCase="'open'"
799
826
  type="button"
827
+ fillMode="flat"
800
828
  kendoPDFViewerToolbarFocusable
801
829
  kendoButton
830
+ class="k-toolbar-button"
831
+ fillMode="flat"
802
832
  icon="folder-open"
803
833
  [svgIcon]="folderOpenIcon"
804
834
  [attr.title]="messageFor('openTitle')"
@@ -809,8 +839,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
809
839
  <button
810
840
  *ngSwitchCase="'download'"
811
841
  type="button"
842
+ fillMode="flat"
812
843
  kendoPDFViewerToolbarFocusable
813
844
  kendoButton
845
+ class="k-toolbar-button"
814
846
  icon="download"
815
847
  [svgIcon]="downloadIcon"
816
848
  [disabled]="disabledTools"
@@ -820,8 +852,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
820
852
  <button
821
853
  *ngSwitchCase="'print'"
822
854
  type="button"
855
+ fillMode="flat"
823
856
  kendoPDFViewerToolbarFocusable
824
857
  kendoButton
858
+ class="k-toolbar-button"
825
859
  icon="print"
826
860
  [svgIcon]="printIcon"
827
861
  [disabled]="disabledTools"
@@ -842,9 +876,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
842
876
  standalone: true,
843
877
  imports: [NgFor, NgSwitch, NgSwitchCase, ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective, NgIf]
844
878
  }]
845
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: ToolbarNavigationService }]; }, propDecorators: { toolbarClass: [{
879
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: ToolbarNavigationService }]; }, propDecorators: { toolbarClasses: [{
846
880
  type: HostBinding,
847
881
  args: ['class.k-toolbar']
882
+ }, {
883
+ type: HostBinding,
884
+ args: ['class.k-toolbar-flat']
848
885
  }], toolbarSizeClass: [{
849
886
  type: HostBinding,
850
887
  args: ['class.k-toolbar-md']
@@ -986,7 +1023,7 @@ PDFViewerSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
986
1023
  (keydown.tab)="$event.preventDefault(); textbox.focus();"
987
1024
  icon='x'
988
1025
  [svgIcon]="xIcon"></button>
989
- `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], 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"] }] });
1026
+ `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
990
1027
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerSearchComponent, decorators: [{
991
1028
  type: Component,
992
1029
  args: [{
package/fesm2020/progress-kendo-angular-pdfviewer.mjs CHANGED
@@ -126,8 +126,8 @@ const packageMetadata = {
126
126
  name: '@progress/kendo-angular-pdfviewer',
127
127
  productName: 'Kendo UI for Angular',
128
128
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
129
- publishDate: 1729020375,
130
- version: '17.0.0-develop.6',
129
+ publishDate: 1729170432,
130
+ version: '17.0.0-develop.8',
131
131
  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',
132
132
  };
133
133
 
@@ -429,7 +429,7 @@ class ToolbarComponent {
429
429
  constructor(localization, navigationService) {
430
430
  this.localization = localization;
431
431
  this.navigationService = navigationService;
432
- this.toolbarClass = true;
432
+ this.toolbarClasses = true;
433
433
  this.toolbarSizeClass = true;
434
434
  this.zoomLevel = {
435
435
  text: '125%',
@@ -500,7 +500,7 @@ class ToolbarComponent {
500
500
  }
501
501
  }
502
502
  ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
503
- 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: `
503
+ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
504
504
  <ng-container *ngFor="let tool of tools">
505
505
  <ng-container [ngSwitch]="tool">
506
506
  <kendo-toolbar-input-wrapper
@@ -537,10 +537,12 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
537
537
  <kendo-buttongroup
538
538
  *ngSwitchCase="'zoomInOut'"
539
539
  [attr.aria-controls]="pagesContainerId"
540
+ class="k-button-group-flat k-toolbar-button-group"
540
541
  [navigable]="false">
541
542
  <button
542
543
  type="button"
543
544
  kendoButton
545
+ fillMode="flat"
544
546
  kendoPDFViewerToolbarFocusable
545
547
  icon="zoom-out"
546
548
  [disabled]="disabledTools || zoomOutDisabled"
@@ -551,6 +553,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
551
553
  <button
552
554
  type="button"
553
555
  kendoButton
556
+ fillMode="flat"
554
557
  kendoPDFViewerToolbarFocusable
555
558
  icon="zoom-in"
556
559
  [disabled]="disabledTools || zoomInDisabled"
@@ -566,6 +569,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
566
569
  <kendo-combobox
567
570
  #combobox
568
571
  kendoPDFViewerComboBox
572
+ class="k-toolbar-combobox"
573
+ fillMode="flat"
569
574
  [attr.aria-controls]="pagesContainerId"
570
575
  [tabindex]="-1"
571
576
  [data]="zoomOptionsData"
@@ -587,11 +592,13 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
587
592
  *ngSwitchCase="'selection'"
588
593
  [attr.aria-controls]="pagesContainerId"
589
594
  [navigable]="false"
595
+ class="k-button-group-flat k-toolbar-button-group"
590
596
  selection="single">
591
597
  <button
592
598
  type="button"
593
599
  kendoButton
594
600
  kendoPDFViewerToolbarFocusable
601
+ fillMode="flat"
595
602
  icon="pointer"
596
603
  [toggleable]="true"
597
604
  [svgIcon]="pointerIcon"
@@ -602,6 +609,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
602
609
  type="button"
603
610
  kendoButton
604
611
  kendoPDFViewerToolbarFocusable
612
+ fillMode="flat"
605
613
  icon="hand"
606
614
  [svgIcon]="handIcon"
607
615
  [toggleable]="true"
@@ -615,6 +623,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
615
623
  type="button"
616
624
  kendoPDFViewerToolbarFocusable
617
625
  kendoButton
626
+ class="k-toolbar-button"
627
+ fillMode="flat"
618
628
  icon="search"
619
629
  [disabled]="disabledTools"
620
630
  [attr.title]="messageFor('searchTitle')"
@@ -625,8 +635,11 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
625
635
  <button
626
636
  *ngSwitchCase="'open'"
627
637
  type="button"
638
+ fillMode="flat"
628
639
  kendoPDFViewerToolbarFocusable
629
640
  kendoButton
641
+ class="k-toolbar-button"
642
+ fillMode="flat"
630
643
  icon="folder-open"
631
644
  [svgIcon]="folderOpenIcon"
632
645
  [attr.title]="messageFor('openTitle')"
@@ -637,8 +650,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
637
650
  <button
638
651
  *ngSwitchCase="'download'"
639
652
  type="button"
653
+ fillMode="flat"
640
654
  kendoPDFViewerToolbarFocusable
641
655
  kendoButton
656
+ class="k-toolbar-button"
642
657
  icon="download"
643
658
  [svgIcon]="downloadIcon"
644
659
  [disabled]="disabledTools"
@@ -648,8 +663,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
648
663
  <button
649
664
  *ngSwitchCase="'print'"
650
665
  type="button"
666
+ fillMode="flat"
651
667
  kendoPDFViewerToolbarFocusable
652
668
  kendoButton
669
+ class="k-toolbar-button"
653
670
  icon="print"
654
671
  [svgIcon]="printIcon"
655
672
  [disabled]="disabledTools"
@@ -666,7 +683,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
666
683
  aria-hidden="true"
667
684
  accept=".pdf, .PDF"
668
685
  (change)="onFileSelect($event)" />
669
- `, 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"] }] });
686
+ `, 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"] }] });
670
687
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
671
688
  type: Component,
672
689
  args: [{
@@ -709,10 +726,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
709
726
  <kendo-buttongroup
710
727
  *ngSwitchCase="'zoomInOut'"
711
728
  [attr.aria-controls]="pagesContainerId"
729
+ class="k-button-group-flat k-toolbar-button-group"
712
730
  [navigable]="false">
713
731
  <button
714
732
  type="button"
715
733
  kendoButton
734
+ fillMode="flat"
716
735
  kendoPDFViewerToolbarFocusable
717
736
  icon="zoom-out"
718
737
  [disabled]="disabledTools || zoomOutDisabled"
@@ -723,6 +742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
723
742
  <button
724
743
  type="button"
725
744
  kendoButton
745
+ fillMode="flat"
726
746
  kendoPDFViewerToolbarFocusable
727
747
  icon="zoom-in"
728
748
  [disabled]="disabledTools || zoomInDisabled"
@@ -738,6 +758,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
738
758
  <kendo-combobox
739
759
  #combobox
740
760
  kendoPDFViewerComboBox
761
+ class="k-toolbar-combobox"
762
+ fillMode="flat"
741
763
  [attr.aria-controls]="pagesContainerId"
742
764
  [tabindex]="-1"
743
765
  [data]="zoomOptionsData"
@@ -759,11 +781,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
759
781
  *ngSwitchCase="'selection'"
760
782
  [attr.aria-controls]="pagesContainerId"
761
783
  [navigable]="false"
784
+ class="k-button-group-flat k-toolbar-button-group"
762
785
  selection="single">
763
786
  <button
764
787
  type="button"
765
788
  kendoButton
766
789
  kendoPDFViewerToolbarFocusable
790
+ fillMode="flat"
767
791
  icon="pointer"
768
792
  [toggleable]="true"
769
793
  [svgIcon]="pointerIcon"
@@ -774,6 +798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
774
798
  type="button"
775
799
  kendoButton
776
800
  kendoPDFViewerToolbarFocusable
801
+ fillMode="flat"
777
802
  icon="hand"
778
803
  [svgIcon]="handIcon"
779
804
  [toggleable]="true"
@@ -787,6 +812,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
787
812
  type="button"
788
813
  kendoPDFViewerToolbarFocusable
789
814
  kendoButton
815
+ class="k-toolbar-button"
816
+ fillMode="flat"
790
817
  icon="search"
791
818
  [disabled]="disabledTools"
792
819
  [attr.title]="messageFor('searchTitle')"
@@ -797,8 +824,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
797
824
  <button
798
825
  *ngSwitchCase="'open'"
799
826
  type="button"
827
+ fillMode="flat"
800
828
  kendoPDFViewerToolbarFocusable
801
829
  kendoButton
830
+ class="k-toolbar-button"
831
+ fillMode="flat"
802
832
  icon="folder-open"
803
833
  [svgIcon]="folderOpenIcon"
804
834
  [attr.title]="messageFor('openTitle')"
@@ -809,8 +839,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
809
839
  <button
810
840
  *ngSwitchCase="'download'"
811
841
  type="button"
842
+ fillMode="flat"
812
843
  kendoPDFViewerToolbarFocusable
813
844
  kendoButton
845
+ class="k-toolbar-button"
814
846
  icon="download"
815
847
  [svgIcon]="downloadIcon"
816
848
  [disabled]="disabledTools"
@@ -820,8 +852,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
820
852
  <button
821
853
  *ngSwitchCase="'print'"
822
854
  type="button"
855
+ fillMode="flat"
823
856
  kendoPDFViewerToolbarFocusable
824
857
  kendoButton
858
+ class="k-toolbar-button"
825
859
  icon="print"
826
860
  [svgIcon]="printIcon"
827
861
  [disabled]="disabledTools"
@@ -842,9 +876,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
842
876
  standalone: true,
843
877
  imports: [NgFor, NgSwitch, NgSwitchCase, ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective, NgIf]
844
878
  }]
845
- }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: ToolbarNavigationService }]; }, propDecorators: { toolbarClass: [{
879
+ }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: ToolbarNavigationService }]; }, propDecorators: { toolbarClasses: [{
846
880
  type: HostBinding,
847
881
  args: ['class.k-toolbar']
882
+ }, {
883
+ type: HostBinding,
884
+ args: ['class.k-toolbar-flat']
848
885
  }], toolbarSizeClass: [{
849
886
  type: HostBinding,
850
887
  args: ['class.k-toolbar-md']
@@ -986,7 +1023,7 @@ PDFViewerSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
986
1023
  (keydown.tab)="$event.preventDefault(); textbox.focus();"
987
1024
  icon='x'
988
1025
  [svgIcon]="xIcon"></button>
989
- `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], 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"] }] });
1026
+ `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
990
1027
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerSearchComponent, decorators: [{
991
1028
  type: Component,
992
1029
  args: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-pdfviewer",
3
- "version": "17.0.0-develop.6",
3
+ "version": "17.0.0-develop.8",
4
4
  "description": "Kendo UI PDFViewer for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,21 +23,21 @@
23
23
  "@angular/core": "15 - 18",
24
24
  "@angular/platform-browser": "15 - 18",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-buttons": "17.0.0-develop.6",
27
- "@progress/kendo-angular-common": "17.0.0-develop.6",
28
- "@progress/kendo-angular-dropdowns": "17.0.0-develop.6",
29
- "@progress/kendo-angular-inputs": "17.0.0-develop.6",
30
- "@progress/kendo-angular-intl": "17.0.0-develop.6",
31
- "@progress/kendo-angular-l10n": "17.0.0-develop.6",
32
- "@progress/kendo-angular-icons": "17.0.0-develop.6",
33
- "@progress/kendo-angular-indicators": "17.0.0-develop.6",
34
- "@progress/kendo-angular-pager": "17.0.0-develop.6",
35
- "@progress/kendo-angular-popup": "17.0.0-develop.6",
26
+ "@progress/kendo-angular-buttons": "17.0.0-develop.8",
27
+ "@progress/kendo-angular-common": "17.0.0-develop.8",
28
+ "@progress/kendo-angular-dropdowns": "17.0.0-develop.8",
29
+ "@progress/kendo-angular-inputs": "17.0.0-develop.8",
30
+ "@progress/kendo-angular-intl": "17.0.0-develop.8",
31
+ "@progress/kendo-angular-l10n": "17.0.0-develop.8",
32
+ "@progress/kendo-angular-icons": "17.0.0-develop.8",
33
+ "@progress/kendo-angular-indicators": "17.0.0-develop.8",
34
+ "@progress/kendo-angular-pager": "17.0.0-develop.8",
35
+ "@progress/kendo-angular-popup": "17.0.0-develop.8",
36
36
  "rxjs": "^6.5.3 || ^7.0.0"
37
37
  },
38
38
  "dependencies": {
39
39
  "tslib": "^2.3.1",
40
- "@progress/kendo-angular-schematics": "17.0.0-develop.6",
40
+ "@progress/kendo-angular-schematics": "17.0.0-develop.8",
41
41
  "@progress/kendo-file-saver": "^1.0.1",
42
42
  "@progress/kendo-pdfviewer-common": "0.3.2"
43
43
  },
package/schematics/ngAdd/index.js CHANGED
@@ -4,8 +4,8 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PDFViewerModule', package: 'pdfviewer', peerDependencies: {
6
6
  // peers of the dropdowns
7
- '@progress/kendo-angular-navigation': '17.0.0-develop.6',
8
- '@progress/kendo-angular-treeview': '17.0.0-develop.6'
7
+ '@progress/kendo-angular-navigation': '17.0.0-develop.8',
8
+ '@progress/kendo-angular-treeview': '17.0.0-develop.8'
9
9
  } });
10
10
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
11
11
  }
package/toolbar/toolbar.component.d.ts CHANGED
@@ -17,7 +17,7 @@ import * as i0 from "@angular/core";
17
17
  export declare class ToolbarComponent {
18
18
  private localization;
19
19
  private navigationService;
20
- toolbarClass: boolean;
20
+ toolbarClasses: boolean;
21
21
  toolbarSizeClass: boolean;
22
22
  fileSelectEl: ElementRef;
23
23
  zoomLevel: ZoomLevel;