@bizdoc/core 1.13.31 → 1.13.34

package/fesm2020/bizdoc-core.mjs

@@ -1017,7 +1017,7 @@ class SessionService {
         _config && _config.maps && this._loadMaps();
     }
     get profile() { return this._profile; }
-    get gender() { return this._profile.byGender || this._profile.gender; }
+    get gender() { return this.profile.byId ? this._profile.byGender : this._profile.gender; }
     get accentPalette() {
         const palette = MATERIAL_PALETTES[this.theme.accent];
         return this._constructpalette(palette);
@@ -1512,7 +1512,7 @@ class MailboxService {
         return this._getGeoLocation(form).pipe(switchMap(params => this._http.put(`/api/mail/${id}?version=${version}&go=true`, model, { params }))).pipe(this._notify());
     }
     send(id, version, form, model, action, actionArgs, read, folderId, received) {
-        return this._getGeoLocation(form).pipe(switchMap(params => this._http.put(`/api/mail/${id}?version=${version}&action=${action}`, model, { params: Object.assign(params, actionArgs) }))).pipe(tap(() => read === false && this._updateunreadcounter(received, folderId, -1)), this._notify());
+        return this._getGeoLocation(form).pipe(switchMap(params => this._http.put(`/api/mail/${id}?version=${version}&action=${action}`, model, { params: { ...params, ...actionArgs } }))).pipe(tap(() => read === false && this._updateunreadcounter(received, folderId, -1)), this._notify());
     }
     events(starting, ending, contains) {
         return this._http.get(`/api/events`, {
@@ -2068,7 +2068,7 @@ const STRINGS = {
         YouSubstituteActionTakenTo: 'Document {0} to {1} by you instead of {2} {3}',
         Substituting: '{0} substituting {1}',
         SubstitutingForYou: '{0} substituting you',
-        YouSubstitute: 'You substituting {0}',
+        YouSubstituting: 'You substituting {0}',
         SubstitutingBy: '{0} by {2} substituting {1}',
         SubstitutingByYou: '{0} by you substituting {1}',
         SubstitutingYou: 'Substituting for you',
@@ -2624,9 +2624,9 @@ const STRINGS = {
         SubstitutingForFemale: 'במקום {0}',
         Substituting: '{0} מחליף את {1}',
         SubstitutingForYou: '{0} מחליף אותך',
-        YouSubstitute: 'את/ה מחליף את {0}',
-        YouSubstituteMale: 'אתה מחליף את {0}',
-        YouSubstituteFemale: 'את מחליפה את {0}',
+        YouSubstituting: 'את/ה מחליף את {0}',
+        YouSubstitutingMale: 'אתה מחליף את {0}',
+        YouSubstitutingFemale: 'את מחליפה את {0}',
         SubstitutingBy: '{0} מחליף את {1} דרך {2}',
         SubstitutingByYou: '{0} מחליף/פה את {1} דרכך}',
         SubstitutingByYouMale: '{0} מחליף את {1} דרכך}',
@@ -7414,10 +7414,8 @@ class ExpandedItemComponent {
                 (e.userId !== this._session.userId) && this._accounts.get(e.userId).subscribe(u => this._sb.toast('MailVersionUpdate', this.model.number, u.name));
             }
         });
-        this._mailbox.changed.pipe(takeUntil(this._destroy)).subscribe(e => {
-            if (e.id === this.model.id)
-                this._refresh();
-        });
+        this._mailbox.changed.pipe(takeUntil(this._destroy)).subscribe(e => (e.id === this.model.id) &&
+            this._refresh());
         this._messaging.commentTyping$.pipe(takeUntil(this._destroy), filter$1(e => e.id === this.model.documentId)).subscribe(c => {
             this.typing = true;
             clearTimeout(this._typingTask);
@@ -7815,7 +7813,7 @@ class BrowseItemsComponent {
         this.refresh();
     }
     _assign(model1, model2) {
-        Object.assign(model1, model2, {
+        Object.assign(model1, { actions: null }, model2, {
             model: Object.deepAssign(model1.model, model1.model)
         });
     }
@@ -7973,11 +7971,11 @@ class BrowseItemsComponent {
                     return;
                 const actions = m[0].actions.slice();
                 for (let i = 1; i < m.length; i++) {
-                    const item = m[i];
+                    let item = m[i];
                     if (!item.actions)
                         return;
                     for (let j = 0; j < actions.length; j++) {
-                        if (item.actions.indexOf(actions[j]) === -1)
+                        if (item.actions.indexOf(actions[j]) < 0)
                             actions.splice(j, 1);
                     }
                 }
@@ -8872,7 +8870,7 @@ class ComposeFormComponent {
         this.validChange.emit(this.valid);
         this.dirty = false;
         this.dirtyChange.emit(this.dirty);
-        this.actions = this.model.actions ? this._session.profile.actions.filter(a => this.model.actions.indexOf(a.name) > -1).
+        this.actions = this.model.actions.length ? this._session.profile.actions.filter(a => this.model.actions.indexOf(a.name) > -1).
             sort(this._sortActions) : [];
     }
     _sortActions(a, b) {
@@ -9058,7 +9056,7 @@ class ComposeFormComponent {
             }
     }
     _assign(model) {
-        Object.assign(this.model, model, {
+        Object.assign(this.model, { actions: null }, model, {
             model: Object.deepAssign(this.model.model, model.model) // preserve object ref
         });
         this.modelChange.emit(this.model);
@@ -9253,12 +9251,12 @@ class ComposePaneComponent {
     }
 }
 ComposePaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ComposePaneComponent, deps: [{ token: SessionService }, { token: MailboxService }, { token: PaneRef }, { token: PanesRouter }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-ComposePaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", 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\">\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\" *ngIf=\"enableAnalysis\" class=\"tool\"><mat-icon>data_usage</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  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</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}\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: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i9.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: i10.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.2.5", 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=\"form.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=\"form.actions.length > 1\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\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\" *ngIf=\"enableAnalysis\" class=\"tool\"><mat-icon>data_usage</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  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</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}\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: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i12$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i9.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: i10.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.2.5", 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\">\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\" *ngIf=\"enableAnalysis\" class=\"tool\"><mat-icon>data_usage</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  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</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}\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=\"form.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=\"form.actions.length > 1\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\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\" *ngIf=\"enableAnalysis\" class=\"tool\"><mat-icon>data_usage</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  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</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}\n"] }]
         }], ctorParameters: function () { return [{ type: SessionService }, { type: MailboxService }, { type: PaneRef }, { type: PanesRouter }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
@@ -13969,15 +13967,18 @@ class FlowViewComponent extends TraceBase {
                 for (r = 0; r < recipients.length; r++) {
                     let recipient = recipients[r];
                     const { annotation, tooltip } = await this._note(node, recipient);
+                    const content = this._tooltip(tooltip);
                     const nod = {
                         id: r === 0 ? node.id : node.id + r.toString(),
                         shape: this._configuration[node.type].shape,
                         zIndex: zIndex++,
                         tooltip: {
-                            content: this._tooltip(tooltip),
+                            content,
                             position: 'TopCenter'
                         },
-                        constraints: Object.keys(tooltip).length ? NodeConstraints.Default : NodeConstraints.Default & ~NodeConstraints.Tooltip,
+                        constraints: content ?
+                            NodeConstraints.Default | NodeConstraints.Tooltip :
+                            NodeConstraints.Default,
                         addInfo: {
                             tooltip,
                             recipient,
@@ -14057,15 +14058,18 @@ class FlowViewComponent extends TraceBase {
             else {
                 const { state, annotation, tooltip } = await this._shape(node);
                 const { shape } = configuration;
+                const content = this._tooltip(tooltip);
                 nodes.push({
                     id: node.id,
                     shape,
                     zIndex: zIndex++,
                     tooltip: {
-                        content: this._tooltip(tooltip),
+                        content,
                         position: 'TopCenter'
                     },
-                    constraints: Object.keys(tooltip).length ? NodeConstraints.Default | NodeConstraints.Tooltip : NodeConstraints.Default,
+                    constraints: content ?
+                        NodeConstraints.Default | NodeConstraints.Tooltip :
+                        NodeConstraints.Default,
                     addInfo: {
                         tooltip,
                         node
@@ -14541,9 +14545,9 @@ class TraceViewComponent extends TraceBase {
                 step.fyi = recipient.fyi;
                 if (recipient.substituteId) {
                     if (recipient.byId) {
-                        if (recipient.byId === this._session.userId && !this._session.isImpersonating) {
+                        if (recipient.byId === this._session.userId) {
                             let who = await profileOf(recipient.userId);
-                            if (recipient.substituteId === this._session.userId && !this._session.isImpersonating)
+                            if (recipient.substituteId === this._session.userId)
                                 step.name = this._translate.get('ByYou', nameOf(who));
                             else {
                                 let substituting = await profileOf(recipient.substituteId);
@@ -14553,9 +14557,7 @@ class TraceViewComponent extends TraceBase {
                                 step.action = await actionBy(action, You, recipient.id);
                         }
                         else {
-                            let by = await profileOf(recipient.byId);
-                            let who = await profileOf(recipient.userId);
-                            let substituting = await profileOf(recipient.substituteId);
+                            let by = await profileOf(recipient.byId), who = await profileOf(recipient.userId), substituting = await profileOf(recipient.substituteId);
                             step.name = this._translate.get('SubstitutingBy', nameOf(who), nameOf(substituting), nameOf(by));
                             if (by.role)
                                 step.role = by.role;
@@ -14563,31 +14565,29 @@ class TraceViewComponent extends TraceBase {
                                 step.action = await actionBy(action, by.gender, recipient.id);
                         }
                     }
+                    else if (recipient.userId === this._session.userId) {
+                        let substituting = await profileOf(recipient.substituteId);
+                        step.name = this._translate.personalize('YouSubstituting', this._session.gender, nameOf(substituting));
+                        if (action)
+                            step.action = await actionBy(action, this._session.gender, recipient.id);
+                    }
+                    else if (recipient.substituteId === this._session.userId) {
+                        let who = await profileOf(recipient.userId);
+                        step.name = this._translate.personalize('SubstitutingForYou', who.gender, nameOf(who));
+                        if (action)
+                            step.action = await actionBy(action, who.gender, recipient.id);
+                    }
                     else {
-                        if (recipient.userId === this._session.userId && !this._session.isImpersonating) {
-                            let substituting = await profileOf(recipient.substituteId);
-                            step.name = this._translate.personalize('YouSubstitute', this._session.profile.byGender, nameOf(substituting));
-                            if (action)
-                                step.action = await actionBy(action, this._session.gender, recipient.id);
-                        }
-                        else if (recipient.substituteId === this._session.userId && !this._session.isImpersonating) {
-                            let who = await profileOf(recipient.userId);
-                            step.name = this._translate.personalize('SubstitutingForYou', who.gender, nameOf(who));
-                            if (action)
-                                step.action = await actionBy(action, who.gender, recipient.id);
-                        }
-                        else {
-                            let who = await profileOf(recipient.userId), substituting = await profileOf(recipient.substituteId);
-                            step.name = this._translate.personalize('Substituting', who.gender, nameOf(who), nameOf(substituting));
-                            if (who.role)
-                                step.role = who.role;
-                            if (action)
-                                step.action = await actionBy(action, who.gender, recipient.id);
-                        }
+                        let who = await profileOf(recipient.userId), substituting = await profileOf(recipient.substituteId);
+                        step.name = this._translate.personalize('Substituting', who.gender, nameOf(who), nameOf(substituting));
+                        if (who.role)
+                            step.role = who.role;
+                        if (action)
+                            step.action = await actionBy(action, who.gender, recipient.id);
                     }
                 }
                 else if (recipient.byId) {
-                    if (recipient.userId === this._session.userId && !this._session.isImpersonating) {
+                    if (recipient.userId === this._session.userId) {
                         let by = await profileOf(recipient.byId);
                         step.name = this._translate.get('YouBy', nameOf(by));
                         if (action)
@@ -14595,7 +14595,7 @@ class TraceViewComponent extends TraceBase {
                     }
                     else {
                         let who = await profileOf(recipient.userId);
-                        if (recipient.byId === this._session.userId && !this._session.isImpersonating) {
+                        if (recipient.byId === this._session.userId) {
                             step.name = this._translate.get('ByYou', nameOf(who));
                             if (action)
                                 step.action = await actionBy(action, You, recipient.id);
@@ -14611,7 +14611,7 @@ class TraceViewComponent extends TraceBase {
                     }
                 }
                 else {
-                    if (recipient.userId === this._session.userId && !this._session.isImpersonating) {
+                    if (recipient.userId === this._session.userId) {
                         step.name = this._translate.get('You');
                         if (action)
                             step.action = await actionBy(action, You, recipient.id);
@@ -14626,36 +14626,28 @@ class TraceViewComponent extends TraceBase {
                     }
                 }
             }
-            else {
-                if (l.userId === this._session.profile.userId) {
-                    if (this._session.isImpersonating) {
-                        if (l.userId === this._session.profile.byId)
-                            step.name = this._translate.get('ByYou', this._session.profile.name);
-                        else
-                            step.name = this._session.profile.name;
-                    }
-                    else
-                        step.name = this._translate.get('You');
-                }
+            else if (l.byId) {
+                let who = await profileOf(l.userId);
+                if (l.byId === this._session.profile.byId)
+                    step.name = this._translate.get('ByYou', nameOf(who));
                 else {
-                    let who = await profileOf(l.userId);
-                    if (who.role)
-                        step.role = who.role;
-                    if (l.byId) {
-                        if (l.byId === this._session.profile.byId)
-                            step.name = this._translate.get('ByYou', nameOf(who));
-                        else {
-                            let by = await profileOf(l.byId);
-                            step.name = this._translate.get('By', nameOf(who), nameOf(by));
-                        }
-                    }
-                    else
-                        step.name = nameOf(who);
+                    let by = await profileOf(l.byId);
+                    step.name = this._translate.get('By', nameOf(who), nameOf(by));
+                    if (by.role)
+                        step.role = by.role;
                 }
             }
+            else if (l.userId === this._session.userId)
+                step.name = this._translate.get('You');
+            else {
+                let who = await profileOf(l.userId);
+                step.name = nameOf(who);
+                if (who.role)
+                    step.role = who.role;
+            }
         }
         for (let recipient of recipients) {
-            if (!recipient.pending && !recipient.estimate && !recipient.fyi)
+            if (!recipient.pending && !recipient.estimate)
                 continue;
             let step = {
                 time: recipient.received,
@@ -14677,39 +14669,22 @@ class TraceViewComponent extends TraceBase {
                             step.durationMin = min,
                                 step.durationMax = max;
                     }
-                    step.fyi = recipient.fyi;
                 }
             }
             if (recipient.substituteId) {
-                let who = await profileOf(recipient.userId);
-                if (recipient.byId) {
-                    if (recipient.byId === this._session.userId) {
-                        if (recipient.substituteId === this._session.userId)
-                            step.name = this._translate.get('ByYou', nameOf(who));
-                        else {
-                            let substituting = await profileOf(recipient.substituteId);
-                            step.name = this._translate.personalize('SubstitutingByYou', who.gender, nameOf(who), nameOf(substituting));
-                        }
-                    }
-                    else {
-                        let substituting = await profileOf(recipient.substituteId);
-                        let by = await profileOf(recipient.byId);
-                        step.name = this._translate.get('SubstitutingBy', nameOf(who), nameOf(substituting), nameOf(by));
-                        if (by.role)
-                            step.role = by.role;
-                    }
+                if (recipient.substituteId === this._session.userId) {
+                    let who = await profileOf(recipient.userId);
+                    step.name = this._translate.personalize('SubstitutingForYou', who.gender, nameOf(who));
+                }
+                else if (recipient.userId === this._session.userId) {
+                    let substituting = await profileOf(recipient.substituteId);
+                    step.name = this._translate.personalize('YouSubstituting', this._session.gender, nameOf(substituting));
                 }
                 else {
-                    if (recipient.substituteId === this._session.userId)
-                        step.name = this._translate.personalize('SubstitutingForYou', who.gender, nameOf(who));
-                    else if (recipient.userId === this._session.userId)
-                        step.name = this._translate.personalize('YouSubstitute', this._session.profile.byGender, nameOf(who));
-                    else {
-                        let substituting = await profileOf(recipient.substituteId);
-                        step.name = this._translate.personalize('Substituting', who.gender, nameOf(who), nameOf(substituting));
-                        if (who.role)
-                            step.role = who.role;
-                    }
+                    let who = await profileOf(recipient.userId), substituting = await profileOf(recipient.substituteId);
+                    step.name = this._translate.personalize('Substituting', who.gender, nameOf(who), nameOf(substituting));
+                    if (who.role)
+                        step.role = who.role;
                 }
             }
             else if (recipient.byId) {
@@ -14783,7 +14758,7 @@ class TraceViewComponent extends TraceBase {
             this._chat.open(userId);
     }
     /**
-     * model version compare, form component in 'compare' view mode
+     * model version compare
      * @param log
      */
     compare(log) {
@@ -26925,7 +26900,10 @@ let MoveToActionComponent = class MoveToActionComponent {
         const me = this._session.userId;
         this.users$ = this.userIds.valueChanges.
             pipe(debounceTime$1(200), takeUntil(this._destroy), switchMap(v => this._accounts.findAll(v, { take: 20 }).
-            pipe(map(r => r.filter(u => u.id !== me)))));
+            pipe(map(r => {
+            const userIds = this.form.controls['userIds'].value || [];
+            return r.filter(u => u.id !== me && userIds.indexOf(u.id) < 0);
+        }))));
     }
     /**
      *