@bizdoc/core 1.9.10 → 1.9.12

package/fesm2020/bizdoc-core.mjs

@@ -5954,12 +5954,9 @@ class BrowseFilterComponent {
             const folder = this._session.profile.folders.find(f => f.name === this.folderId);
             if (folder.filters)
                 this.filters = folder.filters;
-            else if (this._config.folders.axes) {
-                const { axes, cube } = this._config.folders;
-                this.filters = { axes, cube };
-            }
+            return;
         }
-        else if (this._config.folders.axes) {
+        if (this._config.folders && this._config.folders.axes) {
             const { axes, cube } = this._config.folders;
             this.filters = { axes, cube };
         }
@@ -8276,8 +8273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
             }] } });
 
 class FormRef {
-    constructor(_router) {
-        this._router = _router;
+    constructor( /*private _router: RouterImpl*/) {
         this._saving = new Subject();
         this._stateChange = new Subject();
         this._modelChange = new Subject();
@@ -8306,10 +8302,10 @@ class FormRef {
      * @param page
      */
     navigate(page) {
-        this._router.navigate([], {
-            queryParams: { page },
-            state: { paging: true }
-        });
+        //this._router.navigate([], {
+        //  queryParams: { page },
+        //  state: { paging: true }
+        //});
         this._navigating.next(page);
     }
     /** release events */
@@ -8778,7 +8774,7 @@ class ComposeFormComponent {
         if (!this.form.template)
             throw (`Form '${this.form.name}' model missing '[Template()]' attribute.`);
         const factory = this._cf.resolve(this.form.template);
-        this._formRef = new FormRef(this._router);
+        this._formRef = new FormRef();
         this._formRef._navigating.
             subscribe(p => this.page = p);
         this._formRef._stateChange.pipe(startWith()).
@@ -9124,7 +9120,7 @@ class ComposePaneComponent {
             this._pane.icon = form.icon;
             if (this.model.draft) {
                 this.mode = 'compose';
-                //this._pane.expand();
+                //setTimeout(()=>this._pane.expand());
             }
             else
                 this.mode = 'preview';
@@ -9162,6 +9158,9 @@ class ComposePaneComponent {
         });
         this._pane.fullscreenChange.subscribe(f => this.expendable = !f);
     }
+    close() {
+        this._pane.close();
+    }
     edit() {
         this.mode = 'compose';
         this.expendable && this.expand();
@@ -9248,12 +9247,12 @@ class ComposePaneComponent {
     }
 }
 ComposePaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ComposePaneComponent, deps: [{ token: SessionService }, { token: MailboxService }, { token: PaneRef }, { token: PanesRouter }], target: i0.ɵɵFactoryTarget.Component });
-ComposePaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: ComposePaneComponent, selector: "bizdoc-compose.pane", host: { listeners: { "document:drop": "handleDocumentDrop($event)", "drop": "handleDrop($event)", "dragenter": "handleEnter($event)", "dragleave": "handleLeave($event)", "dragover": "handleOver($event)", "document:keydown": "handleKeydown($event)" }, classAttribute: "pane" }, viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "dropableElement", first: true, predicate: ["dropable"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" *ngIf=\"form.page !== undefined\" tabindex=\"1\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.draft\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.actions?.length === 1\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" *ngIf=\"model.actions?.length > 1\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      <ng-container *ngFor=\"let a of form.actions; let i = index\">\r\n        <mat-divider *ngIf=\"i > 0 && form.actions[i - 1].group !== a.group\"></mat-divider>\r\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\r\n      </ng-container>\r\n    </ng-template>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\" *ngIf=\"mode === 'compose'\">\r\n    <mat-icon>save</mat-icon>\r\n  </button>\r\n  <button mat-icon-button data-help=\"tag\" (click)=\"form.tag($event)\" [bizdocTooltip]=\"'Tags' | translate\" [disabled]=\"working\"><mat-icon class=\"filled\">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.document-flag]=\"model.flag\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\" *ngIf=\"mode !== 'compose' && model.pending && !model.completed\"><mat-icon>create</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.copy()\" data-help=\"copy\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"working\"><mat-icon>content_copy</mat-icon></button>\r\n  <button mat-icon-button (click)=\"discard()\" [bizdocTooltip]=\"'Discard' | translate\" *ngIf=\"model.draft && !model.issued\" [disabled]=\"working\"><mat-icon>delete_outlined</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.guide(form.help)\" [bizdocTooltip]=\"'Help' | translate\" *ngIf=\"form.help\" tabindex=\"1\"><mat-icon>help_outline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" *ngIf=\"expendable\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\r\n</mat-toolbar>\r\n<div class=\"file-dropable\" #dropable>\r\n  <bizdoc-form [model]=model #form\r\n               (modelChange)=\"change()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [".nav-toolbar{position:sticky;top:0;z-index:1}.file-dropable.drag{opacity:.5;overflow:hidden;margin:8px;border-style:dashed;border-color:#777;border-width:5px;background-color:#f5f5f5;z-index:2;top:0;left:0;right:0;bottom:0}\n"], components: [{ type: i7$4.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: i7$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "mode", "contacts"], outputs: ["modelChange", "workingChange", "dirtyChange", "validChange"] }], directives: [{ type: i10$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i8$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: i10$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }], pipes: { "translate": TranslatePipe } });
+ComposePaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: ComposePaneComponent, selector: "bizdoc-compose.pane", host: { listeners: { "document:drop": "handleDocumentDrop($event)", "drop": "handleDrop($event)", "dragenter": "handleEnter($event)", "dragleave": "handleLeave($event)", "dragover": "handleOver($event)", "document:keydown": "handleKeydown($event)" }, classAttribute: "pane" }, viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "dropableElement", first: true, predicate: ["dropable"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" *ngIf=\"form.page !== undefined\" tabindex=\"1\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.draft\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.actions?.length === 1\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" *ngIf=\"model.actions?.length > 1\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      <ng-container *ngFor=\"let a of form.actions; let i = index\">\r\n        <mat-divider *ngIf=\"i > 0 && form.actions[i - 1].group !== a.group\"></mat-divider>\r\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\r\n      </ng-container>\r\n    </ng-template>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\" *ngIf=\"mode === 'compose'\">\r\n    <mat-icon>save</mat-icon>\r\n  </button>\r\n  <button mat-icon-button data-help=\"tag\" (click)=\"form.tag($event)\" [bizdocTooltip]=\"'Tags' | translate\" [disabled]=\"working\"><mat-icon class=\"filled\">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.document-flag]=\"model.flag\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\" *ngIf=\"mode !== 'compose' && model.pending && !model.completed\"><mat-icon>create</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" *ngIf=\"expendable\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\r\n  <mat-menu #optionsMenu=\"matMenu\">\r\n    <ng-template matMenuContent>\r\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\r\n        <!--<mat-icon>content_copy</mat-icon>-->\r\n        <span>{{'Copy' | translate}}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"discard()\" *ngIf=\"model.draft && !model.issued\" [disabled]=\"working\">\r\n        <!--<mat-icon>delete_outlined</mat-icon>-->\r\n        <span>{{'Discard' | translate}}</span>\r\n      </button>\r\n      <ng-container *ngIf=\"form.help\">\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\r\n          <!--<mat-icon>help_outline</mat-icon>-->\r\n          <span>{{'Help' | translate}}</span>\r\n        </button>\r\n      </ng-container>\r\n      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<div class=\"file-dropable\" #dropable>\r\n  <bizdoc-form [model]=model #form\r\n               (modelChange)=\"change()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [".nav-toolbar{position:sticky;top:0;z-index:1}.file-dropable.drag{opacity:.5;overflow:hidden;margin:8px;border-style:dashed;border-color:#777;border-width:5px;background-color:#f5f5f5;z-index:2;top:0;left:0;right:0;bottom:0}\n"], components: [{ type: i7$4.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: i7$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "mode", "contacts"], outputs: ["modelChange", "workingChange", "dirtyChange", "validChange"] }], directives: [{ type: i10$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i8$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: i10$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }], pipes: { "translate": TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ComposePaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-compose.pane', host: {
                         class: 'pane'
-                    }, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" *ngIf=\"form.page !== undefined\" tabindex=\"1\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.draft\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.actions?.length === 1\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" *ngIf=\"model.actions?.length > 1\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      <ng-container *ngFor=\"let a of form.actions; let i = index\">\r\n        <mat-divider *ngIf=\"i > 0 && form.actions[i - 1].group !== a.group\"></mat-divider>\r\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\r\n      </ng-container>\r\n    </ng-template>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\" *ngIf=\"mode === 'compose'\">\r\n    <mat-icon>save</mat-icon>\r\n  </button>\r\n  <button mat-icon-button data-help=\"tag\" (click)=\"form.tag($event)\" [bizdocTooltip]=\"'Tags' | translate\" [disabled]=\"working\"><mat-icon class=\"filled\">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.document-flag]=\"model.flag\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\" *ngIf=\"mode !== 'compose' && model.pending && !model.completed\"><mat-icon>create</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.copy()\" data-help=\"copy\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"working\"><mat-icon>content_copy</mat-icon></button>\r\n  <button mat-icon-button (click)=\"discard()\" [bizdocTooltip]=\"'Discard' | translate\" *ngIf=\"model.draft && !model.issued\" [disabled]=\"working\"><mat-icon>delete_outlined</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.guide(form.help)\" [bizdocTooltip]=\"'Help' | translate\" *ngIf=\"form.help\" tabindex=\"1\"><mat-icon>help_outline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" *ngIf=\"expendable\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\r\n</mat-toolbar>\r\n<div class=\"file-dropable\" #dropable>\r\n  <bizdoc-form [model]=model #form\r\n               (modelChange)=\"change()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [".nav-toolbar{position:sticky;top:0;z-index:1}.file-dropable.drag{opacity:.5;overflow:hidden;margin:8px;border-style:dashed;border-color:#777;border-width:5px;background-color:#f5f5f5;z-index:2;top:0;left:0;right:0;bottom:0}\n"] }]
+                    }, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" *ngIf=\"form.page !== undefined\" tabindex=\"1\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.draft\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  <button mat-stroked-button color=\"primary\" *ngIf=\"model.actions?.length === 1\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" *ngIf=\"model.actions?.length > 1\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      <ng-container *ngFor=\"let a of form.actions; let i = index\">\r\n        <mat-divider *ngIf=\"i > 0 && form.actions[i - 1].group !== a.group\"></mat-divider>\r\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\r\n      </ng-container>\r\n    </ng-template>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\" *ngIf=\"mode === 'compose'\">\r\n    <mat-icon>save</mat-icon>\r\n  </button>\r\n  <button mat-icon-button data-help=\"tag\" (click)=\"form.tag($event)\" [bizdocTooltip]=\"'Tags' | translate\" [disabled]=\"working\"><mat-icon class=\"filled\">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.document-flag]=\"model.flag\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\" *ngIf=\"mode !== 'compose' && model.pending && !model.completed\"><mat-icon>create</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" *ngIf=\"expendable\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\r\n  <mat-menu #optionsMenu=\"matMenu\">\r\n    <ng-template matMenuContent>\r\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\r\n        <!--<mat-icon>content_copy</mat-icon>-->\r\n        <span>{{'Copy' | translate}}</span>\r\n      </button>\r\n      <button mat-menu-item (click)=\"discard()\" *ngIf=\"model.draft && !model.issued\" [disabled]=\"working\">\r\n        <!--<mat-icon>delete_outlined</mat-icon>-->\r\n        <span>{{'Discard' | translate}}</span>\r\n      </button>\r\n      <ng-container *ngIf=\"form.help\">\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\r\n          <!--<mat-icon>help_outline</mat-icon>-->\r\n          <span>{{'Help' | translate}}</span>\r\n        </button>\r\n      </ng-container>\r\n      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<div class=\"file-dropable\" #dropable>\r\n  <bizdoc-form [model]=model #form\r\n               (modelChange)=\"change()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [".nav-toolbar{position:sticky;top:0;z-index:1}.file-dropable.drag{opacity:.5;overflow:hidden;margin:8px;border-style:dashed;border-color:#777;border-width:5px;background-color:#f5f5f5;z-index:2;top:0;left:0;right:0;bottom:0}\n"] }]
         }], ctorParameters: function () { return [{ type: SessionService }, { type: MailboxService }, { type: PaneRef }, { type: PanesRouter }]; }, propDecorators: { form: [{
                 type: ViewChild,
                 args: [ComposeFormComponent, { static: true }]
@@ -9521,7 +9520,8 @@ class CubeAccumulationChartComponent {
                     dataLabel: this.dataLabel,
                     explode: true,
                     explodeOffset: '10%',
-                    explodeIndex: 0, innerRadius: this.innerRadius,
+                    explodeIndex: 0,
+                    innerRadius: this.innerRadius,
                     palettes: this.palettes
                 }]
         }, this._elementRef.nativeElement);
@@ -9653,12 +9653,17 @@ class CubeChartComponent {
     set series(value) {
         if (value)
             this._series = isArray(value) ? value : [value];
+        else
+            this._series = null;
     }
     get indices() {
         return this._indices;
     }
     set indices(value) {
-        this._indices = isArray(value) ? value : [value];
+        if (value)
+            this._indices = isArray(value) ? value : [value];
+        else
+            this._indices = null;
     }
     ngOnInit() {
         if (this.chartType === 'Line' || this.chartType === 'Spline')
@@ -9844,9 +9849,20 @@ class CubeGridComponent {
         this._rows = [];
         this._columns = [];
     }
+    set xAxis(val) {
+        this._xAxis = isArray(val) ? val : [val];
+    }
+    set series(val) {
+        if (val)
+            this._series = isArray(val) ? val : [val];
+    }
+    set indices(val) {
+        if (val)
+            this._indices = isArray(val) ? val : [val];
+    }
     ngOnInit() {
-        const cube = this._session.profile.cubes.find(c => c.name === this.cube);
-        const x = cube.axes.find(a => a.name === this.xAxis[0]), y = cube.axes.find(a => a.name === this.series[0]);
+        this._cube = this.cube ? this._session.profile.cubes.find(c => c.name === this.cube) : this._session.profile.cubes[0];
+        const x = this._cube.axes.find(a => a.name === this._xAxis[0]), y = this._cube.axes.find(a => a.name === this._series[0]);
         const promises = [];
         // aquire columns source
         let observe = this._ds.all(x.dataType).
@@ -9896,7 +9912,7 @@ class CubeGridComponent {
     }
     execute() {
         this.loadingChange.emit(true);
-        this._service.series(this.cube, this.xAxis, { series: this.series, filters: this.filters, indices: this.indices }).
+        this._service.series(this._cube.name, this._xAxis, { series: this._series, filters: this.filters, indices: this._indices }).
             subscribe(series => {
             this._prepare.then(() => {
                 const rows = [];
@@ -9967,9 +9983,9 @@ class CubeGridComponent {
         if (data[`_${column}`] === 0)
             return;
         const axes = {};
-        axes[this.xAxis[0]] = column;
+        axes[this._xAxis[0]] = column;
         if (type !== 'Index')
-            axes[this.series[0]] = row;
+            axes[this._series[0]] = row;
         this.explore.emit({ axes, index: type === 'Index' ? row : null });
     }
     customAggregate(_, column) {
@@ -10210,7 +10226,7 @@ class CubePivotComponent {
         // columns
         const columns = xAxis2.concat(series2);
         // query
-        this._service.table(this.cube, columns, { filters: this.filters, indices: this.indices }).subscribe(r => {
+        this._service.table(this._cube.name, columns, { filters: this.filters, indices: this.indices }).subscribe(r => {
             this._presets(xAxis2, series2, r);
             this._draw();
             this.loadingChange.emit(false);
@@ -10372,9 +10388,9 @@ class CubePivotComponent {
         }
     }
     ngOnDestroy() {
+        this.pivot && this.pivot.destroy();
         this._destroy.next();
         this._destroy.complete();
-        this.pivot && this.pivot.destroy();
     }
 }
 CubePivotComponent.nextId = 0;
@@ -10460,7 +10476,7 @@ class CubeSpreadsheetComponent {
             maximumFractionDigits: this._service.fractionDigits,
             minimumFractionDigits: this._service.fractionDigits
         });
-        this._cube = this._session.profile.cubes.find(c => c.name === this.cube);
+        this._cube = this.cube ? this._session.profile.cubes.find(c => c.name === this.cube) : this._session.profile.cubes[0];
         if (!this._series) {
             this._axes = this._xAxis.map(c => this._cube.axes.find(a => a.name == c));
             if (this._indices)
@@ -10512,7 +10528,7 @@ class CubeSpreadsheetComponent {
     execute() {
         this.loadingChange.emit(true);
         if (!this._series)
-            this._service.table(this.cube, this._xAxis, { filters: this.filters, indices: this._indices }).
+            this._service.table(this._cube.name, this._xAxis, { filters: this.filters, indices: this._indices }).
                 subscribe(data => {
                 this._datatable(data);
                 this._draw();
@@ -10570,7 +10586,7 @@ class CubeSpreadsheetComponent {
         const cells = [{ value: '' }];
         this._xcolumns.forEach(c => cells.push({ value: c.value, style }));
         this.dataSource = [{ cells, height: 25 }];
-        this._indices && this._cube.indices.filter(i => this._indices.indexOf(i.name) > 0).
+        this._indices && this._cindices.
             forEach(i => {
             const cells = [{ value: i.title, style }], serie = d.find(s => s.index === i.name), map = {};
             if (serie) {
@@ -10646,8 +10662,10 @@ class CubeSpreadsheetComponent {
                     const key = this.dataSource[i].source['_' + a.name];
                     if (!axes[a.name])
                         axes[a.name] = key;
-                    else if (isString(axes[a.name]))
-                        axes[a.name] = [axes[a.name], key];
+                    else if (isString(axes[a.name])) {
+                        if (axes[a.name] !== key)
+                            axes[a.name] = [axes[a.name], key];
+                    }
                     else if (axes[a.name].indexOf(key) < 0)
                         axes[a.name].push(key);
                 });
@@ -10762,9 +10780,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
 
 /** */
 class CubeViewComponent {
-    constructor(_viewContainer, _factoryResolver) {
+    constructor(_viewContainer, _factoryResolver, _cd) {
         this._viewContainer = _viewContainer;
         this._factoryResolver = _factoryResolver;
+        this._cd = _cd;
         this.axes = {};
         this.explore = new EventEmitter();
         this.loadingChange = new EventEmitter();
@@ -10852,7 +10871,8 @@ class CubeViewComponent {
                         }
                 }
         }
-        this.refresh();
+        //this._cd.detectChanges();
+        setTimeout(() => this._instance.execute());
     }
     _attach(comp) {
         const factory = this._factoryResolver.resolveComponentFactory(comp);
@@ -10870,6 +10890,7 @@ class CubeViewComponent {
         instance.cube = this.cube.name;
         instance.xAxis = this.view.xAxis;
         instance.currencyCode = this.cube.currencyCode;
+        instance.filters = { ...this.view.filters, ...this.axes };
         instance.loadingChange.pipe(takeUntil(this._viewDestroy), debounceTime(150)).subscribe(e => this.loadingChange.emit(this.loading = e));
         return instance;
     }
@@ -10885,7 +10906,7 @@ class CubeViewComponent {
     }
     refresh() {
         this._instance.filters = { ...this.view.filters, ...this.axes };
-        this._instance.ngOnChanges({ 'filters': {} });
+        this._instance.execute();
     }
     exportToExcel() {
         this._instance.exportToExcel(this.view.title);
@@ -10896,7 +10917,7 @@ class CubeViewComponent {
         this._viewDestroy.complete();
     }
 }
-CubeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CubeViewComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+CubeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CubeViewComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 CubeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: CubeViewComponent, selector: "bizdoc-cube-view", inputs: { axes: "axes", cube: "cube", view: "view", loading: "loading" }, outputs: { explore: "explore", loadingChange: "loadingChange" }, host: { listeners: { "window:resize": "resize()" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CubeViewComponent, decorators: [{
             type: Component,
@@ -10911,7 +10932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
                         CubeSpreadsheetComponent
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { axes: [{
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { axes: [{
                 type: Input
             }], explore: [{
                 type: Output
@@ -11060,12 +11081,12 @@ class CubeViewPaneComponent extends ViewBase {
     }
 }
 CubeViewPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CubeViewPaneComponent, deps: [{ token: SessionService }, { token: PaneRef }, { token: Popup }, { token: RouterImpl }, { token: CubeService }, { token: GuideService }], target: i0.ɵɵFactoryTarget.Component });
-CubeViewPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: CubeViewPaneComponent, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" }, classAttribute: "pane" }, viewQueries: [{ propertyName: "viewPane", first: true, predicate: CubeViewComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\" *ngIf=\"view.guide\"><mat-icon>help_outline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"vp.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\"\r\n          data-help=\"download\" (click)=\"vp.exportToExcel()\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"pmenu\" [bizdocTooltip]=\"'Patterns' | translate\" [disabled]=\"!patterns?.length\" data-help=\"pattern\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #pmenu>\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"patternChange(p)\">\r\n      {{p.title}}\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  <button mat-icon-button (click)=\"filterToggle($event)\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<!--<bizdoc-filter-tags [(filters)]=\"axes\" [cube]=\"cube\"></bizdoc-filter-tags>-->\r\n<bizdoc-cube-view [axes]=\"axes\" #vp\r\n                  (explore)=\"explore($event)\"\r\n                  [cube]=\"cube\"\r\n                  [view]=\"view\"\r\n                  [(loading)]=\"loading\"></bizdoc-cube-view>\r\n<!--<ng-lottie options=\"{path: 'assets/8318-loader.json'}\" *ngIf=\"loading\"></ng-lottie>-->\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-width:650px}:host ::ng-deep .cube-view{flex:1 auto}\n"], components: [{ type: i7$4.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: i7$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i11$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: CubeViewComponent, selector: "bizdoc-cube-view", inputs: ["axes", "cube", "view", "loading"], outputs: ["explore", "loadingChange"] }], directives: [{ type: i10$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: MatIconAnimate, selector: "[matAnimate]" }, { type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i10$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": TranslatePipe } });
+CubeViewPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: CubeViewPaneComponent, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" }, classAttribute: "pane" }, viewQueries: [{ propertyName: "viewPane", first: true, predicate: CubeViewComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\" *ngIf=\"view.guide\"><mat-icon>help_outline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"vp.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\"\r\n          data-help=\"download\" (click)=\"vp.exportToExcel()\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"pmenu\" [bizdocTooltip]=\"'Patterns' | translate\" [disabled]=\"!patterns?.length\" data-help=\"pattern\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #pmenu>\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"patternChange(p)\">\r\n      {{p.title}}\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  <button mat-icon-button (click)=\"filterToggle($event)\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<!--<bizdoc-filter-tags [(filters)]=\"axes\" [cube]=\"cube\"></bizdoc-filter-tags>-->\r\n<bizdoc-cube-view [axes]=\"axes\" #vp\r\n                  (explore)=\"explore($event)\"\r\n                  [cube]=\"cube\"\r\n                  [view]=\"view\"\r\n                  [(loading)]=\"loading\"></bizdoc-cube-view>\r\n<!--<ng-lottie options=\"{path: 'assets/8318-loader.json'}\" *ngIf=\"loading\"></ng-lottie>-->\r\n", styles: [":host{display:flex;flex-direction:column;height:100%}:host ::ng-deep .cube-view{flex:1 auto}\n"], components: [{ type: i7$4.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: i7$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i11$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: CubeViewComponent, selector: "bizdoc-cube-view", inputs: ["axes", "cube", "view", "loading"], outputs: ["explore", "loadingChange"] }], directives: [{ type: i10$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: MatIconAnimate, selector: "[matAnimate]" }, { type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i10$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CubeViewPaneComponent, decorators: [{
             type: Component,
             args: [{ host: {
                         class: 'pane'
-                    }, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\" *ngIf=\"view.guide\"><mat-icon>help_outline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"vp.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\"\r\n          data-help=\"download\" (click)=\"vp.exportToExcel()\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"pmenu\" [bizdocTooltip]=\"'Patterns' | translate\" [disabled]=\"!patterns?.length\" data-help=\"pattern\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #pmenu>\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"patternChange(p)\">\r\n      {{p.title}}\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  <button mat-icon-button (click)=\"filterToggle($event)\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<!--<bizdoc-filter-tags [(filters)]=\"axes\" [cube]=\"cube\"></bizdoc-filter-tags>-->\r\n<bizdoc-cube-view [axes]=\"axes\" #vp\r\n                  (explore)=\"explore($event)\"\r\n                  [cube]=\"cube\"\r\n                  [view]=\"view\"\r\n                  [(loading)]=\"loading\"></bizdoc-cube-view>\r\n<!--<ng-lottie options=\"{path: 'assets/8318-loader.json'}\" *ngIf=\"loading\"></ng-lottie>-->\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-width:650px}:host ::ng-deep .cube-view{flex:1 auto}\n"] }]
+                    }, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\" *ngIf=\"view.guide\"><mat-icon>help_outline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"vp.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [bizdocTooltip]=\"'Download' | translate\"\r\n          data-help=\"download\" (click)=\"vp.exportToExcel()\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"pmenu\" [bizdocTooltip]=\"'Patterns' | translate\" [disabled]=\"!patterns?.length\" data-help=\"pattern\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #pmenu>\r\n    <button mat-menu-item *ngFor=\"let p of patterns\" (click)=\"patternChange(p)\">\r\n      {{p.title}}\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  <button mat-icon-button (click)=\"filterToggle($event)\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<!--<bizdoc-filter-tags [(filters)]=\"axes\" [cube]=\"cube\"></bizdoc-filter-tags>-->\r\n<bizdoc-cube-view [axes]=\"axes\" #vp\r\n                  (explore)=\"explore($event)\"\r\n                  [cube]=\"cube\"\r\n                  [view]=\"view\"\r\n                  [(loading)]=\"loading\"></bizdoc-cube-view>\r\n<!--<ng-lottie options=\"{path: 'assets/8318-loader.json'}\" *ngIf=\"loading\"></ng-lottie>-->\r\n", styles: [":host{display:flex;flex-direction:column;height:100%}:host ::ng-deep .cube-view{flex:1 auto}\n"] }]
         }], ctorParameters: function () { return [{ type: SessionService }, { type: PaneRef }, { type: Popup }, { type: RouterImpl }, { type: CubeService }, { type: GuideService }]; }, propDecorators: { viewPane: [{
                 type: ViewChild,
                 args: [CubeViewComponent, { static: true }]
@@ -13339,17 +13360,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
 /** component*/
 class VersionCompareComponent {
     /** ctor */
-    constructor(_session, _cf, _container, _router, _injector) {
+    constructor(_session, _cf, _container, _injector) {
         this._session = _session;
         this._cf = _cf;
         this._container = _container;
-        this._router = _router;
         this._injector = _injector;
     }
     get form() { return this._form; }
     get currentVersion() { return this._currentVersion; }
     get baseVersion() { return this._baseVersion; }
-    ngOnChanges(changes) {
+    ngOnChanges(_) {
         this._form = this._session.profile.forms.find(f => f.name === this.model.formId);
         const log = this.model.log.find(l => l.type === 'ModelChange' && l.time === this.version);
         const idx = this.model.log.indexOf(log);
@@ -13359,7 +13379,7 @@ class VersionCompareComponent {
         const componentFactory = this._cf.resolve(this._form.template);
         const injector = Injector.create([
             { provide: VersionCompareComponent, useValue: this },
-            { provide: FormRef, useValue: new FormRef(this._router) },
+            { provide: FormRef, useValue: new FormRef() },
             { provide: DOCUMENT_MODEL, useValue: this.model }
         ], this._injector);
         this._container.clear();
@@ -13370,7 +13390,7 @@ class VersionCompareComponent {
         instance.onBind(newModel, this._baseVersion);
     }
 }
-VersionCompareComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: VersionCompareComponent, deps: [{ token: SessionService }, { token: BizDocComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: PanesRouter }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+VersionCompareComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: VersionCompareComponent, deps: [{ token: SessionService }, { token: BizDocComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
 VersionCompareComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: VersionCompareComponent, selector: "bizdoc-version-compare", inputs: { model: "model", version: "version" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: VersionCompareComponent, decorators: [{
             type: Component,
@@ -13378,7 +13398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
                     selector: 'bizdoc-version-compare',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: SessionService }, { type: BizDocComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: PanesRouter }, { type: i0.Injector }]; }, propDecorators: { model: [{
+        }], ctorParameters: function () { return [{ type: SessionService }, { type: BizDocComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { model: [{
                 type: Input
             }], version: [{
                 type: Input
@@ -15552,16 +15572,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
         }], ctorParameters: function () { return [{ type: SessionService }, { type: TranslateService }, { type: PaneRef }]; } });
 
 class DocumentInfoComponent {
-    constructor(_session, _cf, _router, _injector) {
+    constructor(_session, _cf, _injector) {
         this._session = _session;
         this._cf = _cf;
-        this._router = _router;
         this._injector = _injector;
     }
-    ngOnChanges(changes) {
+    ngOnChanges(_) {
         const form = this._session.profile.forms.find(f => f.name === this.model.formId);
         this._formRef && this._formRef._destroy();
-        this._formRef = new FormRef(this._router);
+        this._formRef = new FormRef();
         const factory = this._cf.resolve(form.template);
         const injector = Injector.create([{
                 provide: DOCUMENT_MODEL, useValue: this.model
@@ -15577,12 +15596,12 @@ class DocumentInfoComponent {
         this._formRef._destroy();
     }
 }
-DocumentInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DocumentInfoComponent, deps: [{ token: SessionService }, { token: BizDocComponentFactoryResolver }, { token: RouterImpl }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+DocumentInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DocumentInfoComponent, deps: [{ token: SessionService }, { token: BizDocComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
 DocumentInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: DocumentInfoComponent, selector: "bizdoc-document", inputs: { model: "model" }, viewQueries: [{ propertyName: "_container", first: true, predicate: ["component"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"form-header\">\r\n  <bizdoc-people [model]=\"model\"></bizdoc-people>\r\n  <bizdoc-attachments [model]=\"model\" [includeDeleted]=\"false\" [viewedIndicator]=\"true\"></bizdoc-attachments>\r\n</div>\r\n<ng-container #component></ng-container>\r\n", components: [{ type: PeopleComponent, selector: "bizdoc-people", inputs: ["model"] }, { type: AttachmentsComponent, selector: "bizdoc-attachments", inputs: ["model", "viewedIndicator", "includeDeleted"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DocumentInfoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-document', template: "<div class=\"form-header\">\r\n  <bizdoc-people [model]=\"model\"></bizdoc-people>\r\n  <bizdoc-attachments [model]=\"model\" [includeDeleted]=\"false\" [viewedIndicator]=\"true\"></bizdoc-attachments>\r\n</div>\r\n<ng-container #component></ng-container>\r\n" }]
-        }], ctorParameters: function () { return [{ type: SessionService }, { type: BizDocComponentFactoryResolver }, { type: RouterImpl }, { type: i0.Injector }]; }, propDecorators: { _container: [{
+        }], ctorParameters: function () { return [{ type: SessionService }, { type: BizDocComponentFactoryResolver }, { type: i0.Injector }]; }, propDecorators: { _container: [{
                 type: ViewChild,
                 args: ['component', { read: ViewContainerRef, static: true }]
             }], model: [{
@@ -16296,10 +16315,10 @@ class ComposeMenuComponent {
     }
 }
 ComposeMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ComposeMenuComponent, deps: [{ token: SessionService }, { token: MailboxService }, { token: PromptService }, { token: PanesRouter }], target: i0.ɵɵFactoryTarget.Component });
-ComposeMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: { change: "change" }, ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\r\n<div class=\"container\">\r\n  <span class=\"mat-subheader\">BizDoc</span>\r\n  <h1 class=\"mat-display-1\">{{'New'|translate}}</h1>\r\n\r\n  <mat-nav-list>\r\n    <mat-list-item *ngFor=\"let f of forms\" (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\r\n      <mat-icon matListIcon>{{f.icon}}</mat-icon>\r\n      <span matLine>{{f.title}}</span>\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n\r\n  <!--<hr />\r\n\r\n  <form>\r\n    <mat-form-field floatLabel=\"never\" data-help=\"copy\">\r\n      <input matInput type=\"search\" [placeholder]=\"'Copy'|translate\" [formControl]=\"search\" autocomplete=\"off\" />\r\n      <mat-icon class=\"mat-icon-rtl-mirror\" matSuffix aria-disabled=\"true\">search</mat-icon>\r\n    </mat-form-field>\r\n    <ul class=\"mat-body-2\">\r\n      <li *ngFor=\"let i of items | async\" (click)=\"copy(i)\">\r\n        <a>\r\n          {{i.number}}\r\n          <ng-container *ngIf=\"i.subject\">&nbsp;{{i.subject}}</ng-container>\r\n        </a>\r\n      </li>\r\n    </ul>\r\n  </form>-->\r\n</div>\r\n", styles: ["h1{margin:0 16px}form{padding:8px}hr{opacity:.4}\n"], components: [{ type: i11$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i2$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i7$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i10$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i6$1.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "translate": TranslatePipe }, animations: [] });
+ComposeMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: { change: "change" }, ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\r\n<div class=\"container\">\r\n  <span class=\"mat-subheader\">BizDoc</span>\r\n  <h1 class=\"mat-display-1\">{{'New'|translate}}</h1>\r\n\r\n  <mat-nav-list>\r\n    <mat-list-item *ngFor=\"let f of forms\" (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\r\n      <mat-icon matListIcon>{{f.icon}}</mat-icon>\r\n      <span matLine>{{f.title}}</span>\r\n      <!--<mat-spinner radius=\"25\" *ngIf=\"creating===f.name\"></mat-spinner>-->\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n</div>\r\n", styles: ["h1{margin:0 16px}form{padding:8px}hr{opacity:.4}\n"], components: [{ type: i11$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i2$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i7$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i10$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i6$1.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "translate": TranslatePipe }, animations: [] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ComposeMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-new-menu', animations: [], template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\r\n<div class=\"container\">\r\n  <span class=\"mat-subheader\">BizDoc</span>\r\n  <h1 class=\"mat-display-1\">{{'New'|translate}}</h1>\r\n\r\n  <mat-nav-list>\r\n    <mat-list-item *ngFor=\"let f of forms\" (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\r\n      <mat-icon matListIcon>{{f.icon}}</mat-icon>\r\n      <span matLine>{{f.title}}</span>\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n\r\n  <!--<hr />\r\n\r\n  <form>\r\n    <mat-form-field floatLabel=\"never\" data-help=\"copy\">\r\n      <input matInput type=\"search\" [placeholder]=\"'Copy'|translate\" [formControl]=\"search\" autocomplete=\"off\" />\r\n      <mat-icon class=\"mat-icon-rtl-mirror\" matSuffix aria-disabled=\"true\">search</mat-icon>\r\n    </mat-form-field>\r\n    <ul class=\"mat-body-2\">\r\n      <li *ngFor=\"let i of items | async\" (click)=\"copy(i)\">\r\n        <a>\r\n          {{i.number}}\r\n          <ng-container *ngIf=\"i.subject\">&nbsp;{{i.subject}}</ng-container>\r\n        </a>\r\n      </li>\r\n    </ul>\r\n  </form>-->\r\n</div>\r\n", styles: ["h1{margin:0 16px}form{padding:8px}hr{opacity:.4}\n"] }]
+            args: [{ selector: 'bizdoc-new-menu', animations: [], template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\r\n<div class=\"container\">\r\n  <span class=\"mat-subheader\">BizDoc</span>\r\n  <h1 class=\"mat-display-1\">{{'New'|translate}}</h1>\r\n\r\n  <mat-nav-list>\r\n    <mat-list-item *ngFor=\"let f of forms\" (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\r\n      <mat-icon matListIcon>{{f.icon}}</mat-icon>\r\n      <span matLine>{{f.title}}</span>\r\n      <!--<mat-spinner radius=\"25\" *ngIf=\"creating===f.name\"></mat-spinner>-->\r\n    </mat-list-item>\r\n  </mat-nav-list>\r\n</div>\r\n", styles: ["h1{margin:0 16px}form{padding:8px}hr{opacity:.4}\n"] }]
         }], ctorParameters: function () { return [{ type: SessionService }, { type: MailboxService }, { type: PromptService }, { type: PanesRouter }]; }, propDecorators: { change: [{
                 type: Output
             }] } });
@@ -16744,7 +16763,7 @@ class SlotsComponent {
                                 return;
                             }
                             else {
-                                this._navQueryParams(tab, queryParams, state);
+                                this._navQueryParams(tab, queryParams);
                                 this.group = tab.group;
                                 this.selectedTabIndex = i;
                                 this._cd.detectChanges();
@@ -16776,7 +16795,7 @@ class SlotsComponent {
                                 return;
                             }
                             else {
-                                this._navQueryParams(pane, queryParams, state);
+                                this._navQueryParams(pane, queryParams);
                                 this.scrollTo(i);
                                 this._replaceUrl();
                                 return;
@@ -16830,7 +16849,7 @@ class SlotsComponent {
                 else {
                     const pane = (policy & OpenPolicy.Tab) == OpenPolicy.Tab ?
                         this.tabs[this.selectedTabIndex] : this.panes[this.selectedIndex];
-                    this._navQueryParams(pane, queryParams, state);
+                    this._navQueryParams(pane, queryParams);
                     this._replaceUrl();
                     if ((policy & OpenPolicy.Tab) != OpenPolicy.Tab)
                         this.select(this.selectedIndex);
@@ -16957,7 +16976,7 @@ class SlotsComponent {
                 }
                 else {
                     const queryParams = this._parseQueryParams(queryString);
-                    this._navQueryParams(pane, queryParams, state);
+                    this._navQueryParams(pane, queryParams);
                     return;
                 }
             }
@@ -16995,7 +17014,7 @@ class SlotsComponent {
                 }
                 else {
                     const queryParams = this._parseQueryParams(queryString);
-                    this._navQueryParams(tab, queryParams, state);
+                    this._navQueryParams(tab, queryParams);
                     return;
                 }
             }
@@ -17032,11 +17051,9 @@ class SlotsComponent {
      *
      * @param pane
      * @param queryParams
-     * @param data
      */
-    _navQueryParams(pane, queryParams, data) {
+    _navQueryParams(pane, queryParams) {
         pane._queryString = this._queryString(queryParams);
-        pane._data$.next({ ...pane.data, ...data });
         pane._queryParams$.next(queryParams);
         this._router._events$.next(new QueryParamNavigation(queryParams, pane));
     }
@@ -17513,15 +17530,15 @@ class SlotsComponent {
         this.navigationArrows();
         this._resize();
     }
-    navigationArrows(evt) {
-        const container = this._panesContainerRef.element.nativeElement;
-        this.next = this._rtl ? container.clientWidth - container.scrollLeft < container.scrollWidth :
-            container.scrollLeft + container.clientWidth < container.scrollWidth;
-        this.prev = this._rtl ? container.scrollLeft < 0 : container.scrollLeft > 0;
+    navigationArrows(_) {
+        const container = this._panesContainerRef.element.nativeElement, scrollLeft = Math.round(container.scrollLeft);
+        this.next = this._rtl ? container.clientWidth - scrollLeft < container.scrollWidth :
+            scrollLeft + container.clientWidth < container.scrollWidth;
+        this.prev = this._rtl ? scrollLeft < 0 : scrollLeft > 0;
     }
     scrollBy(n) {
-        const { nativeElement } = this._panesContainerRef.element;
-        nativeElement.scrollBy({ behavior: 'smooth', left: n * (this._rtl ? -1 : 1) });
+        const left = n * (this._rtl ? -1 : 1);
+        this._panesContainerRef.element.nativeElement.scrollBy({ behavior: 'smooth', left });
     }
     focus(index) {
         const el = this._children.item(index);
@@ -18099,13 +18116,13 @@ const PANES_CONFIG = [{
                     {
                         path: 'views',
                         component: DocumentViewPaneComponent,
-                        policy: OpenPolicy.Tab | OpenPolicy.Expandable
+                        policy: OpenPolicy.Tab
                     },
                     {
                         path: 'comments',
                         icon: 'format_quote',
                         component: CommentsPaneComponent,
-                        policy: OpenPolicy.Scope | OpenPolicy.Pinnable | OpenPolicy.Tab,
+                        policy: OpenPolicy.Scope | OpenPolicy.Tab,
                         children: [{
                                 path: ':commentId/versions',
                                 icon: 'history',
@@ -18133,7 +18150,7 @@ const PANES_CONFIG = [{
             }, {
                 path: 'd/:id',
                 component: DocumentInfoPaneComponent,
-                policy: OpenPolicy.Tab | OpenPolicy.Expandable,
+                policy: OpenPolicy.Tab,
                 resolve: {
                     item: DocumentResolver
                 },
@@ -18163,7 +18180,7 @@ const PANES_CONFIG = [{
                 path: ':cube/v/:view',
                 icon: 'bar_chart',
                 component: CubeViewPaneComponent,
-                policy: OpenPolicy.Clear | OpenPolicy.Expandable
+                policy: OpenPolicy.Clear
             }, {
                 path: ':cube/explore',
                 icon: 'summarize',
@@ -18172,7 +18189,7 @@ const PANES_CONFIG = [{
                 children: [{
                         path: 'i/:template/:key',
                         component: ExploreItemPaneComponent,
-                        policy: OpenPolicy.Pinnable | OpenPolicy.Tab,
+                        policy: OpenPolicy.Tab,
                         resolve: { item: ItemResolver }
                     }]
             },
@@ -18180,7 +18197,7 @@ const PANES_CONFIG = [{
                 path: ':cube/i/:xAxis/:serie',
                 icon: 'bar_chart',
                 component: CubeMatrixPaneComponent,
-                policy: OpenPolicy.Pinnable | OpenPolicy.Tab | OpenPolicy.Expandable
+                policy: OpenPolicy.Tab
             }]
     }, {
         path: 'reports',
@@ -18232,7 +18249,7 @@ const PANES_CONFIG = [{
         path: 'chatroom/:id',
         icon: 'person',
         component: ConversationPaneComponent,
-        policy: OpenPolicy.Tab | OpenPolicy.Expandable,
+        policy: OpenPolicy.Tab
     }
 ];