nuxeo-development-framework 5.8.5 → 5.8.6
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/bundles/nuxeo-development-framework.umd.js +68 -43
- package/bundles/nuxeo-development-framework.umd.js.map +1 -1
- package/esm2015/lib/components/ndf-filters/directives/custom-template.directive.js +3 -3
- package/esm2015/lib/components/pdf-tron/pdftron/pdftron.component.js +27 -13
- package/esm2015/lib/components/reports/chart-panel.js +4 -3
- package/esm2015/lib/components/reports/charts/components/base-chart.component.js +2 -9
- package/esm2015/lib/components/reports/charts/components/chart.component.js +29 -15
- package/esm2015/lib/components/reports/charts/components/data-chart.component.js +1 -7
- package/esm2015/lib/components/reports/ndf-reports/base/base-custom-report.js +16 -8
- package/esm2015/lib/components/reports/ndf-reports/charts-components/graph-chart/graph-chart.component.js +14 -7
- package/esm2015/lib/components/reports/ndf-reports/containers/ndf-reports/ndf-reports.component.js +7 -3
- package/esm2015/lib/components/spell-checker-field/spell-checker-field.module.js +1 -1
- package/fesm2015/nuxeo-development-framework.js +92 -58
- package/fesm2015/nuxeo-development-framework.js.map +1 -1
- package/lib/components/ndf-filters/directives/custom-template.directive.d.ts +1 -1
- package/lib/components/pdf-tron/pdftron/pdftron.component.d.ts +3 -1
- package/lib/components/reports/charts/components/base-chart.component.d.ts +2 -5
- package/lib/components/reports/ndf-reports/base/base-custom-report.d.ts +2 -1
- package/lib/components/reports/ndf-reports/charts-components/graph-chart/graph-chart.component.d.ts +2 -1
- package/lib/components/reports/ndf-reports/containers/ndf-reports/ndf-reports.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -18962,7 +18962,7 @@
|
|
|
18962
18962
|
return CustomTemplateDirective;
|
|
18963
18963
|
}());
|
|
18964
18964
|
CustomTemplateDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomTemplateDirective, deps: [{ token: i0__namespace.TemplateRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
18965
|
-
CustomTemplateDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: CustomTemplateDirective, selector: "[customTemplate]", providers: [
|
|
18965
|
+
CustomTemplateDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: CustomTemplateDirective, selector: "[customTemplate],[filterTemplate]", providers: [
|
|
18966
18966
|
{
|
|
18967
18967
|
provide: CUSTOM_TEMPLATE,
|
|
18968
18968
|
useExisting: CustomTemplateDirective
|
|
@@ -18971,7 +18971,7 @@
|
|
|
18971
18971
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomTemplateDirective, decorators: [{
|
|
18972
18972
|
type: i0.Directive,
|
|
18973
18973
|
args: [{
|
|
18974
|
-
selector: '[customTemplate]',
|
|
18974
|
+
selector: '[customTemplate],[filterTemplate]',
|
|
18975
18975
|
providers: [
|
|
18976
18976
|
{
|
|
18977
18977
|
provide: CUSTOM_TEMPLATE,
|
|
@@ -37936,6 +37936,8 @@
|
|
|
37936
37936
|
this.allowDownloadSecretFile = true; // allow or prevent download screct files
|
|
37937
37937
|
this.allowPrintSecretFile = true; // allow or prevent print screct files
|
|
37938
37938
|
this.negelectAddingWaterMark = false; // don't add watermark here whatever eas the conditions (we may add it from outside or not add it at all)
|
|
37939
|
+
this.isSignedDocument = false; // flage to indicate if this document is signed with outside platform to enable diffrent way of downloading it
|
|
37940
|
+
this.onDownloadingSignedDocument = new i0.EventEmitter(); // used to tell outside we need download signed document to download it with proper way diffrent from export of pdftron
|
|
37939
37941
|
this.onAddingAnotation = new i0.EventEmitter(); // used to export all anotations to outside
|
|
37940
37942
|
this.events = new i0.EventEmitter();
|
|
37941
37943
|
this.SignatureEvent = new i0.EventEmitter(); // used to export signature to outside
|
|
@@ -38191,16 +38193,24 @@
|
|
|
38191
38193
|
onClick: function () { return __awaiter(_this, void 0, void 0, function () {
|
|
38192
38194
|
var _c, DocumentViewer, AnnotationManager, SaveOptions, saveOptions, options;
|
|
38193
38195
|
return __generator(this, function (_d) {
|
|
38194
|
-
|
|
38195
|
-
|
|
38196
|
-
|
|
38197
|
-
|
|
38198
|
-
|
|
38199
|
-
|
|
38200
|
-
|
|
38201
|
-
|
|
38202
|
-
|
|
38203
|
-
|
|
38196
|
+
// if wasn't signed document then download it using pdftron normal donwnload
|
|
38197
|
+
if (!this.isSignedDocument) {
|
|
38198
|
+
_c = this.webViewerInstance.CoreControls, DocumentViewer = _c.DocumentViewer, AnnotationManager = _c.AnnotationManager, SaveOptions = _c.SaveOptions;
|
|
38199
|
+
saveOptions = SaveOptions;
|
|
38200
|
+
options = {
|
|
38201
|
+
filename: this.correspondance.title ? this.correspondance.title : 'myDocument.pdf',
|
|
38202
|
+
// xfdfString,
|
|
38203
|
+
flags: saveOptions.LINEARIZED,
|
|
38204
|
+
downloadType: 'pdf'
|
|
38205
|
+
};
|
|
38206
|
+
this.pdftronService.instance.downloadPdf(options);
|
|
38207
|
+
this.events.next('download');
|
|
38208
|
+
}
|
|
38209
|
+
else {
|
|
38210
|
+
// if it was signed document then download it by function from outside to avoid
|
|
38211
|
+
// loosing signing information that happens if i download it from pdftron itself
|
|
38212
|
+
this.onDownloadingSignedDocument.emit();
|
|
38213
|
+
}
|
|
38204
38214
|
return [2 /*return*/];
|
|
38205
38215
|
});
|
|
38206
38216
|
}); }
|
|
@@ -38669,7 +38679,7 @@
|
|
|
38669
38679
|
// maybe will need to reset signature & annotations
|
|
38670
38680
|
};
|
|
38671
38681
|
PdftronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PdftronComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService }, { token: i4.APP_BASE_HREF }, { token: TranslationService }, { token: SilentPdfTronService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
38672
|
-
PdftronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PdftronComponent, selector: "app-pdftron", inputs: { editMode: "editMode", actionClicked: "actionClicked", fileTitle: "fileTitle", docId: "docId", DOCUMENT_TYPE: "DOCUMENT_TYPE", fileData: "fileData", fitMode: "fitMode", authHeader: "authHeader", fileURL: "fileURL", correspondance: "correspondance", secrecyProperty: "secrecyProperty", editingType: "editingType", userSignatures: "userSignatures", searchString: "searchString", trackSignature: "trackSignature", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations", allowDownloadSecretFile: "allowDownloadSecretFile", allowPrintSecretFile: "allowPrintSecretFile", negelectAddingWaterMark: "negelectAddingWaterMark", recognizedJson: "recognizedJson" }, outputs: { onSignatureTracking: "onSignatureTracking", onAddingAnotation: "onAddingAnotation", events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
|
|
38682
|
+
PdftronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PdftronComponent, selector: "app-pdftron", inputs: { editMode: "editMode", actionClicked: "actionClicked", fileTitle: "fileTitle", docId: "docId", DOCUMENT_TYPE: "DOCUMENT_TYPE", fileData: "fileData", fitMode: "fitMode", authHeader: "authHeader", fileURL: "fileURL", correspondance: "correspondance", secrecyProperty: "secrecyProperty", editingType: "editingType", userSignatures: "userSignatures", searchString: "searchString", trackSignature: "trackSignature", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations", allowDownloadSecretFile: "allowDownloadSecretFile", allowPrintSecretFile: "allowPrintSecretFile", negelectAddingWaterMark: "negelectAddingWaterMark", recognizedJson: "recognizedJson", isSignedDocument: "isSignedDocument" }, outputs: { onSignatureTracking: "onSignatureTracking", onDownloadingSignedDocument: "onDownloadingSignedDocument", onAddingAnotation: "onAddingAnotation", events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
|
|
38673
38683
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PdftronComponent, decorators: [{
|
|
38674
38684
|
type: i0.Component,
|
|
38675
38685
|
args: [{
|
|
@@ -38733,6 +38743,10 @@
|
|
|
38733
38743
|
type: i0.Input
|
|
38734
38744
|
}], recognizedJson: [{
|
|
38735
38745
|
type: i0.Input
|
|
38746
|
+
}], isSignedDocument: [{
|
|
38747
|
+
type: i0.Input
|
|
38748
|
+
}], onDownloadingSignedDocument: [{
|
|
38749
|
+
type: i0.Output
|
|
38736
38750
|
}], onAddingAnotation: [{
|
|
38737
38751
|
type: i0.Output
|
|
38738
38752
|
}], events: [{
|
|
@@ -43657,7 +43671,6 @@
|
|
|
43657
43671
|
__extends(BaseChartComponent, _super);
|
|
43658
43672
|
function BaseChartComponent() {
|
|
43659
43673
|
var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
|
|
43660
|
-
_this.responsive = true;
|
|
43661
43674
|
_this.onReady = new i0.EventEmitter();
|
|
43662
43675
|
return _this;
|
|
43663
43676
|
}
|
|
@@ -43672,7 +43685,7 @@
|
|
|
43672
43685
|
return BaseChartComponent;
|
|
43673
43686
|
}(DestroySubject));
|
|
43674
43687
|
BaseChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseChartComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
43675
|
-
BaseChartComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseChartComponent, inputs: { type: "type", plugins: "plugins",
|
|
43688
|
+
BaseChartComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseChartComponent, inputs: { type: "type", plugins: "plugins", fontFamily: "fontFamily", fontSize: "fontSize" }, outputs: { onReady: "onReady" }, usesInheritance: true, ngImport: i0__namespace });
|
|
43676
43689
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseChartComponent, decorators: [{
|
|
43677
43690
|
type: i0.Directive,
|
|
43678
43691
|
args: [{}]
|
|
@@ -43680,12 +43693,6 @@
|
|
|
43680
43693
|
type: i0.Input
|
|
43681
43694
|
}], plugins: [{
|
|
43682
43695
|
type: i0.Input
|
|
43683
|
-
}], width: [{
|
|
43684
|
-
type: i0.Input
|
|
43685
|
-
}], height: [{
|
|
43686
|
-
type: i0.Input
|
|
43687
|
-
}], responsive: [{
|
|
43688
|
-
type: i0.Input
|
|
43689
43696
|
}], fontFamily: [{
|
|
43690
43697
|
type: i0.Input
|
|
43691
43698
|
}], fontSize: [{
|
|
@@ -43783,18 +43790,18 @@
|
|
|
43783
43790
|
return ChartComponent;
|
|
43784
43791
|
}(BaseChartComponent));
|
|
43785
43792
|
ChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }, { token: CHART_DEFAULTS_OPTIONS, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
43786
|
-
ChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartComponent, selector: "app-chart", inputs: { data: "data", options: "options" }, host: {
|
|
43793
|
+
ChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartComponent, selector: "app-chart", inputs: { data: "data", options: "options" }, host: { properties: { "class": "\"bs-chart bs-chart-\" + type" } }, usesInheritance: true, ngImport: i0__namespace, template: "<canvas #canvas></canvas>", isInline: true, styles: ["\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: var(--chart-display, flex);\n\t\t\t\tflex-direction: var(--chart-direction, column);\n\t\t\t\tjustify-content: var(--chart-justify, center);\n\t\t\t\talign-items: var(--chart-align, center);\n\t\t\t\tmin-width: var(--chart-min-width, 0);\n\t\t\t\twidth: var(--chart-width, auto);\n\t\t\t\tmax-width: var(--chart-max-width, 100%);\n\t\t\t\theight: var(--chart-height, unset);\n\t\t\t\tmax-height: var(--chart-max-height, 100%);\n\t\t\t\tmin-height: var(--chart-min-height, 0);\n\t\t\t\tpadding: var(--chart-padding, 0);\n\t\t\t\talign-self: var(--chart-align-self, stretch);\n\t\t\t\tflex-grow: var(--chart-grow, 1);\n\n\t\t\t\t@media print {\n\t\t\t\t\t--chart-display: var(--chart-print-display, flex);\n\t\t\t\t\t--chart-width: var(--chart-print-width, 100%);\n\t\t\t\t\t--chart-height: var(--chart-print-height, 100%);\n\t\t\t\t\t--chart-grow: var(--chart-print-grow, 0);\n\t\t\t\t\t--chart-max-width: var(--chart-print-max-width, 100%);\n\t\t\t\t\t--chart-max-height: var(--chart-print-max-height, 100%);\n\t\t\t\t}\n\t\t\t\tcanvas {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\t@media print {\n\t\t\t\t\t\theight: var(--print-canvas-height, auto) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
43787
43794
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartComponent, decorators: [{
|
|
43788
43795
|
type: i0.Component,
|
|
43789
43796
|
args: [{
|
|
43790
43797
|
selector: 'app-chart',
|
|
43791
43798
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
43792
43799
|
host: {
|
|
43793
|
-
class: 'bs-chart'
|
|
43800
|
+
'[class]': '"bs-chart bs-chart-" + type'
|
|
43794
43801
|
},
|
|
43795
|
-
template: "<canvas
|
|
43802
|
+
template: "<canvas #canvas></canvas>",
|
|
43796
43803
|
styles: [
|
|
43797
|
-
"\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: var(--chart-display, flex);\n\t\t\t\tflex-direction: var(--chart-direction, column);\n\t\t\t\tjustify-content: var(--chart-justify, center);\n\t\t\t\talign-items: var(--chart-align, center);\n\t\t\t\twidth: var(--chart-width, 100%);\n\t\t\t\tmax-height: var(--chart-height, 100%);\n\t\t\t\tmin-height: 0;\n\t\t\t}\n\t\t"
|
|
43804
|
+
"\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: var(--chart-display, flex);\n\t\t\t\tflex-direction: var(--chart-direction, column);\n\t\t\t\tjustify-content: var(--chart-justify, center);\n\t\t\t\talign-items: var(--chart-align, center);\n\t\t\t\tmin-width: var(--chart-min-width, 0);\n\t\t\t\twidth: var(--chart-width, auto);\n\t\t\t\tmax-width: var(--chart-max-width, 100%);\n\t\t\t\theight: var(--chart-height, unset);\n\t\t\t\tmax-height: var(--chart-max-height, 100%);\n\t\t\t\tmin-height: var(--chart-min-height, 0);\n\t\t\t\tpadding: var(--chart-padding, 0);\n\t\t\t\talign-self: var(--chart-align-self, stretch);\n\t\t\t\tflex-grow: var(--chart-grow, 1);\n\n\t\t\t\t@media print {\n\t\t\t\t\t--chart-display: var(--chart-print-display, flex);\n\t\t\t\t\t--chart-width: var(--chart-print-width, 100%);\n\t\t\t\t\t--chart-height: var(--chart-print-height, 100%);\n\t\t\t\t\t--chart-grow: var(--chart-print-grow, 0);\n\t\t\t\t\t--chart-max-width: var(--chart-print-max-width, 100%);\n\t\t\t\t\t--chart-max-height: var(--chart-print-max-height, 100%);\n\t\t\t\t}\n\t\t\t\tcanvas {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\t@media print {\n\t\t\t\t\t\theight: var(--print-canvas-height, auto) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t"
|
|
43798
43805
|
]
|
|
43799
43806
|
}]
|
|
43800
43807
|
}], ctorParameters: function () {
|
|
@@ -44294,12 +44301,12 @@
|
|
|
44294
44301
|
return DataChartComponent;
|
|
44295
44302
|
}(BaseChartComponent));
|
|
44296
44303
|
DataChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataChartComponent, deps: [{ token: i1__namespace.TranslateService }, { token: StatisticService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
44297
|
-
DataChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DataChartComponent, selector: "app-data-chart", inputs: { dataSource: "dataSource", options: "options", dataset: "dataset", translatePrefix: "translatePrefix", bindValue: "bindValue", colors: "colors", updateOnLangChange: "updateOnLangChange", updateData: "updateData", transformData: "transformData" }, outputs: { onDataReady: "onDataReady" }, usesInheritance: true, ngImport: i0__namespace, template: "\n\t\t<app-chart\n\t\t\t*ngIf=\"chartData$ | async as data\"\n\t\t\t[type]=\"type\"\n\t\t\t[data]=\"data\"\n\t\t\t[options]=\"options\"\n\t\t\t[plugins]=\"plugins\"\n\t\t\t[
|
|
44304
|
+
DataChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DataChartComponent, selector: "app-data-chart", inputs: { dataSource: "dataSource", options: "options", dataset: "dataset", translatePrefix: "translatePrefix", bindValue: "bindValue", colors: "colors", updateOnLangChange: "updateOnLangChange", updateData: "updateData", transformData: "transformData" }, outputs: { onDataReady: "onDataReady" }, usesInheritance: true, ngImport: i0__namespace, template: "\n\t\t<app-chart\n\t\t\t*ngIf=\"chartData$ | async as data\"\n\t\t\t[type]=\"type\"\n\t\t\t[data]=\"data\"\n\t\t\t[options]=\"options\"\n\t\t\t[plugins]=\"plugins\"\n\t\t\t[fontFamily]=\"fontFamily\"\n\t\t\t[fontSize]=\"fontSize\"\n\t\t\t(onReady)=\"onReady.emit($event)\"\n\t\t></app-chart>\n\t", isInline: true, components: [{ type: ChartComponent, selector: "app-chart", inputs: ["data", "options"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe } });
|
|
44298
44305
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DataChartComponent, decorators: [{
|
|
44299
44306
|
type: i0.Component,
|
|
44300
44307
|
args: [{
|
|
44301
44308
|
selector: 'app-data-chart',
|
|
44302
|
-
template: "\n\t\t<app-chart\n\t\t\t*ngIf=\"chartData$ | async as data\"\n\t\t\t[type]=\"type\"\n\t\t\t[data]=\"data\"\n\t\t\t[options]=\"options\"\n\t\t\t[plugins]=\"plugins\"\n\t\t\t[
|
|
44309
|
+
template: "\n\t\t<app-chart\n\t\t\t*ngIf=\"chartData$ | async as data\"\n\t\t\t[type]=\"type\"\n\t\t\t[data]=\"data\"\n\t\t\t[options]=\"options\"\n\t\t\t[plugins]=\"plugins\"\n\t\t\t[fontFamily]=\"fontFamily\"\n\t\t\t[fontSize]=\"fontSize\"\n\t\t\t(onReady)=\"onReady.emit($event)\"\n\t\t></app-chart>\n\t",
|
|
44303
44310
|
styles: []
|
|
44304
44311
|
}]
|
|
44305
44312
|
}], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }, { type: StatisticService }]; }, propDecorators: { dataSource: [{
|
|
@@ -46544,10 +46551,14 @@
|
|
|
46544
46551
|
this.onReady.emit(chart);
|
|
46545
46552
|
this.chart = chart;
|
|
46546
46553
|
this._chartHelperService.setChart(chart);
|
|
46547
|
-
this.
|
|
46554
|
+
this._beforePrintListener = function (event) {
|
|
46548
46555
|
_this.chart.resize();
|
|
46549
46556
|
};
|
|
46550
|
-
|
|
46557
|
+
this._afterPrintListener = function (event) {
|
|
46558
|
+
_this.chart.resize();
|
|
46559
|
+
};
|
|
46560
|
+
window.addEventListener('beforeprint', this._beforePrintListener);
|
|
46561
|
+
window.addEventListener('afterprint', this._afterPrintListener);
|
|
46551
46562
|
queueMicrotask(function () {
|
|
46552
46563
|
_this.chart.resize();
|
|
46553
46564
|
});
|
|
@@ -46576,20 +46587,23 @@
|
|
|
46576
46587
|
if (this.chart) {
|
|
46577
46588
|
this._chartHelperService.destroy(this.chart.id);
|
|
46578
46589
|
}
|
|
46579
|
-
if (this.
|
|
46580
|
-
window.removeEventListener('beforeprint', this.
|
|
46590
|
+
if (this._beforePrintListener) {
|
|
46591
|
+
window.removeEventListener('beforeprint', this._beforePrintListener);
|
|
46592
|
+
}
|
|
46593
|
+
if (this._afterPrintListener) {
|
|
46594
|
+
window.removeEventListener('beforeprint', this._afterPrintListener);
|
|
46581
46595
|
}
|
|
46582
46596
|
};
|
|
46583
46597
|
return GraphChartComponent;
|
|
46584
46598
|
}(BaseChart));
|
|
46585
46599
|
GraphChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GraphChartComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
46586
|
-
GraphChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GraphChartComponent, selector: "app-graph-chart", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"report$ | async as report\">\r\n\t<div class=\"chart-legends\"></div>\r\n\t<app-chart\r\n\t\t[type]=\"report.config.type\"\r\n\t\t[data]=\"report.data\"\r\n\t\t[options]=\"report.config?.options\"\r\n\t\t[plugins]=\"report.config?.plugins\"\r\n\t\t[responsive]=\"true\"\r\n\t\t(onReady)=\"chartReady($event)\"\r\n\t\tclass=\"app-chart\"\r\n\t></app-chart>\r\n</ng-container>\r\n", styles: [":host{--chart-height: var(--graph-chart-height,
|
|
46600
|
+
GraphChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GraphChartComponent, selector: "app-graph-chart", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"report$ | async as report\">\r\n\t<div class=\"chart-legends\"></div>\r\n\t<app-chart\r\n\t\t[type]=\"report.config.type\"\r\n\t\t[data]=\"report.data\"\r\n\t\t[options]=\"report.config?.options\"\r\n\t\t[plugins]=\"report.config?.plugins\"\r\n\t\t[responsive]=\"true\"\r\n\t\t(onReady)=\"chartReady($event)\"\r\n\t\tclass=\"app-chart\"\r\n\t></app-chart>\r\n</ng-container>\r\n", styles: [":host{--chart-height: var(--graph-chart-height, 100%);display:var(--graph-chart-display, flex);flex-direction:var(--graph-chart-direction, row);justify-content:var(--graph-chart-justify-content, space-between);align-items:var(--graph-chart-align-items, center);grid-gap:var(--graph-chart-gap, .5rem);gap:var(--graph-chart-gap, .5rem);min-height:0}.app-chart{--chart-padding: 1rem}.app-chart.bs-chart-pie,.app-chart.bs-chart-doughnut{--chart-grow: 0;aspect-ratio:1/1;--chart-align-self: center;--chart-print-width:65mm;--chart-print-height:65mm;--chart-print-max-width: 65mm}::ng-deep .chart-legends{max-height:var(--chart-legends-height, var(--chart-height));min-width:var(--chart-legends-width, 0);overflow:auto;font-size:1rem;text-align:start;display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem;padding-block:.5rem}::ng-deep .chart-legends:empty{--chart-legends-width: 0;display:none}::ng-deep .chart-legends.has-items{--chart-legends-width: var(--chart-legends-items-width, 200px)}::ng-deep .chart-legends__legend{display:flex;align-items:baseline;-webkit-user-select:none;user-select:none;cursor:default}::ng-deep .chart-legends__box{width:var(--chart-legends-box-width, 8px);height:var(--chart-legends-box-height, 8px);border-radius:var(--chart-legends-radius, 50%);margin-inline:var(--chart-legends-box-inline, 0 .5rem);display:inline-block;flex-shrink:0}@media print{::ng-deep .chart-legends__box{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}}\n"], components: [{ type: ChartComponent, selector: "app-chart", inputs: ["data", "options"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe } });
|
|
46587
46601
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GraphChartComponent, decorators: [{
|
|
46588
46602
|
type: i0.Component,
|
|
46589
46603
|
args: [{
|
|
46590
46604
|
selector: 'app-graph-chart',
|
|
46591
46605
|
templateUrl: './graph-chart.component.html',
|
|
46592
|
-
styleUrls: ['./graph-chart.component.scss']
|
|
46606
|
+
styleUrls: ['./graph-chart.component.scss']
|
|
46593
46607
|
}]
|
|
46594
46608
|
}] });
|
|
46595
46609
|
|
|
@@ -46972,20 +46986,28 @@
|
|
|
46972
46986
|
var _this = this;
|
|
46973
46987
|
this.chart = chart;
|
|
46974
46988
|
this._chartHelperService.setChart(chart);
|
|
46975
|
-
|
|
46989
|
+
var resizeChart = function () { return queueMicrotask(function () {
|
|
46976
46990
|
_this.chart.resize();
|
|
46991
|
+
}); };
|
|
46992
|
+
this._beforePrintListener = function (event) {
|
|
46993
|
+
resizeChart();
|
|
46977
46994
|
};
|
|
46978
|
-
|
|
46979
|
-
|
|
46980
|
-
|
|
46981
|
-
|
|
46995
|
+
this._afterPrintListener = function (event) {
|
|
46996
|
+
resizeChart();
|
|
46997
|
+
};
|
|
46998
|
+
window.addEventListener('beforeprint', this._beforePrintListener);
|
|
46999
|
+
window.addEventListener('afterprint', this._afterPrintListener);
|
|
47000
|
+
resizeChart();
|
|
46982
47001
|
};
|
|
46983
47002
|
BaseCustomReport.prototype.ngOnDestroy = function () {
|
|
46984
47003
|
if (this.chart) {
|
|
46985
47004
|
this.chart.destroy();
|
|
46986
47005
|
}
|
|
46987
|
-
if (this.
|
|
46988
|
-
window.removeEventListener('beforeprint', this.
|
|
47006
|
+
if (this._beforePrintListener) {
|
|
47007
|
+
window.removeEventListener('beforeprint', this._beforePrintListener);
|
|
47008
|
+
}
|
|
47009
|
+
if (this._afterPrintListener) {
|
|
47010
|
+
window.removeEventListener('afterprint', this._afterPrintListener);
|
|
46989
47011
|
}
|
|
46990
47012
|
_super.prototype.ngOnDestroy.call(this);
|
|
46991
47013
|
};
|
|
@@ -47080,14 +47102,14 @@
|
|
|
47080
47102
|
return ChartPanel;
|
|
47081
47103
|
}());
|
|
47082
47104
|
ChartPanel.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartPanel, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
47083
|
-
ChartPanel.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartPanel, selector: "chart-panel", host: { classAttribute: "chart-panel" }, ngImport: i0__namespace, template: "<ng-content></ng-content>", isInline: true, styles: ["\n\t\t\t:host {\n\t\t\t\tbackground: var(--cp-background, rgba(0, 0, 0, 0.068));\n\t\t\t\tcolor: var(--cp-color);\n\t\t\t\tpadding: var(--cp-padding, 1rem);\n\t\t\t\tborder-radius: var(--cp-radius, 1rem);\n\t\t\t\tmin-height: var(--cp-min-height, 260px);\n\t\t\t\t@media print {\n\t\t\t\t\t--cp-min-height: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t"] });
|
|
47105
|
+
ChartPanel.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ChartPanel, selector: "chart-panel", host: { classAttribute: "chart-panel" }, ngImport: i0__namespace, template: "<ng-content></ng-content>", isInline: true, styles: ["\n\t\t\t:host {\n\t\t\t\tbackground: var(--cp-background, rgba(0, 0, 0, 0.068));\n\t\t\t\tcolor: var(--cp-color);\n\t\t\t\tpadding: var(--cp-padding, 1rem);\n\t\t\t\tborder-radius: var(--cp-radius, 1rem);\n\t\t\t\tmin-height: var(--cp-min-height, 260px);\n\t\t\t\theight : var(--cp-height);\n\t\t\t\t@media print {\n\t\t\t\t\t--cp-min-height: var(--cp-print-min-height, 0);\n\t\t\t\t}\n\t\t\t}\n\t\t"] });
|
|
47084
47106
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartPanel, decorators: [{
|
|
47085
47107
|
type: i0.Component,
|
|
47086
47108
|
args: [{
|
|
47087
47109
|
selector: 'chart-panel',
|
|
47088
47110
|
template: "<ng-content></ng-content>",
|
|
47089
47111
|
styles: [
|
|
47090
|
-
"\n\t\t\t:host {\n\t\t\t\tbackground: var(--cp-background, rgba(0, 0, 0, 0.068));\n\t\t\t\tcolor: var(--cp-color);\n\t\t\t\tpadding: var(--cp-padding, 1rem);\n\t\t\t\tborder-radius: var(--cp-radius, 1rem);\n\t\t\t\tmin-height: var(--cp-min-height, 260px);\n\t\t\t\t@media print {\n\t\t\t\t\t--cp-min-height: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t"
|
|
47112
|
+
"\n\t\t\t:host {\n\t\t\t\tbackground: var(--cp-background, rgba(0, 0, 0, 0.068));\n\t\t\t\tcolor: var(--cp-color);\n\t\t\t\tpadding: var(--cp-padding, 1rem);\n\t\t\t\tborder-radius: var(--cp-radius, 1rem);\n\t\t\t\tmin-height: var(--cp-min-height, 260px);\n\t\t\t\theight : var(--cp-height);\n\t\t\t\t@media print {\n\t\t\t\t\t--cp-min-height: var(--cp-print-min-height, 0);\n\t\t\t\t}\n\t\t\t}\n\t\t"
|
|
47091
47113
|
],
|
|
47092
47114
|
host: {
|
|
47093
47115
|
class: 'chart-panel'
|
|
@@ -47930,7 +47952,7 @@
|
|
|
47930
47952
|
return NdfReportsComponent;
|
|
47931
47953
|
}(DestroySubject));
|
|
47932
47954
|
NdfReportsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsComponent, deps: [{ token: i1__namespace.TranslateService }, { token: FiltersMapperService }, { token: NdfReportsService }, { token: ChartManagerService }, { token: ReportTransformService }, { token: i0__namespace.ChangeDetectorRef }, { token: FilterQueryService }, { token: ReportsStateService }, { token: ReportConfigurationService }, { token: i1__namespace$5.Router }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
47933
|
-
NdfReportsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportsComponent, selector: "app-ndf-reports", inputs: { jsonEditorEnabled: "jsonEditorEnabled", reportsKey: "reportsKey", navigateRoute: "navigateRoute", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div\r\n\t*ngIf=\"reportsData$ | async as reports\"\r\n\tclass=\"ndf-reports__container\"\r\n\t[class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n\t[dir]=\"direction\"\r\n\tndfFluidHeight\r\n>\r\n\t<div class=\"ndf-reports__panel print:hidden\" *ngIf=\"!!filtersConfig?.fields?.length\">\r\n\t\t<app-filters-panel\r\n\t\t\t[fields]=\"filtersConfig?.fields\"\r\n\t\t\t[aggregations]=\"aggregations\"\r\n\t\t\t(filterChanged)=\"filterChanged($event)\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\tclass=\"ndf-reports__filters\"\r\n\t\t></app-filters-panel>\r\n\t</div>\r\n\r\n\t<div class=\"ndf-reports__content\" (scrolled)=\"onContentScroll($event)\">\r\n\t\t<div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<app-editor-button\r\n\t\t\t\t*ngIf=\"jsonEditorEnabled && reportsKey\"\r\n\t\t\t\t[key]=\"reportsKey\"\r\n\t\t\t\t[type]=\"editorType\"\r\n\t\t\t></app-editor-button>\r\n\t\t\t<button mat-stroked-button *ngIf=\"config?.options?.print\" class=\"print-button\" (click)=\"printAll()\">\r\n\t\t\t\t<mat-icon> print</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t\t<mat-spinner *ngIf=\"isLoadingResult\" class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n\r\n\t\t<div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n\t\t\t<app-ndf-report\r\n\t\t\t\t*ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n\t\t\t\t[config]=\"config\"\r\n\t\t\t\t[data]=\"reports?.response\"\r\n\t\t\t\t[criteria]=\"filtersParams$ | async\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\t[attr.data-width]=\"config?.layout?.width || 4\"\r\n\t\t\t\t[attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n\t\t\t\t[attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n\t\t\t\t[attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n\t\t\t\t[class.wide]=\"config?.layout?.width >= 6\"\r\n [style]=\"config?.layout?.style\"\r\n\t\t\t\tclass=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n\t\t\t\t(onNavigate)=\"onNavigate($event)\"\r\n\t\t\t\t(onOpen)=\"openReportDetails($event, config)\"\r\n\t\t\t></app-ndf-report>\r\n\t\t</div>\r\n\t</div>\r\n\t<div\r\n\t\tclass=\"ndf-reports__details print:hidden\"\r\n\t\t[class.opened]=\"showDetails\"\r\n\t\t[@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n\t\t(@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n\t>\r\n\t\t<app-ndf-table\r\n\t\t\t*ngIf=\"reportDetails$ | async as report\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\t[customCriteria]=\"detailsFiltersParams$ | async\"\r\n\t\t>\r\n\t\t\t<ng-template searchTableTemplate let-toggle=\"togglePanel\">\r\n\t\t\t\t<div class=\"ndf-reports__details__header flex gap-2\" >\r\n\t\t\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"toggle()\">\r\n\t\t\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button mat-stroked-button class=\"close-button\" (click)=\"closeDetailsPanel()\">\r\n\t\t\t\t\t\t<mat-icon> close</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t{{ report.label | translate }}\r\n\t\t\t\t</h3>\r\n\t\t\t</ng-template>\r\n\t\t</app-ndf-table>\r\n\t</div>\r\n</div>\r\n\r\n", styles: [":host{--table-dev-height: var(--ndf-reports-table-dev-height, auto);padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc(var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5)));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-margin: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-margin, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 11mm;--reports-grid-margin-top: 9mm;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: FiltersPanelComponent, selector: "app-filters-panel", inputs: ["aggregations", "fields", "activeQuery"], outputs: ["filterChanged"] }, { type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorButtonComponent, selector: "app-editor-button", inputs: ["type", "key"] }, { type: i6__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: NdfReportComponent, selector: "app-ndf-report", inputs: ["config", "direction", "data", "criteria"], outputs: ["onNavigate", "onOpen"] }, { type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: ScrollableDivDirective, selector: "[scrolled]", inputs: ["scrollTop"], outputs: ["scrolled"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SearchTableTemplateDirective, selector: "[searchTableTemplate]" }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe }, animations: [slideAnimation] });
|
|
47955
|
+
NdfReportsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfReportsComponent, selector: "app-ndf-reports", inputs: { jsonEditorEnabled: "jsonEditorEnabled", reportsKey: "reportsKey", navigateRoute: "navigateRoute", config: "config" }, outputs: { onQueryChange: "onQueryChange" }, host: { properties: { "dir": "direction" }, classAttribute: "ndf-reports" }, queries: [{ propertyName: "filterCustomTemplate", first: true, predicate: CUSTOM_TEMPLATE, descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "fluidDirective", first: true, predicate: FluidHeightDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div\r\n\t*ngIf=\"reportsData$ | async as reports\"\r\n\tclass=\"ndf-reports__container\"\r\n\t[class.panel-opened]=\"isPanelOpened && filtersConfig\"\r\n\t[dir]=\"direction\"\r\n\tndfFluidHeight\r\n>\r\n\t<div class=\"ndf-reports__panel print:hidden\" *ngIf=\"!!filtersConfig?.fields?.length\">\r\n\t\t<app-filters-panel\r\n\t\t\t[fields]=\"filtersConfig?.fields\"\r\n\t\t\t[aggregations]=\"aggregations\"\r\n\t\t\t(filterChanged)=\"filterChanged($event)\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\tclass=\"ndf-reports__filters\"\r\n [customTemplateRef]=\"filterCustomTemplate\"\r\n\t\t></app-filters-panel>\r\n\t</div>\r\n\r\n\t<div class=\"ndf-reports__content\" (scrolled)=\"onContentScroll($event)\">\r\n\t\t<div class=\"ndf-reports__header flex pt-4 print:hidden\">\r\n\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"togglePanel()\">\r\n\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t<app-editor-button\r\n\t\t\t\t*ngIf=\"jsonEditorEnabled && reportsKey\"\r\n\t\t\t\t[key]=\"reportsKey\"\r\n\t\t\t\t[type]=\"editorType\"\r\n\t\t\t></app-editor-button>\r\n\t\t\t<button mat-stroked-button *ngIf=\"config?.options?.print\" class=\"print-button\" (click)=\"printAll()\">\r\n\t\t\t\t<mat-icon> print</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t\t<mat-spinner *ngIf=\"isLoadingResult\" class=\"mt-5 mx-auto\" [diameter]=\"48\"></mat-spinner>\r\n\r\n\t\t<div class=\"reports-grid\" *ngIf=\"!isLoadingResult\">\r\n\t\t\t<app-ndf-report\r\n\t\t\t\t*ngFor=\"let config of reportConfig.items; trackBy: trackByFn\"\r\n\t\t\t\t[config]=\"config\"\r\n\t\t\t\t[data]=\"reports?.response\"\r\n\t\t\t\t[criteria]=\"filtersParams$ | async\"\r\n\t\t\t\t[direction]=\"direction\"\r\n\t\t\t\t[attr.data-width]=\"config?.layout?.width || 4\"\r\n\t\t\t\t[attr.data-height]=\"config?.layout?.height || 'auto'\"\r\n\t\t\t\t[attr.data-start-column]=\"config?.layout?.columnPosition || 'auto'\"\r\n\t\t\t\t[attr.data-start-row]=\"config?.layout?.rowPosition || 'auto'\"\r\n\t\t\t\t[class.wide]=\"config?.layout?.width >= 6\"\r\n [style]=\"config?.layout?.style\"\r\n\t\t\t\tclass=\"reports-grid__item {{ config?.layout?.styleClass }} \"\r\n\t\t\t\t(onNavigate)=\"onNavigate($event)\"\r\n\t\t\t\t(onOpen)=\"openReportDetails($event, config)\"\r\n\t\t\t></app-ndf-report>\r\n\t\t</div>\r\n\t</div>\r\n\t<div\r\n\t\tclass=\"ndf-reports__details print:hidden\"\r\n\t\t[class.opened]=\"showDetails\"\r\n\t\t[@slideInOut]=\"showDetails ? 'open' : 'closed'\"\r\n\t\t(@slideInOut.done)=\"onDetailsAnimationEnd($event)\"\r\n\t>\r\n\t\t<app-ndf-table\r\n\t\t\t*ngIf=\"reportDetails$ | async as report\"\r\n\t\t\t[config]=\"report.config\"\r\n\t\t\t[activeQuery]=\"activeFiltersQuery$ | async\"\r\n\t\t\t[customCriteria]=\"detailsFiltersParams$ | async\"\r\n\t\t>\r\n\t\t\t<ng-template searchTableTemplate let-toggle=\"togglePanel\">\r\n\t\t\t\t<div class=\"ndf-reports__details__header flex gap-2\" >\r\n\t\t\t\t\t<button mat-stroked-button class=\"toggle-button\" (click)=\"toggle()\">\r\n\t\t\t\t\t\t<mat-icon> filter_alt</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button mat-stroked-button class=\"close-button\" (click)=\"closeDetailsPanel()\">\r\n\t\t\t\t\t\t<mat-icon> close</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t{{ report.label | translate }}\r\n\t\t\t\t</h3>\r\n\t\t\t</ng-template>\r\n\t\t</app-ndf-table>\r\n\t</div>\r\n</div>\r\n\r\n", styles: [":host{--table-dev-height: var(--ndf-reports-table-dev-height, auto);--report-height: var(--ndf-reports-report-height, 430px);--cp-height: var(--report-height);padding-inline:var(--ndf-reports-inline-padding, 0);padding-block:var(--ndf-reports-block-padding, .5rem 0);height:100%;position:relative;display:flex;flex-direction:column;background-color:var(--ndf-reports-background, #fff);box-sizing:border-box;max-width:100%;flex:0 0 100%}:host:before,:host:after{box-sizing:border-box}:host[dir=ltr]{--ndf-reports-panel-translateX: -100%;--ndf-reports-details-translateX: 100%}@media print{:host{--report-height: auto;--cp-print-min-height: 80mm;padding:0}}.ndf-reports *{box-sizing:border-box;min-height:0}.ndf-reports__header{background-color:var(--ndf-reports-background, #fff);flex-direction:var(--ndf-reports-header-direction, row);justify-content:var(--ndf-reports-header-justify, space-between);align-items:var(--ndf-reports-header-items, center);padding-inline:var(--ndf-reports-header-padding-inline, .5rem);padding-block:var(--ndf-reports-header-padding-block, 0 .5rem);position:var(--ndf-reports-header-position, sticky);top:0;z-index:1}.ndf-reports__header__actions{justify-content:var(--ndf-reports-actions-justify, flex-end)}.ndf-reports__header__custom-actions .toggle-button{min-width:0;padding:0 10px}.ndf-reports__container{--panel-width: var(--ndf-reports-panel-width, 18rem);position:relative;overflow:var(--ndf-reports-container-overflow, hidden);display:grid;transition:all .2s;max-width:100%;width:100%;height:var(--ndf-reports-height, calc(var(--ndf-fluid-height) - calc(var(--ndf-reports-block-padding, 1rem) * 2.5)));flex-grow:1;grid-gap:var(--ndf-table-container-gap, .5rem);gap:var(--ndf-table-container-gap, .5rem)}.ndf-reports__container.panel-opened{--ndf-details-margin: var(--panel-width);--ndf-reports-panel-translateX: 0;--ndf-reports-content-pis: var(--panel-width)}@media print{.ndf-reports__container{--ndf-reports-container-overflow: visible;height:100%}}.ndf-reports__panel,.ndf-reports__content .ndf-reports__details{overflow:auto;transition:all .2s}.ndf-reports__panel{position:absolute;width:var(--panel-width);height:100%;transform:translate(var(--ndf-reports-panel-translateX, 100%));padding-inline:var(--ndf-reports-panel-inline-padding, .5rem);padding-block:var(--ndf-reports-panel-block-padding, .5rem);background:var(--ndf-reports-panel-background, #fff);z-index:1}.ndf-reports__content{flex-grow:1;padding-inline-start:var(--ndf-reports-content-pis, 1rem);padding-inline-end:var(--ndf-reports-content-pie, 1rem);padding-block:var(--ndf-reports-content-pb, 0 1rem);overflow-y:var(--ndf-reports-content-overflow-y, auto);position:relative;display:flex;flex-direction:column}@media print{.ndf-reports__content{--ndf-reports-content-overflow-y: visible;width:100%;height:100vh;margin:0;padding:0;page-break-after:avoid}}.ndf-reports__details{position:absolute;inset-inline-end:0;width:calc(100% - var(--ndf-details-margin, 0px));height:100%;transform:translate(var(--ndf-reports-details-translateX, -100%));padding-inline:var(--ndf-reports-details-inline-padding, 0rem);flex-grow:1;padding-block:var(--ndf-reports-details-block-padding, 0rem);background:var(--ndf-reports-details-background, #fff);z-index:1;transition:all .2s}.reports-grid{--grid-columns: 12;--column-width: calc(100% / var(--grid-columns));display:grid;grid-gap:var(--reports-grid-gap, 1.5rem);gap:var(--reports-grid-gap, 1.5rem);grid-template-columns:var(--rg-columns, repeat(var(--grid-columns), 1fr));margin-block:var(--reports-grid-margin-block, 1.25rem 0);padding-inline:var(--reports-grid-padding-inline, .5rem)}.reports-grid__item{display:grid;grid-gap:.3rem;gap:.3rem;min-width:0;text-align:center;vertical-align:middle}.reports-grid__item[data-width=\"1\"]{--col-span: span 1}.reports-grid__item[data-start-column=\"1\"]{--col-start: 1}.reports-grid__item[data-start-row=\"1\"]{--row-start: 1}.reports-grid__item[data-height=\"1\"]{--row-span: 1}.reports-grid__item[data-width=\"2\"]{--col-span: span 2}.reports-grid__item[data-start-column=\"2\"]{--col-start: 2}.reports-grid__item[data-start-row=\"2\"]{--row-start: 2}.reports-grid__item[data-height=\"2\"]{--row-span: 2}.reports-grid__item[data-width=\"3\"]{--col-span: span 3}.reports-grid__item[data-start-column=\"3\"]{--col-start: 3}.reports-grid__item[data-start-row=\"3\"]{--row-start: 3}.reports-grid__item[data-height=\"3\"]{--row-span: 3}.reports-grid__item[data-width=\"4\"]{--col-span: span 4}.reports-grid__item[data-start-column=\"4\"]{--col-start: 4}.reports-grid__item[data-start-row=\"4\"]{--row-start: 4}.reports-grid__item[data-height=\"4\"]{--row-span: 4}.reports-grid__item[data-width=\"5\"]{--col-span: span 5}.reports-grid__item[data-start-column=\"5\"]{--col-start: 5}.reports-grid__item[data-start-row=\"5\"]{--row-start: 5}.reports-grid__item[data-height=\"5\"]{--row-span: 5}.reports-grid__item[data-width=\"6\"]{--col-span: span 6}.reports-grid__item[data-start-column=\"6\"]{--col-start: 6}.reports-grid__item[data-start-row=\"6\"]{--row-start: 6}.reports-grid__item[data-height=\"6\"]{--row-span: 6}.reports-grid__item[data-width=\"7\"]{--col-span: span 7}.reports-grid__item[data-start-column=\"7\"]{--col-start: 7}.reports-grid__item[data-start-row=\"7\"]{--row-start: 7}.reports-grid__item[data-height=\"7\"]{--row-span: 7}.reports-grid__item[data-width=\"8\"]{--col-span: span 8}.reports-grid__item[data-start-column=\"8\"]{--col-start: 8}.reports-grid__item[data-start-row=\"8\"]{--row-start: 8}.reports-grid__item[data-height=\"8\"]{--row-span: 8}.reports-grid__item[data-width=\"9\"]{--col-span: span 9}.reports-grid__item[data-start-column=\"9\"]{--col-start: 9}.reports-grid__item[data-start-row=\"9\"]{--row-start: 9}.reports-grid__item[data-height=\"9\"]{--row-span: 9}.reports-grid__item[data-width=\"10\"]{--col-span: span 10}.reports-grid__item[data-start-column=\"10\"]{--col-start: 10}.reports-grid__item[data-start-row=\"10\"]{--row-start: 10}.reports-grid__item[data-height=\"10\"]{--row-span: 10}.reports-grid__item[data-width=\"11\"]{--col-span: span 11}.reports-grid__item[data-start-column=\"11\"]{--col-start: 11}.reports-grid__item[data-start-row=\"11\"]{--row-start: 11}.reports-grid__item[data-height=\"11\"]{--row-span: 11}.reports-grid__item[data-width=\"12\"]{--col-span: span 12}.reports-grid__item[data-start-column=\"12\"]{--col-start: 12}.reports-grid__item[data-start-row=\"12\"]{--row-start: 12}.reports-grid__item[data-height=\"12\"]{--row-span: 12}@media screen{.reports-grid__item{grid-column:var(--col-start, auto)/var(--col-span, span var(--grid-column, 2));grid-row:var(--row-start, auto)/span var(--row-span, 1);grid-template-rows:subgrid}}@media print{.reports-grid{--reports-grid-gap: 10mm;--reports-grid-margin-top: 0;padding:0;margin:0;--rg-columns: repeat(2, 1fr)}.reports-grid__item{--col-start: auto;--col-span: span 1;border:1px solid #f5f5f5;border-radius:var(--cp-radius, 1rem);page-break-inside:avoid;break-inside:avoid-page}}@media screen and (max-width: 1199px){.reports-grid__item[data-width=\"1\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"2\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"3\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"4\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"5\"]{--col-start: auto;--col-span: span 6}.reports-grid__item[data-width=\"6\"]{--col-start: auto;--col-span: span 6}.reports-grid__item.wide{--col-start: 1;--col-span: -1}}@media screen and (max-width: 767px){.reports-grid__item[data-width]{--col-start: 1;--col-span: -1}}\n"], components: [{ type: FiltersPanelComponent, selector: "app-filters-panel", inputs: ["aggregations", "fields", "activeQuery"], outputs: ["filterChanged"] }, { type: i1__namespace$c.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorButtonComponent, selector: "app-editor-button", inputs: ["type", "key"] }, { type: i6__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: NdfReportComponent, selector: "app-ndf-report", inputs: ["config", "direction", "data", "criteria"], outputs: ["onNavigate", "onOpen"] }, { type: NdfTableComponent, selector: "app-ndf-table", inputs: ["rows", "totalRecords", "autoCalculateHeight", "emptyMessage", "activeQuery", "configPath", "styleClass", "configTransformer", "tableKey", "jsonEditorEnabled", "config", "customCriteria", "searchTerm"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading", "onPage", "onInitialized", "onLoaded", "onQueryChange", "onSort"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FluidHeightDirective, selector: "[ndfFluidHeight]", inputs: ["minHeight", "ndfFluidHeight", "subtractItems", "decrease", "delay", "cssVar", "calculate", "inlineStyle"], exportAs: ["ndfFluidHeight"] }, { type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: ScrollableDivDirective, selector: "[scrolled]", inputs: ["scrollTop"], outputs: ["scrolled"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SearchTableTemplateDirective, selector: "[searchTableTemplate]" }], pipes: { "async": i4__namespace$1.AsyncPipe, "translate": i1__namespace.TranslatePipe }, animations: [slideAnimation] });
|
|
47934
47956
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfReportsComponent, decorators: [{
|
|
47935
47957
|
type: i0.Component,
|
|
47936
47958
|
args: [{
|
|
@@ -47956,6 +47978,9 @@
|
|
|
47956
47978
|
type: i0.Input
|
|
47957
47979
|
}], onQueryChange: [{
|
|
47958
47980
|
type: i0.Output
|
|
47981
|
+
}], filterCustomTemplate: [{
|
|
47982
|
+
type: i0.ContentChild,
|
|
47983
|
+
args: [CUSTOM_TEMPLATE, { read: i0.TemplateRef }]
|
|
47959
47984
|
}] } });
|
|
47960
47985
|
|
|
47961
47986
|
var CONTAINERS = [NdfReportsComponent, NdfReportComponent];
|