@bizdoc/core 1.11.0-next.8 → 1.11.0-next.9

package/fesm2015/bizdoc-core.mjs

@@ -1376,7 +1376,7 @@ class MailboxService {
                     const res = event;
                     if (res.status === 200) {
                         const model = res.body;
-                        observe.next(model);
+                        observe.next(isArray(files) ? model : model[0]);
                     }
                     else
                         observe.error({ status: res.status, error: res.body });
@@ -8264,6 +8264,7 @@ class ComposeFormComponent {
         this.working = true;
         this.workingChange.emit(true);
         let exists;
+        const observables = [];
         files.forEach(f => {
             if (!exists)
                 exists = this.model.attachments.some(a => a.fileName === f.name && !a.deleted && !a.failed);
@@ -8272,22 +8273,21 @@ class ComposeFormComponent {
                 this.model.attachments.splice(retry, 1);
             const model = this._constructAttachment(f);
             this.model.attachments.push(model);
+            const observable = this._mailbox.upload(this.model.id, this.model.formId, this.model.version, f).
+                pipe(tap((r) => {
+                this._sb.toast(!exists ? 'UploadOk' : 'UploadVersionOk', f.name);
+                Object.assign(model, r, { progress: null, });
+                this.working = false;
+                this.workingChange.emit(false);
+            }), catchError(e => {
+                this._handleError(e, 'UploadFailed', f.name);
+                this.working = false;
+                this.workingChange.emit(false);
+                return of(false);
+            }));
+            observables.push(observable);
         });
-        return this._mailbox.upload(this.model.id, this.model.formId, this.model.version, files).
-            pipe(tap((r) => {
-            files.length === 1 ? this._sb.toast(!exists ? 'UploadOk' : 'UploadVersionOk', files[0].name) :
-                this._sb.toast('UploadMany', files.length);
-            r.forEach(i => Object.assign(this.model.attachments.find(a => a.fileName == i.fileName && !a.id), i, { progress: null, }, i));
-            this.working = false;
-            this.workingChange.emit(false);
-        }, e => {
-            if (files.length === 1)
-                this._handleError(e, 'UploadFailed', files[0].name);
-            else
-                this._handleError(e, 'UploadFailed');
-            this.working = false;
-            this.workingChange.emit(false);
-        }));
+        return forkJoin(observables);
     }
     _constructAttachment(file) {
         const now = new Date(), utc = new Date(now.getTime() + now.getTimezoneOffset() * 60000);
@@ -10020,6 +10020,7 @@ class CubePivotComponent {
             target: '.e-icons',
             cssClass: 'e-custom-tooltip',
             position: 'BottomCenter',
+            offsetY: 15,
             enableRtl: this.pivot.enableRtl,
             locale: this.pivot.locale,
         });
@@ -10036,6 +10037,7 @@ class CubePivotComponent {
         }
     }
     ngOnDestroy() {
+        this.tooltip && this.tooltip.destroy();
         this.pivot && this.pivot.destroy();
         this._destroy.next();
         this._destroy.complete();
@@ -10390,7 +10392,8 @@ class CubeSpreadsheetComponent {
                             const header = i === 0 || (this.series && j === 0), isnumber = this.series ? !header : isNumber(c.value);
                             return {
                                 type: isnumber ? 'number' : 'text',
-                                index: j + 1, value: c.value,
+                                index: j + 1,
+                                value: c.value,
                                 style: {
                                     numberFormat,
                                     hAlign: isnumber ? 'right' : 'center',
@@ -14024,7 +14027,7 @@ class TraceViewComponent extends TraceBase {
                 }
                 trace.push(step);
             }
-            this._data = trace.sort((a, b) => a.time > b.time ? 1 : a.time === b.time ? 0 : -1);
+            this._data = trace;
             this._filter();
         });
     }
@@ -14587,10 +14590,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
 const LOADING_DELAY = 200, SUM_PREFIX = '_sum';
 /** cube matrix component*/
 class CubeMatrixComponent {
-    constructor(_sb, _service, _session, _ds) {
+    constructor(_sb, _service, _session, _translate, _ds) {
         this._sb = _sb;
         this._service = _service;
         this._session = _session;
+        this._translate = _translate;
         this._ds = _ds;
         this.PRECISION = this._service.digitsInfo;
         this.LANGUAGE = this._session.language;
@@ -14915,6 +14919,55 @@ class CubeMatrixComponent {
         axes[this.series.name] = series;
         this.onExplore.emit(axes);
     }
+    export() {
+        const numberFormat = this._service.numberFormat, cells = [], rows = [{ index: 1, cells }];
+        this.columns.forEach((c, j) => cells.push({
+            index: j + 2,
+            value: c.value, style: { bold: true }
+        }));
+        let i = 1;
+        this.indices && this.indices.forEach(x => {
+            const data = this._data[x.name];
+            const cells = [{ index: 1, value: x.title, style: { bold: true } }];
+            this.columns.forEach((c, j) => cells.push({
+                index: j + 2,
+                value: data[c.key] !== undefined ? data[c.key] : 0
+            }));
+            rows.push({
+                index: i + 1,
+                cells
+            });
+            i++;
+        });
+        this.rows.forEach(r => {
+            const data = this._data[r.key], cells = [{ index: 1, value: r.value }];
+            this.columns.forEach((c, j) => cells.push({
+                type: 'number',
+                index: j + 1,
+                value: data[c.key] !== undefined ? data[c.key] : 0,
+                style: {
+                    numberFormat,
+                    hAlign: 'right',
+                }
+            }));
+            rows.push({
+                index: i + 2,
+                cells
+            });
+            i++;
+        });
+        const book = new Workbook({
+            worksheets: [
+                {
+                    enableRtl: this._session.inverse,
+                    name: this._translate.get('SheetN', 1),
+                    columns: this.columns.map((_, i) => ({ index: i + 1, width: 150 })),
+                    rows,
+                },
+            ],
+        }, 'xlsx');
+        this._service.nameOf(this.filters, this.cube.name).subscribe(n => book.save(`${n}.xlsx`));
+    }
     move(x, y) {
         let rowIndex = 0;
         for (let b = 0; b < this.tableElement.nativeElement.tBodies.length; b++) {
@@ -14945,12 +14998,12 @@ class CubeMatrixComponent {
         }
     }
 }
-CubeMatrixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CubeMatrixComponent, deps: [{ token: PromptService }, { token: CubeService }, { token: SessionService }, { token: DatasourceService }], target: i0.ɵɵFactoryTarget.Component });
+CubeMatrixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CubeMatrixComponent, deps: [{ token: PromptService }, { token: CubeService }, { token: SessionService }, { token: TranslateService }, { token: DatasourceService }], target: i0.ɵɵFactoryTarget.Component });
 CubeMatrixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: CubeMatrixComponent, selector: "bizdoc-cube-matrix", inputs: { seriesTotalLabel: "seriesTotalLabel", xAxisTotalLabel: "xAxisTotalLabel", _cube: ["cube", "_cube"], _xAxis: ["xAxis", "_xAxis"], _series: ["series", "_series"], _indices: ["indices", "_indices"], scope: "scope", sum: "sum", filters: "filters", loading: "loading", interactive: "interactive" }, outputs: { onExplore: "explore", loadingChange: "loadingChange" }, viewQueries: [{ propertyName: "tableElement", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<table #table class=\"mat-table cube-table\" (mouseleave)=\"move(-1, -1)\" *ngIf=\"data\">\r\n  <thead>\r\n    <!-- headers -->\r\n    <tr class=\"mat-row\">\r\n      <th></th>\r\n      <th *ngFor=\"let column of columns; let x = index\" (mouseenter)=\"move(x + 1, -2)\" class=\"mat-header-cell\">\r\n        {{ column.value }}\r\n      </th>\r\n      <th class=\"mat-header-cell\">{{xAxisTotalLabel}}</th>\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    <!-- indices -->\r\n    <tr class=\"mat-row cube-index\" *ngFor=\"let index of indices; let y = index\">\r\n      <th class=\"mat-header-cell\" (mouseenter)=\"move(0, y)\">{{index.title}}</th>\r\n      <td *ngFor=\"let column of columns; let x = index\" class=\"mat-cell figure\" (mouseenter)=\"move(x + 1, y)\">\r\n        {{ data[index.name][column.key] }}\r\n      </td>\r\n      <th class=\"mat-cell figure\" (mouseenter)=\"move(0, y)\">\r\n        {{ data[index.name]['_total'] }}\r\n      </th>\r\n    </tr>\r\n  </tbody>\r\n  <tbody>\r\n    <!-- rows -->\r\n    <tr *ngFor=\"let row of rows; let y = index\" class=\"mat-row\">\r\n      <th class=\"mat-header-cell\" (mouseenter)=\"move(-2, y + indices.length)\">{{ row.value }}</th>\r\n      <td *ngFor=\"let column of columns; let x = index\" class=\"mat-cell figure\" (mouseenter)=\"move(x + 1, y + indices.length)\">\r\n        <span [class.clickable]=\"interactive && column.explorable !== false && row.explorable !== false\" (click)=\"explore(column, row)\">\r\n          {{ data[row.key][column.key] }}\r\n        </span>\r\n      </td>\r\n      <th class=\"mat-cell figure\" (mouseenter)=\"move(-1, y + indices.length)\">\r\n        <ng-container *ngIf=\"data[row.key]['_total'] !== undefined\">\r\n          {{ data[row.key]['_total'] }}\r\n        </ng-container>\r\n      </th>\r\n    </tr>\r\n  </tbody>\r\n  <tfoot>\r\n    <!-- footer -->\r\n    <tr class=\"mat-row\">\r\n      <th class=\"mat-header-cell\">{{seriesTotalLabel}}</th>\r\n      <td *ngFor=\"let column of columns; let x = index\" class=\"mat-cell figure\" (mouseenter)=\"move(x + 1, -2)\"\r\n          [class.negative-figure]=\"totals[column.key].startsWith('-')\">\r\n        <ng-container *ngIf=\"totals[column.key] !== undefined\">\r\n          {{ totals[column.key] }}\r\n        </ng-container>\r\n      </td>\r\n      <th class=\"mat-cell figure\">{{ totals['_grand'] }}</th>\r\n    </tr>\r\n  </tfoot>\r\n</table>\r\n", styles: [".clickable{cursor:pointer}.cube-table{width:100%;border-collapse:collapse;table-layout:fixed}.cube-table th{cursor:default}.cube-table th.figure{font-weight:500}.cube-table td{padding-right:4px}\n"], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [matrixAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CubeMatrixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-cube-matrix', animations: [matrixAnimation], template: "<table #table class=\"mat-table cube-table\" (mouseleave)=\"move(-1, -1)\" *ngIf=\"data\">\r\n  <thead>\r\n    <!-- headers -->\r\n    <tr class=\"mat-row\">\r\n      <th></th>\r\n      <th *ngFor=\"let column of columns; let x = index\" (mouseenter)=\"move(x + 1, -2)\" class=\"mat-header-cell\">\r\n        {{ column.value }}\r\n      </th>\r\n      <th class=\"mat-header-cell\">{{xAxisTotalLabel}}</th>\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    <!-- indices -->\r\n    <tr class=\"mat-row cube-index\" *ngFor=\"let index of indices; let y = index\">\r\n      <th class=\"mat-header-cell\" (mouseenter)=\"move(0, y)\">{{index.title}}</th>\r\n      <td *ngFor=\"let column of columns; let x = index\" class=\"mat-cell figure\" (mouseenter)=\"move(x + 1, y)\">\r\n        {{ data[index.name][column.key] }}\r\n      </td>\r\n      <th class=\"mat-cell figure\" (mouseenter)=\"move(0, y)\">\r\n        {{ data[index.name]['_total'] }}\r\n      </th>\r\n    </tr>\r\n  </tbody>\r\n  <tbody>\r\n    <!-- rows -->\r\n    <tr *ngFor=\"let row of rows; let y = index\" class=\"mat-row\">\r\n      <th class=\"mat-header-cell\" (mouseenter)=\"move(-2, y + indices.length)\">{{ row.value }}</th>\r\n      <td *ngFor=\"let column of columns; let x = index\" class=\"mat-cell figure\" (mouseenter)=\"move(x + 1, y + indices.length)\">\r\n        <span [class.clickable]=\"interactive && column.explorable !== false && row.explorable !== false\" (click)=\"explore(column, row)\">\r\n          {{ data[row.key][column.key] }}\r\n        </span>\r\n      </td>\r\n      <th class=\"mat-cell figure\" (mouseenter)=\"move(-1, y + indices.length)\">\r\n        <ng-container *ngIf=\"data[row.key]['_total'] !== undefined\">\r\n          {{ data[row.key]['_total'] }}\r\n        </ng-container>\r\n      </th>\r\n    </tr>\r\n  </tbody>\r\n  <tfoot>\r\n    <!-- footer -->\r\n    <tr class=\"mat-row\">\r\n      <th class=\"mat-header-cell\">{{seriesTotalLabel}}</th>\r\n      <td *ngFor=\"let column of columns; let x = index\" class=\"mat-cell figure\" (mouseenter)=\"move(x + 1, -2)\"\r\n          [class.negative-figure]=\"totals[column.key].startsWith('-')\">\r\n        <ng-container *ngIf=\"totals[column.key] !== undefined\">\r\n          {{ totals[column.key] }}\r\n        </ng-container>\r\n      </td>\r\n      <th class=\"mat-cell figure\">{{ totals['_grand'] }}</th>\r\n    </tr>\r\n  </tfoot>\r\n</table>\r\n", styles: [".clickable{cursor:pointer}.cube-table{width:100%;border-collapse:collapse;table-layout:fixed}.cube-table th{cursor:default}.cube-table th.figure{font-weight:500}.cube-table td{padding-right:4px}\n"] }]
-        }], ctorParameters: function () { return [{ type: PromptService }, { type: CubeService }, { type: SessionService }, { type: DatasourceService }]; }, propDecorators: { tableElement: [{
+        }], ctorParameters: function () { return [{ type: PromptService }, { type: CubeService }, { type: SessionService }, { type: TranslateService }, { type: DatasourceService }]; }, propDecorators: { tableElement: [{
                 type: ViewChild,
                 args: ['table']
             }], seriesTotalLabel: [{
@@ -15185,12 +15238,12 @@ class CubeMatrixPaneComponent extends CubeMatrixBase {
     }
 }
 CubeMatrixPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CubeMatrixPaneComponent, deps: [{ token: PaneRef }, { token: PanesRouter }, { token: TranslateService }, { token: CubeService }, { token: DatasourceService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component });
-CubeMatrixPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: CubeMatrixPaneComponent, selector: "ng-component", host: { classAttribute: "pane" }, usesInheritance: true, ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"table.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"options\" *ngIf=\"patterns && patterns.length\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #options xPosition=\"before\">\r\n    <!-- patterns -->\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"aggregate(p)\">{{p.title}}</button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"reset()\" [disabled]=\"!pattern\" [bizdocTooltip]=\"'Clear' | translate\">\r\n    <mat-icon>clear_all</mat-icon>\r\n  </button>\r\n  <!-- filters -->\r\n  <ng-container *ngFor=\"let f of filters\">\r\n    <button mat-button [matMenuTriggerFor]=\"fmenu\">{{values[f.name]| typeValue : f.dataType | async}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n    <mat-menu #fmenu xPosition=\"before\">\r\n      <button mat-menu-item *ngFor=\"let kv of sources[f.name] | async\"\r\n              (click)=\"filter(f.name, kv.key, kv.value)\">\r\n        {{kv.value}}\r\n      </button>\r\n    </mat-menu>\r\n  </ng-container>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<bizdoc-cube-matrix [cube]=\"cube\" [xAxis]=\"xAxis\" [series]=\"series\" [indices]=\"indices\" [sum]=sum\r\n                        [filters]=\"axes\"\r\n                    [xAxisTotalLabel]=\"xAxisTotalLabel\"\r\n                    [seriesTotalLabel]=\"seriesTotalLabel\"\r\n                        (loadingChange)=\"loading = $event\" (explore)='explore($event)'></bizdoc-cube-matrix>\r\n", styles: [":host{min-width:450px}:host ::ng-deep .cube-table thead{position:sticky;top:0}\n"], components: [{ type: i7$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i7$1.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: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: CubeMatrixComponent, selector: "bizdoc-cube-matrix", inputs: ["seriesTotalLabel", "xAxisTotalLabel", "cube", "xAxis", "series", "indices", "scope", "sum", "filters", "loading", "interactive"], outputs: ["explore", "loadingChange"] }], directives: [{ type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: MatIconAnimate, selector: "[matAnimate]" }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": TranslatePipe, "async": i10.AsyncPipe, "typeValue": TypeValuePipe } });
+CubeMatrixPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: CubeMatrixPaneComponent, selector: "ng-component", host: { classAttribute: "pane" }, usesInheritance: true, ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"table.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\"\r\n          data-help=\"download\" (click)=\"matrix.export()\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"options\" *ngIf=\"patterns && patterns.length\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #options xPosition=\"before\">\r\n    <!-- patterns -->\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"aggregate(p)\">{{p.title}}</button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"reset()\" [disabled]=\"!pattern\" [bizdocTooltip]=\"'Clear' | translate\">\r\n    <mat-icon>clear_all</mat-icon>\r\n  </button>\r\n  <!-- filters -->\r\n  <ng-container *ngFor=\"let f of filters\">\r\n    <button mat-button [matMenuTriggerFor]=\"fmenu\">{{values[f.name]| typeValue : f.dataType | async}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n    <mat-menu #fmenu xPosition=\"before\">\r\n      <button mat-menu-item *ngFor=\"let kv of sources[f.name] | async\"\r\n              (click)=\"filter(f.name, kv.key, kv.value)\">\r\n        {{kv.value}}\r\n      </button>\r\n    </mat-menu>\r\n  </ng-container>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<bizdoc-cube-matrix [cube]=\"cube\" [xAxis]=\"xAxis\" [series]=\"series\" [indices]=\"indices\" [sum]=sum\r\n                        [filters]=\"axes\" #matrix\r\n                    [xAxisTotalLabel]=\"xAxisTotalLabel\"\r\n                    [seriesTotalLabel]=\"seriesTotalLabel\"\r\n                        (loadingChange)=\"loading = $event\" (explore)='explore($event)'></bizdoc-cube-matrix>\r\n", styles: [":host{min-width:450px}:host ::ng-deep .cube-table thead{position:sticky;top:0}\n"], components: [{ type: i7$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i7$1.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: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: CubeMatrixComponent, selector: "bizdoc-cube-matrix", inputs: ["seriesTotalLabel", "xAxisTotalLabel", "cube", "xAxis", "series", "indices", "scope", "sum", "filters", "loading", "interactive"], outputs: ["explore", "loadingChange"] }], directives: [{ type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: MatIconAnimate, selector: "[matAnimate]" }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": TranslatePipe, "async": i10.AsyncPipe, "typeValue": TypeValuePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CubeMatrixPaneComponent, decorators: [{
             type: Component,
             args: [{ host: {
                         class: 'pane'
-                    }, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"table.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"options\" *ngIf=\"patterns && patterns.length\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #options xPosition=\"before\">\r\n    <!-- patterns -->\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"aggregate(p)\">{{p.title}}</button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"reset()\" [disabled]=\"!pattern\" [bizdocTooltip]=\"'Clear' | translate\">\r\n    <mat-icon>clear_all</mat-icon>\r\n  </button>\r\n  <!-- filters -->\r\n  <ng-container *ngFor=\"let f of filters\">\r\n    <button mat-button [matMenuTriggerFor]=\"fmenu\">{{values[f.name]| typeValue : f.dataType | async}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n    <mat-menu #fmenu xPosition=\"before\">\r\n      <button mat-menu-item *ngFor=\"let kv of sources[f.name] | async\"\r\n              (click)=\"filter(f.name, kv.key, kv.value)\">\r\n        {{kv.value}}\r\n      </button>\r\n    </mat-menu>\r\n  </ng-container>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<bizdoc-cube-matrix [cube]=\"cube\" [xAxis]=\"xAxis\" [series]=\"series\" [indices]=\"indices\" [sum]=sum\r\n                        [filters]=\"axes\"\r\n                    [xAxisTotalLabel]=\"xAxisTotalLabel\"\r\n                    [seriesTotalLabel]=\"seriesTotalLabel\"\r\n                        (loadingChange)=\"loading = $event\" (explore)='explore($event)'></bizdoc-cube-matrix>\r\n", styles: [":host{min-width:450px}:host ::ng-deep .cube-table thead{position:sticky;top:0}\n"] }]
+                    }, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"table.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\"\r\n          data-help=\"download\" (click)=\"matrix.export()\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"options\" *ngIf=\"patterns && patterns.length\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #options xPosition=\"before\">\r\n    <!-- patterns -->\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"aggregate(p)\">{{p.title}}</button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"reset()\" [disabled]=\"!pattern\" [bizdocTooltip]=\"'Clear' | translate\">\r\n    <mat-icon>clear_all</mat-icon>\r\n  </button>\r\n  <!-- filters -->\r\n  <ng-container *ngFor=\"let f of filters\">\r\n    <button mat-button [matMenuTriggerFor]=\"fmenu\">{{values[f.name]| typeValue : f.dataType | async}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n    <mat-menu #fmenu xPosition=\"before\">\r\n      <button mat-menu-item *ngFor=\"let kv of sources[f.name] | async\"\r\n              (click)=\"filter(f.name, kv.key, kv.value)\">\r\n        {{kv.value}}\r\n      </button>\r\n    </mat-menu>\r\n  </ng-container>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<bizdoc-cube-matrix [cube]=\"cube\" [xAxis]=\"xAxis\" [series]=\"series\" [indices]=\"indices\" [sum]=sum\r\n                        [filters]=\"axes\" #matrix\r\n                    [xAxisTotalLabel]=\"xAxisTotalLabel\"\r\n                    [seriesTotalLabel]=\"seriesTotalLabel\"\r\n                        (loadingChange)=\"loading = $event\" (explore)='explore($event)'></bizdoc-cube-matrix>\r\n", styles: [":host{min-width:450px}:host ::ng-deep .cube-table thead{position:sticky;top:0}\n"] }]
         }], ctorParameters: function () { return [{ type: PaneRef }, { type: PanesRouter }, { type: TranslateService }, { type: CubeService }, { type: DatasourceService }, { type: SessionService }]; } });
 
 const NOTIFICATION_DATA = new InjectionToken('notification');
@@ -26172,11 +26225,11 @@ class FileInput {
     _upload(files) {
         const observables = [];
         for (let file of files) {
-            let observable = this._mailbox.upload(this._model.id, this._model.formId, this._model.version, [file], { isPrivate: true }).
+            let observable = this._mailbox.upload(this._model.id, this._model.formId, this._model.version, file, { isPrivate: true }).
                 pipe(tap$1(e => {
                 //  if (e.progress) {
                 //  }
-            }), map$1(e => e[0]), catchError$1(e => {
+            }), catchError$1(e => {
                 this._handleError(e);
                 return of(false);
             }));