@bizdoc/core 3.3.2 → 3.3.4

package/fesm2022/bizdoc-core.mjs

@@ -138,7 +138,7 @@ import { LinearGaugeModule, AnnotationsService, GaugeTooltipService } from '@syn
 import * as i6$6 from '@syncfusion/ej2-angular-charts';
 import { RangeNavigator, AreaSeries, LineSeries, DateTime, RangeTooltip, Sparkline, SparklineTooltip, AccumulationChart as AccumulationChart$1, PieSeries, PyramidSeries, FunnelSeries, AccumulationDataLabel, AccumulationTooltip, AccumulationAnnotation, AccumulationLegend, AccumulationSelection, Chart as Chart$1, Highlight, StripLine, BoxAndWhiskerSeries, Category, Tooltip as Tooltip$1, Legend, Selection, Zoom, Crosshair, DataLabel, BarSeries, BubbleSeries, ColumnSeries, PolarSeries, RadarSeries, SplineSeries, ScrollBar, SplineAreaSeries, ScatterSeries, StackingStepAreaSeries, StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries, StepAreaSeries, StepLineSeries, ChartAnnotation, ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, BulletChartModule, RangeTooltipService, AccumulationDistributionIndicatorService, FunnelSeriesService, StackingStepAreaSeriesService, PieSeriesService, PyramidSeriesService, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService, SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService, StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService, BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService, CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService, SelectionService, ChartAnnotationService, WaterfallSeriesService, RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService, MultiLevelLabelService, ParetoSeriesService, TooltipRenderService, SparklineTooltipService, SplineRangeAreaSeriesService, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService, BulletTooltipService, ChartComponent } from '@syncfusion/ej2-angular-charts';
 import * as i8$3 from '@syncfusion/ej2-angular-grids';
-import { Grid as Grid$1, ExcelExport, Sort, Group, Page, Freeze, Selection as Selection$1, Aggregate, GridModule, PagerModule, ExcelExportService, AggregateService, FreezeService, GroupService, PageService, ResizeService, SortService, SelectionService as SelectionService$1, GridComponent } from '@syncfusion/ej2-angular-grids';
+import { Grid as Grid$1, ExcelExport, Sort, Group, Page, Freeze, Selection as Selection$1, Aggregate, ExcelFilter, Filter, ColumnMenu, ForeignKey, Resize, Reorder, Search, Scroll, ColumnChooser, GridModule, PagerModule, ExcelExportService, AggregateService, FreezeService, ColumnChooserService, ColumnMenuService, FilterService, ForeignKeyService, InfiniteScrollService, ReorderService, VirtualScrollService, SearchService as SearchService$1, ToolbarService as ToolbarService$1, GroupService, PageService, ResizeService, SortService, SelectionService as SelectionService$1, GridComponent } from '@syncfusion/ej2-angular-grids';
 import { CircularGauge, Annotations, GaugeTooltip, Legend as Legend$1, CircularGaugeModule, AnnotationsService as AnnotationsService$1, GaugeTooltipService as GaugeTooltipService$1, LegendService as LegendService$1 } from '@syncfusion/ej2-angular-circulargauge';
 import { PivotView as PivotView$1, GroupingBar, ExcelExport as ExcelExport$1, PivotChart, CalculatedField, PivotViewModule, ExcelExportService as ExcelExportService$1, GroupingBarService, NumberFormattingService, GroupingService, PivotChartService, ConditionalFormattingService, CalculatedFieldService, PivotViewComponent } from '@syncfusion/ej2-angular-pivotview';
 import * as i9 from '@syncfusion/ej2-angular-spreadsheet';
