@bizdoc/core 1.8.19 → 1.8.20

package/bundles/bizdoc-core.umd.js

@@ -2244,11 +2244,11 @@
             Average: 'Average',
             Open: 'Open',
             Sound: 'Sound',
-            TaggedInComments: 'Someone tagged me in comments',
+            TaggedInComments: 'Someone mention me in comments',
             TaggedYourselfNotify: 'You tagged yourself on {0} #{1}',
-            TaggedNotify: '{0} tagged you on {1} #{2}',
-            TaggedMaleNotify: '{0} tagged you on {1} #{2}',
-            TaggedFemaleNotify: '{0} tagged you on {1} #{2}',
+            TaggedNotify: '{0} mentioned you on {1} #{2}',
+            TaggedMaleNotify: '{0} mentioned you on {1} #{2}',
+            TaggedFemaleNotify: '{0} mentioned you on {1} #{2}',
             LikedOneNotify: '{0} liked your comment on <a>#{2}</a>',
             DislikedOneNotify: '{0} didn\'t like your comment on <a>#{2}</a>',
             LikedManyNotify: '{0} liked your comment on <a>#{1}</a>',
@@ -13388,7 +13388,7 @@
             }], ctorParameters: function () { return [{ type: HubService }]; } });
 
     var moment$g = require('moment');
-    i11$2.Diagram.Inject(i11$2.ComplexHierarchicalTree, i11$2.BpmnDiagrams, i11$2.DataBinding, i11$2.LayoutAnimation);
+    i11$2.Diagram.Inject(i11$2.ComplexHierarchicalTree, i11$2.BpmnDiagrams, i11$2.DataBinding /*, LayoutAnimation, LineRouting, ConnectorBridging*/);
     var PENDING_PATH = 'M18,22l-0.01-6L14,12l3.99-4.01L18,2H6v6l4,4l-4,3.99V22H18z M8,7.5V4h8v3.5l-4,4L8,7.5z', FYI_PATH = 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z', ESCALATED_PATH = 'M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z', WARNNING_PATH$1 = 'M 13.763735,1.8433735 H 6.3037349 l -5.27,5.27 v 7.4599995 l 5.27,5.27 h 7.4600001 l 5.27,-5.27 V 7.1133735 Z m -3.73,14.2999995 c -0.7200001,0 -1.3000001,-0.58 -1.3000001,-1.3 0,-0.72 0.58,-1.3 1.3000001,-1.3 0.72,0 1.3,0.58 1.3,1.3 0,0.72 -0.58,1.3 -1.3,1.3 z m 1,-4.3 H 9.0337349 V 5.8433735 h 2.0000001 z';
     /** flow-view component*/
     var FlowViewComponent = /** @class */ (function (_super) {
@@ -13451,6 +13451,7 @@
                         case 1:
                             _a = _b.sent(), connectors = _a.connectors, nodes = _a.nodes, indicators = _a.indicators;
                             this.diagram && this.diagram.destroy();
+                            //this.layout.type = 'None';
                             this.diagram = new i11$2.Diagram({
                                 width: '100%',
                                 height: 380,
@@ -13465,6 +13466,7 @@
                                 getConnectorDefaults: this.connDefaults.bind(this),
                                 getNodeDefaults: this.nodeDefaults.bind(this),
                             }, this._elementRef.nativeElement);
+                            //this.layout.type = 'ComplexHierarchicalTree';
                             this.diagram.doLayout();
                             indicators.forEach(function (n, i) {
                                 var parent = _this.diagram.getNodeObject(n.addInfo.parentId);
@@ -14059,6 +14061,34 @@
                     type: i0.Input
                 }] } });
 
