@progress/kendo-angular-grid 13.4.1-develop.1 → 13.4.1-develop.2
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.
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pdf/export-element.mjs +17 -10
- package/esm2020/pdf/pdf.component.mjs +10 -5
- package/fesm2015/progress-kendo-angular-grid.mjs +28 -15
- package/fesm2020/progress-kendo-angular-grid.mjs +25 -15
- package/package.json +16 -16
- package/pdf/export-element.d.ts +2 -1
- package/pdf/pdf.component.d.ts +4 -2
- package/schematics/ngAdd/index.js +3 -3
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-grid',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '13.4.1-develop.
|
|
12
|
+
publishDate: 1693387633,
|
|
13
|
+
version: '13.4.1-develop.2',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
6
|
-
import { GridQuery
|
|
6
|
+
import { GridQuery } from './grid-query';
|
|
7
7
|
const FIRST_CLASS = 'k-first';
|
|
8
8
|
const INPUTS = ['input', 'select', 'textarea', 'option'];
|
|
9
9
|
/** @hidden */
|
|
@@ -32,12 +32,16 @@ const appendNodes = (element, nodes) => {
|
|
|
32
32
|
element.appendChild(cloneNode(nodes[idx]));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
const wrapTable = (table) => {
|
|
35
|
+
const wrapTable = (table, size) => {
|
|
36
36
|
if (!isDocumentAvailable()) {
|
|
37
37
|
return;
|
|
38
38
|
}
|
|
39
39
|
const wrapper = document.createElement('div');
|
|
40
|
-
|
|
40
|
+
const classes = ['k-grid'];
|
|
41
|
+
if (size && size !== 'none') {
|
|
42
|
+
classes.push(`k-grid-${size === 'medium' ? 'md' : 'sm'}`);
|
|
43
|
+
}
|
|
44
|
+
wrapper.classList.add(...classes);
|
|
41
45
|
wrapper.appendChild(table);
|
|
42
46
|
return wrapper;
|
|
43
47
|
};
|
|
@@ -65,30 +69,33 @@ const setFirstCellClass = (header, headers) => {
|
|
|
65
69
|
}
|
|
66
70
|
}
|
|
67
71
|
};
|
|
68
|
-
const createTable = (colGroups, headers, bodies, footers) => {
|
|
72
|
+
const createTable = (colGroups, headers, bodies, footers, size) => {
|
|
69
73
|
const table = document.createElement('table');
|
|
74
|
+
const classes = ['k-table'];
|
|
75
|
+
if (size && size !== 'none') {
|
|
76
|
+
classes.push(`k-table-${size === 'medium' ? 'md' : 'sm'}`);
|
|
77
|
+
}
|
|
78
|
+
table.classList.add(...classes);
|
|
70
79
|
const colGroup = colGroups[0].cloneNode(true);
|
|
71
80
|
for (let idx = 1; idx < colGroups.length; idx++) {
|
|
72
81
|
appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
|
|
73
82
|
}
|
|
74
83
|
const header = createTableElement(headers);
|
|
75
84
|
const body = createTableElement(bodies);
|
|
76
|
-
header.className = HEADER_CLASS;
|
|
77
85
|
setFirstCellClass(header, headers);
|
|
78
86
|
table.appendChild(colGroup);
|
|
79
87
|
table.appendChild(header);
|
|
80
88
|
table.appendChild(body);
|
|
81
89
|
if (footers.length) {
|
|
82
90
|
const footer = createTableElement(footers);
|
|
83
|
-
footer.className = FOOTER_CLASS;
|
|
84
91
|
table.appendChild(footer);
|
|
85
92
|
}
|
|
86
|
-
return wrapTable(table);
|
|
93
|
+
return wrapTable(table, size);
|
|
87
94
|
};
|
|
88
95
|
/**
|
|
89
96
|
* @hidden
|
|
90
97
|
*/
|
|
91
|
-
export const exportElement = (wrapper) => {
|
|
98
|
+
export const exportElement = (wrapper, size) => {
|
|
92
99
|
const query = new GridQuery(wrapper);
|
|
93
100
|
const content = query.content();
|
|
94
101
|
let result;
|
|
@@ -110,10 +117,10 @@ export const exportElement = (wrapper) => {
|
|
|
110
117
|
footers.unshift(query.footer(true).querySelector('tfoot'));
|
|
111
118
|
}
|
|
112
119
|
}
|
|
113
|
-
result = createTable(colGroups, headers, bodies, footers);
|
|
120
|
+
result = createTable(colGroups, headers, bodies, footers, size);
|
|
114
121
|
}
|
|
115
122
|
else {
|
|
116
|
-
result = wrapTable(query.table().cloneNode(true));
|
|
123
|
+
result = wrapTable(query.table().cloneNode(true), size);
|
|
117
124
|
}
|
|
118
125
|
return result;
|
|
119
126
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input, ContentChild, ContentChildren, ElementRef, NgZone, QueryList } from '@angular/core';
|
|
5
|
+
import { Component, Input, ContentChild, ContentChildren, ElementRef, NgZone, QueryList, Optional } from '@angular/core';
|
|
6
6
|
import { delay, take } from 'rxjs/operators';
|
|
7
7
|
import { SuspendService } from '../scrolling/suspend.service';
|
|
8
8
|
import { PDFService } from './pdf.service';
|
|
@@ -13,9 +13,11 @@ import { GridQuery } from './grid-query';
|
|
|
13
13
|
import { ColumnBase } from '../columns/column-base';
|
|
14
14
|
import { PDFExportComponent } from '@progress/kendo-angular-pdf-export';
|
|
15
15
|
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
16
|
+
import { ContextService } from '../common/provider.service';
|
|
16
17
|
import * as i0 from "@angular/core";
|
|
17
18
|
import * as i1 from "./pdf.service";
|
|
18
19
|
import * as i2 from "../scrolling/suspend.service";
|
|
20
|
+
import * as i3 from "../common/provider.service";
|
|
19
21
|
const createElement = (tagName, className) => {
|
|
20
22
|
const element = document.createElement(tagName);
|
|
21
23
|
if (className) {
|
|
@@ -30,11 +32,12 @@ const createDiv = (className) => {
|
|
|
30
32
|
* Configures the settings for the export of Grid in PDF ([see example]({% slug pdfexport_grid %})).
|
|
31
33
|
*/
|
|
32
34
|
export class PDFComponent extends PDFExportComponent {
|
|
33
|
-
constructor(pdfService, suspendService, ngZone, element) {
|
|
35
|
+
constructor(pdfService, suspendService, ngZone, element, ctx) {
|
|
34
36
|
super(element);
|
|
35
37
|
this.pdfService = pdfService;
|
|
36
38
|
this.suspendService = suspendService;
|
|
37
39
|
this.ngZone = ngZone;
|
|
40
|
+
this.ctx = ctx;
|
|
38
41
|
/**
|
|
39
42
|
* The delay in milliseconds before exporting the Grid content.
|
|
40
43
|
* Useful for scenarios which involve exporting complex components used in the Grid
|
|
@@ -149,7 +152,7 @@ export class PDFComponent extends PDFExportComponent {
|
|
|
149
152
|
createExportElement(callback) {
|
|
150
153
|
this.ngZone.runOutsideAngular(() => {
|
|
151
154
|
const container = this.container = createDiv('k-grid-pdf-export-element');
|
|
152
|
-
const element = exportElement(this.component.wrapper.nativeElement);
|
|
155
|
+
const element = exportElement(this.component.wrapper.nativeElement, this.ctx?.grid.size || 'medium');
|
|
153
156
|
container.appendChild(element);
|
|
154
157
|
document.body.appendChild(container);
|
|
155
158
|
callback(element);
|
|
@@ -234,7 +237,7 @@ export class PDFComponent extends PDFExportComponent {
|
|
|
234
237
|
}, 0);
|
|
235
238
|
}
|
|
236
239
|
}
|
|
237
|
-
PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, deps: [{ token: i1.PDFService }, { token: i2.SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
240
|
+
PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, deps: [{ token: i1.PDFService }, { token: i2.SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i3.ContextService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
238
241
|
PDFComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PDFComponent, selector: "kendo-grid-pdf", inputs: { allPages: "allPages", delay: "delay" }, queries: [{ propertyName: "marginComponent", first: true, predicate: PDFMarginComponent, descendants: true }, { propertyName: "pageTemplateDirective", first: true, predicate: PDFTemplateDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
239
242
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, decorators: [{
|
|
240
243
|
type: Component,
|
|
@@ -242,7 +245,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
242
245
|
selector: 'kendo-grid-pdf',
|
|
243
246
|
template: ''
|
|
244
247
|
}]
|
|
245
|
-
}], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i2.SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }
|
|
248
|
+
}], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i2.SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i3.ContextService, decorators: [{
|
|
249
|
+
type: Optional
|
|
250
|
+
}] }]; }, propDecorators: { allPages: [{
|
|
246
251
|
type: Input
|
|
247
252
|
}], delay: [{
|
|
248
253
|
type: Input
|
|
@@ -4474,8 +4474,8 @@ const packageMetadata = {
|
|
|
4474
4474
|
name: '@progress/kendo-angular-grid',
|
|
4475
4475
|
productName: 'Kendo UI for Angular',
|
|
4476
4476
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
4477
|
-
publishDate:
|
|
4478
|
-
version: '13.4.1-develop.
|
|
4477
|
+
publishDate: 1693387633,
|
|
4478
|
+
version: '13.4.1-develop.2',
|
|
4479
4479
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
4480
4480
|
};
|
|
4481
4481
|
|
|
@@ -26435,12 +26435,16 @@ const appendNodes = (element, nodes) => {
|
|
|
26435
26435
|
element.appendChild(cloneNode(nodes[idx]));
|
|
26436
26436
|
}
|
|
26437
26437
|
};
|
|
26438
|
-
const wrapTable = (table) => {
|
|
26438
|
+
const wrapTable = (table, size) => {
|
|
26439
26439
|
if (!isDocumentAvailable()) {
|
|
26440
26440
|
return;
|
|
26441
26441
|
}
|
|
26442
26442
|
const wrapper = document.createElement('div');
|
|
26443
|
-
|
|
26443
|
+
const classes = ['k-grid'];
|
|
26444
|
+
if (size && size !== 'none') {
|
|
26445
|
+
classes.push(`k-grid-${size === 'medium' ? 'md' : 'sm'}`);
|
|
26446
|
+
}
|
|
26447
|
+
wrapper.classList.add(...classes);
|
|
26444
26448
|
wrapper.appendChild(table);
|
|
26445
26449
|
return wrapper;
|
|
26446
26450
|
};
|
|
@@ -26468,30 +26472,33 @@ const setFirstCellClass = (header, headers) => {
|
|
|
26468
26472
|
}
|
|
26469
26473
|
}
|
|
26470
26474
|
};
|
|
26471
|
-
const createTable = (colGroups, headers, bodies, footers) => {
|
|
26475
|
+
const createTable = (colGroups, headers, bodies, footers, size) => {
|
|
26472
26476
|
const table = document.createElement('table');
|
|
26477
|
+
const classes = ['k-table'];
|
|
26478
|
+
if (size && size !== 'none') {
|
|
26479
|
+
classes.push(`k-table-${size === 'medium' ? 'md' : 'sm'}`);
|
|
26480
|
+
}
|
|
26481
|
+
table.classList.add(...classes);
|
|
26473
26482
|
const colGroup = colGroups[0].cloneNode(true);
|
|
26474
26483
|
for (let idx = 1; idx < colGroups.length; idx++) {
|
|
26475
26484
|
appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
|
|
26476
26485
|
}
|
|
26477
26486
|
const header = createTableElement(headers);
|
|
26478
26487
|
const body = createTableElement(bodies);
|
|
26479
|
-
header.className = HEADER_CLASS;
|
|
26480
26488
|
setFirstCellClass(header, headers);
|
|
26481
26489
|
table.appendChild(colGroup);
|
|
26482
26490
|
table.appendChild(header);
|
|
26483
26491
|
table.appendChild(body);
|
|
26484
26492
|
if (footers.length) {
|
|
26485
26493
|
const footer = createTableElement(footers);
|
|
26486
|
-
footer.className = FOOTER_CLASS;
|
|
26487
26494
|
table.appendChild(footer);
|
|
26488
26495
|
}
|
|
26489
|
-
return wrapTable(table);
|
|
26496
|
+
return wrapTable(table, size);
|
|
26490
26497
|
};
|
|
26491
26498
|
/**
|
|
26492
26499
|
* @hidden
|
|
26493
26500
|
*/
|
|
26494
|
-
const exportElement = (wrapper) => {
|
|
26501
|
+
const exportElement = (wrapper, size) => {
|
|
26495
26502
|
const query = new GridQuery(wrapper);
|
|
26496
26503
|
const content = query.content();
|
|
26497
26504
|
let result;
|
|
@@ -26513,10 +26520,10 @@ const exportElement = (wrapper) => {
|
|
|
26513
26520
|
footers.unshift(query.footer(true).querySelector('tfoot'));
|
|
26514
26521
|
}
|
|
26515
26522
|
}
|
|
26516
|
-
result = createTable(colGroups, headers, bodies, footers);
|
|
26523
|
+
result = createTable(colGroups, headers, bodies, footers, size);
|
|
26517
26524
|
}
|
|
26518
26525
|
else {
|
|
26519
|
-
result = wrapTable(query.table().cloneNode(true));
|
|
26526
|
+
result = wrapTable(query.table().cloneNode(true), size);
|
|
26520
26527
|
}
|
|
26521
26528
|
return result;
|
|
26522
26529
|
};
|
|
@@ -26535,11 +26542,12 @@ const createDiv = (className) => {
|
|
|
26535
26542
|
* Configures the settings for the export of Grid in PDF ([see example]({% slug pdfexport_grid %})).
|
|
26536
26543
|
*/
|
|
26537
26544
|
class PDFComponent extends PDFExportComponent {
|
|
26538
|
-
constructor(pdfService, suspendService, ngZone, element) {
|
|
26545
|
+
constructor(pdfService, suspendService, ngZone, element, ctx) {
|
|
26539
26546
|
super(element);
|
|
26540
26547
|
this.pdfService = pdfService;
|
|
26541
26548
|
this.suspendService = suspendService;
|
|
26542
26549
|
this.ngZone = ngZone;
|
|
26550
|
+
this.ctx = ctx;
|
|
26543
26551
|
/**
|
|
26544
26552
|
* The delay in milliseconds before exporting the Grid content.
|
|
26545
26553
|
* Useful for scenarios which involve exporting complex components used in the Grid
|
|
@@ -26653,8 +26661,9 @@ class PDFComponent extends PDFExportComponent {
|
|
|
26653
26661
|
}
|
|
26654
26662
|
createExportElement(callback) {
|
|
26655
26663
|
this.ngZone.runOutsideAngular(() => {
|
|
26664
|
+
var _a;
|
|
26656
26665
|
const container = this.container = createDiv('k-grid-pdf-export-element');
|
|
26657
|
-
const element = exportElement(this.component.wrapper.nativeElement);
|
|
26666
|
+
const element = exportElement(this.component.wrapper.nativeElement, ((_a = this.ctx) === null || _a === void 0 ? void 0 : _a.grid.size) || 'medium');
|
|
26658
26667
|
container.appendChild(element);
|
|
26659
26668
|
document.body.appendChild(container);
|
|
26660
26669
|
callback(element);
|
|
@@ -26739,7 +26748,7 @@ class PDFComponent extends PDFExportComponent {
|
|
|
26739
26748
|
}, 0);
|
|
26740
26749
|
}
|
|
26741
26750
|
}
|
|
26742
|
-
PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, deps: [{ token: PDFService }, { token: SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26751
|
+
PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, deps: [{ token: PDFService }, { token: SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: ContextService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
26743
26752
|
PDFComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PDFComponent, selector: "kendo-grid-pdf", inputs: { allPages: "allPages", delay: "delay" }, queries: [{ propertyName: "marginComponent", first: true, predicate: PDFMarginComponent, descendants: true }, { propertyName: "pageTemplateDirective", first: true, predicate: PDFTemplateDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
26744
26753
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, decorators: [{
|
|
26745
26754
|
type: Component,
|
|
@@ -26747,7 +26756,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
26747
26756
|
selector: 'kendo-grid-pdf',
|
|
26748
26757
|
template: ''
|
|
26749
26758
|
}]
|
|
26750
|
-
}], ctorParameters: function () {
|
|
26759
|
+
}], ctorParameters: function () {
|
|
26760
|
+
return [{ type: PDFService }, { type: SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: ContextService, decorators: [{
|
|
26761
|
+
type: Optional
|
|
26762
|
+
}] }];
|
|
26763
|
+
}, propDecorators: { allPages: [{
|
|
26751
26764
|
type: Input
|
|
26752
26765
|
}], delay: [{
|
|
26753
26766
|
type: Input
|
|
@@ -4442,8 +4442,8 @@ const packageMetadata = {
|
|
|
4442
4442
|
name: '@progress/kendo-angular-grid',
|
|
4443
4443
|
productName: 'Kendo UI for Angular',
|
|
4444
4444
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
4445
|
-
publishDate:
|
|
4446
|
-
version: '13.4.1-develop.
|
|
4445
|
+
publishDate: 1693387633,
|
|
4446
|
+
version: '13.4.1-develop.2',
|
|
4447
4447
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
4448
4448
|
};
|
|
4449
4449
|
|
|
@@ -26334,12 +26334,16 @@ const appendNodes = (element, nodes) => {
|
|
|
26334
26334
|
element.appendChild(cloneNode(nodes[idx]));
|
|
26335
26335
|
}
|
|
26336
26336
|
};
|
|
26337
|
-
const wrapTable = (table) => {
|
|
26337
|
+
const wrapTable = (table, size) => {
|
|
26338
26338
|
if (!isDocumentAvailable()) {
|
|
26339
26339
|
return;
|
|
26340
26340
|
}
|
|
26341
26341
|
const wrapper = document.createElement('div');
|
|
26342
|
-
|
|
26342
|
+
const classes = ['k-grid'];
|
|
26343
|
+
if (size && size !== 'none') {
|
|
26344
|
+
classes.push(`k-grid-${size === 'medium' ? 'md' : 'sm'}`);
|
|
26345
|
+
}
|
|
26346
|
+
wrapper.classList.add(...classes);
|
|
26343
26347
|
wrapper.appendChild(table);
|
|
26344
26348
|
return wrapper;
|
|
26345
26349
|
};
|
|
@@ -26367,30 +26371,33 @@ const setFirstCellClass = (header, headers) => {
|
|
|
26367
26371
|
}
|
|
26368
26372
|
}
|
|
26369
26373
|
};
|
|
26370
|
-
const createTable = (colGroups, headers, bodies, footers) => {
|
|
26374
|
+
const createTable = (colGroups, headers, bodies, footers, size) => {
|
|
26371
26375
|
const table = document.createElement('table');
|
|
26376
|
+
const classes = ['k-table'];
|
|
26377
|
+
if (size && size !== 'none') {
|
|
26378
|
+
classes.push(`k-table-${size === 'medium' ? 'md' : 'sm'}`);
|
|
26379
|
+
}
|
|
26380
|
+
table.classList.add(...classes);
|
|
26372
26381
|
const colGroup = colGroups[0].cloneNode(true);
|
|
26373
26382
|
for (let idx = 1; idx < colGroups.length; idx++) {
|
|
26374
26383
|
appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
|
|
26375
26384
|
}
|
|
26376
26385
|
const header = createTableElement(headers);
|
|
26377
26386
|
const body = createTableElement(bodies);
|
|
26378
|
-
header.className = HEADER_CLASS;
|
|
26379
26387
|
setFirstCellClass(header, headers);
|
|
26380
26388
|
table.appendChild(colGroup);
|
|
26381
26389
|
table.appendChild(header);
|
|
26382
26390
|
table.appendChild(body);
|
|
26383
26391
|
if (footers.length) {
|
|
26384
26392
|
const footer = createTableElement(footers);
|
|
26385
|
-
footer.className = FOOTER_CLASS;
|
|
26386
26393
|
table.appendChild(footer);
|
|
26387
26394
|
}
|
|
26388
|
-
return wrapTable(table);
|
|
26395
|
+
return wrapTable(table, size);
|
|
26389
26396
|
};
|
|
26390
26397
|
/**
|
|
26391
26398
|
* @hidden
|
|
26392
26399
|
*/
|
|
26393
|
-
const exportElement = (wrapper) => {
|
|
26400
|
+
const exportElement = (wrapper, size) => {
|
|
26394
26401
|
const query = new GridQuery(wrapper);
|
|
26395
26402
|
const content = query.content();
|
|
26396
26403
|
let result;
|
|
@@ -26412,10 +26419,10 @@ const exportElement = (wrapper) => {
|
|
|
26412
26419
|
footers.unshift(query.footer(true).querySelector('tfoot'));
|
|
26413
26420
|
}
|
|
26414
26421
|
}
|
|
26415
|
-
result = createTable(colGroups, headers, bodies, footers);
|
|
26422
|
+
result = createTable(colGroups, headers, bodies, footers, size);
|
|
26416
26423
|
}
|
|
26417
26424
|
else {
|
|
26418
|
-
result = wrapTable(query.table().cloneNode(true));
|
|
26425
|
+
result = wrapTable(query.table().cloneNode(true), size);
|
|
26419
26426
|
}
|
|
26420
26427
|
return result;
|
|
26421
26428
|
};
|
|
@@ -26434,11 +26441,12 @@ const createDiv = (className) => {
|
|
|
26434
26441
|
* Configures the settings for the export of Grid in PDF ([see example]({% slug pdfexport_grid %})).
|
|
26435
26442
|
*/
|
|
26436
26443
|
class PDFComponent extends PDFExportComponent {
|
|
26437
|
-
constructor(pdfService, suspendService, ngZone, element) {
|
|
26444
|
+
constructor(pdfService, suspendService, ngZone, element, ctx) {
|
|
26438
26445
|
super(element);
|
|
26439
26446
|
this.pdfService = pdfService;
|
|
26440
26447
|
this.suspendService = suspendService;
|
|
26441
26448
|
this.ngZone = ngZone;
|
|
26449
|
+
this.ctx = ctx;
|
|
26442
26450
|
/**
|
|
26443
26451
|
* The delay in milliseconds before exporting the Grid content.
|
|
26444
26452
|
* Useful for scenarios which involve exporting complex components used in the Grid
|
|
@@ -26553,7 +26561,7 @@ class PDFComponent extends PDFExportComponent {
|
|
|
26553
26561
|
createExportElement(callback) {
|
|
26554
26562
|
this.ngZone.runOutsideAngular(() => {
|
|
26555
26563
|
const container = this.container = createDiv('k-grid-pdf-export-element');
|
|
26556
|
-
const element = exportElement(this.component.wrapper.nativeElement);
|
|
26564
|
+
const element = exportElement(this.component.wrapper.nativeElement, this.ctx?.grid.size || 'medium');
|
|
26557
26565
|
container.appendChild(element);
|
|
26558
26566
|
document.body.appendChild(container);
|
|
26559
26567
|
callback(element);
|
|
@@ -26638,7 +26646,7 @@ class PDFComponent extends PDFExportComponent {
|
|
|
26638
26646
|
}, 0);
|
|
26639
26647
|
}
|
|
26640
26648
|
}
|
|
26641
|
-
PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, deps: [{ token: PDFService }, { token: SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26649
|
+
PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, deps: [{ token: PDFService }, { token: SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: ContextService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
26642
26650
|
PDFComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PDFComponent, selector: "kendo-grid-pdf", inputs: { allPages: "allPages", delay: "delay" }, queries: [{ propertyName: "marginComponent", first: true, predicate: PDFMarginComponent, descendants: true }, { propertyName: "pageTemplateDirective", first: true, predicate: PDFTemplateDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
26643
26651
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFComponent, decorators: [{
|
|
26644
26652
|
type: Component,
|
|
@@ -26646,7 +26654,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
26646
26654
|
selector: 'kendo-grid-pdf',
|
|
26647
26655
|
template: ''
|
|
26648
26656
|
}]
|
|
26649
|
-
}], ctorParameters: function () { return [{ type: PDFService }, { type: SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }
|
|
26657
|
+
}], ctorParameters: function () { return [{ type: PDFService }, { type: SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: ContextService, decorators: [{
|
|
26658
|
+
type: Optional
|
|
26659
|
+
}] }]; }, propDecorators: { allPages: [{
|
|
26650
26660
|
type: Input
|
|
26651
26661
|
}], delay: [{
|
|
26652
26662
|
type: Input
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "13.4.1-develop.
|
|
3
|
+
"version": "13.4.1-develop.2",
|
|
4
4
|
"description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -32,25 +32,25 @@
|
|
|
32
32
|
"@progress/kendo-data-query": "^1.0.0",
|
|
33
33
|
"@progress/kendo-drawing": "^1.17.2",
|
|
34
34
|
"@progress/kendo-licensing": "^1.0.2",
|
|
35
|
-
"@progress/kendo-angular-buttons": "13.4.1-develop.
|
|
36
|
-
"@progress/kendo-angular-common": "13.4.1-develop.
|
|
37
|
-
"@progress/kendo-angular-dateinputs": "13.4.1-develop.
|
|
38
|
-
"@progress/kendo-angular-layout": "13.4.1-develop.
|
|
39
|
-
"@progress/kendo-angular-dropdowns": "13.4.1-develop.
|
|
40
|
-
"@progress/kendo-angular-excel-export": "13.4.1-develop.
|
|
41
|
-
"@progress/kendo-angular-icons": "13.4.1-develop.
|
|
42
|
-
"@progress/kendo-angular-inputs": "13.4.1-develop.
|
|
43
|
-
"@progress/kendo-angular-intl": "13.4.1-develop.
|
|
44
|
-
"@progress/kendo-angular-l10n": "13.4.1-develop.
|
|
45
|
-
"@progress/kendo-angular-label": "13.4.1-develop.
|
|
46
|
-
"@progress/kendo-angular-pdf-export": "13.4.1-develop.
|
|
47
|
-
"@progress/kendo-angular-popup": "13.4.1-develop.
|
|
48
|
-
"@progress/kendo-angular-utils": "13.4.1-develop.
|
|
35
|
+
"@progress/kendo-angular-buttons": "13.4.1-develop.2",
|
|
36
|
+
"@progress/kendo-angular-common": "13.4.1-develop.2",
|
|
37
|
+
"@progress/kendo-angular-dateinputs": "13.4.1-develop.2",
|
|
38
|
+
"@progress/kendo-angular-layout": "13.4.1-develop.2",
|
|
39
|
+
"@progress/kendo-angular-dropdowns": "13.4.1-develop.2",
|
|
40
|
+
"@progress/kendo-angular-excel-export": "13.4.1-develop.2",
|
|
41
|
+
"@progress/kendo-angular-icons": "13.4.1-develop.2",
|
|
42
|
+
"@progress/kendo-angular-inputs": "13.4.1-develop.2",
|
|
43
|
+
"@progress/kendo-angular-intl": "13.4.1-develop.2",
|
|
44
|
+
"@progress/kendo-angular-l10n": "13.4.1-develop.2",
|
|
45
|
+
"@progress/kendo-angular-label": "13.4.1-develop.2",
|
|
46
|
+
"@progress/kendo-angular-pdf-export": "13.4.1-develop.2",
|
|
47
|
+
"@progress/kendo-angular-popup": "13.4.1-develop.2",
|
|
48
|
+
"@progress/kendo-angular-utils": "13.4.1-develop.2",
|
|
49
49
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"tslib": "^2.3.1",
|
|
53
|
-
"@progress/kendo-angular-schematics": "13.4.1-develop.
|
|
53
|
+
"@progress/kendo-angular-schematics": "13.4.1-develop.2",
|
|
54
54
|
"@progress/kendo-common": "^0.2.0",
|
|
55
55
|
"@progress/kendo-file-saver": "^1.0.0"
|
|
56
56
|
},
|
package/pdf/export-element.d.ts
CHANGED
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { GridSize } from '../common/size-options';
|
|
5
6
|
/** @hidden */
|
|
6
7
|
export declare const cloneNode: (node: any) => any;
|
|
7
8
|
/**
|
|
8
9
|
* @hidden
|
|
9
10
|
*/
|
|
10
|
-
export declare const exportElement: (wrapper: HTMLElement) => HTMLElement;
|
|
11
|
+
export declare const exportElement: (wrapper: HTMLElement, size: GridSize) => HTMLElement;
|
package/pdf/pdf.component.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ import { PDFTemplateDirective } from './pdf-template.directive';
|
|
|
11
11
|
import { ColumnBase } from '../columns/column-base';
|
|
12
12
|
import { DrawOptions, Group } from '@progress/kendo-drawing';
|
|
13
13
|
import { PDFExportComponent } from '@progress/kendo-angular-pdf-export';
|
|
14
|
+
import { ContextService } from '../common/provider.service';
|
|
14
15
|
import * as i0 from "@angular/core";
|
|
15
16
|
/**
|
|
16
17
|
* Configures the settings for the export of Grid in PDF ([see example]({% slug pdfexport_grid %})).
|
|
@@ -19,6 +20,7 @@ export declare class PDFComponent extends PDFExportComponent implements OnDestro
|
|
|
19
20
|
protected pdfService: PDFService;
|
|
20
21
|
protected suspendService: SuspendService;
|
|
21
22
|
protected ngZone: NgZone;
|
|
23
|
+
private ctx;
|
|
22
24
|
/**
|
|
23
25
|
* Exports all Grid pages, starting from the first one.
|
|
24
26
|
*/
|
|
@@ -51,7 +53,7 @@ export declare class PDFComponent extends PDFExportComponent implements OnDestro
|
|
|
51
53
|
protected drawSubscription: Subscription;
|
|
52
54
|
protected renderAllPages: boolean;
|
|
53
55
|
protected originalColumns: ColumnBase[];
|
|
54
|
-
constructor(pdfService: PDFService, suspendService: SuspendService, ngZone: NgZone, element: ElementRef);
|
|
56
|
+
constructor(pdfService: PDFService, suspendService: SuspendService, ngZone: NgZone, element: ElementRef, ctx: ContextService);
|
|
55
57
|
ngOnDestroy(): void;
|
|
56
58
|
/**
|
|
57
59
|
* @hidden
|
|
@@ -76,6 +78,6 @@ export declare class PDFComponent extends PDFExportComponent implements OnDestro
|
|
|
76
78
|
protected changeColumns(columns: any[], callback: () => void): void;
|
|
77
79
|
protected reset(): void;
|
|
78
80
|
protected onStable(callback: () => void): void;
|
|
79
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PDFComponent,
|
|
81
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PDFComponent, [null, null, null, null, { optional: true; }]>;
|
|
80
82
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDFComponent, "kendo-grid-pdf", never, { "allPages": "allPages"; "delay": "delay"; }, {}, ["marginComponent", "pageTemplateDirective", "columns"], never>;
|
|
81
83
|
}
|
|
@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
|
|
6
6
|
// peer dep of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '13.4.1-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '13.4.1-develop.2',
|
|
8
8
|
// peer dependency of kendo-angular-inputs
|
|
9
|
-
'@progress/kendo-angular-dialog': '13.4.1-develop.
|
|
9
|
+
'@progress/kendo-angular-dialog': '13.4.1-develop.2',
|
|
10
10
|
// peer dependency of kendo-angular-icons
|
|
11
11
|
'@progress/kendo-svg-icons': '^1.0.0',
|
|
12
12
|
// peer dependency of kendo-angular-layout
|
|
13
|
-
'@progress/kendo-angular-progressbar': '13.4.1-develop.
|
|
13
|
+
'@progress/kendo-angular-progressbar': '13.4.1-develop.2'
|
|
14
14
|
} });
|
|
15
15
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
16
16
|
}
|