@@ -1510,14 +1510,63 @@ const L18N_STRINGS = {
         },
         grid: {
             EmptyRecord: 'אין רשומות',
-            GroupDropArea: '',
+            GroupDropArea: 'גרור/י עמודה לכאן',
+            UnGroup: '',
+            Item: '',
+            UnGroupButton: '',
             Items: 'רשומות',
+            Expanded: '',
+            Collapsed: '',
+            Matchs: 'לא נמצאו רשומות',
+            NoResult: 'לא נמצאו רשומות',
+            FilterButton: 'סינון',
+            ClearButton: 'נקה',
+            Clear: 'נקה',
+            ClearFilter: 'נקה סינון',
+            StartsWith: 'מתחיל ב-',
+            EndsWith: 'מסתיים ב-',
+            Contains: 'מכיל',
+            Equal: 'שווה',
+            NotEqual: 'שונה',
+            LessThan: 'פחות מ-',
+            LessThanOrEqual: 'פחות מ- או שווה',
+            GreaterThan: 'גדול מ-',
+            GreaterThanOrEqual: 'גדול מ- או שווה',
+            ChooseDate: 'בחר/י תאריך',
+            EnterValue: 'הקלד/י ערך',
+            SelectAll: 'בחר הכל',
+            Blanks: 'רווחים',
+            AND: 'וגם',
+            OR: 'או',
+            IsNotEmpty: 'לא ריק',
+            IsEmpty: 'ריק',
+            Between: 'בין',
+            MatchCase: 'אותיות גדולות/קטנות',
+            ShowRowsWhere: 'הצג רשומות בהן',
+            DateTimeFilter: 'סינון תאריך ושעה',
+            DateFilter: 'סינון תאריך',
+            TextFilter: 'סינון טקסטואלי',
+            NumberFilter: 'סינון מספרי',
+            CustomFilterDatePlaceHolder: '',
+            CustomFilterPlaceHolder: '',
+            CustomFilter: 'סנן מותאם',
+            SortLargestToSmallest: 'מיון מערך גבוה לנמוך',
+            SortSmallestToLargest: 'מיון מערך נמוך לגבוה',
+            SortByNewest: 'מיון לפי חדש',
+            SortByOldest: 'מיון לפי ישן',
+            SortZtoA: 'מיון בסדר יורד',
+            SortAtoZ: 'מיון בסדר עולה',
+            AddCurrentSelection: '',
             currentPageInfo: '{0} מתוך {1} עמודים',
             totalItemsInfo: '({0} רשומות)',
             firstPageTooltip: '',
             lastPageTooltip: '',
             nextPageTooltip: '',
-            previousPageTooltip: ''
+            previousPageTooltip: '',
+            True: 'כן',
+            False: 'לא',
+            FilterTrue: 'כן',
+            FilterFalse: 'לא',
         },
         kanban: {
             'items': 'מסמכים',
@@ -1934,7 +1983,7 @@ const STRINGS = {
         ShowAs: 'Show as: {0}',
         Unauthorized: 'Unauthorized access',
         NotAcceptable: 'Unauthorized access',
-        LicenseErr: 'License',
+        LicenseErr: 'Limited license, contact support',
         RemoveAsk: 'Are you sure?',
         Comments: 'Comments',
         Remove: 'Remove',
@@ -8741,7 +8790,7 @@ class StatePipe {
                 return state[args[0]] || state.title;
             return state.title;
         }
-        return `_${value}`;
+        return value;
     }
     constructor(session) {
         this._map = new Map();
@@ -9508,6 +9557,7 @@ class FormRef {
         this._router = _router;
         this._configuration = _configuration;
         this._stateChange$ = new Subject();
+        this._destroy$ = new Subject();
         this._create$ = new Subject();
         this._help = _configuration.guide;
     }
@@ -9541,6 +9591,7 @@ class FormRef {
     }
     /** release events */
     _destroy() {
+        this._destroy$.next();
         this._stateChange$.complete();
     }
 }
@@ -15934,6 +15985,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+class RolePipe {
+    transform(value, ...args) {
+        const role = this.map.get(value);
+        if (role) {
+            if (args.length)
+                return role[args[0]] || role.title;
+            return role.title;
+        }
+        return value;
+    }
+    constructor(session) {
+        this.map = new Map();
+        session.profile.roles.forEach(a => this.map.set(a.name, a));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RolePipe, deps: [{ token: SessionService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RolePipe, isStandalone: false, name: "role" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RolePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'role'
+                }]
+        }], ctorParameters: () => [{ type: SessionService }] });
+
 /** component showing trace table */
 class TraceViewComponent extends TraceBase {
     constructor(session, _translate, _accounts, _chat, hub) {
@@ -15998,17 +16074,19 @@ class TraceViewComponent extends TraceBase {
         }
         const trace = [];
         for (let l of log) {
-            let action;
+            let action, fileName;
             switch (l.type) {
                 case 'ActionTaken':
                     {
                         action = this._session.profile.actions.find(a => a.name === l.action);
-                        if (action.loggable === false)
+                        if (!action || action.loggable === false)
                             continue;
                         break;
                     }
                 case 'CheckIn':
                 case 'CheckOut':
+                    let attachment = attachments.find(f => f.id === l.fileId);
+                    fileName = attachment.fileName;
                     break;
                 case 'ModelChange':
                     break;
@@ -16024,17 +16102,12 @@ class TraceViewComponent extends TraceBase {
                 time: l.time,
                 type: l.type,
                 duration: l.duration,
+                fileName,
+                role: l.role,
                 note: l.note,
                 state: l.state
             };
             trace.push(step);
-            switch (l.type) {
-                case 'CheckIn':
-                case 'CheckOut':
-                    let attachment = attachments.find(f => f.id === l.fileId);
-                    step.fileName = attachment.fileName;
-                    break;
-            }
             if (l.recipientId) {
                 let recipient = recipients.find(r => r.id === l.recipientId);
                 if (recipient.role)
@@ -16133,14 +16206,21 @@ class TraceViewComponent extends TraceBase {
                     if (by.role)
                         step.role = by.role;
                 }
+                if (action)
+                    step.action = await actionBy(action, who.gender);
             }
-            else if (l.userId === this._session.userId)
+            else if (l.userId === this._session.userId) {
                 step.name = this._translate.get('You');
+                if (action)
+                    step.action = await actionBy(action, this._session.gender);
+            }
             else {
                 let who = await profileOf(l.userId);
                 step.name = nameOf(who);
                 if (who.role)
                     step.role = who.role;
+                if (action)
+                    step.action = await actionBy(action, who.gender);
             }
         }
         for (let recipient of recipients) {
@@ -16223,7 +16303,9 @@ class TraceViewComponent extends TraceBase {
     _filter() {
         switch (this._showMode) {
             case 'active':
-                this.data = this.model.issued ? this._data.filter(l => l.time >= this.model.issued) : this._data.slice();
+                this.data = this.model.issued ?
+                    this._data.filter(l => l.time >= this.model.issued) :
+                    this._data.slice();
                 break;
             case 'route':
                 this.data = this._data.filter(l => l.type === 'ActionTaken' || l.type === 'Estimate' || l.type === 'Pending');
@@ -16254,11 +16336,11 @@ class TraceViewComponent extends TraceBase {
         this.versionSelected.emit(log.time);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TraceViewComponent, deps: [{ token: SessionService }, { token: TranslateService }, { token: AccountService }, { token: ChatInfo }, { token: HubService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TraceViewComponent, isStandalone: false, selector: "bizdoc-trace", inputs: { model: "model", version: "version" }, outputs: { versionSelected: "versionSelected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nav-toolbar row\">\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" [bizdocTooltip]=\"'ShowAll'|translate\"><mat-icon>filter_list</mat-icon></button>\r\n  <mat-menu #menu> \r\n    <button mat-menu-item (click)=\"showMode='route'\">\r\n      <mat-icon>{{ showMode === 'route' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Route' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='active'\">\r\n      <mat-icon>{{ showMode === 'active' ? 'check':'' }}</mat-icon>\r\n      <span>{{'ActiveRoute' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='everything'\">\r\n      <mat-icon>{{ showMode === 'everything' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Everything' | translate }}</span>\r\n    </button>\r\n  </mat-menu>\r\n</div>\r\n<table class=\"mat-mdc-table\" @list>\r\n  <tbody role=\"rowgroup\">\r\n    @for(l of data; track l){\r\n    <tr class=\"mat-mdc-row\" @item>\r\n      <td class=\"mat-mdc-cell\">\r\n        <span [innerHTML]=\"l.name | sanitizeHtml\" (click)=\"chat($event)\"></span>\r\n        @if(l.role) {<span>{{'JoinComma'|translate}}{{l.role}}</span>}\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @switch (l.type) {\r\n        @case('ActionTaken') {\r\n        <span [innerHTML]=\"l.action | sanitizeHtml\" (click)=\"chat($event)\" class=\"to\"></span>\r\n        }\r\n        @case('Submit') {\r\n        <span>{{'Issued' | translate}}</span>\r\n        }\r\n        @case('Pending') {\r\n        <span>{{'IsPending' | translate}}</span>\r\n        }\r\n        @case('CheckOut') {\r\n        <span>{{'CheckedIn' | translate : l.fileName}}</span>\r\n        }\r\n        @case('CheckIn') {\r\n        <span>{{'CheckedOut' | translate : l.fileName}}</span>\r\n        }\r\n        @case('Estimate') {\r\n        <span>{{'Estimate' | translate}}</span>\r\n        }\r\n        @case('ModelChange') {\r\n        <span>{{'Changed' | translate}}</span>\r\n        }\r\n        }\r\n        @if(l.fyi) {\r\n        <span>&nbsp;{{'FYI'|translate}}</span>\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if(l.estimate) {\r\n        @if(l.durationMax && l.durationMax === l.durationMin)\r\n        {<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTime'| translate : (l.durationMax | amDuration:'s')}}</span>\r\n        }\r\n        @if(l.durationMax && l.durationMax !== l.durationMin){<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTimeRange'| translate : (l.durationMin | amDuration:'s') : (l.durationMax | amDuration:'s')}}</span>}\r\n        }\r\n        @else {\r\n        <span>{{l.time | amCalendar : null : CALENDAR_SPEC }}</span>\r\n        @if(l.duration) {<span [bizdocTooltip]=\"l.duration|amDurationFormat\" class=\"duration\">&nbsp;({{l.duration | amDuration:'s'}})</span>}\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if (l.note) {<span>{{l.note}}</span> }\r\n        @if (l.type==='ModelChange') {<button mat-icon-button (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}table td{padding:0 4px}.duration{white-space:nowrap}\n"], dependencies: [{ kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: DurationPipe, name: "amDuration" }, { kind: "pipe", type: DurationFormatPipe, name: "amDurationFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }], animations: [listAnimation, itemAnimation] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TraceViewComponent, isStandalone: false, selector: "bizdoc-trace", inputs: { model: "model", version: "version" }, outputs: { versionSelected: "versionSelected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nav-toolbar row\">\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" [bizdocTooltip]=\"'ShowAll'|translate\"><mat-icon>filter_list</mat-icon></button>\r\n  <mat-menu #menu> \r\n    <button mat-menu-item (click)=\"showMode='route'\">\r\n      <mat-icon>{{ showMode === 'route' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Route' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='active'\">\r\n      <mat-icon>{{ showMode === 'active' ? 'check':'' }}</mat-icon>\r\n      <span>{{'ActiveRoute' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='everything'\">\r\n      <mat-icon>{{ showMode === 'everything' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Everything' | translate }}</span>\r\n    </button>\r\n  </mat-menu>\r\n</div>\r\n<table class=\"mat-mdc-table\" @list>\r\n  <tbody role=\"rowgroup\">\r\n    @for(l of data; track l){\r\n    <tr class=\"mat-mdc-row\" @item>\r\n      <td class=\"mat-mdc-cell\">\r\n        <span [innerHTML]=\"l.name | sanitizeHtml\" (click)=\"chat($event)\"></span>\r\n        @if(l.role) {<span>{{'JoinComma'|translate}}{{l.role | role}}</span>}\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @switch (l.type) {\r\n        @case('ActionTaken') {\r\n        <span [innerHTML]=\"l.action | sanitizeHtml\" (click)=\"chat($event)\" class=\"to\"></span>\r\n        }\r\n        @case('Submit') {\r\n        <span>{{'Issued' | translate}}</span>\r\n        }\r\n        @case('Pending') {\r\n        <span>{{'IsPending' | translate}}</span>\r\n        }\r\n        @case('CheckOut') {\r\n        <span>{{'CheckedIn' | translate : l.fileName}}</span>\r\n        }\r\n        @case('CheckIn') {\r\n        <span>{{'CheckedOut' | translate : l.fileName}}</span>\r\n        }\r\n        @case('Estimate') {\r\n        <span>{{'Estimate' | translate}}</span>\r\n        }\r\n        @case('ModelChange') {\r\n        <span>{{'Changed' | translate}}</span>\r\n        }\r\n        }\r\n        @if(l.fyi) {\r\n        <span>&nbsp;{{'FYI'|translate}}</span>\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if(l.estimate) {\r\n        @if(l.durationMax && l.durationMax === l.durationMin)\r\n        {<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTime'| translate : (l.durationMax | amDuration:'s')}}</span>\r\n        }\r\n        @if(l.durationMax && l.durationMax !== l.durationMin){<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTimeRange'| translate : (l.durationMin | amDuration:'s') : (l.durationMax | amDuration:'s')}}</span>}\r\n        }\r\n        @else {\r\n        <span>{{l.time | amCalendar : null : CALENDAR_SPEC }}</span>\r\n        @if(l.duration) {<span [bizdocTooltip]=\"l.duration|amDurationFormat\" class=\"duration\">&nbsp;({{l.duration | amDuration:'s'}})</span>}\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if (l.note) {<span>{{l.note}}</span> }\r\n        @if (l.type==='ModelChange') {<button mat-icon-button (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}table td{padding:0 4px}.duration{white-space:nowrap}\n"], dependencies: [{ kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: DurationPipe, name: "amDuration" }, { kind: "pipe", type: DurationFormatPipe, name: "amDurationFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: RolePipe, name: "role" }], animations: [listAnimation, itemAnimation] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TraceViewComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'bizdoc-trace', animations: [listAnimation, itemAnimation], template: "<div class=\"nav-toolbar row\">\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" [bizdocTooltip]=\"'ShowAll'|translate\"><mat-icon>filter_list</mat-icon></button>\r\n  <mat-menu #menu> \r\n    <button mat-menu-item (click)=\"showMode='route'\">\r\n      <mat-icon>{{ showMode === 'route' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Route' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='active'\">\r\n      <mat-icon>{{ showMode === 'active' ? 'check':'' }}</mat-icon>\r\n      <span>{{'ActiveRoute' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='everything'\">\r\n      <mat-icon>{{ showMode === 'everything' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Everything' | translate }}</span>\r\n    </button>\r\n  </mat-menu>\r\n</div>\r\n<table class=\"mat-mdc-table\" @list>\r\n  <tbody role=\"rowgroup\">\r\n    @for(l of data; track l){\r\n    <tr class=\"mat-mdc-row\" @item>\r\n      <td class=\"mat-mdc-cell\">\r\n        <span [innerHTML]=\"l.name | sanitizeHtml\" (click)=\"chat($event)\"></span>\r\n        @if(l.role) {<span>{{'JoinComma'|translate}}{{l.role}}</span>}\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @switch (l.type) {\r\n        @case('ActionTaken') {\r\n        <span [innerHTML]=\"l.action | sanitizeHtml\" (click)=\"chat($event)\" class=\"to\"></span>\r\n        }\r\n        @case('Submit') {\r\n        <span>{{'Issued' | translate}}</span>\r\n        }\r\n        @case('Pending') {\r\n        <span>{{'IsPending' | translate}}</span>\r\n        }\r\n        @case('CheckOut') {\r\n        <span>{{'CheckedIn' | translate : l.fileName}}</span>\r\n        }\r\n        @case('CheckIn') {\r\n        <span>{{'CheckedOut' | translate : l.fileName}}</span>\r\n        }\r\n        @case('Estimate') {\r\n        <span>{{'Estimate' | translate}}</span>\r\n        }\r\n        @case('ModelChange') {\r\n        <span>{{'Changed' | translate}}</span>\r\n        }\r\n        }\r\n        @if(l.fyi) {\r\n        <span>&nbsp;{{'FYI'|translate}}</span>\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if(l.estimate) {\r\n        @if(l.durationMax && l.durationMax === l.durationMin)\r\n        {<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTime'| translate : (l.durationMax | amDuration:'s')}}</span>\r\n        }\r\n        @if(l.durationMax && l.durationMax !== l.durationMin){<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTimeRange'| translate : (l.durationMin | amDuration:'s') : (l.durationMax | amDuration:'s')}}</span>}\r\n        }\r\n        @else {\r\n        <span>{{l.time | amCalendar : null : CALENDAR_SPEC }}</span>\r\n        @if(l.duration) {<span [bizdocTooltip]=\"l.duration|amDurationFormat\" class=\"duration\">&nbsp;({{l.duration | amDuration:'s'}})</span>}\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if (l.note) {<span>{{l.note}}</span> }\r\n        @if (l.type==='ModelChange') {<button mat-icon-button (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}table td{padding:0 4px}.duration{white-space:nowrap}\n"] }]
+            args: [{ standalone: false, selector: 'bizdoc-trace', animations: [listAnimation, itemAnimation], template: "<div class=\"nav-toolbar row\">\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" [bizdocTooltip]=\"'ShowAll'|translate\"><mat-icon>filter_list</mat-icon></button>\r\n  <mat-menu #menu> \r\n    <button mat-menu-item (click)=\"showMode='route'\">\r\n      <mat-icon>{{ showMode === 'route' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Route' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='active'\">\r\n      <mat-icon>{{ showMode === 'active' ? 'check':'' }}</mat-icon>\r\n      <span>{{'ActiveRoute' | translate }}</span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"showMode='everything'\">\r\n      <mat-icon>{{ showMode === 'everything' ? 'check':'' }}</mat-icon>\r\n      <span>{{'Everything' | translate }}</span>\r\n    </button>\r\n  </mat-menu>\r\n</div>\r\n<table class=\"mat-mdc-table\" @list>\r\n  <tbody role=\"rowgroup\">\r\n    @for(l of data; track l){\r\n    <tr class=\"mat-mdc-row\" @item>\r\n      <td class=\"mat-mdc-cell\">\r\n        <span [innerHTML]=\"l.name | sanitizeHtml\" (click)=\"chat($event)\"></span>\r\n        @if(l.role) {<span>{{'JoinComma'|translate}}{{l.role | role}}</span>}\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @switch (l.type) {\r\n        @case('ActionTaken') {\r\n        <span [innerHTML]=\"l.action | sanitizeHtml\" (click)=\"chat($event)\" class=\"to\"></span>\r\n        }\r\n        @case('Submit') {\r\n        <span>{{'Issued' | translate}}</span>\r\n        }\r\n        @case('Pending') {\r\n        <span>{{'IsPending' | translate}}</span>\r\n        }\r\n        @case('CheckOut') {\r\n        <span>{{'CheckedIn' | translate : l.fileName}}</span>\r\n        }\r\n        @case('CheckIn') {\r\n        <span>{{'CheckedOut' | translate : l.fileName}}</span>\r\n        }\r\n        @case('Estimate') {\r\n        <span>{{'Estimate' | translate}}</span>\r\n        }\r\n        @case('ModelChange') {\r\n        <span>{{'Changed' | translate}}</span>\r\n        }\r\n        }\r\n        @if(l.fyi) {\r\n        <span>&nbsp;{{'FYI'|translate}}</span>\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if(l.estimate) {\r\n        @if(l.durationMax && l.durationMax === l.durationMin)\r\n        {<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTime'| translate : (l.durationMax | amDuration:'s')}}</span>\r\n        }\r\n        @if(l.durationMax && l.durationMax !== l.durationMin){<span [bizdocTooltip]=\"l.durationMax|amDurationFormat\">{{'EstimateTimeRange'| translate : (l.durationMin | amDuration:'s') : (l.durationMax | amDuration:'s')}}</span>}\r\n        }\r\n        @else {\r\n        <span>{{l.time | amCalendar : null : CALENDAR_SPEC }}</span>\r\n        @if(l.duration) {<span [bizdocTooltip]=\"l.duration|amDurationFormat\" class=\"duration\">&nbsp;({{l.duration | amDuration:'s'}})</span>}\r\n        }\r\n      </td>\r\n      <td class=\"mat-mdc-cell\">\r\n        @if (l.note) {<span>{{l.note}}</span> }\r\n        @if (l.type==='ModelChange') {<button mat-icon-button (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}table td{padding:0 4px}.duration{white-space:nowrap}\n"] }]
         }], ctorParameters: () => [{ type: SessionService }, { type: TranslateService }, { type: AccountService }, { type: ChatInfo }, { type: HubService }], propDecorators: { model: [{
                 type: Input
             }], version: [{
@@ -17833,11 +17915,11 @@ class DocumentFactory {
                     const portal = new ComponentPortal(comp, null, injector);
                     const compRef = overlayRef.attach(portal);
                     formRef._mode = compRef.instance.mode = 'overlay';
-                    // create on form create() call
+                    // create on form continue() call
                     formRef._create$.
                         subscribe({
                         next: m => {
-                            if (m !== false)
+                            if (m && m !== false)
                                 this._mailbox.create(formId, m).subscribe({
                                     next: d => {
                                         observe.next(d);
@@ -17862,7 +17944,8 @@ class DocumentFactory {
                         }
                     });
                     // callback
-                    this._messaging.callback$.pipe(takeUntil$1(formRef._create$)).subscribe(e => compRef.instance.onMessage && compRef.instance.onMessage(e.message));
+                    this._messaging.callback$.pipe(takeUntil$1(formRef._destroy$)).
+                        subscribe(e => compRef.instance.onMessage && compRef.instance.onMessage(e.message));
                     // escape
                     merge(overlayRef.backdropClick(), overlayRef.keydownEvents().pipe(filter$1(k => k.key === 'Escape'))).
                         subscribe(() => {
@@ -22532,12 +22615,13 @@ Diagram$1.Inject(FlowchartLayout /*, HierarchicalTree, ComplexHierarchicalTree*/
 
 class SyncfusionGridModule {
     constructor() {
-        Grid$1.Inject(ExcelExport, Sort, Group, Page, Freeze, Selection$1, Aggregate);
+        Grid$1.Inject(ExcelExport, Sort, Group, Page, Freeze, Selection$1, Aggregate, ExcelFilter, Filter, ColumnMenu, ForeignKey, Resize, Reorder, Search, Scroll, ColumnChooser);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SyncfusionGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: SyncfusionGridModule, imports: [GridModule, PagerModule], exports: [GridModule, PagerModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SyncfusionGridModule, providers: [
             ExcelExportService, AggregateService, FreezeService,
+            ColumnChooserService, ColumnMenuService, FilterService, ForeignKeyService, InfiniteScrollService, ReorderService, VirtualScrollService, SearchService$1, ToolbarService$1,
             GroupService, PageService, ResizeService, SortService, SelectionService$1
         ], imports: [GridModule, PagerModule, GridModule, PagerModule] }); }
 }
@@ -22548,6 +22632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                     exports: [GridModule, PagerModule],
                     providers: [
                         ExcelExportService, AggregateService, FreezeService,
+                        ColumnChooserService, ColumnMenuService, FilterService, ForeignKeyService, InfiniteScrollService, ReorderService, VirtualScrollService, SearchService$1, ToolbarService$1,
                         GroupService, PageService, ResizeService, SortService, SelectionService$1
                     ]
                 }]
@@ -26533,7 +26618,7 @@ class ActionPipe {
                 return action[args[0]] || (args[1] !== false ? action.title : null);
             return action.title;
         }
-        return `_${value}`;
+        return value;
     }
     constructor(session) {
         this.map = new Map();
@@ -27726,31 +27811,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Output
             }] } });
 
-class RolePipe {
-    transform(value, ...args) {
-        const role = this.map.get(value);
-        if (role) {
-            if (args.length)
-                return role[args[0]] || role.title;
-            return role.title;
-        }
-        return `_${value}`;
-    }
-    constructor(session) {
-        this.map = new Map();
-        session.profile.roles.forEach(a => this.map.set(a.name, a));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RolePipe, deps: [{ token: SessionService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RolePipe, isStandalone: false, name: "role" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RolePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: false,
-                    name: 'role'
-                }]
-        }], ctorParameters: () => [{ type: SessionService }] });
-
 class JoinPipe {
     transform(value, ...args) {
         return this._translate.join(value);