+    var ActionPipe = /** @class */ (function () {
+        function ActionPipe(session) {
+            var _this = this;
+            this.map = new Map();
+            session.profile.actions.forEach(function (a) { return _this.map.set(a.name, a); });
+        }
+        ActionPipe.prototype.transform = function (value) {
+            var args = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                args[_i - 1] = arguments[_i];
+            }
+            var action = this.map.get(value);
+            if (action) {
+                if (args.length)
+                    return action[args[0]] || (args[1] !== false ? action.title : null);
+                return action.title;
+            }
+            return "_" + value;
+        };
+        return ActionPipe;
+    }());
+    ActionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ActionPipe, deps: [{ token: SessionService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    ActionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ActionPipe, name: "action" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ActionPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{ name: 'action' }]
+            }], ctorParameters: function () { return [{ type: SessionService }]; } });
+
     var moment$f = require('moment');
     var DurationFormatPipe = /** @class */ (function () {
         function DurationFormatPipe(_translate) {
@@ -14137,98 +14167,110 @@
                 _estimateTime: { get: function () { return _super_1.prototype._estimateTime; } }
             });
             return __awaiter(this, void 0, void 0, function () {
-                var _a, ownerId, ownerById, issued, log, recipients, node, trace, owner, by, owner, _loop_1, this_1, i, _loop_2, this_2, r;
+                var _a, ownerId, ownerById, issued, log, recipients, trace, _loop_1, this_1, i, _loop_2, this_2, r;
                 var _this = this;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
                             _a = this.model, ownerId = _a.ownerId, ownerById = _a.ownerById, issued = _a.issued, log = _a.log, recipients = _a.recipients;
-                            node = {
-                                type: 'Owner',
-                                time: issued
-                            }, trace = [node];
-                            if (!ownerById) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this._userOf(ownerId).toPromise()];
-                        case 1:
-                            owner = _b.sent();
-                            if (!(ownerById === this._session.userId)) return [3 /*break*/, 2];
-                            node.name = this._translate.get('ByYou', this._nameOf(owner));
-                            return [3 /*break*/, 4];
-                        case 2: return [4 /*yield*/, this._userOf(ownerById).toPromise()];
-                        case 3:
-                            by = _b.sent();
-                            node.name = this._translate.get('By', this._nameOf(owner), this._nameOf(by));
-                            if (by.role)
-                                node.role = by.role;
-                            _b.label = 4;
-                        case 4: return [3 /*break*/, 8];
-                        case 5:
-                            if (!(ownerId === this._session.userId)) return [3 /*break*/, 6];
-                            node.name = this._translate.get('You');
-                            return [3 /*break*/, 8];
-                        case 6: return [4 /*yield*/, this._userOf(ownerId).toPromise()];
-                        case 7:
-                            owner = _b.sent();
-                            node.name = this._nameOf(owner);
-                            if (owner.role)
-                                node.role = owner.role;
-                            _b.label = 8;
-                        case 8:
+                            trace = [];
                             _loop_1 = function (i) {
-                                var l, action, step, who, recipient_1, node_1, substituting, by, by;
-                                return __generator(this, function (_c) {
-                                    switch (_c.label) {
+                                var l, action, _c, node, owner, by, owner, step, who, recipient_1, node, substituting, by, by;
+                                return __generator(this, function (_d) {
+                                    switch (_d.label) {
                                         case 0:
                                             l = log[i];
                                             action = void 0;
-                                            switch (l.type) {
-                                                case 'ActionTaken':
-                                                    {
-                                                        action = this_1._session.profile.actions.find(function (a) { return a.name === l.action; });
-                                                        if (action && action.loggable === false)
-                                                            return [2 /*return*/, "continue"];
-                                                        break;
-                                                    }
-                                                case 'ModelChange':
-                                                    break;
-                                                default: return [2 /*return*/, "continue"];
+                                            _c = l.type;
+                                            switch (_c) {
+                                                case 'ActionTaken': return [3 /*break*/, 1];
+                                                case 'ModelChange': return [3 /*break*/, 2];
+                                                case 'Submit': return [3 /*break*/, 3];
                                             }
+                                            return [3 /*break*/, 12];
+                                        case 1:
+                                            {
+                                                action = this_1._session.profile.actions.find(function (a) { return a.name === l.action; });
+                                                if (action && action.loggable === false)
+                                                    return [2 /*return*/, "continue"];
+                                                return [3 /*break*/, 13];
+                                            }
+                                            _d.label = 2;
+                                        case 2: return [3 /*break*/, 13];
+                                        case 3:
+                                            if (l.estimate)
+                                                return [2 /*return*/, "continue"];
+                                            node = {
+                                                type: 'Owner',
+                                                time: l.time
+                                            };
+                                            if (!ownerById) return [3 /*break*/, 8];
+                                            return [4 /*yield*/, this_1._userOf(ownerId).toPromise()];
+                                        case 4:
+                                            owner = _d.sent();
+                                            if (!(ownerById === this_1._session.userId)) return [3 /*break*/, 5];
+                                            node.name = this_1._translate.get('ByYou', this_1._nameOf(owner));
+                                            return [3 /*break*/, 7];
+                                        case 5: return [4 /*yield*/, this_1._userOf(ownerById).toPromise()];
+                                        case 6:
+                                            by = _d.sent();
+                                            node.name = this_1._translate.get('By', this_1._nameOf(owner), this_1._nameOf(by));
+                                            if (by.role)
+                                                node.role = by.role;
+                                            _d.label = 7;
+                                        case 7: return [3 /*break*/, 11];
+                                        case 8:
+                                            if (!(ownerId === this_1._session.userId)) return [3 /*break*/, 9];
+                                            node.name = this_1._translate.get('You');
+                                            return [3 /*break*/, 11];
+                                        case 9: return [4 /*yield*/, this_1._userOf(ownerId).toPromise()];
+                                        case 10:
+                                            owner = _d.sent();
+                                            node.name = this_1._nameOf(owner);
+                                            if (owner.role)
+                                                node.role = owner.role;
+                                            _d.label = 11;
+                                        case 11:
+                                            trace.push(node);
+                                            return [2 /*return*/, "continue"];
+                                        case 12: return [2 /*return*/, "continue"];
+                                        case 13:
                                             step = Object.assign({}, l);
                                             return [4 /*yield*/, this_1._userOf(l.userId).toPromise()];
-                                        case 1:
-                                            who = _c.sent();
-                                            if (!l.recipientId) return [3 /*break*/, 12];
+                                        case 14:
+                                            who = _d.sent();
+                                            if (!l.recipientId) return [3 /*break*/, 25];
                                             recipient_1 = recipients.find(function (r) { return r.id === l.recipientId; });
                                             if (recipient_1.role)
                                                 step.role = this_1._roleName(recipient_1.role);
                                             if (recipient_1.nodeId) {
-                                                node_1 = this_1.model.workflow.nodes.find(function (n) { return n.id === recipient_1.nodeId; });
-                                                step.fyi = node_1 && node_1.fyi;
+                                                node = this_1.model.workflow.nodes.find(function (n) { return n.id === recipient_1.nodeId; });
+                                                step.fyi = node && node.fyi;
                                             }
-                                            if (!recipient_1.substitutingId) return [3 /*break*/, 8];
+                                            if (!recipient_1.substitutingId) return [3 /*break*/, 21];
                                             return [4 /*yield*/, this_1._userOf(recipient_1.substitutingId).toPromise()];
-                                        case 2:
-                                            substituting = _c.sent();
-                                            if (!l.byId) return [3 /*break*/, 6];
-                                            if (!(l.byId === this_1._session.userId)) return [3 /*break*/, 3];
+                                        case 15:
+                                            substituting = _d.sent();
+                                            if (!l.byId) return [3 /*break*/, 19];
+                                            if (!(l.byId === this_1._session.userId)) return [3 /*break*/, 16];
                                             if (recipient_1.substitutingId === this_1._session.userId)
                                                 step.name = this_1._translate.get('ByYou', this_1._nameOf(who));
                                             else
                                                 step.name = this_1._translate.personalize('SubstitutingByYou', who.gender, this_1._nameOf(who), this_1._nameOf(substituting));
                                             if (action)
                                                 step.action = action ? this_1._actionName(action, You) : l.action;
-                                            return [3 /*break*/, 5];
-                                        case 3: return [4 /*yield*/, this_1._userOf(l.byId).toPromise()];
-                                        case 4:
-                                            by = _c.sent();
+                                            return [3 /*break*/, 18];
+                                        case 16: return [4 /*yield*/, this_1._userOf(l.byId).toPromise()];
+                                        case 17:
+                                            by = _d.sent();
                                             step.name = this_1._translate.get('SubstitutingBy', this_1._nameOf(who), this_1._nameOf(substituting), this_1._nameOf(by));
                                             if (by.role)
                                                 step.role = by.role;
                                             if (action)
                                                 step.action = action ? this_1._actionName(action, by) : l.action;
-                                            _c.label = 5;
-                                        case 5: return [3 /*break*/, 7];
-                                        case 6:
+                                            _d.label = 18;
+                                        case 18: return [3 /*break*/, 20];
+                                        case 19:
                                             if (recipient_1.substitutingId === this_1._session.userId)
                                                 step.name = this_1._translate.personalize('SubstitutingForYou', who.gender, this_1._nameOf(who));
                                             else if (l.userId === this_1._session.userId)
@@ -14240,26 +14282,26 @@
                                             }
                                             if (action)
                                                 step.action = action ? this_1._actionName(action, who) : l.action;
-                                            _c.label = 7;
-                                        case 7: return [3 /*break*/, 11];
-                                        case 8:
-                                            if (!l.byId) return [3 /*break*/, 11];
-                                            if (!(l.byId === this_1._session.userId)) return [3 /*break*/, 9];
+                                            _d.label = 20;
+                                        case 20: return [3 /*break*/, 24];
+                                        case 21:
+                                            if (!l.byId) return [3 /*break*/, 24];
+                                            if (!(l.byId === this_1._session.userId)) return [3 /*break*/, 22];
                                             step.name = this_1._translate.get('ByYou', this_1._nameOf(who));
                                             if (action)
                                                 step.action = action ? this_1._actionName(action, You) : l.action;
-                                            return [3 /*break*/, 11];
-                                        case 9: return [4 /*yield*/, this_1._userOf(l.byId).toPromise()];
-                                        case 10:
-                                            by = _c.sent();
+                                            return [3 /*break*/, 24];
+                                        case 22: return [4 /*yield*/, this_1._userOf(l.byId).toPromise()];
+                                        case 23:
+                                            by = _d.sent();
                                             step.name = this_1._translate.get('By', this_1._nameOf(who), this_1._nameOf(by));
                                             if (by.role)
                                                 step.role = by.role;
                                             if (action)
                                                 step.action = action ? this_1._actionName(action, by) : l.action;
-                                            _c.label = 11;
-                                        case 11: return [3 /*break*/, 13];
-                                        case 12:
+                                            _d.label = 24;
+                                        case 24: return [3 /*break*/, 26];
+                                        case 25:
                                             if (l.userId === this_1._session.userId)
                                                 step.name = this_1._translate.get('You');
                                             else {
@@ -14269,8 +14311,8 @@
                                             }
                                             if (action)
                                                 step.action = action ? this_1._actionName(action, who) : l.action;
-                                            _c.label = 13;
-                                        case 13:
+                                            _d.label = 26;
+                                        case 26:
                                             trace.push(step);
                                             return [2 /*return*/];
                                     }
@@ -14278,41 +14320,41 @@
                             };
                             this_1 = this;
                             i = 0;
-                            _b.label = 9;
-                        case 9:
-                            if (!(i < log.length)) return [3 /*break*/, 12];
+                            _b.label = 1;
+                        case 1:
+                            if (!(i < log.length)) return [3 /*break*/, 4];
                             return [5 /*yield**/, _loop_1(i)];
-                        case 10:
+                        case 2:
                             _b.sent();
-                            _b.label = 11;
-                        case 11:
+                            _b.label = 3;
+                        case 3:
                             i++;
-                            return [3 /*break*/, 9];
-                        case 12:
+                            return [3 /*break*/, 1];
+                        case 4:
                             _loop_2 = function () {
-                                var recipient, step, node_2, _d, min, max, who, substituting, substituting, by, substituting, by, escalations, escalate, j, who_1;
-                                return __generator(this, function (_e) {
-                                    switch (_e.label) {
+                                var recipient, step, node, _e, min, max, who, substituting, substituting, by, substituting, by, escalations, escalate, j, who_1;
+                                return __generator(this, function (_f) {
+                                    switch (_f.label) {
                                         case 0:
                                             recipient = recipients[r];
                                             if (!recipient.pending && !recipient.estimate)
                                                 return [2 /*return*/, "continue"];
                                             step = Object.assign(Object.assign({}, recipient), { type: recipient.estimate ? 'Estimate' : 'Pending', time: recipient.received, duration: recipient.pending ? moment$e().diff(recipient.received, 's') : null, role: recipient.role ? this_2._roleName(recipient.role) : null });
                                             if (recipient.nodeId) {
-                                                node_2 = this_2.model.workflow.nodes.find(function (n) { return n.id === recipient.nodeId; });
-                                                if (node_2) {
+                                                node = this_2.model.workflow.nodes.find(function (n) { return n.id === recipient.nodeId; });
+                                                if (node) {
                                                     if (recipient.estimate) {
-                                                        _d = _super._estimateTime.call(this_2, node_2), min = _d.min, max = _d.max;
+                                                        _e = _super._estimateTime.call(this_2, node), min = _e.min, max = _e.max;
                                                         if (max)
                                                             step.durationMin = min,
                                                                 step.durationMax = max;
                                                     }
-                                                    step.fyi = node_2.fyi;
+                                                    step.fyi = node.fyi;
                                                 }
                                             }
                                             return [4 /*yield*/, this_2._userOf(recipient.userId).toPromise()];
                                         case 1:
-                                            who = _e.sent();
+                                            who = _f.sent();
                                             if (!recipient.substitutingId) return [3 /*break*/, 14];
                                             if (!recipient.byId) return [3 /*break*/, 9];
                                             if (!(recipient.byId === this_2._session.userId)) return [3 /*break*/, 5];
@@ -14321,20 +14363,20 @@
                                             return [3 /*break*/, 4];
                                         case 2: return [4 /*yield*/, this_2._userOf(recipient.substitutingId).toPromise()];
                                         case 3:
-                                            substituting = _e.sent();
+                                            substituting = _f.sent();
                                             step.name = this_2._translate.personalize('SubstitutingByYou', who.gender, this_2._nameOf(who), this_2._nameOf(substituting));
-                                            _e.label = 4;
+                                            _f.label = 4;
                                         case 4: return [3 /*break*/, 8];
                                         case 5: return [4 /*yield*/, this_2._userOf(recipient.substitutingId).toPromise()];
                                         case 6:
-                                            substituting = _e.sent();
+                                            substituting = _f.sent();
                                             return [4 /*yield*/, this_2._userOf(recipient.byId).toPromise()];
                                         case 7:
-                                            by = _e.sent();
+                                            by = _f.sent();
                                             step.name = this_2._translate.get('SubstitutingBy', this_2._nameOf(who), this_2._nameOf(substituting), this_2._nameOf(by));
                                             if (by.role)
                                                 step.role = by.role;
-                                            _e.label = 8;
+                                            _f.label = 8;
                                         case 8: return [3 /*break*/, 13];
                                         case 9:
                                             if (!(recipient.substitutingId === this_2._session.userId)) return [3 /*break*/, 10];
@@ -14346,11 +14388,11 @@
                                             return [3 /*break*/, 13];
                                         case 11: return [4 /*yield*/, this_2._userOf(recipient.substitutingId).toPromise()];
                                         case 12:
-                                            substituting = _e.sent();
+                                            substituting = _f.sent();
                                             step.name = this_2._translate.personalize('Substituting', who.gender, this_2._nameOf(who), this_2._nameOf(substituting));
                                             if (who.role)
                                                 step.role = who.role;
-                                            _e.label = 13;
+                                            _f.label = 13;
                                         case 13: return [3 /*break*/, 24];
                                         case 14:
                                             if (!recipient.byId) return [3 /*break*/, 18];
@@ -14359,25 +14401,25 @@
                                             return [3 /*break*/, 17];
                                         case 15: return [4 /*yield*/, this_2._userOf(recipient.byId).toPromise()];
                                         case 16:
-                                            by = _e.sent();
+                                            by = _f.sent();
                                             step.name = this_2._translate.get('By', this_2._nameOf(who), this_2._nameOf(by));
                                             if (by.role)
                                                 step.role = by.role;
-                                            _e.label = 17;
+                                            _f.label = 17;
                                         case 17: return [3 /*break*/, 24];
                                         case 18:
                                             escalations = this_2.model.log.filter(function (l) { return l.time > _this.model.issued && l.type === 'Escalation' && l.recipientId === recipient.id; });
                                             if (!escalations.length) return [3 /*break*/, 23];
                                             escalate = [];
                                             j = 0;
-                                            _e.label = 19;
+                                            _f.label = 19;
                                         case 19:
                                             if (!(j < escalations.length)) return [3 /*break*/, 22];
                                             return [4 /*yield*/, this_2._userOf(escalations[j].userId)];
                                         case 20:
-                                            who_1 = _e.sent();
+                                            who_1 = _f.sent();
                                             escalate.push(who_1);
-                                            _e.label = 21;
+                                            _f.label = 21;
                                         case 21:
                                             j++;
                                             return [3 /*break*/, 19];
@@ -14395,7 +14437,7 @@
                                                 if (who.role)
                                                     step.role = who.role;
                                             }
-                                            _e.label = 24;
+                                            _f.label = 24;
                                         case 24:
                                             trace.push(step);
                                             return [2 /*return*/];
@@ -14404,18 +14446,18 @@
                             };
                             this_2 = this;
                             r = 0;
-                            _b.label = 13;
-                        case 13:
-                            if (!(r < recipients.length)) return [3 /*break*/, 16];
+                            _b.label = 5;
+                        case 5:
+                            if (!(r < recipients.length)) return [3 /*break*/, 8];
                             return [5 /*yield**/, _loop_2()];
-                        case 14:
+                        case 6:
                             _b.sent();
-                            _b.label = 15;
-                        case 15:
+                            _b.label = 7;
+                        case 7:
                             r++;
-                            return [3 /*break*/, 13];
-                        case 16:
-                            this.data = trace.sort(function (a, b) { return a.time > b.time ? -1 : a.time === b.time ? 0 : 1; });
+                            return [3 /*break*/, 5];
+                        case 8:
+                            this.data = trace.sort(function (a, b) { return a.time > b.time ? 1 : a.time === b.time ? 0 : -1; });
                             return [2 /*return*/];
                     }
                 });
@@ -14479,7 +14521,7 @@
         return TraceViewComponent;
     }(TraceBase));
     TraceViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: TraceViewComponent, deps: [{ token: SessionService }, { token: TranslateService }, { token: AccountService }, { token: ChatInfo }, { token: HubService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TraceViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: TraceViewComponent, selector: "bizdoc-trace", inputs: { model: "model" }, outputs: { versionSelected: "versionSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<table class=\"mat-table\">\r\n  <thead role=\"rowgroup\">\r\n    <tr class=\"mat-header-row\">\r\n      <th class=\"mat-header-cell\"></th>\r\n      <th class=\"mat-header-cell\"></th>\r\n      <th class=\"mat-header-cell\"></th>\r\n      <th class=\"mat-header-cell\"></th>\r\n    </tr>\r\n  </thead>\r\n  <tbody role=\"rowgroup\">\r\n    <tr class=\"mat-row\" *ngFor=\"let l of data\">\r\n      <td class=\"mat-cell\">\r\n        <span [innerHTML]=\"l.name | sanitizeHtml\" (click)=\"chat($event)\"></span>\r\n        <span *ngIf=l.role>{{'JoinComma'|translate}}{{l.role}}</span>\r\n      </td>\r\n      <td class=\"mat-cell\">\r\n        <ng-container [ngSwitch]=\"l.type\">\r\n          <span *ngSwitchCase=\"'ActionTaken'\">{{ l.action }}</span>\r\n          <span *ngSwitchCase=\"'Owner'\">{{'Owner' | translate}}</span>\r\n          <span *ngSwitchCase=\"'Pending'\">{{'IsPending' | translate}}</span>\r\n          <span *ngSwitchCase=\"'Estimate'\">{{'Estimate' | translate}}</span>\r\n          <span *ngSwitchCase=\"'ModelChange'\">{{'Changed' | translate}}</span>\r\n        </ng-container>\r\n        <span *ngIf=\"l.fyi\">&nbsp;{{'FYI'|translate}}</span>\r\n      </td>\r\n      <td class=\"mat-cell\" [ngSwitch]=\"l.estimate\">\r\n        <ng-container *ngSwitchCase=\"true\">\r\n          <span *ngIf=\"l.durationMax && l.durationMax === l.durationMin\" [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTime'| translate : (l.durationMax | amDuration:'s')}}</span>\r\n          <span *ngIf=\"l.durationMax && l.durationMax !== l.durationMin\"\r\n                [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTimeRange'| translate : (l.durationMin | amDuration:'s') : (l.durationMax | amDuration:'s')}}</span>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <span>{{l.time | amCalendar : null : CALENDAR_SPEC }}</span>\r\n          <span *ngIf=\"l.duration\" [bizdocTooltip]=\"l.duration|amDurationFormat\">&nbsp;({{l.duration | amDuration:'s'}})</span>\r\n        </ng-container>\r\n      </td>\r\n      <td class=\"mat-cell\">\r\n        <span *ngIf=\"l.note\">{{l.note}}</span>\r\n        <button mat-icon-button *ngIf=\"l.model\" (click)=\"compare(l)\" [bizdocTooltip]=\"'Compare'|translate\" bizdocTooltipPosition=\"start\"><mat-icon>more_horiz</mat-icon></button>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n", styles: [":host{width:100%}table{width:100%;background:transparent}td{padding:0 4px}:host ::ng-deep .mat-icon{vertical-align:sub}\n"], components: [{ type: i7__namespace$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__namespace$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i10__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i10__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "sanitizeHtml": SanitizeHtmlPipe, "translate": TranslatePipe, "amDurationFormat": DurationFormatPipe, "amDuration": i14__namespace.DurationPipe, "amCalendar": i14__namespace.CalendarPipe } });
+    TraceViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: TraceViewComponent, selector: "bizdoc-trace", inputs: { model: "model" }, outputs: { versionSelected: "versionSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<table class=\"mat-table\">\r\n  <thead role=\"rowgroup\">\r\n    <tr class=\"mat-header-row\">\r\n      <th class=\"mat-header-cell\"></th>\r\n      <th class=\"mat-header-cell\"></th>\r\n      <th class=\"mat-header-cell\"></th>\r\n      <th class=\"mat-header-cell\"></th>\r\n    </tr>\r\n  </thead>\r\n  <tbody role=\"rowgroup\">\r\n    <tr class=\"mat-row\" *ngFor=\"let l of data\">\r\n      <td class=\"mat-cell\">\r\n        <span [innerHTML]=\"l.name | sanitizeHtml\" (click)=\"chat($event)\"></span>\r\n        <span *ngIf=l.role>{{'JoinComma'|translate}}{{l.role}}</span>\r\n      </td>\r\n      <td class=\"mat-cell\">\r\n        <ng-container [ngSwitch]=\"l.type\">\r\n          <span *ngSwitchCase=\"'ActionTaken'\">{{ l.action | action : 'past' }}</span>\r\n          <span *ngSwitchCase=\"'Owner'\">{{'Issued' | translate}}</span>\r\n          <span *ngSwitchCase=\"'Pending'\">{{'IsPending' | translate}}</span>\r\n          <span *ngSwitchCase=\"'Estimate'\">{{'Estimate' | translate}}</span>\r\n          <span *ngSwitchCase=\"'ModelChange'\">{{'Changed' | translate}}</span>\r\n        </ng-container>\r\n        <span *ngIf=\"l.fyi\">&nbsp;{{'FYI'|translate}}</span>\r\n      </td>\r\n      <td class=\"mat-cell\" [ngSwitch]=\"l.estimate\">\r\n        <ng-container *ngSwitchCase=\"true\">\r\n          <span *ngIf=\"l.durationMax && l.durationMax === l.durationMin\" [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTime'| translate : (l.durationMax | amDuration:'s')}}</span>\r\n          <span *ngIf=\"l.durationMax && l.durationMax !== l.durationMin\"\r\n                [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTimeRange'| translate : (l.durationMin | amDuration:'s') : (l.durationMax | amDuration:'s')}}</span>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n          <span>{{l.time | amCalendar : null : CALENDAR_SPEC }}</span>\r\n          <span *ngIf=\"l.duration\" [bizdocTooltip]=\"l.duration|amDurationFormat\">&nbsp;({{l.duration | amDuration:'s'}})</span>\r\n        </ng-container>\r\n      </td>\r\n      <td class=\"mat-cell\">\r\n        <span *ngIf=\"l.note\">{{l.note}}</span>\r\n        <button mat-icon-button *ngIf=\"l.model\" (click)=\"compare(l)\" [bizdocTooltip]=\"'Compare'|translate\" bizdocTooltipPosition=\"start\"><mat-icon>more_horiz</mat-icon></button>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n", styles: [":host{width:100%}table{width:100%;background:transparent}td{padding:0 4px}:host ::ng-deep .mat-icon{vertical-align:sub}\n"], components: [{ type: i7__namespace$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__namespace$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i10__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i10__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "sanitizeHtml": SanitizeHtmlPipe, "translate": TranslatePipe, "action": ActionPipe, "amDurationFormat": DurationFormatPipe, "amDuration": i14__namespace.DurationPipe, "amCalendar": i14__namespace.CalendarPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: TraceViewComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -14502,6 +14544,10 @@
         TracePaneComponent.prototype.ngOnInit = function () {
             var _this = this;
             this._pane.dataChange.subscribe(function (d) {
+                if (_this.model == d['item']) {
+                    _this.trace.refresh();
+                    _this.flow.refresh();
+                }
                 _this.model = d['item'];
                 _this._pane.group = "#" + _this.model.number;
             });
@@ -19231,6 +19277,7 @@
                         case 1:
                             _a.sent();
                             this._discardPane(pane);
+                            this.collapse();
                             if (position >= this.selectedIndex)
                                 this.select(-1);
                             this._replaceUrl();
@@ -21892,12 +21939,21 @@
             this.dataSource = new i5$1.MatTableDataSource(data);
             this.loading = false;
         };
+        RecentsWidget.prototype._navigate = function (item, extra) {
+            var _this = this;
+            this.loading = true;
+            this._service.get(item.id).
+                subscribe(function (i) {
+                _this.loading = false;
+                _this._router.navigate(['mailbox/i', item.id.encodeId()], Object.assign(Object.assign({}, extra), { state: { item: i } }));
+            }, function () { return _this.loading = false; });
+        };
         RecentsWidget.prototype.open = function (item) {
-            this._router.navigate(['mailbox/i', item.id.encodeId()], { policy: exports.OpenPolicy.Clear });
+            this._navigate(item, { policy: exports.OpenPolicy.Clear });
         };
         RecentsWidget.prototype.view = function (item, evt) {
+            this._navigate(item, { policy: exports.OpenPolicy.Tab });
             evt.stopPropagation();
-            this._router.navigate(['mailbox/i', item.id.encodeId(), 'views'], { policy: exports.OpenPolicy.Tab });
         };
         RecentsWidget.prototype.ngOnDestroy = function () {
             this._destroy.next();
@@ -21906,7 +21962,7 @@
         return RecentsWidget;
     }());
     exports.RecentsWidget.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: exports.RecentsWidget, deps: [{ token: RouterImpl }, { token: MailboxService }, { token: WidgetRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    exports.RecentsWidget.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: exports.RecentsWidget, selector: "ng-component", host: { properties: { "style.height": "this.height" } }, ngImport: i0__namespace, template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> <a (click)=\"open(item)\">#{{item.number}}</a> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\" class=\"text\"> {{item.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> {{item.stateId | state }} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"option\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let item\">\r\n      <button mat-icon-button (click)=\"view(item, $event)\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\" matAnimate=\"rotate\"><mat-icon>data_usage</mat-icon></button>\r\n      <button mat-icon-button (click)=\"open(item)\" [bizdocTooltip]=\"'Open' | translate\" [attr.aria-label]=\"'Open' | translate\" class=\"tool\"><mat-icon>more_horiz</mat-icon></button>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", ":host ::ng-deep tr .tool{opacity:.1}:host ::ng-deep tr:hover .tool{opacity:1}\n"], components: [{ type: i5__namespace$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i7__namespace$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__namespace$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5__namespace$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i5__namespace$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i5__namespace$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i5__namespace$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i5__namespace$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i5__namespace$1.MatCellDef, selector: "[matCellDef]" }, { type: i5__namespace$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: MatIconAnimate, selector: "[matAnimate]" }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i5__namespace$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i5__namespace$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "translate": TranslatePipe, "state": StatePipe }, animations: [
+    exports.RecentsWidget.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: exports.RecentsWidget, selector: "ng-component", host: { properties: { "style.height": "this.height" } }, ngImport: i0__namespace, template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> <a (click)=\"open(item)\">#{{item.number}}</a> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\" class=\"text\"> {{item.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> {{item.stateId | state }} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"option\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let item\">\r\n      <button mat-icon-button (click)=\"view(item, $event)\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\" matAnimate=\"rotate\"><mat-icon>data_usage</mat-icon></button>\r\n      <button mat-icon-button (click)=\"open(item)\" [bizdocTooltip]=\"'Open' | translate\" [attr.aria-label]=\"'Open' | translate\" class=\"tool\"><mat-icon>more_horiz</mat-icon></button>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", ":host ::ng-deep tr .tool{opacity:.1}:host ::ng-deep tr:hover .tool{opacity:1}\n"], components: [{ type: i11__namespace$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i5__namespace$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i7__namespace$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__namespace$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5__namespace$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i5__namespace$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i5__namespace$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i5__namespace$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i5__namespace$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i5__namespace$1.MatCellDef, selector: "[matCellDef]" }, { type: i5__namespace$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: MatIconAnimate, selector: "[matAnimate]" }, { type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i5__namespace$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i5__namespace$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "translate": TranslatePipe, "state": StatePipe }, animations: [
             listAnimation,
             itemAnimation
         ] });
@@ -23549,34 +23605,6 @@
                     args: [ej2AngularPivotview.PivotViewComponent]
                 }] } });
 
-    var ActionPipe = /** @class */ (function () {
-        function ActionPipe(session) {
-            var _this = this;
-            this.map = new Map();
-            session.profile.actions.forEach(function (a) { return _this.map.set(a.name, a); });
-        }
-        ActionPipe.prototype.transform = function (value) {
-            var args = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                args[_i - 1] = arguments[_i];
-            }
-            var action = this.map.get(value);
-            if (action) {
-                if (args.length)
-                    return action[args[0]] || (args[1] !== false ? action.title : null);
-                return action.title;
-            }
-            return "_" + value;
-        };
-        return ActionPipe;
-    }());
-    ActionPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ActionPipe, deps: [{ token: SessionService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    ActionPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ActionPipe, name: "action" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: ActionPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{ name: 'action' }]
-            }], ctorParameters: function () { return [{ type: SessionService }]; } });
-
     exports.SubstitutionComponent = /** @class */ (function () {
         function SubstitutionComponent() {
             this.displayColumns = ['number', 'substitutingId', 'action', 'state'];