@bizdoc/core 3.4.3 → 3.4.5

package/fesm2022/bizdoc-core.mjs

@@ -79,7 +79,7 @@ import * as i7$6 from '@angular/cdk/layout';
 import { LayoutModule, Breakpoints } from '@angular/cdk/layout';
 import * as i12 from '@angular/material/core';
 import { NativeDateAdapter, MatRippleModule, MatNativeDateModule, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
-import * as i6$3 from '@angular/material/expansion';
+import * as i6$4 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i5$1 from '@angular/material/table';
 import { MatTableModule, MatTableDataSource } from '@angular/material/table';
@@ -91,7 +91,7 @@ import * as i7$7 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i2$b from '@angular/material/bottom-sheet';
 import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
-import * as i6$4 from '@angular/material/sidenav';
+import * as i6$5 from '@angular/material/sidenav';
 import { MatSidenavModule, MatSidenav } from '@angular/material/sidenav';
 import * as i11 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
@@ -127,7 +127,8 @@ import EventEmitter$1 from 'events';
 import * as i4$1 from '@ctrl/ngx-emoji-mart';
 import { PickerModule } from '@ctrl/ngx-emoji-mart';
 import { Diagram, UndoRedo, ConnectorEditing, Snapping, SymbolPalette, BpmnDiagrams, PortConstraints, PortVisibility, DiagramConstraints, ConnectorConstraints, SelectorConstraints, NodeConstraints, DiagramTools, Connector, Node, ToolBase, ConnectionPointOrigin as ConnectionPointOrigin$1 } from '@syncfusion/ej2-diagrams';
-import { DiagramAction, DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, Diagram as Diagram$1, NodeConstraints as NodeConstraints$1, ComplexHierarchicalTreeService, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, DataBindingService, FlowchartLayoutService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService, FlowchartLayout, BpmnDiagrams as BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging } from '@syncfusion/ej2-angular-diagrams';
+import * as i6$3 from '@syncfusion/ej2-angular-diagrams';
+import { DiagramAction, DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, NodeConstraints as NodeConstraints$1, ComplexHierarchicalTreeService, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, DataBindingService, FlowchartLayoutService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService, Diagram as Diagram$1, FlowchartLayout, BpmnDiagrams as BpmnDiagrams$1, LineDistribution, LineRouting, ConnectorBridging } from '@syncfusion/ej2-angular-diagrams';
 import * as i5$2 from '@syncfusion/ej2-angular-schedule';
 import { Schedule, Day, WorkWeek, Month, MonthAgenda, Agenda, Year, ScheduleModule, ExcelExportService as ExcelExportService$2, DayService, WorkWeekService, MonthService, MonthAgendaService, ICalendarExportService, AgendaService, YearService } from '@syncfusion/ej2-angular-schedule';
 import * as i10$1 from '@syncfusion/ej2-angular-kanban';
@@ -135,7 +136,7 @@ import { KanbanComponent, KanbanModule } from '@syncfusion/ej2-angular-kanban';
 import * as i3$4 from '@syncfusion/ej2-angular-inputs';
 import { SignatureModule } from '@syncfusion/ej2-angular-inputs';
 import { LinearGaugeModule, AnnotationsService, GaugeTooltipService } from '@syncfusion/ej2-angular-lineargauge';
-import * as i6$6 from '@syncfusion/ej2-angular-charts';
+import * as i6$7 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, 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';
@@ -144,7 +145,7 @@ import { CircularGauge, Annotations, GaugeTooltip, Legend as Legend$1, Gradient,
 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$2 from '@syncfusion/ej2-angular-spreadsheet';
 import { SpreadsheetModule, SelectionService as SelectionService$2, ClipboardService, CellFormatService, KeyboardNavigationService, KeyboardShortcutService, NumberFormatService } from '@syncfusion/ej2-angular-spreadsheet';
-import * as i6$5 from '@syncfusion/ej2-angular-gantt';
+import * as i6$6 from '@syncfusion/ej2-angular-gantt';
 import { Gantt, DayMarkers, Sort as Sort$1, Selection as Selection$2, GanttModule, ExcelExportService as ExcelExportService$3, DayMarkersService, SelectionService as SelectionService$3 } from '@syncfusion/ej2-angular-gantt';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import duration from 'dayjs/plugin/duration';
@@ -15337,12 +15338,13 @@ const FYI_PATH = 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 1
 /** flow-view component*/
 class FlowViewComponent extends TraceBase {
     /** workflow-view ctor */
-    constructor(_accounts, _translate, _duration, _elementRef, session, hub) {
+    constructor(_accounts, _translate, _duration, 
+    //private _elementRef: ElementRef<HTMLDivElement>,
+    session, hub) {
         super(session, hub);
         this._accounts = _accounts;
         this._translate = _translate;
         this._duration = _duration;
-        this._elementRef = _elementRef;
         this.connectorType = 'Bezier';
         this.tool = DiagramTools$1.ZoomPan;
         this.diagramConstraints = DiagramConstraints$1.Pan |
@@ -15350,6 +15352,7 @@ class FlowViewComponent extends TraceBase {
             DiagramConstraints$1.Bridging |
             DiagramConstraints$1.Zoom;
         this.enableRtl = this._session.inverse;
+        this.transparentColor = this._session.theme.dark ? 'black' : 'white';
         this.layout = {
             type: 'Flowchart',
             verticalAlignment: 'Center',
@@ -15357,18 +15360,18 @@ class FlowViewComponent extends TraceBase {
             horizontalSpacing: 50,
             enableRouting: true,
             verticalSpacing: 50,
-            margin: { top: 4 },
+            //margin: { top: 4 },
             //    arrangement: ChildArrangement.Linear,
             //orientation: this.enableRtl ? 'RightToLeft' : 'LeftToRight',
         };
         this.scrollSettings = {
-            minZoom: .5,
+            minZoom: .6,
             scrollLimit: 'Diagram',
-            currentZoom: 1.2,
-            padding: { top: 0, bottom: 0 },
-            maxZoom: 2.5
+            currentZoom: 1,
+            padding: { top: 4, bottom: 4, left: 4, right: 4 },
+            maxZoom: 2.0
         };
-        //readonly diagramSettings = { inversedAlignment: this.enableRtl } as DiagramSettingsModel;
+        this.diagramSettings = { inversedAlignment: this.enableRtl }; // as DiagramSettingsModel;
         this.snapSettings = {
             constraints: SnapConstraints.None,
             gridType: 'Dots'
@@ -15383,37 +15386,33 @@ class FlowViewComponent extends TraceBase {
         });
     }
     ngAfterViewInit() {
-        this._initialize();
+        interval(60000).pipe(takeUntil(this._destroy)).subscribe(this._refresh.bind(this));
     }
-    ngOnChanges(changes) {
-        !changes['model'].firstChange && this._initialize();
+    ngOnChanges(_changes) {
+        !_changes['model'].firstChange && this._initialize();
+    }
+    created() {
+        this._initialize();
     }
     async _initialize() {
-        const { connectors, nodes, indicators } = await this._prepare();
-        this.diagram?.destroy();
-        this.diagram = new Diagram$1({
-            width: '100%',
-            height: 500,
-            nodes,
-            connectors,
-            layout: this.layout,
-            tool: this.tool,
-            //diagramSettings: this.diagramSettings,
-            backgroundColor: 'transparent',
-            scrollSettings: this.scrollSettings,
-            snapSettings: this.snapSettings,
-            constraints: this.diagramConstraints,
-        }, this._elementRef.nativeElement);
-        this.diagram.doLayout();
-        this.diagram.fitToPage({ margin: { top: 10 } });
-        indicators.forEach((n, i) => {
+        await this._prepare();
+        const [layer] = this.diagram.layers;
+        layer.visible = false;
+        setTimeout(() => {
+            this.diagram.doLayout();
+            this.diagram.fitToPage();
+            this._addIndicators();
+            layer.visible = true;
+        }, 100);
+    }
+    _addIndicators() {
+        this.indicators.forEach((n, i) => {
             const parent = this.diagram.getNodeObject(n.addInfo.parentId);
             n.offsetX = parent.offsetX + (this.enableRtl ? -25 : 25);
             n.offsetY = parent.offsetY + 25;
             n.zIndex = 1000 + i;
             this.diagram.add(n);
         });
-        interval(60000).pipe(takeUntil(this._destroy)).subscribe(this._refresh.bind(this));
     }
     _refresh() {
         super.resetEstimateTime();
@@ -15480,7 +15479,7 @@ class FlowViewComponent extends TraceBase {
                             opacity: node.estimate ? .6 : 1,
                             strokeColor: node.estimate ? color : this._accentColor,
                             fill: !node.estimate && recipient.pending ?
-                                this._session.getAccent(recipient.userId === this._session.userId ? 500 : 400) : 'transparent'
+                                this._session.getAccent(recipient.userId === this._session.userId ? 500 : 400) : this.transparentColor
                         },
                         shape: this._configuration[node.type].shape,
                         zIndex: zIndex++,
@@ -15585,7 +15584,7 @@ class FlowViewComponent extends TraceBase {
                         strokeWidth: 2,
                         opacity: node.estimate ? .6 : 1,
                         strokeColor: node.estimate ? color : this._accentColor,
-                        fill: 'transparent'
+                        fill: this.transparentColor
                     },
                     shape, //: {type: 'Path', data: ELLIPSIS },
                     zIndex: zIndex++,
@@ -15715,7 +15714,7 @@ class FlowViewComponent extends TraceBase {
                     });
                 }
         }
-        return { connectors, nodes, indicators };
+        this.connectors = connectors, this.nodes = nodes, this.indicators = indicators;
     }
     /**
      *
@@ -15996,20 +15995,24 @@ class FlowViewComponent extends TraceBase {
         this.diagram && this.diagram.destroy();
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: FlowViewComponent, deps: [{ token: AccountService }, { token: TranslateService }, { token: DurationFormatPipe }, { token: i0.ElementRef }, { token: SessionService }, { token: HubService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: FlowViewComponent, isStandalone: false, selector: "bizdoc-flow", inputs: { model: "model", version: "version", connectorType: "connectorType" }, host: { attributes: { "dir": "ltr" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [""], viewProviders: [ComplexHierarchicalTreeService] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: FlowViewComponent, deps: [{ token: AccountService }, { token: TranslateService }, { token: DurationFormatPipe }, { token: SessionService }, { token: HubService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: FlowViewComponent, isStandalone: false, selector: "bizdoc-flow", inputs: { model: "model", version: "version", connectorType: "connectorType" }, viewQueries: [{ propertyName: "diagram", first: true, predicate: ["diagram"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ejs-diagram [nodes]=\"nodes\"\r\n             [connectors]=\"connectors\"\r\n             [layout]=\"layout\"\r\n             [tool]=\"tool\"\r\n             id=\"diagram\"\r\n             #diagram\r\n             [constraints]=\"diagramConstraints\"\r\n             [snapSettings]=\"snapSettings\"\r\n             [scrollSettings]=\"scrollSettings\"\r\n             [height]=\"560\"\r\n             width=\"100%\"\r\n             (created)=\"created()\"></ejs-diagram>\r\n", styles: [":host{background-color:transparent!important}\n"], dependencies: [{ kind: "component", type: i6$3.DiagramComponent, selector: "ejs-diagram", inputs: ["addInfo", "annotationTemplate", "backgroundColor", "bridgeDirection", "commandManager", "connectorDefaults", "connectors", "constraints", "contextMenuSettings", "customCursor", "dataSourceSettings", "diagramSettings", "drawingObject", "enableConnectorSplit", "enablePersistence", "enableRtl", "fixedUserHandleTemplate", "getConnectorDefaults", "getCustomCursor", "getCustomProperty", "getCustomTool", "getDescription", "getNodeDefaults", "height", "historyManager", "layers", "layout", "locale", "mode", "nodeDefaults", "nodeTemplate", "nodes", "pageSettings", "rulerSettings", "scrollSettings", "segmentThumbShape", "segmentThumbSize", "selectedItems", "serializationSettings", "setNodeTemplate", "snapSettings", "tool", "tooltip", "updateSelection", "userHandleTemplate", "width"], outputs: ["animationComplete", "click", "collectionChange", "commandExecute", "connectionChange", "contextMenuBeforeItemRender", "contextMenuClick", "contextMenuOpen", "created", "dataLoaded", "doubleClick", "dragEnter", "dragLeave", "dragOver", "drop", "elementDraw", "expandStateChange", "fixedUserHandleClick", "historyChange", "historyStateChange", "keyDown", "keyUp", "layoutUpdated", "load", "loaded", "mouseEnter", "mouseLeave", "mouseOver", "mouseWheel", "onFixedUserHandleMouseDown", "onFixedUserHandleMouseEnter", "onFixedUserHandleMouseLeave", "onFixedUserHandleMouseUp", "onImageLoad", "onUserHandleMouseDown", "onUserHandleMouseEnter", "onUserHandleMouseLeave", "onUserHandleMouseUp", "positionChange", "propertyChange", "rotateChange", "scrollChange", "segmentChange", "segmentCollectionChange", "selectionChange", "sizeChange", "sourcePointChange", "targetPointChange", "textEdit"] }], viewProviders: [ComplexHierarchicalTreeService] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: FlowViewComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'bizdoc-flow', template: '', viewProviders: [ComplexHierarchicalTreeService], host: {
-                        dir: 'ltr'
-                    } }]
-        }], ctorParameters: () => [{ type: AccountService }, { type: TranslateService }, { type: DurationFormatPipe }, { type: i0.ElementRef }, { type: SessionService }, { type: HubService }], propDecorators: { model: [{
+            args: [{ standalone: false, selector: 'bizdoc-flow', viewProviders: [ComplexHierarchicalTreeService], host: {
+                    //id: 'flow',
+                    //dir: 'ltr'
+                    }, template: "<ejs-diagram [nodes]=\"nodes\"\r\n             [connectors]=\"connectors\"\r\n             [layout]=\"layout\"\r\n             [tool]=\"tool\"\r\n             id=\"diagram\"\r\n             #diagram\r\n             [constraints]=\"diagramConstraints\"\r\n             [snapSettings]=\"snapSettings\"\r\n             [scrollSettings]=\"scrollSettings\"\r\n             [height]=\"560\"\r\n             width=\"100%\"\r\n             (created)=\"created()\"></ejs-diagram>\r\n", styles: [":host{background-color:transparent!important}\n"] }]
+        }], ctorParameters: () => [{ type: AccountService }, { type: TranslateService }, { type: DurationFormatPipe }, { type: SessionService }, { type: HubService }], propDecorators: { model: [{
                 type: Input
             }], version: [{
                 type: Input
             }], connectorType: [{
                 type: Input
+            }], diagram: [{
+                type: ViewChild,
+                args: ['diagram']
             }] } });
 
 class DurationPipe {
@@ -21527,7 +21530,7 @@ class HomeMobileComponent extends HomeBase {
         this.secondaryDrawer.toggle().then(this.resize);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: HomeMobileComponent, deps: [{ token: i1$1.Router }, { token: i2$b.MatBottomSheet }, { token: i7$2.Directionality }, { token: ChatInfo }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: HomeMobileComponent, isStandalone: false, selector: "bizdoc-mobile-home", viewQueries: [{ propertyName: "menuDrawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "secondaryDrawer", first: true, predicate: ["secondaryDrawer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\r\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\r\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\r\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\r\n  </div>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"notifs($event)\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\">\r\n  <mat-icon [matBadge]=\"profile.messagesCount\" [matBadgeHidden]=\"!profile.messagesCount\"\r\n            matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\r\n  @if (chatEnabled) {\r\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\r\n  }\r\n</mat-toolbar>\r\n<mat-sidenav-container autosize>\r\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\r\n    <mat-nav-list class=\"nav-menu-mobile\">\r\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\r\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\r\n      </mat-list-item>\r\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\r\n        <mat-expansion-panel-header>\r\n          <mat-panel-title>\r\n            <!--<mat-icon>inbox</mat-icon>-->\r\n            <span>{{'Mailbox' | translate}}</span>\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        @for (f of profile.folders; track f) {\r\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\r\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\r\n            <span matListItemTitle>{{f.title}}</span>\r\n          </mat-list-item>\r\n        }\r\n      </mat-expansion-panel>\r\n      @if (schedulerEnabled) {\r\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\r\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\r\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\r\n        </mat-list-item>\r\n      }\r\n      <mat-divider></mat-divider>\r\n      @if (enableAnalysis) {\r\n        @for (c of profile.cubes; track c) {\r\n          @if (c.views.length) {\r\n            <mat-expansion-panel class=\"mat-elevation-z0\">\r\n              <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\r\n                  <span>{{c.title}}</span>\r\n                </mat-panel-title>\r\n              </mat-expansion-panel-header>\r\n              @for (v of c.views; track v) {\r\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\r\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\r\n                  <span matListItemTitle>{{v.title}}</span>\r\n                </mat-list-item>\r\n              }\r\n            </mat-expansion-panel>\r\n          }\r\n        }\r\n      }\r\n      @if (profile.reports.length) {\r\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              <!--<mat-icon>list_alt</mat-icon>-->\r\n              <span>{{'Reports' | translate}}</span>\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          @for (r of profile.reports; track r) {\r\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\r\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\r\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\r\n            </mat-list-item>\r\n          }\r\n        </mat-expansion-panel>\r\n      }\r\n      <mat-divider></mat-divider>\r\n      <mat-list-item role=\"listitem\" data-help=\"options\"\r\n        (click)=\"options($event)\">\r\n        <mat-icon matListItemIcon>settingson</mat-icon>\r\n        <span matListItemTitle>{{'Settings' | translate}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\r\n        <mat-icon matListItemIcon>logout</mat-icon>\r\n        <span matListItemTitle>{{'Power' | translate}}</span>\r\n      </mat-list-item>\r\n    </mat-nav-list>\r\n  </mat-sidenav>\r\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\r\n    @switch (mode) {\r\n      @case ('chat') {\r\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\r\n      }\r\n      @case ('notifications') {\r\n        <bizdoc-notifications-table></bizdoc-notifications-table>\r\n      }\r\n    }\r\n  </mat-sidenav>\r\n  <mat-sidenav-content data-help=\"main\">\r\n    <router-outlet></router-outlet>\r\n  </mat-sidenav-content>\r\n</mat-sidenav-container>\r\n@if (composeEnabled) {\r\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\r\n}\r\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i12.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i6$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i7.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i2$5.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i6$4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NotificationsTableComponent, selector: "bizdoc-notifications-table" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: ChatMobileComponent, selector: "bizdoc-chat", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [fabAnimation] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: HomeMobileComponent, isStandalone: false, selector: "bizdoc-mobile-home", viewQueries: [{ propertyName: "menuDrawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "secondaryDrawer", first: true, predicate: ["secondaryDrawer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\r\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\r\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\r\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\r\n  </div>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"notifs($event)\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\">\r\n  <mat-icon [matBadge]=\"profile.messagesCount\" [matBadgeHidden]=\"!profile.messagesCount\"\r\n            matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\r\n  @if (chatEnabled) {\r\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\r\n  }\r\n</mat-toolbar>\r\n<mat-sidenav-container autosize>\r\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\r\n    <mat-nav-list class=\"nav-menu-mobile\">\r\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\r\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\r\n      </mat-list-item>\r\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\r\n        <mat-expansion-panel-header>\r\n          <mat-panel-title>\r\n            <!--<mat-icon>inbox</mat-icon>-->\r\n            <span>{{'Mailbox' | translate}}</span>\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        @for (f of profile.folders; track f) {\r\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\r\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\r\n            <span matListItemTitle>{{f.title}}</span>\r\n          </mat-list-item>\r\n        }\r\n      </mat-expansion-panel>\r\n      @if (schedulerEnabled) {\r\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\r\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\r\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\r\n        </mat-list-item>\r\n      }\r\n      <mat-divider></mat-divider>\r\n      @if (enableAnalysis) {\r\n        @for (c of profile.cubes; track c) {\r\n          @if (c.views.length) {\r\n            <mat-expansion-panel class=\"mat-elevation-z0\">\r\n              <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\r\n                  <span>{{c.title}}</span>\r\n                </mat-panel-title>\r\n              </mat-expansion-panel-header>\r\n              @for (v of c.views; track v) {\r\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\r\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\r\n                  <span matListItemTitle>{{v.title}}</span>\r\n                </mat-list-item>\r\n              }\r\n            </mat-expansion-panel>\r\n          }\r\n        }\r\n      }\r\n      @if (profile.reports.length) {\r\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              <!--<mat-icon>list_alt</mat-icon>-->\r\n              <span>{{'Reports' | translate}}</span>\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          @for (r of profile.reports; track r) {\r\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\r\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\r\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\r\n            </mat-list-item>\r\n          }\r\n        </mat-expansion-panel>\r\n      }\r\n      <mat-divider></mat-divider>\r\n      <mat-list-item role=\"listitem\" data-help=\"options\"\r\n        (click)=\"options($event)\">\r\n        <mat-icon matListItemIcon>settingson</mat-icon>\r\n        <span matListItemTitle>{{'Settings' | translate}}</span>\r\n      </mat-list-item>\r\n      <mat-divider></mat-divider>\r\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\r\n        <mat-icon matListItemIcon>logout</mat-icon>\r\n        <span matListItemTitle>{{'Power' | translate}}</span>\r\n      </mat-list-item>\r\n    </mat-nav-list>\r\n  </mat-sidenav>\r\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\r\n    @switch (mode) {\r\n      @case ('chat') {\r\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\r\n      }\r\n      @case ('notifications') {\r\n        <bizdoc-notifications-table></bizdoc-notifications-table>\r\n      }\r\n    }\r\n  </mat-sidenav>\r\n  <mat-sidenav-content data-help=\"main\">\r\n    <router-outlet></router-outlet>\r\n  </mat-sidenav-content>\r\n</mat-sidenav-container>\r\n@if (composeEnabled) {\r\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\r\n}\r\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i12.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i6$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i7.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i2$5.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i6$5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NotificationsTableComponent, selector: "bizdoc-notifications-table" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: ChatMobileComponent, selector: "bizdoc-chat", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [fabAnimation] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: HomeMobileComponent, decorators: [{
             type: Component,
@@ -21980,7 +21983,7 @@ class BrowseMobileComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: BrowseMobileComponent, deps: [{ token: i1$1.Router }, { token: WindowTitleService }, { token: SessionService }, { token: i1$1.ActivatedRoute }, { token: i7$2.Directionality }, { token: i2$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: BrowseMobileComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "items", first: true, predicate: BrowseItemsComponent, descendants: true, static: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"items.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\" [attr.aria-label]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  @if (items.isAllDraft()) {\r\n    <button mat-icon-button (click)=\"items.discardAll()\" [bizdocTooltip]=\"'DiscardSelected' | translate : items.selection.selected.length\" [attr.aria-label]=\"'DiscardSelected' | translate : items.selection.selected.length\"><mat-icon>delete_sweep</mat-icon></button>\r\n    <button mat-button color=\"primary\" class=\"hide-xs\" (click)=\"items.submitAll()\">{{'SubmitSelected' | translate : items.selection.selected.length }}</button>\r\n  <!--  <span class=\"mat-body show-xs\">{{items.selection.selected.length}}</span>-->\r\n    <button mat-icon-button color=\"primary\" (click)=\"items.submitAll()\" [bizdocTooltip]=\"'Submit' | translate\" [attr.aria-label]=\"'Submit' | translate\" class=\"show-xs\"><mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon></button>\r\n  }\r\n  @if (items.sharedActions.length === 1) {\r\n    <button mat-button color=\"primary\" (click)=\"sendAll(items.sharedActions[0].name)\" [bizdocTooltip]=\"items.sharedActions[0].title\">@if (items.sharedActions[0].icon) {\r\n      <mat-icon>{{items.sharedActions[0].icon}}</mat-icon>\r\n    }{{'SendSelected' | translate : items.selection.selected.length}}</button>\r\n  }\r\n  @else if (items.sharedActions.length > 1) {\r\n    <button mat-button color=\"primary\" [matMenuTriggerFor]=\"action\" [bizdocTooltip]=\"'Send' | translate\" [attr.aria-label]=\"'Send' | translate\">\r\n      {{'SendSelected'| translate : items.selection.selected.length }}\r\n    </button>\r\n  }\r\n  <mat-menu #action>\r\n    @for (a of items.sharedActions | sort : 'group'; track a; let i = $index) {\r\n      @if (i > 0 && items.sharedActions[i-1].group !== a.group) {\r\n        <mat-divider>\r\n        </mat-divider>\r\n      }\r\n      <button mat-menu-item (click)=\"sendAll(a.name)\" [attr.aria-label]=\"a.title\">\r\n        {{ a.title }}\r\n      </button>\r\n    }\r\n  </mat-menu>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button class=\"hide-xs\" (click)=\"items.paginator.previousPage()\" [bizdocTooltip]=\"'PrevPage' | translate\" [attr.aria-label]=\"'PrevPage' | translate\" [disabled]=\"!items.paginator.hasPreviousPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\r\n  <button mat-icon-button class=\"hide-xs\" (click)=\"items.paginator.nextPage()\" [bizdocTooltip]=\"'NextPage' | translate\" [attr.aria-label]=\"'NextPage' | translate\" [disabled]=\"!items.paginator.hasNextPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>\r\n  <button mat-icon-button (click)=\"drawer.toggle()\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter' | translate\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\" autosize>\r\n  <mat-sidenav #drawer mode=\"over\" position=\"end\" [opened]=\"false\">\r\n    @switch (mode) {\r\n      @default {\r\n        <bizdoc-browse-filter class=\"nav-filter\" [values]=filters (valuesChange)=\"filterChange($event)\" [folderId]=\"folderId\"></bizdoc-browse-filter>\r\n      }\r\n    }\r\n  </mat-sidenav>\r\n  <mat-sidenav-content>\r\n    <bizdoc-browse-items [filters]=\"filters\" [folderId]=\"folderId\" [filterType]=\"filterType\" (open)=\"open($event)\" (insights)=insights($event) #items></bizdoc-browse-items>\r\n  </mat-sidenav-content>\r\n</mat-sidenav-container>\r\n", styles: [".nav-filter{padding:8px;display:flex}\n"], dependencies: [{ kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: BrowseFilterComponent, selector: "bizdoc-browse-filter", inputs: ["values", "folderId", "exclude"], outputs: ["valuesChange"] }, { kind: "component", type: BrowseItemsComponent, selector: "bizdoc-browse-items", inputs: ["folderId", "filterType", "filters"], outputs: ["open", "insights"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: BrowseMobileComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "items", first: true, predicate: BrowseItemsComponent, descendants: true, static: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  <button mat-icon-button (click)=\"items.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\" [attr.aria-label]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  @if (items.isAllDraft()) {\r\n    <button mat-icon-button (click)=\"items.discardAll()\" [bizdocTooltip]=\"'DiscardSelected' | translate : items.selection.selected.length\" [attr.aria-label]=\"'DiscardSelected' | translate : items.selection.selected.length\"><mat-icon>delete_sweep</mat-icon></button>\r\n    <button mat-button color=\"primary\" class=\"hide-xs\" (click)=\"items.submitAll()\">{{'SubmitSelected' | translate : items.selection.selected.length }}</button>\r\n  <!--  <span class=\"mat-body show-xs\">{{items.selection.selected.length}}</span>-->\r\n    <button mat-icon-button color=\"primary\" (click)=\"items.submitAll()\" [bizdocTooltip]=\"'Submit' | translate\" [attr.aria-label]=\"'Submit' | translate\" class=\"show-xs\"><mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon></button>\r\n  }\r\n  @if (items.sharedActions.length === 1) {\r\n    <button mat-button color=\"primary\" (click)=\"sendAll(items.sharedActions[0].name)\" [bizdocTooltip]=\"items.sharedActions[0].title\">@if (items.sharedActions[0].icon) {\r\n      <mat-icon>{{items.sharedActions[0].icon}}</mat-icon>\r\n    }{{'SendSelected' | translate : items.selection.selected.length}}</button>\r\n  }\r\n  @else if (items.sharedActions.length > 1) {\r\n    <button mat-button color=\"primary\" [matMenuTriggerFor]=\"action\" [bizdocTooltip]=\"'Send' | translate\" [attr.aria-label]=\"'Send' | translate\">\r\n      {{'SendSelected'| translate : items.selection.selected.length }}\r\n    </button>\r\n  }\r\n  <mat-menu #action>\r\n    @for (a of items.sharedActions | sort : 'group'; track a; let i = $index) {\r\n      @if (i > 0 && items.sharedActions[i-1].group !== a.group) {\r\n        <mat-divider>\r\n        </mat-divider>\r\n      }\r\n      <button mat-menu-item (click)=\"sendAll(a.name)\" [attr.aria-label]=\"a.title\">\r\n        {{ a.title }}\r\n      </button>\r\n    }\r\n  </mat-menu>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button class=\"hide-xs\" (click)=\"items.paginator.previousPage()\" [bizdocTooltip]=\"'PrevPage' | translate\" [attr.aria-label]=\"'PrevPage' | translate\" [disabled]=\"!items.paginator.hasPreviousPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\r\n  <button mat-icon-button class=\"hide-xs\" (click)=\"items.paginator.nextPage()\" [bizdocTooltip]=\"'NextPage' | translate\" [attr.aria-label]=\"'NextPage' | translate\" [disabled]=\"!items.paginator.hasNextPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>\r\n  <button mat-icon-button (click)=\"drawer.toggle()\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter' | translate\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\" autosize>\r\n  <mat-sidenav #drawer mode=\"over\" position=\"end\" [opened]=\"false\">\r\n    @switch (mode) {\r\n      @default {\r\n        <bizdoc-browse-filter class=\"nav-filter\" [values]=filters (valuesChange)=\"filterChange($event)\" [folderId]=\"folderId\"></bizdoc-browse-filter>\r\n      }\r\n    }\r\n  </mat-sidenav>\r\n  <mat-sidenav-content>\r\n    <bizdoc-browse-items [filters]=\"filters\" [folderId]=\"folderId\" [filterType]=\"filterType\" (open)=\"open($event)\" (insights)=insights($event) #items></bizdoc-browse-items>\r\n  </mat-sidenav-content>\r\n</mat-sidenav-container>\r\n", styles: [".nav-filter{padding:8px;display:flex}\n"], dependencies: [{ kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: BrowseFilterComponent, selector: "bizdoc-browse-filter", inputs: ["values", "folderId", "exclude"], outputs: ["valuesChange"] }, { kind: "component", type: BrowseItemsComponent, selector: "bizdoc-browse-items", inputs: ["folderId", "filterType", "filters"], outputs: ["open", "insights"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: BrowseMobileComponent, decorators: [{
             type: Component,
@@ -22066,7 +22069,7 @@ class ComposeMobileComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ComposeMobileComponent, deps: [{ token: WindowTitleService }, { token: SessionService }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ComposeMobileComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "comments", first: true, predicate: CommentsComponent, descendants: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  @if (page !== undefined) {\r\n  <button mat-icon-button (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon>\r\n  </button>\r\n  }\r\n  @if (model.draft) {\r\n  <button mat-icon-button color=\"primary\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Submit' | translate\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\r\n  </button>\r\n  }\r\n  @if (form.actions.length === 1) {\r\n  <button mat-icon-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"form.actions[0].title\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">{{form.actions[0].icon || 'send'}}</mat-icon>\r\n  </button>\r\n  }\r\n  @else if (form.actions.length > 1) {\r\n  <button mat-icon-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionmenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\r\n  </button>\r\n  }\r\n  <!-- action -->\r\n  <mat-menu #actionmenu>\r\n    @for (a of form.actions | sort : 'group'; track a; let i = $index) {\r\n    @if (i > 0 && form.actions[i-1].group !== a.group) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\r\n    }\r\n  </mat-menu>\r\n  @if (mode === 'compose') {\r\n  <button mat-icon-button (click)=\"form.save().subscribe()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"(model.draft ? 'SaveDraft' : 'Save') | translate\">\r\n    <mat-icon>save</mat-icon>\r\n  </button>\r\n  }\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</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.filled]=\"model.flag\">star</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  @if (mode !== 'compose' && !model.completed && model.pending) {\r\n  <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\r\n  }\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"toggle('comments')\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon class=\"filled\">format_quote</mat-icon>\r\n  </button>\r\n  @if (enableInsights) {\r\n  <button mat-icon-button (click)=\"toggle('insights')\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insight' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  }\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      @if (model.draft && !model.issued) {\r\n      <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\r\n        <!--<mat-icon>delete_outlined</mat-icon>-->\r\n        <span>{{'Discard' | translate}}</span>\r\n      </button>\r\n      }\r\n      @if (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      }\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\">\r\n  <mat-sidenav-content>\r\n    <bizdoc-form [model]=model #form (validChange)=\"valid=$event\"\r\n                 (workingChange)=\"working=$event\" [page]=\"page\"\r\n                 (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n  </mat-sidenav-content>\r\n  <mat-sidenav mode=\"over\" position=\"end\" [opened]=\"false\" #drawer autoFocus=\"false\" class=\"side-nav\">\r\n    @switch (viewMode) {\r\n    @case ('insights') {\r\n    <bizdoc-document-insights [model]=\"model\"></bizdoc-document-insights>\r\n    }\r\n    @default {\r\n    <bizdoc-comments [model]=\"model\"></bizdoc-comments>\r\n    }\r\n    }\r\n  </mat-sidenav>\r\n</mat-sidenav-container>\r\n", styles: [".page-container ::ng-deep form{padding:6px}.side-nav{min-width:280px}\n"], dependencies: [{ kind: "directive", type: i7.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: DocumentViewsComponent, selector: "bizdoc-document-insights", inputs: ["model"] }, { kind: "component", type: CommentsComponent, selector: "bizdoc-comments", inputs: ["model"], outputs: ["change"] }, { kind: "component", type: ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "page", "mode", "contacts"], outputs: ["modelChange", "workingChange", "dirtyChange", "validChange", "saved"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ComposeMobileComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "comments", first: true, predicate: CommentsComponent, descendants: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  @if (page !== undefined) {\r\n  <button mat-icon-button (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon>\r\n  </button>\r\n  }\r\n  @if (model.draft) {\r\n  <button mat-icon-button color=\"primary\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Submit' | translate\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\r\n  </button>\r\n  }\r\n  @if (form.actions.length === 1) {\r\n  <button mat-icon-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"form.actions[0].title\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">{{form.actions[0].icon || 'send'}}</mat-icon>\r\n  </button>\r\n  }\r\n  @else if (form.actions.length > 1) {\r\n  <button mat-icon-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionmenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\r\n    <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\r\n  </button>\r\n  }\r\n  <!-- action -->\r\n  <mat-menu #actionmenu>\r\n    @for (a of form.actions | sort : 'group'; track a; let i = $index) {\r\n    @if (i > 0 && form.actions[i-1].group !== a.group) {\r\n    <mat-divider></mat-divider>\r\n    }\r\n    <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\r\n    }\r\n  </mat-menu>\r\n  @if (mode === 'compose') {\r\n  <button mat-icon-button (click)=\"form.save().subscribe()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"(model.draft ? 'SaveDraft' : 'Save') | translate\">\r\n    <mat-icon>save</mat-icon>\r\n  </button>\r\n  }\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</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.filled]=\"model.flag\">star</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  @if (mode !== 'compose' && !model.completed && model.pending) {\r\n  <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\r\n  }\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"toggle('comments')\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon class=\"filled\">format_quote</mat-icon>\r\n  </button>\r\n  @if (enableInsights) {\r\n  <button mat-icon-button (click)=\"toggle('insights')\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insight' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  }\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      @if (model.draft && !model.issued) {\r\n      <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\r\n        <!--<mat-icon>delete_outlined</mat-icon>-->\r\n        <span>{{'Discard' | translate}}</span>\r\n      </button>\r\n      }\r\n      @if (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      }\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\">\r\n  <mat-sidenav-content>\r\n    <bizdoc-form [model]=model #form (validChange)=\"valid=$event\"\r\n                 (workingChange)=\"working=$event\" [page]=\"page\"\r\n                 (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n  </mat-sidenav-content>\r\n  <mat-sidenav mode=\"over\" position=\"end\" [opened]=\"false\" #drawer autoFocus=\"false\" class=\"side-nav\">\r\n    @switch (viewMode) {\r\n    @case ('insights') {\r\n    <bizdoc-document-insights [model]=\"model\"></bizdoc-document-insights>\r\n    }\r\n    @default {\r\n    <bizdoc-comments [model]=\"model\"></bizdoc-comments>\r\n    }\r\n    }\r\n  </mat-sidenav>\r\n</mat-sidenav-container>\r\n", styles: [".page-container ::ng-deep form{padding:6px}.side-nav{min-width:280px}\n"], dependencies: [{ kind: "directive", type: i7.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: DocumentViewsComponent, selector: "bizdoc-document-insights", inputs: ["model"] }, { kind: "component", type: CommentsComponent, selector: "bizdoc-comments", inputs: ["model"], outputs: ["change"] }, { kind: "component", type: ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "page", "mode", "contacts"], outputs: ["modelChange", "workingChange", "dirtyChange", "validChange", "saved"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ComposeMobileComponent, decorators: [{
             type: Component,
@@ -22198,7 +22201,7 @@ class ReportMobileComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ReportMobileComponent, deps: [{ token: WindowTitleService }, { token: i1$1.ActivatedRoute }, { token: SessionService }, { token: i0.ChangeDetectorRef }, { token: PromptService }, { token: GuideService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ReportMobileComponent, isStandalone: false, selector: "bizdoc-report", viewQueries: [{ propertyName: "filter", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "viewer", first: true, predicate: ReportViewerComponent, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"viewer.execute()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"viewer.exportExcel()\" bizdocTooltip=\"{{'Download' | translate}}\"><mat-icon>save_alt</mat-icon></button>\r\n  @if (report.guide) {\r\n    <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n  }\r\n  @if (hasFilters) {\r\n    <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  }\r\n  @if (hasFilters) {\r\n    <button mat-icon-button (click)=\"filter($event)\" bizdocTooltip=\"{{'Filter' | translate}}\"><mat-icon [class.filled]=\"anyFilters\">filter_list</mat-icon></button>\r\n  }\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\">\r\n  <mat-sidenav-content>\r\n    <bizdoc-report-viewer [report]=\"report\" [args]=\"args\"></bizdoc-report-viewer>\r\n  </mat-sidenav-content>\r\n  <mat-sidenav mode=\"over\" opened=\"false\" #filter position=\"end\">\r\n    @if (viewer.reportRef) {\r\n      <bizdoc-report-arguments [args]=\"args\" (argsChange)=\"argsChange($event)\" [reportRef]=\"viewer.reportRef\"\r\n      [template]=\"report.argumentsTemplate\" [arguments]=\"report.arguments\"></bizdoc-report-arguments>\r\n    }\r\n  </mat-sidenav>\r\n</mat-sidenav-container>\r\n", styles: [".contents{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i6$4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ReportViewerComponent, selector: "bizdoc-report-viewer", inputs: ["report", "args"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: ReportArgumentsComponent, selector: "bizdoc-report-arguments", inputs: ["reportRef", "template", "arguments", "args"], outputs: ["argsChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ReportMobileComponent, isStandalone: false, selector: "bizdoc-report", viewQueries: [{ propertyName: "filter", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "viewer", first: true, predicate: ReportViewerComponent, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"viewer.execute()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"viewer.exportExcel()\" bizdocTooltip=\"{{'Download' | translate}}\"><mat-icon>save_alt</mat-icon></button>\r\n  @if (report.guide) {\r\n    <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n  }\r\n  @if (hasFilters) {\r\n    <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  }\r\n  @if (hasFilters) {\r\n    <button mat-icon-button (click)=\"filter($event)\" bizdocTooltip=\"{{'Filter' | translate}}\"><mat-icon [class.filled]=\"anyFilters\">filter_list</mat-icon></button>\r\n  }\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\">\r\n  <mat-sidenav-content>\r\n    <bizdoc-report-viewer [report]=\"report\" [args]=\"args\"></bizdoc-report-viewer>\r\n  </mat-sidenav-content>\r\n  <mat-sidenav mode=\"over\" opened=\"false\" #filter position=\"end\">\r\n    @if (viewer.reportRef) {\r\n      <bizdoc-report-arguments [args]=\"args\" (argsChange)=\"argsChange($event)\" [reportRef]=\"viewer.reportRef\"\r\n      [template]=\"report.argumentsTemplate\" [arguments]=\"report.arguments\"></bizdoc-report-arguments>\r\n    }\r\n  </mat-sidenav>\r\n</mat-sidenav-container>\r\n", styles: [".contents{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i6$5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ReportViewerComponent, selector: "bizdoc-report-viewer", inputs: ["report", "args"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: ReportArgumentsComponent, selector: "bizdoc-report-arguments", inputs: ["reportRef", "template", "arguments", "args"], outputs: ["argsChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ReportMobileComponent, decorators: [{
             type: Component,
@@ -22288,7 +22291,7 @@ class CubeMobileViewComponent extends ViewBase {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CubeMobileViewComponent, deps: [{ token: SessionService }, { token: RouterImpl }, { token: CubeService }, { token: GuideService }, { token: PromptService }, { token: WindowTitleService }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CubeMobileViewComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "viewPane", first: true, predicate: CubeViewComponent, descendants: true, static: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "explorePane", first: true, predicate: ExploreItemsComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  @if (view.guide) {\r\n    <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n  }\r\n  <button mat-icon-button (click)=\"viewPane.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"pmenu\" [bizdocTooltip]=\"'Patterns' | translate\" [disabled]=\"!patterns?.length\" data-help=\"pattern\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #pmenu>\r\n    @for (p of patterns; track p) {\r\n      <button mat-menu-item (click)=\"patternChange(p)\">\r\n        <span>{{p.title}}</span>\r\n      </button>\r\n    }\r\n  </mat-menu>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" [bizdocTooltip]=\"'Download' | translate\" data-help=\"download\"><mat-icon>save_alt</mat-icon></button>\r\n  <mat-menu #menu>\r\n    <button mat-menu-item (click)=\"viewPane.exportToExcel()\">{{'DownloadExcel' | translate}}</button>\r\n    @if (mode === 'explore') {\r\n      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"explorePane.exportExcel()\">{{'DownloadExplore' | translate}}</button>\r\n    }\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  <button mat-icon-button (click)=\"toggleFilter()\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\" autosize>\r\n  <mat-sidenav mode=\"over\" position=\"end\" [opened]=\"false\">\r\n    @switch (mode) {\r\n      @case ('explore') {\r\n        <bizdoc-cube-explore [cube]=\"cube.name\" [index]=\"exploreIndex\" [axes]=exploreAxes\r\n        (explore)=\"exploreItem($event)\" #explorePane [pageSize]=1000 (loadingChange)=\"loading = $event\"></bizdoc-cube-explore>\r\n      }\r\n      @case ('item') {\r\n        <bizdoc-cube-item [template]=\"template\" [model]=\"item\"></bizdoc-cube-item>\r\n      }\r\n      @default {\r\n        <bizdoc-cube-filter [cube]=\"cube.name\" [axes]=\"axes\" [exclude]=\"exclude\" (axesChange)=\"filterChange($event)\"></bizdoc-cube-filter>\r\n      }\r\n    }\r\n  </mat-sidenav>\r\n  <mat-sidenav-content>\r\n    <bizdoc-cube-view [filters]=\"axes\" #viewPane\r\n      (explore)=\"explore($event)\"\r\n      [cube]=\"cube\"\r\n      [view]=\"view\"\r\n    [(loading)]=\"loading\"></bizdoc-cube-view>\r\n  </mat-sidenav-content>\r\n</mat-sidenav-container>\r\n", styles: [":host ::ng-deep .mat-sidenav-container .mat-sidenav-content{overflow:hidden;max-width:95%}:host ::ng-deep .e-pivot-context-menu{display:none}\n"], dependencies: [{ kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: ExploreItemImplComponent, selector: "bizdoc-cube-item", inputs: ["template", "model"] }, { kind: "component", type: CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes", "autofocus"], outputs: ["axesChange"] }, { kind: "component", type: CubeViewComponent, selector: "bizdoc-cube-view", inputs: ["filters", "cube", "view", "loading"], outputs: ["explore", "loadingChange"] }, { kind: "component", type: ExploreItemsComponent, selector: "bizdoc-cube-explore", inputs: ["pageSize", "cube", "index", "scope", "axes", "loading"], outputs: ["explore", "load", "loadingChange"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CubeMobileViewComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "viewPane", first: true, predicate: CubeViewComponent, descendants: true, static: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "explorePane", first: true, predicate: ExploreItemsComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  @if (view.guide) {\r\n    <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n  }\r\n  <button mat-icon-button (click)=\"viewPane.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"pmenu\" [bizdocTooltip]=\"'Patterns' | translate\" [disabled]=\"!patterns?.length\" data-help=\"pattern\"><mat-icon [class.filled]=\"pattern\">filter_alt</mat-icon></button>\r\n  <mat-menu #pmenu>\r\n    @for (p of patterns; track p) {\r\n      <button mat-menu-item (click)=\"patternChange(p)\">\r\n        <span>{{p.title}}</span>\r\n      </button>\r\n    }\r\n  </mat-menu>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" [bizdocTooltip]=\"'Download' | translate\" data-help=\"download\"><mat-icon>save_alt</mat-icon></button>\r\n  <mat-menu #menu>\r\n    <button mat-menu-item (click)=\"viewPane.exportToExcel()\">{{'DownloadExcel' | translate}}</button>\r\n    @if (mode === 'explore') {\r\n      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"explorePane.exportExcel()\">{{'DownloadExplore' | translate}}</button>\r\n    }\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"clearFilter()\" [bizdocTooltip]=\"'Clear' | translate\" [disabled]=\"!anyFilters\"><mat-icon>clear_all</mat-icon></button>\r\n  <button mat-icon-button (click)=\"toggleFilter()\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<mat-sidenav-container class=\"page-container\" autosize>\r\n  <mat-sidenav mode=\"over\" position=\"end\" [opened]=\"false\">\r\n    @switch (mode) {\r\n      @case ('explore') {\r\n        <bizdoc-cube-explore [cube]=\"cube.name\" [index]=\"exploreIndex\" [axes]=exploreAxes\r\n        (explore)=\"exploreItem($event)\" #explorePane [pageSize]=1000 (loadingChange)=\"loading = $event\"></bizdoc-cube-explore>\r\n      }\r\n      @case ('item') {\r\n        <bizdoc-cube-item [template]=\"template\" [model]=\"item\"></bizdoc-cube-item>\r\n      }\r\n      @default {\r\n        <bizdoc-cube-filter [cube]=\"cube.name\" [axes]=\"axes\" [exclude]=\"exclude\" (axesChange)=\"filterChange($event)\"></bizdoc-cube-filter>\r\n      }\r\n    }\r\n  </mat-sidenav>\r\n  <mat-sidenav-content>\r\n    <bizdoc-cube-view [filters]=\"axes\" #viewPane\r\n      (explore)=\"explore($event)\"\r\n      [cube]=\"cube\"\r\n      [view]=\"view\"\r\n    [(loading)]=\"loading\"></bizdoc-cube-view>\r\n  </mat-sidenav-content>\r\n</mat-sidenav-container>\r\n", styles: [":host ::ng-deep .mat-sidenav-container .mat-sidenav-content{overflow:hidden;max-width:95%}:host ::ng-deep .e-pivot-context-menu{display:none}\n"], dependencies: [{ kind: "component", type: i7$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: ExploreItemImplComponent, selector: "bizdoc-cube-item", inputs: ["template", "model"] }, { kind: "component", type: CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes", "autofocus"], outputs: ["axesChange"] }, { kind: "component", type: CubeViewComponent, selector: "bizdoc-cube-view", inputs: ["filters", "cube", "view", "loading"], outputs: ["explore", "loadingChange"] }, { kind: "component", type: ExploreItemsComponent, selector: "bizdoc-cube-explore", inputs: ["pageSize", "cube", "index", "scope", "axes", "loading"], outputs: ["explore", "load", "loadingChange"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CubeMobileViewComponent, decorators: [{
             type: Component,
@@ -25945,7 +25948,7 @@ class CubeDocumentsGridComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CubeDocumentsGridComponent, deps: [{ token: ReportRef }, { token: DocumentInfo }, { token: SessionService }, { token: AccountService }, { token: CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: CubeDocumentsGridComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "<ejs-grid [dataSource]=\"dataSource\" (rowSelected)=\"rowSelected($event)\"\r\n          [pageSettings]=pageSettings\r\n          [allowPaging]=false\r\n          [enableHover]=false\r\n          [enableAdaptiveUI]=true\r\n          [enableStickyHeader]=true\r\n          [allowExcelExport]=true\r\n          [height]=height\r\n          [allowGrouping]=true\r\n          [allowSorting]=true\r\n          [groupSettings]=groupSettings>\r\n  <e-columns>\r\n    <e-column field=\"number\" [headerText]=\"'Number'|translate\"></e-column>\r\n    <e-column field=\"subject\" [headerText]=\"'Subject'|translate\"></e-column>\r\n    <e-column field=\"stateId\" [headerText]=\"'Status'|translate\">\r\n      <ng-template #template let-data>{{data.stateId | state}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"date\" [headerText]=\"'Date'|translate\">\r\n      <ng-template #template let-data>{{data.date | amDateFormat: 'lll'}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"formId\" [headerText]=\"'Form'|translate\">\r\n      <ng-template #template let-data>{{data.formId | form}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"userName\" [headerText]=\"'Name'|translate\">\r\n    </e-column>\r\n    <!--<e-column *ngFor=\"let a of cube.axes\" [field]=\"a.name\" [headerText]=\"a.title|translate\">\r\n    </e-column>-->\r\n    <e-column field=\"total\" [headerText]=\"'Value'|translate\" textAlign=\"Right\" [format]=\"valueFormat\">\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n", dependencies: [{ kind: "directive", type: i6$5.ColumnDirective, selector: "ejs-gantt>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowReordering", "allowResizing", "allowSorting", "clipMode", "customAttributes", "disableHtmlEncode", "displayAsCheckBox", "edit", "editType", "field", "filter", "format", "formatter", "headerTemplate", "headerText", "headerTextAlign", "hideAtMedia", "isPrimaryKey", "maxWidth", "minWidth", "sortComparer", "template", "textAlign", "type", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i6$5.ColumnsDirective, selector: "ejs-gantt>e-columns" }, { kind: "directive", type: i6$6.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i6$6.ColumnsDirective, selector: "ejs-chart>e-columns" }, { kind: "component", type: i8$3.GridComponent, selector: "ejs-grid", inputs: ["adaptiveUIMode", "aggregates", "allowExcelExport", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "autoFit", "childGrid", "clipMode", "columnChooserSettings", "columnMenuItems", "columnQueryMode", "columns", "contextMenuItems", "cssClass", "currencyCode", "currentAction", "currentViewData", "dataSource", "detailTemplate", "editSettings", "ej2StatePersistenceVersion", "emptyRecordTemplate", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableInfiniteScrolling", "enablePersistence", "enableRtl", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualization", "exportGrids", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollSettings", "loadingIndicator", "locale", "pageSettings", "pagerTemplate", "parentDetails", "printMode", "query", "queryString", "resizeSettings", "rowDropSettings", "rowHeight", "rowRenderingMode", "rowTemplate", "searchSettings", "selectedRowIndex", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortSettings", "textWrapSettings", "toolbar", "toolbarTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeDetailTemplateDetach", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exportDetailTemplate", "exportGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick", "dataSourceChange"] }, { kind: "directive", type: i8$3.ColumnDirective, selector: "ejs-grid>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowGrouping", "allowReordering", "allowResizing", "allowSearching", "allowSorting", "autoFit", "clipMode", "columns", "commands", "customAttributes", "dataSource", "defaultValue", "disableHtmlEncode", "displayAsCheckBox", "edit", "editTemplate", "editType", "enableGroupByFormat", "field", "filter", "filterBarTemplate", "filterTemplate", "foreignKeyField", "foreignKeyValue", "format", "formatter", "freeze", "headerTemplate", "headerText", "headerTextAlign", "headerValueAccessor", "hideAtMedia", "index", "isFrozen", "isIdentity", "isPrimaryKey", "lockColumn", "maxWidth", "minWidth", "showColumnMenu", "showInColumnChooser", "sortComparer", "template", "templateOptions", "textAlign", "type", "uid", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i8$3.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i8$3.AggregateColumnDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", inputs: ["columnName", "customAggregate", "field", "footerTemplate", "format", "groupCaptionTemplate", "groupFooterTemplate", "type"] }, { kind: "directive", type: i8$3.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i9$2.ColumnDirective, selector: "e-columns>e-column", inputs: ["customWidth", "format", "hidden", "index", "isLocked", "isReadOnly", "validation", "width"] }, { kind: "directive", type: i9$2.ColumnsDirective, selector: "e-sheet>e-columns" }, { kind: "directive", type: i10$1.ColumnDirective, selector: "e-columns>e-column", inputs: ["allowDrag", "allowDrop", "allowToggle", "headerText", "isExpanded", "keyField", "maxCount", "minCount", "showAddButton", "showItemCount", "template", "transitionColumns"] }, { kind: "directive", type: i10$1.ColumnsDirective, selector: "ejs-kanban>e-columns" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }, { kind: "pipe", type: FormPipe, name: "form" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: CubeDocumentsGridComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "<ejs-grid [dataSource]=\"dataSource\" (rowSelected)=\"rowSelected($event)\"\r\n          [pageSettings]=pageSettings\r\n          [allowPaging]=false\r\n          [enableHover]=false\r\n          [enableAdaptiveUI]=true\r\n          [enableStickyHeader]=true\r\n          [allowExcelExport]=true\r\n          [height]=height\r\n          [allowGrouping]=true\r\n          [allowSorting]=true\r\n          [groupSettings]=groupSettings>\r\n  <e-columns>\r\n    <e-column field=\"number\" [headerText]=\"'Number'|translate\"></e-column>\r\n    <e-column field=\"subject\" [headerText]=\"'Subject'|translate\"></e-column>\r\n    <e-column field=\"stateId\" [headerText]=\"'Status'|translate\">\r\n      <ng-template #template let-data>{{data.stateId | state}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"date\" [headerText]=\"'Date'|translate\">\r\n      <ng-template #template let-data>{{data.date | amDateFormat: 'lll'}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"formId\" [headerText]=\"'Form'|translate\">\r\n      <ng-template #template let-data>{{data.formId | form}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"userName\" [headerText]=\"'Name'|translate\">\r\n    </e-column>\r\n    <!--<e-column *ngFor=\"let a of cube.axes\" [field]=\"a.name\" [headerText]=\"a.title|translate\">\r\n    </e-column>-->\r\n    <e-column field=\"total\" [headerText]=\"'Value'|translate\" textAlign=\"Right\" [format]=\"valueFormat\">\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n", dependencies: [{ kind: "directive", type: i6$6.ColumnDirective, selector: "ejs-gantt>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowReordering", "allowResizing", "allowSorting", "clipMode", "customAttributes", "disableHtmlEncode", "displayAsCheckBox", "edit", "editType", "field", "filter", "format", "formatter", "headerTemplate", "headerText", "headerTextAlign", "hideAtMedia", "isPrimaryKey", "maxWidth", "minWidth", "sortComparer", "template", "textAlign", "type", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i6$6.ColumnsDirective, selector: "ejs-gantt>e-columns" }, { kind: "directive", type: i6$7.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i6$7.ColumnsDirective, selector: "ejs-chart>e-columns" }, { kind: "component", type: i8$3.GridComponent, selector: "ejs-grid", inputs: ["adaptiveUIMode", "aggregates", "allowExcelExport", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "autoFit", "childGrid", "clipMode", "columnChooserSettings", "columnMenuItems", "columnQueryMode", "columns", "contextMenuItems", "cssClass", "currencyCode", "currentAction", "currentViewData", "dataSource", "detailTemplate", "editSettings", "ej2StatePersistenceVersion", "emptyRecordTemplate", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableInfiniteScrolling", "enablePersistence", "enableRtl", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualization", "exportGrids", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollSettings", "loadingIndicator", "locale", "pageSettings", "pagerTemplate", "parentDetails", "printMode", "query", "queryString", "resizeSettings", "rowDropSettings", "rowHeight", "rowRenderingMode", "rowTemplate", "searchSettings", "selectedRowIndex", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortSettings", "textWrapSettings", "toolbar", "toolbarTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeDetailTemplateDetach", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exportDetailTemplate", "exportGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick", "dataSourceChange"] }, { kind: "directive", type: i8$3.ColumnDirective, selector: "ejs-grid>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowGrouping", "allowReordering", "allowResizing", "allowSearching", "allowSorting", "autoFit", "clipMode", "columns", "commands", "customAttributes", "dataSource", "defaultValue", "disableHtmlEncode", "displayAsCheckBox", "edit", "editTemplate", "editType", "enableGroupByFormat", "field", "filter", "filterBarTemplate", "filterTemplate", "foreignKeyField", "foreignKeyValue", "format", "formatter", "freeze", "headerTemplate", "headerText", "headerTextAlign", "headerValueAccessor", "hideAtMedia", "index", "isFrozen", "isIdentity", "isPrimaryKey", "lockColumn", "maxWidth", "minWidth", "showColumnMenu", "showInColumnChooser", "sortComparer", "template", "templateOptions", "textAlign", "type", "uid", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i8$3.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i8$3.AggregateColumnDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", inputs: ["columnName", "customAggregate", "field", "footerTemplate", "format", "groupCaptionTemplate", "groupFooterTemplate", "type"] }, { kind: "directive", type: i8$3.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i9$2.ColumnDirective, selector: "e-columns>e-column", inputs: ["customWidth", "format", "hidden", "index", "isLocked", "isReadOnly", "validation", "width"] }, { kind: "directive", type: i9$2.ColumnsDirective, selector: "e-sheet>e-columns" }, { kind: "directive", type: i10$1.ColumnDirective, selector: "e-columns>e-column", inputs: ["allowDrag", "allowDrop", "allowToggle", "headerText", "isExpanded", "keyField", "maxCount", "minCount", "showAddButton", "showItemCount", "template", "transitionColumns"] }, { kind: "directive", type: i10$1.ColumnsDirective, selector: "ejs-kanban>e-columns" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }, { kind: "pipe", type: FormPipe, name: "form" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CubeDocumentsGridComponent, decorators: [{
             type: Component,
@@ -29711,7 +29714,7 @@ class CubeParallelComponent {
         this._loading.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CubeParallelComponent, deps: [{ token: PromptService }, { token: CubeService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CubeParallelComponent, isStandalone: false, selector: "bizdoc-cube-parallel", inputs: { filters: "filters", xAxis: "xAxis", series: "series", indices: "indices", cube: "cube", size: "size", chartType: "chartType", scope: "scope", palettes: "palettes" }, outputs: { onExplore: "explore" }, usesOnChanges: true, ngImport: i0, template: "@if (items.length) {\r\n<div class=\"row\">\r\n  @for (s of items; track s) {\r\n  <div class=\"element\">\r\n    <ejs-sparkline [width]='width' height='100px'\r\n                   [type]='s.chartType'\r\n                   [id]=\"s.data.name\"\r\n                   [dataSource]=\"s.data.points\"\r\n                   xName=\"name\"\r\n                   yName=\"y\"\r\n                   [palette]=\"s.palette\"\r\n                   [format]=\"format\"\r\n                   valueType=\"Category\"\r\n                   [enableRtl]=\"enableRtl\"\r\n                   [border]=\"s.border\"\r\n                   [fill]=\"s.fill\"\r\n                   [theme]=\"theme\"\r\n                   [axisSettings]=\"axisSettings\"\r\n                   [markerSettings]=\"s.markerSettings\"\r\n                   (pointRegionMouseClick)=\"sprklineClick(s, $event)\"\r\n                   [tooltipSettings]=\"s.tooltipSettings\">\r\n    </ejs-sparkline>\r\n    <h4 class=\"mat-h4\">{{s.data.title}}</h4>\r\n  </div>\r\n  }\r\n</div>\r\n}\r\n", styles: [":host{padding:8px}.element{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: i6$6.SparklineComponent, selector: "ejs-sparkline", inputs: ["axisSettings", "border", "containerArea", "dataLabelSettings", "dataSource", "enablePersistence", "enableRtl", "endPointColor", "fill", "format", "height", "highPointColor", "lineWidth", "locale", "lowPointColor", "markerSettings", "negativePointColor", "opacity", "padding", "palette", "query", "rangeBandSettings", "rangePadding", "startPointColor", "theme", "tiePointColor", "tooltipSettings", "type", "useGroupingSeparator", "valueType", "width", "xName", "yName"], outputs: ["axisRendering", "dataLabelRendering", "load", "loaded", "markerRendering", "pointRegionMouseClick", "pointRegionMouseMove", "pointRendering", "resize", "seriesRendering", "sparklineMouseClick", "sparklineMouseMove", "tooltipInitialize"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CubeParallelComponent, isStandalone: false, selector: "bizdoc-cube-parallel", inputs: { filters: "filters", xAxis: "xAxis", series: "series", indices: "indices", cube: "cube", size: "size", chartType: "chartType", scope: "scope", palettes: "palettes" }, outputs: { onExplore: "explore" }, usesOnChanges: true, ngImport: i0, template: "@if (items.length) {\r\n<div class=\"row\">\r\n  @for (s of items; track s) {\r\n  <div class=\"element\">\r\n    <ejs-sparkline [width]='width' height='100px'\r\n                   [type]='s.chartType'\r\n                   [id]=\"s.data.name\"\r\n                   [dataSource]=\"s.data.points\"\r\n                   xName=\"name\"\r\n                   yName=\"y\"\r\n                   [palette]=\"s.palette\"\r\n                   [format]=\"format\"\r\n                   valueType=\"Category\"\r\n                   [enableRtl]=\"enableRtl\"\r\n                   [border]=\"s.border\"\r\n                   [fill]=\"s.fill\"\r\n                   [theme]=\"theme\"\r\n                   [axisSettings]=\"axisSettings\"\r\n                   [markerSettings]=\"s.markerSettings\"\r\n                   (pointRegionMouseClick)=\"sprklineClick(s, $event)\"\r\n                   [tooltipSettings]=\"s.tooltipSettings\">\r\n    </ejs-sparkline>\r\n    <h4 class=\"mat-h4\">{{s.data.title}}</h4>\r\n  </div>\r\n  }\r\n</div>\r\n}\r\n", styles: [":host{padding:8px}.element{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: i6$7.SparklineComponent, selector: "ejs-sparkline", inputs: ["axisSettings", "border", "containerArea", "dataLabelSettings", "dataSource", "enablePersistence", "enableRtl", "endPointColor", "fill", "format", "height", "highPointColor", "lineWidth", "locale", "lowPointColor", "markerSettings", "negativePointColor", "opacity", "padding", "palette", "query", "rangeBandSettings", "rangePadding", "startPointColor", "theme", "tiePointColor", "tooltipSettings", "type", "useGroupingSeparator", "valueType", "width", "xName", "yName"], outputs: ["axisRendering", "dataLabelRendering", "load", "loaded", "markerRendering", "pointRegionMouseClick", "pointRegionMouseMove", "pointRendering", "resize", "seriesRendering", "sparklineMouseClick", "sparklineMouseMove", "tooltipInitialize"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CubeParallelComponent, decorators: [{
             type: Component,
@@ -30431,7 +30434,7 @@ let PerformanceWindComponent = class PerformanceWindComponent {
         this._destroy.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: PerformanceWindComponent, deps: [{ token: RouterImpl }, { token: AccountService }, { token: SessionService }, { token: TranslateService }, { token: ReportRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: PerformanceWindComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: " @if(records) {\r\n<!--<div class=\"legend\">\r\n  @for (r of records; track r; let i = $index) {\r\n  <div (mouseover)=\"highlight(i)\">\r\n    <ejs-lineargauge style=\"display: block\" background=\"transparent\" orientation=\"Horizontal\" [theme]=\"theme\"\r\n                     [tooltip]=\"linearTooltip\" width=\"190px\" height=\"45px\" [title]=\"r.name\"\r\n                     [titleStyle]=\"linearTitleStyle\" (tooltipRender)=\"linearTooltipRender($event)\">\r\n      <e-axes>\r\n        <e-axis [minimum]='durationMin - 1' [maximum]='durationMax + 1' [minorTicks]=\"minorTicks\" [majorTicks]=\"majorTicks\"\r\n                [labelStyle]=\"labelStyle\" [line]=\"line\" format='p1'>\r\n          <e-pointers>\r\n            <e-pointer [value]=\"r.durationAvg\"\r\n                       [height]=7\r\n                       [width]=7\r\n                       type='Marker'\r\n                       [color]='accentColor'\r\n                       position='Outside' [animationDuration]=\"1500\"></e-pointer>\r\n            @if(r.standardAvg)\r\n            {\r\n            <e-pointer markerType='Rectangle'\r\n                       [value]=\"r.standardAvg\"\r\n                       position='Cross'\r\n                       [width]=\"2\"\r\n                       [height]=\"6\"\r\n                       [color]=\"primeryColor\"></e-pointer>\r\n            }\r\n          </e-pointers>\r\n        </e-axis>\r\n      </e-axes>\r\n    </ejs-lineargauge>\r\n  </div>\r\n  }\r\n</div>-->\r\n<ejs-chart style=\"flex: 1 1 100%; display: block\" [theme]=\"theme\"\r\n           selectionMode='Series'\r\n           [margin]='margin'\r\n           [title]='title'\r\n           [titleStyle]='titleStyle'\r\n           [subTitle]='subTitle'\r\n           [subTitleStyle]='titleStyle'\r\n           [tooltip]='tooltip'\r\n           [enableAnimation]=true\r\n           (tooltipRender)='tooltipRender($event)'\r\n           (axisLabelRender)='labelRender($event)'\r\n           [palettes]='palettes'\r\n           [enableRtl]='inverse'\r\n           height='100%'\r\n           highlightMode='Series'\r\n           [legendSettings]='legendSettings'\r\n           (pointClick)='explore($event)'>\r\n  <e-series-collection>\r\n    <e-series [name]=\"'Standard'|translate\"\r\n              xName='date'\r\n              yName='standardTime'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='standardMarker'\r\n              [dataSource]='standards'>\r\n    </e-series>\r\n    @for (r of records; track r)\r\n    {\r\n    <e-series [dataSource]='r.items'\r\n              [name]='r.name'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='marker'\r\n              xName='date'\r\n              yName='duration'></e-series>\r\n    }\r\n  </e-series-collection>\r\n</ejs-chart>\r\n}\r\n", styles: [":host{flex:1;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.legend{overflow-y:auto;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;max-width:400px}\n"], dependencies: [{ kind: "component", type: i6$6.ChartComponent, selector: "ejs-chart", inputs: ["accessibility", "allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "focusBorderColor", "focusBorderMargin", "focusBorderWidth", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "stackLabels", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i6$6.SeriesDirective, selector: "e-series-collection>e-series", inputs: ["accessibility", "animation", "bearFillColor", "binInterval", "border", "boxPlotMode", "bullFillColor", "cardinalSplineTension", "close", "colorName", "columnFacet", "columnSpacing", "columnWidth", "columnWidthInPixel", "connector", "cornerRadius", "dashArray", "dataSource", "dragSettings", "drawType", "emptyPointSettings", "enableComplexProperty", "enableSolidCandles", "enableTooltip", "errorBar", "fill", "groupName", "high", "intermediateSumIndexes", "isClosed", "legendImageUrl", "legendShape", "low", "marker", "maxRadius", "minRadius", "name", "negativeFillColor", "noRisers", "nonHighlightStyle", "opacity", "open", "paretoOptions", "pointColorMapping", "query", "segmentAxis", "segments", "selectionStyle", "showMean", "showNearestTooltip", "showNormalDistribution", "showOutliers", "size", "splineType", "stackingGroup", "step", "sumIndexes", "summaryFillColor", "tooltipFormat", "tooltipMappingName", "trendlines", "type", "unSelectedStyle", "visible", "volume", "width", "xAxisName", "xName", "yAxisName", "yName", "zOrder"] }, { kind: "directive", type: i6$6.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: PerformanceWindComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: " @if(records) {\r\n<!--<div class=\"legend\">\r\n  @for (r of records; track r; let i = $index) {\r\n  <div (mouseover)=\"highlight(i)\">\r\n    <ejs-lineargauge style=\"display: block\" background=\"transparent\" orientation=\"Horizontal\" [theme]=\"theme\"\r\n                     [tooltip]=\"linearTooltip\" width=\"190px\" height=\"45px\" [title]=\"r.name\"\r\n                     [titleStyle]=\"linearTitleStyle\" (tooltipRender)=\"linearTooltipRender($event)\">\r\n      <e-axes>\r\n        <e-axis [minimum]='durationMin - 1' [maximum]='durationMax + 1' [minorTicks]=\"minorTicks\" [majorTicks]=\"majorTicks\"\r\n                [labelStyle]=\"labelStyle\" [line]=\"line\" format='p1'>\r\n          <e-pointers>\r\n            <e-pointer [value]=\"r.durationAvg\"\r\n                       [height]=7\r\n                       [width]=7\r\n                       type='Marker'\r\n                       [color]='accentColor'\r\n                       position='Outside' [animationDuration]=\"1500\"></e-pointer>\r\n            @if(r.standardAvg)\r\n            {\r\n            <e-pointer markerType='Rectangle'\r\n                       [value]=\"r.standardAvg\"\r\n                       position='Cross'\r\n                       [width]=\"2\"\r\n                       [height]=\"6\"\r\n                       [color]=\"primeryColor\"></e-pointer>\r\n            }\r\n          </e-pointers>\r\n        </e-axis>\r\n      </e-axes>\r\n    </ejs-lineargauge>\r\n  </div>\r\n  }\r\n</div>-->\r\n<ejs-chart style=\"flex: 1 1 100%; display: block\" [theme]=\"theme\"\r\n           selectionMode='Series'\r\n           [margin]='margin'\r\n           [title]='title'\r\n           [titleStyle]='titleStyle'\r\n           [subTitle]='subTitle'\r\n           [subTitleStyle]='titleStyle'\r\n           [tooltip]='tooltip'\r\n           [enableAnimation]=true\r\n           (tooltipRender)='tooltipRender($event)'\r\n           (axisLabelRender)='labelRender($event)'\r\n           [palettes]='palettes'\r\n           [enableRtl]='inverse'\r\n           height='100%'\r\n           highlightMode='Series'\r\n           [legendSettings]='legendSettings'\r\n           (pointClick)='explore($event)'>\r\n  <e-series-collection>\r\n    <e-series [name]=\"'Standard'|translate\"\r\n              xName='date'\r\n              yName='standardTime'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='standardMarker'\r\n              [dataSource]='standards'>\r\n    </e-series>\r\n    @for (r of records; track r)\r\n    {\r\n    <e-series [dataSource]='r.items'\r\n              [name]='r.name'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='marker'\r\n              xName='date'\r\n              yName='duration'></e-series>\r\n    }\r\n  </e-series-collection>\r\n</ejs-chart>\r\n}\r\n", styles: [":host{flex:1;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.legend{overflow-y:auto;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;max-width:400px}\n"], dependencies: [{ kind: "component", type: i6$7.ChartComponent, selector: "ejs-chart", inputs: ["accessibility", "allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "focusBorderColor", "focusBorderMargin", "focusBorderWidth", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "stackLabels", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i6$7.SeriesDirective, selector: "e-series-collection>e-series", inputs: ["accessibility", "animation", "bearFillColor", "binInterval", "border", "boxPlotMode", "bullFillColor", "cardinalSplineTension", "close", "colorName", "columnFacet", "columnSpacing", "columnWidth", "columnWidthInPixel", "connector", "cornerRadius", "dashArray", "dataSource", "dragSettings", "drawType", "emptyPointSettings", "enableComplexProperty", "enableSolidCandles", "enableTooltip", "errorBar", "fill", "groupName", "high", "intermediateSumIndexes", "isClosed", "legendImageUrl", "legendShape", "low", "marker", "maxRadius", "minRadius", "name", "negativeFillColor", "noRisers", "nonHighlightStyle", "opacity", "open", "paretoOptions", "pointColorMapping", "query", "segmentAxis", "segments", "selectionStyle", "showMean", "showNearestTooltip", "showNormalDistribution", "showOutliers", "size", "splineType", "stackingGroup", "step", "sumIndexes", "summaryFillColor", "tooltipFormat", "tooltipMappingName", "trendlines", "type", "unSelectedStyle", "visible", "volume", "width", "xAxisName", "xName", "yAxisName", "yName", "zOrder"] }, { kind: "directive", type: i6$7.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 };
 PerformanceWindComponent = __decorate([
     BizDoc({
@@ -32486,7 +32489,7 @@ let SystemDiffComponent = class SystemDiffComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SystemDiffComponent, deps: [{ token: PromptService }, { token: UtilityRef }, { token: TranslateService }, { token: DatasourceService }, { token: AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: SystemDiffComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "contents", first: true, predicate: ["contents"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"properties.toggle()\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n</mat-toolbar>\r\n<mat-sidenav-container autosize class=\"flex\">\r\n  <mat-sidenav-content>\r\n    <mat-progress-bar mode=\"buffer\" [value]=progress [bufferValue]=0 [style.visibility]=\"progress > 0 && progress < 100 ? 'visible':'hidden'\"></mat-progress-bar>\r\n    <div [innerHTML]=\"html | sanitizeHtml\" (mouseleave)=\"focusOut()\" (mousemove)=\"focusIn($event)\" class=\"configuration-diff\" (click)=\"collapse($event)\" #contents></div>\r\n  </mat-sidenav-content>\r\n  <mat-sidenav mode=\"side\" opened #properties class=\"timeline\">\r\n    @if (versions) {\r\n      <mat-nav-list class=\"nav-list\">\r\n        @for (v of versions; track v; let index = $index; let last = $last) {\r\n          @if (!last) {\r\n            <mat-list-item (click)=\"compare(index)\" [class.active]=\"v.time === activeDate\">\r\n              <h3 matListItemTitle>\r\n                {{(v.author || 'System') | userName | async }}\r\n              </h3>\r\n              <p class=\"time\" matListItemLine>\r\n                {{v.time | amCalendar: null: CALENDAR_SPEC }}\r\n              </p>\r\n            </mat-list-item>\r\n          }\r\n        }\r\n      </mat-nav-list>\r\n    }\r\n  </mat-sidenav>\r\n</mat-sidenav-container>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.timeline{border:none;width:150px}.timeline .time{font-size:12px!important}:host ::ng-deep .mat-drawer-inner-container{overflow:auto}\n"], dependencies: [{ kind: "component", type: i7$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i2$5.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$5.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i6$4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: UserNamePipe, name: "userName" }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: SystemDiffComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "contents", first: true, predicate: ["contents"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"properties.toggle()\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n</mat-toolbar>\r\n<mat-sidenav-container autosize class=\"flex\">\r\n  <mat-sidenav-content>\r\n    <mat-progress-bar mode=\"buffer\" [value]=progress [bufferValue]=0 [style.visibility]=\"progress > 0 && progress < 100 ? 'visible':'hidden'\"></mat-progress-bar>\r\n    <div [innerHTML]=\"html | sanitizeHtml\" (mouseleave)=\"focusOut()\" (mousemove)=\"focusIn($event)\" class=\"configuration-diff\" (click)=\"collapse($event)\" #contents></div>\r\n  </mat-sidenav-content>\r\n  <mat-sidenav mode=\"side\" opened #properties class=\"timeline\">\r\n    @if (versions) {\r\n      <mat-nav-list class=\"nav-list\">\r\n        @for (v of versions; track v; let index = $index; let last = $last) {\r\n          @if (!last) {\r\n            <mat-list-item (click)=\"compare(index)\" [class.active]=\"v.time === activeDate\">\r\n              <h3 matListItemTitle>\r\n                {{(v.author || 'System') | userName | async }}\r\n              </h3>\r\n              <p class=\"time\" matListItemLine>\r\n                {{v.time | amCalendar: null: CALENDAR_SPEC }}\r\n              </p>\r\n            </mat-list-item>\r\n          }\r\n        }\r\n      </mat-nav-list>\r\n    }\r\n  </mat-sidenav>\r\n</mat-sidenav-container>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.timeline{border:none;width:150px}.timeline .time{font-size:12px!important}:host ::ng-deep .mat-drawer-inner-container{overflow:auto}\n"], dependencies: [{ kind: "component", type: i7$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i2$5.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$5.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i6$5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6$5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: UserNamePipe, name: "userName" }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 };
 SystemDiffComponent = __decorate([
     BizDoc({ selector: 'bizdoc-configuration-diff' })
@@ -32977,7 +32980,7 @@ let DocumentTraceComponent = class DocumentTraceComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DocumentTraceComponent, deps: [{ token: UtilityRef }, { token: SystemService }, { token: SessionService }, { token: PaneRef }, { token: PanesRouter }, { token: PromptService }, { token: TranslateService }, { token: Popup }, { token: GuideService }, { token: i0.ChangeDetectorRef }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: DocumentTraceComponent, isStandalone: false, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" } }, viewQueries: [{ propertyName: "diagramElement", first: true, predicate: ["diagram"], descendants: true }, { propertyName: "filterArgs", first: true, predicate: ["args"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["search"], descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "rangeNavigator", first: true, predicate: RangeNavigator$1, descendants: true }], ngImport: i0, template: "@switch (mode) {\r\n<!-- diagram -->\r\n  @case ('diagram') {\r\n<div class=\"column flex\">\r\n  <mat-toolbar>\r\n    <button mat-icon-button (click)=\"browse()\" [bizdocTooltip]=\"'Back' | translate\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon></button>\r\n    |\r\n    <button mat-icon-button (click)=\"pan()\" [bizdocTooltip]=\"'Pan' | translate\"><span class=\"e-icons sf-icon-pan\"></span></button>\r\n    <button mat-icon-button (click)=\"cursor()\" [bizdocTooltip]=\"'Cursor' | translate\"><span class=\"e-icons sf-icon-cursor\"></span></button>\r\n    <span class=\"divider\"></span>\r\n    <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n  </mat-toolbar>\r\n  <div class=\"row flex\">\r\n    <!-- timeline -->\r\n    @if (timeline?.items.length > 1) {\r\n    <div class=\"timeline\" data-help=\"timeline\">\r\n      @for (date of timeline.items; track date; let last = $last) {\r\n      <div class=\"item\"\r\n           [class.active]=\"date.time === timeline.date\"\r\n           (click)=\"highlightTime(date.time)\" matRipple>\r\n        <div class=\"title\">\r\n          @if (!last || !timeline.estimate) {\r\n          @if (date.userId) {\r\n          <span class=\"who\">\r\n            {{date.userId | userName | async }}\r\n          </span>\r\n          }\r\n          <br />\r\n          <span class=\"time\">\r\n            {{date.time | amDateFormat: 'MMM Do H:mm' }}\r\n          </span>\r\n          } @else {\r\n          {{'Estimate' | translate}}\r\n          }\r\n        </div>\r\n        <div class=\"indicator-container\">\r\n          <div class=\"indicator\"></div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n    <div class=\"flex\" #diagram dir=\"ltr\">\r\n    </div>\r\n  </div>\r\n</div>\r\n  }\r\n<!-- browse -->\r\n  @default {\r\n<div class=\"flex column fill\">\r\n  <mat-toolbar class=\"row\">\r\n    <span class=\"divider\"></span>\r\n    <button mat-icon-button (click)=\"openFilter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\r\n  </mat-toolbar>\r\n  <mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n  <!-- table -->\r\n  <mat-table class=\"flex\" [dataSource]=\"dataSource\" matSort>\r\n    <!-- Number column -->\r\n    <ng-container matColumnDef=\"number\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.number}} </mat-cell>\r\n    </ng-container>\r\n    <!-- Subject column -->\r\n    <ng-container matColumnDef=\"subject\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.subject}} </mat-cell>\r\n    </ng-container>\r\n    <!-- StateId column -->\r\n    <ng-container matColumnDef=\"stateId\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\">\r\n        <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\r\n      </mat-cell>\r\n    </ng-container>\r\n    <mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n    <mat-row *matRowDef=\"let item; columns: displayedColumns;\"\r\n             (click)=\"open(item)\">\r\n    </mat-row>\r\n  </mat-table>\r\n  <!-- range -->\r\n  <ejs-rangenavigator valueType='DateTime' [value]=range labelFormat='MMM' background=\"transparent\"\r\n                      [theme]=\"theme\" labelIntersectAction='Hide' enableGrouping=\"false\"\r\n                      groupBy=\"Years\" intervalType='Months'\r\n                      (changed)='rangeChanged($event)'>\r\n    <e-rangenavigator-series-collection>\r\n      <e-rangenavigator-series [dataSource]='rangeData' [fill]=\"accent\" type='Area' xName='date' yName='count' width=2>\r\n      </e-rangenavigator-series>\r\n    </e-rangenavigator-series-collection>\r\n  </ejs-rangenavigator>\r\n</div>\r\n  }\r\n}\r\n<!-- args -->\r\n<ng-template #args>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column gap\">\r\n    <mat-form-field subscriptSizing=\"dynamic\">\r\n      <input matInput type=\"search\" #search formControlName=\"search\" data-help=\"search\" [placeholder]=\"'Number'|translate\" />\r\n      <mat-icon matSuffix class=\"mat-icon-rtl-mirror\">search</mat-icon>\r\n    </mat-form-field>\r\n    <mat-form-field subscriptSizing=\"dynamic\">\r\n      <bizdoc-select type=\"forms\" [placeholder]=\"'Form'|translate\" formControlName=\"formId\"></bizdoc-select>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<ng-template #estimate>\r\n  {{'Estimate' | translate}}\r\n</ng-template>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}:host ::ng-deep .mat-mdc-row{cursor:pointer}form{margin:8px}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.ɵɵDir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i6$6.RangeNavigatorComponent, selector: "ejs-rangenavigator", inputs: ["allowIntervalData", "allowSnapping", "animationDuration", "background", "dataSource", "disableRangeSelector", "enableDeferredUpdate", "enableGrouping", "enablePersistence", "enableRtl", "groupBy", "height", "interval", "intervalType", "labelFormat", "labelIntersectAction", "labelPlacement", "labelPosition", "labelStyle", "locale", "logBase", "majorGridLines", "majorTickLines", "margin", "maximum", "minimum", "navigatorBorder", "navigatorStyleSettings", "periodSelectorSettings", "query", "secondaryLabelAlignment", "series", "skeleton", "skeletonType", "theme", "tickPosition", "tooltip", "useGroupingSeparator", "value", "valueType", "width", "xName", "yName"], outputs: ["beforePrint", "beforeResize", "changed", "labelRender", "load", "loaded", "resized", "selectorRender", "tooltipRender", "dataSourceChange"] }, { kind: "directive", type: i6$6.RangenavigatorSeriesDirective, selector: "e-rangenavigator-series-collection>e-rangenavigator-series", inputs: ["animation", "border", "dashArray", "dataSource", "fill", "opacity", "query", "type", "width", "xName", "yName"] }, { kind: "directive", type: i6$6.RangenavigatorSeriesCollectionDirective, selector: "ej-rangenavigator>e-rangenavigator-series-collection" }, { kind: "directive", type: i12.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: StateDirective, selector: "bizdoc-status", inputs: ["stateId"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: UserNamePipe, name: "userName" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [trigger('element', EnterExitRight)] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: DocumentTraceComponent, isStandalone: false, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" } }, viewQueries: [{ propertyName: "diagramElement", first: true, predicate: ["diagram"], descendants: true }, { propertyName: "filterArgs", first: true, predicate: ["args"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["search"], descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "rangeNavigator", first: true, predicate: RangeNavigator$1, descendants: true }], ngImport: i0, template: "@switch (mode) {\r\n<!-- diagram -->\r\n  @case ('diagram') {\r\n<div class=\"column flex\">\r\n  <mat-toolbar>\r\n    <button mat-icon-button (click)=\"browse()\" [bizdocTooltip]=\"'Back' | translate\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon></button>\r\n    |\r\n    <button mat-icon-button (click)=\"pan()\" [bizdocTooltip]=\"'Pan' | translate\"><span class=\"e-icons sf-icon-pan\"></span></button>\r\n    <button mat-icon-button (click)=\"cursor()\" [bizdocTooltip]=\"'Cursor' | translate\"><span class=\"e-icons sf-icon-cursor\"></span></button>\r\n    <span class=\"divider\"></span>\r\n    <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n  </mat-toolbar>\r\n  <div class=\"row flex\">\r\n    <!-- timeline -->\r\n    @if (timeline?.items.length > 1) {\r\n    <div class=\"timeline\" data-help=\"timeline\">\r\n      @for (date of timeline.items; track date; let last = $last) {\r\n      <div class=\"item\"\r\n           [class.active]=\"date.time === timeline.date\"\r\n           (click)=\"highlightTime(date.time)\" matRipple>\r\n        <div class=\"title\">\r\n          @if (!last || !timeline.estimate) {\r\n          @if (date.userId) {\r\n          <span class=\"who\">\r\n            {{date.userId | userName | async }}\r\n          </span>\r\n          }\r\n          <br />\r\n          <span class=\"time\">\r\n            {{date.time | amDateFormat: 'MMM Do H:mm' }}\r\n          </span>\r\n          } @else {\r\n          {{'Estimate' | translate}}\r\n          }\r\n        </div>\r\n        <div class=\"indicator-container\">\r\n          <div class=\"indicator\"></div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n    <div class=\"flex\" #diagram dir=\"ltr\">\r\n    </div>\r\n  </div>\r\n</div>\r\n  }\r\n<!-- browse -->\r\n  @default {\r\n<div class=\"flex column fill\">\r\n  <mat-toolbar class=\"row\">\r\n    <span class=\"divider\"></span>\r\n    <button mat-icon-button (click)=\"openFilter($event)\" [bizdocTooltip]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\r\n  </mat-toolbar>\r\n  <mat-progress-bar [mode]=\"loading\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n  <!-- table -->\r\n  <mat-table class=\"flex\" [dataSource]=\"dataSource\" matSort>\r\n    <!-- Number column -->\r\n    <ng-container matColumnDef=\"number\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.number}} </mat-cell>\r\n    </ng-container>\r\n    <!-- Subject column -->\r\n    <ng-container matColumnDef=\"subject\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.subject}} </mat-cell>\r\n    </ng-container>\r\n    <!-- StateId column -->\r\n    <ng-container matColumnDef=\"stateId\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\">\r\n        <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\r\n      </mat-cell>\r\n    </ng-container>\r\n    <mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n    <mat-row *matRowDef=\"let item; columns: displayedColumns;\"\r\n             (click)=\"open(item)\">\r\n    </mat-row>\r\n  </mat-table>\r\n  <!-- range -->\r\n  <ejs-rangenavigator valueType='DateTime' [value]=range labelFormat='MMM' background=\"transparent\"\r\n                      [theme]=\"theme\" labelIntersectAction='Hide' enableGrouping=\"false\"\r\n                      groupBy=\"Years\" intervalType='Months'\r\n                      (changed)='rangeChanged($event)'>\r\n    <e-rangenavigator-series-collection>\r\n      <e-rangenavigator-series [dataSource]='rangeData' [fill]=\"accent\" type='Area' xName='date' yName='count' width=2>\r\n      </e-rangenavigator-series>\r\n    </e-rangenavigator-series-collection>\r\n  </ejs-rangenavigator>\r\n</div>\r\n  }\r\n}\r\n<!-- args -->\r\n<ng-template #args>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column gap\">\r\n    <mat-form-field subscriptSizing=\"dynamic\">\r\n      <input matInput type=\"search\" #search formControlName=\"search\" data-help=\"search\" [placeholder]=\"'Number'|translate\" />\r\n      <mat-icon matSuffix class=\"mat-icon-rtl-mirror\">search</mat-icon>\r\n    </mat-form-field>\r\n    <mat-form-field subscriptSizing=\"dynamic\">\r\n      <bizdoc-select type=\"forms\" [placeholder]=\"'Form'|translate\" formControlName=\"formId\"></bizdoc-select>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<ng-template #estimate>\r\n  {{'Estimate' | translate}}\r\n</ng-template>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}:host ::ng-deep .mat-mdc-row{cursor:pointer}form{margin:8px}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.ɵɵDir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i6$7.RangeNavigatorComponent, selector: "ejs-rangenavigator", inputs: ["allowIntervalData", "allowSnapping", "animationDuration", "background", "dataSource", "disableRangeSelector", "enableDeferredUpdate", "enableGrouping", "enablePersistence", "enableRtl", "groupBy", "height", "interval", "intervalType", "labelFormat", "labelIntersectAction", "labelPlacement", "labelPosition", "labelStyle", "locale", "logBase", "majorGridLines", "majorTickLines", "margin", "maximum", "minimum", "navigatorBorder", "navigatorStyleSettings", "periodSelectorSettings", "query", "secondaryLabelAlignment", "series", "skeleton", "skeletonType", "theme", "tickPosition", "tooltip", "useGroupingSeparator", "value", "valueType", "width", "xName", "yName"], outputs: ["beforePrint", "beforeResize", "changed", "labelRender", "load", "loaded", "resized", "selectorRender", "tooltipRender", "dataSourceChange"] }, { kind: "directive", type: i6$7.RangenavigatorSeriesDirective, selector: "e-rangenavigator-series-collection>e-rangenavigator-series", inputs: ["animation", "border", "dashArray", "dataSource", "fill", "opacity", "query", "type", "width", "xName", "yName"] }, { kind: "directive", type: i6$7.RangenavigatorSeriesCollectionDirective, selector: "ej-rangenavigator>e-rangenavigator-series-collection" }, { kind: "directive", type: i12.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: StateDirective, selector: "bizdoc-status", inputs: ["stateId"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: TypeSelect, selector: "bizdoc-select", inputs: ["type", "scope", "multiple", "placeholder", "required", "disabled", "text", "value"], outputs: ["selectionChange", "textChange"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: UserNamePipe, name: "userName" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [trigger('element', EnterExitRight)] }); }
 };
 DocumentTraceComponent = __decorate([
     BizDoc({ selector: 'bizdoc-trace-utility' })
@@ -33990,7 +33993,7 @@ let ProfilerComponent = class ProfilerComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ProfilerComponent, deps: [{ token: PromptService }, { token: UtilityRef }, { token: SessionService }, { token: i2$2.MatDialog }, { token: DocumentInfo }, { token: ChatInfo }, { token: GuideService }, { token: PanesRouter }, { token: i0.ChangeDetectorRef }, { token: PaneRef }, { token: TranslateService }, { token: AccountService }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ProfilerComponent, isStandalone: false, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" } }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["activity"], descendants: true }, { propertyName: "chartElement", first: true, predicate: ["activity"], descendants: true, read: ElementRef }, { propertyName: "assignTpl", first: true, predicate: ["assignTpl"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [formControl]=\"search\" data-help=\"search\" width=\"20\" />\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\r\n      (optionSelected)=\"change($event)\">\r\n      @for (u of users$ | async; track u) {\r\n        <mat-option [value]=\"u\">\r\n          <span>{{u.name}}</span>\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    <mat-icon (click)=\"null\" class=\"mat-icon-rtl-mirror\" matSuffix>search</mat-icon>\r\n  </mat-form-field>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n</mat-toolbar>\r\n@if (data) {\r\n  <div class=\"row wrap\">\r\n    <!-- info -->\r\n    <mat-card class=\"flex\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          <span>{{data.info.name}}</span>\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <br />\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <button mat-icon-button (click)=\"chat()\" [bizdocTooltip]=\"'Chat' | translate\" [disabled]=\"!data\"><mat-icon>chat</mat-icon></button>\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"settings()\" [bizdocTooltip]=\"'Settings' | translate\" [disabled]=\"!data\" data-help=\"settings\"><mat-icon>settings</mat-icon></button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n    <mat-card class=\"flex\" data-help=\"activity\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{'Activity' | translate}}\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <ejs-chart #activity [primaryXAxis]=\"primaryXAxis\" [primaryYAxis]=\"primaryYAxis\" [zoomSettings]=\"zoomSettings\" [tooltip]='tooltip' (tooltipRender)=\"tooltipRender($event)\" [palettes]=\"palettes\" background=\"transparent\" [theme]='theme' [border]=\"border\" (pointClick)=\"pointClick($event)\">\r\n          <e-series-collection>\r\n          </e-series-collection>\r\n        </ejs-chart>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    <!-- pending -->\r\n    <mat-card class=\"flex\" data-help=\"pending\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{'Pending' | translate}}\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        @if (data.pending.length) {\r\n          <table class=\"mat-mdc-table\">\r\n            <thead>\r\n              <tr class=\"mat-mdc-row\">\r\n                <td class=\"mat-mdc-header-cell\"></td>\r\n                <td class=\"mat-mdc-header-cell\"></td>\r\n              </tr>\r\n            </thead>\r\n            <tbody role=\"rowgroup\">\r\n              @for (r of data.pending; track r) {\r\n                <tr class=\"mat-mdc-row\">\r\n                  <td class=\"mat-mdc-cell\"><a (click)=\"trace(r.id)\">{{r.number}}</a></td>\r\n                  <td class=\"mat-mdc-cell\">{{ r.received | amDifference : null : 's' | amDuration : 's'}}</td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          </table>\r\n        } @else {\r\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\r\n        }\r\n      </mat-card-content>\r\n    </mat-card>\r\n    <!-- positions -->\r\n    <mat-card class=\"flex\" data-help=\"positions\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{'Positions' | translate}}\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        @if (data.positions.length) {\r\n          <table class=\"mat-mdc-table\">\r\n            @for (p of data.positions; track p) {\r\n              <tr class=\"mat-mdc-row\">\r\n                <td class=\"mat-mdc-cell\">{{p.value }}</td>\r\n                <td class=\"mat-mdc-cell\">{{p.role | role}}</td>\r\n                <td class=\"mat-mdc-cell\">\r\n                  <button mat-icon-button (click)=\"reassign(p)\" [bizdocTooltip]=\"'Reassign' | translate\"><mat-icon>swap_horiz</mat-icon></button>\r\n                </td>\r\n              </tr>\r\n            }\r\n          </table>\r\n        } @else {\r\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\r\n        }\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"reassign()\" [bizdocTooltip]=\"'ReassignAll' | translate\" [disabled]=\"!data || !data.positions.length\" data-help=\"reassign\"><mat-icon>swap_horiz</mat-icon></button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n  </div>\r\n}\r\n<!-- assign dialog -->\r\n<ng-template #assignTpl>\r\n  <h2 mat-dialog-title>{{'Reassign' | translate }}</h2>\r\n  <mat-dialog-content>\r\n    <form autocomplete=\"off\" class=\"column\">\r\n      <mat-form-field>\r\n        <mat-select placeholder=\"{{'Who' | translate}}\" [formControl]=\"who\" required>\r\n          @for (u of assignable$ | async; track u) {\r\n            <mat-option [value]=\"u.id\">{{u.name}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"who.value\" color=\"primary\" [disabled]=\"!who.valid\">{{'OK' | translate}}</button>\r\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\r\n  </mat-dialog-actions>\r\n</ng-template>\r\n", styles: [":host{min-width:560px;display:block}.mat-mdc-card{margin:5px}.mat-mdc-card:hover{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-mdc-table{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6$6.ChartComponent, selector: "ejs-chart", inputs: ["accessibility", "allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "focusBorderColor", "focusBorderMargin", "focusBorderWidth", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "stackLabels", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i6$6.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "component", type: i11.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i11.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i11.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i11.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: DifferencePipe, name: "amDifference" }, { kind: "pipe", type: DurationPipe, name: "amDuration" }, { kind: "pipe", type: RolePipe, name: "role" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: ProfilerComponent, isStandalone: false, selector: "ng-component", host: { listeners: { "window:keydown.f1": "guide($event)" } }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["activity"], descendants: true }, { propertyName: "chartElement", first: true, predicate: ["activity"], descendants: true, read: ElementRef }, { propertyName: "assignTpl", first: true, predicate: ["assignTpl"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [formControl]=\"search\" data-help=\"search\" width=\"20\" />\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"userDisplay\"\r\n      (optionSelected)=\"change($event)\">\r\n      @for (u of users$ | async; track u) {\r\n        <mat-option [value]=\"u\">\r\n          <span>{{u.name}}</span>\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    <mat-icon (click)=\"null\" class=\"mat-icon-rtl-mirror\" matSuffix>search</mat-icon>\r\n  </mat-form-field>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"guide()\" [bizdocTooltip]=\"'Help' | translate\"><mat-icon>help_outline</mat-icon></button>\r\n</mat-toolbar>\r\n@if (data) {\r\n  <div class=\"row wrap\">\r\n    <!-- info -->\r\n    <mat-card class=\"flex\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          <span>{{data.info.name}}</span>\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <br />\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <button mat-icon-button (click)=\"chat()\" [bizdocTooltip]=\"'Chat' | translate\" [disabled]=\"!data\"><mat-icon>chat</mat-icon></button>\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"settings()\" [bizdocTooltip]=\"'Settings' | translate\" [disabled]=\"!data\" data-help=\"settings\"><mat-icon>settings</mat-icon></button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n    <mat-card class=\"flex\" data-help=\"activity\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{'Activity' | translate}}\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <ejs-chart #activity [primaryXAxis]=\"primaryXAxis\" [primaryYAxis]=\"primaryYAxis\" [zoomSettings]=\"zoomSettings\" [tooltip]='tooltip' (tooltipRender)=\"tooltipRender($event)\" [palettes]=\"palettes\" background=\"transparent\" [theme]='theme' [border]=\"border\" (pointClick)=\"pointClick($event)\">\r\n          <e-series-collection>\r\n          </e-series-collection>\r\n        </ejs-chart>\r\n      </mat-card-content>\r\n    </mat-card>\r\n    <!-- pending -->\r\n    <mat-card class=\"flex\" data-help=\"pending\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{'Pending' | translate}}\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        @if (data.pending.length) {\r\n          <table class=\"mat-mdc-table\">\r\n            <thead>\r\n              <tr class=\"mat-mdc-row\">\r\n                <td class=\"mat-mdc-header-cell\"></td>\r\n                <td class=\"mat-mdc-header-cell\"></td>\r\n              </tr>\r\n            </thead>\r\n            <tbody role=\"rowgroup\">\r\n              @for (r of data.pending; track r) {\r\n                <tr class=\"mat-mdc-row\">\r\n                  <td class=\"mat-mdc-cell\"><a (click)=\"trace(r.id)\">{{r.number}}</a></td>\r\n                  <td class=\"mat-mdc-cell\">{{ r.received | amDifference : null : 's' | amDuration : 's'}}</td>\r\n                </tr>\r\n              }\r\n            </tbody>\r\n          </table>\r\n        } @else {\r\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\r\n        }\r\n      </mat-card-content>\r\n    </mat-card>\r\n    <!-- positions -->\r\n    <mat-card class=\"flex\" data-help=\"positions\">\r\n      <mat-card-header>\r\n        <mat-card-title>\r\n          {{'Positions' | translate}}\r\n        </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        @if (data.positions.length) {\r\n          <table class=\"mat-mdc-table\">\r\n            @for (p of data.positions; track p) {\r\n              <tr class=\"mat-mdc-row\">\r\n                <td class=\"mat-mdc-cell\">{{p.value }}</td>\r\n                <td class=\"mat-mdc-cell\">{{p.role | role}}</td>\r\n                <td class=\"mat-mdc-cell\">\r\n                  <button mat-icon-button (click)=\"reassign(p)\" [bizdocTooltip]=\"'Reassign' | translate\"><mat-icon>swap_horiz</mat-icon></button>\r\n                </td>\r\n              </tr>\r\n            }\r\n          </table>\r\n        } @else {\r\n          <span class=\"mat-body-2\">{{'None' | translate }}</span>\r\n        }\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"reassign()\" [bizdocTooltip]=\"'ReassignAll' | translate\" [disabled]=\"!data || !data.positions.length\" data-help=\"reassign\"><mat-icon>swap_horiz</mat-icon></button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n  </div>\r\n}\r\n<!-- assign dialog -->\r\n<ng-template #assignTpl>\r\n  <h2 mat-dialog-title>{{'Reassign' | translate }}</h2>\r\n  <mat-dialog-content>\r\n    <form autocomplete=\"off\" class=\"column\">\r\n      <mat-form-field>\r\n        <mat-select placeholder=\"{{'Who' | translate}}\" [formControl]=\"who\" required>\r\n          @for (u of assignable$ | async; track u) {\r\n            <mat-option [value]=\"u.id\">{{u.name}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"who.value\" color=\"primary\" [disabled]=\"!who.valid\">{{'OK' | translate}}</button>\r\n    <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\r\n  </mat-dialog-actions>\r\n</ng-template>\r\n", styles: [":host{min-width:560px;display:block}.mat-mdc-card{margin:5px}.mat-mdc-card:hover{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-mdc-table{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6$7.ChartComponent, selector: "ejs-chart", inputs: ["accessibility", "allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "focusBorderColor", "focusBorderMargin", "focusBorderWidth", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "stackLabels", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i6$7.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "component", type: i11.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i11.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i11.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i11.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: DifferencePipe, name: "amDifference" }, { kind: "pipe", type: DurationPipe, name: "amDuration" }, { kind: "pipe", type: RolePipe, name: "role" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 };
 ProfilerComponent = __decorate([
     BizDoc({ selector: 'bizdoc-user-profiler' })
@@ -35184,7 +35187,7 @@ class FormDesignComponent extends DesignerTypeElementComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: FormDesignComponent, deps: [{ token: i1$2.FormBuilder }, { token: PanesRouter }, { token: SystemService }, { token: SessionService }, { token: i0.Injector }, { token: TranslateService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: FormDesignComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\" [context]=\"context\">\r\n  <ng-template bizdocContent>\r\n    @if (usage) {\r\n    <ejs-sparkline width='250px' height='200px'\r\n                   type=\"Line\"\r\n                   [id]=\"model.name\"\r\n                   [fill]=\"primary\"\r\n                   [dataSource]=\"usage\"\r\n                   xName=\"date\"\r\n                   yName=\"count\"\r\n                   lineWidth=\"2\"\r\n                   valueType=\"DateTime\"\r\n                   [locale]=\"locale\"\r\n                   [markerSettings]=\"markerSettings\"\r\n                   [tooltipSettings]=\"tooltipSettings\"\r\n                   (tooltipInitialize)=\"tooltipInitialize($event)\"\r\n                   [enableRtl]=\"enableRtl\">\r\n    </ejs-sparkline>\r\n    }\r\n    <div class=\"row\">\r\n      <button mat-icon-button (click)=\"diagram()\" [bizdocTooltip]=\"'Workflow'|translate\" [disabled]=\"model.draft\"><mat-icon>schema</mat-icon></button>\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <button mat-menu-item (click)=\"invite()\">{{'Invite'|l18n}}</button>\r\n      </mat-menu>\r\n    </div>\r\n  </ng-template>\r\n  <!--edit-->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row gap flex\" [formGroup]=\"format\">\r\n        <mat-form-field>\r\n          <mat-label>{{'Prefix'|translate}}</mat-label>\r\n          <input matInput formControlName=\"prefix\" />\r\n        </mat-form-field>\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Digits'|translate}}</mat-label>\r\n          <input matInput formControlName=\"digits\" maxlength=\"2\" />\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>{{'Suffix'|translate}}</mat-label>\r\n          <input matInput formControlName=\"suffix\" />\r\n        </mat-form-field>\r\n      </div>\r\n      <bizdoc-localized-string formControlName=\"group\" [placeholder]=\"'Group'|translate\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"description\" [placeholder]=\"'Description'|translate\"></bizdoc-localized-string>\r\n      @if (guides.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'Guide'|translate}}</mat-label>\r\n        <mat-select formControlName=\"guide\">\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          @for (g of guides; track g) {\r\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      }\r\n      @if (cubes.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'Cube'|translate}}</mat-label>\r\n        <mat-select formControlName=\"cubes\" multiple>\r\n          @for (c of cubes; track c) {\r\n          <mat-option [value]=\"c.name\">{{c.title |localizedString}}</mat-option>\r\n          }\r\n        </mat-select>\r\n        <mat-hint>{{'FormCubeHelp'|translate}}</mat-hint>\r\n      </mat-form-field>\r\n      }\r\n      <!--Rules-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Rules'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(rules, newRule(), 'Rule', 'rule')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"rules\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, rules)\">\r\n        @for (r of rules.controls; track r; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"r\" cdkDrag>\r\n          <td class=\"mat-mdc-cell\">\r\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n          </td>\r\n          <td class=\"mat-mdc-cell flex\" width=\"99%\">\r\n            {{r.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\r\n            <button mat-icon-button (click)=\"edit(r, 'Rule', 'rule')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"rules.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n          </td>\r\n        </tr>\r\n        }\r\n      </table>\r\n    </ng-container>\r\n  </ng-template>\r\n  <ng-template bizdocCustomContent=\"rule\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Title'|translate}}</mat-label>\r\n          <input matInput formControlName=\"title\" required />\r\n          @if (form.controls.title.hasError('required')) {\r\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n          }\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Name'|translate}}</mat-label>\r\n          <input matInput formControlName=\"name\" required />\r\n          @if (form.controls.name.hasError('required')) {\r\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i6$6.SparklineComponent, selector: "ejs-sparkline", inputs: ["axisSettings", "border", "containerArea", "dataLabelSettings", "dataSource", "enablePersistence", "enableRtl", "endPointColor", "fill", "format", "height", "highPointColor", "lineWidth", "locale", "lowPointColor", "markerSettings", "negativePointColor", "opacity", "padding", "palette", "query", "rangeBandSettings", "rangePadding", "startPointColor", "theme", "tiePointColor", "tooltipSettings", "type", "useGroupingSeparator", "valueType", "width", "xName", "yName"], outputs: ["axisRendering", "dataLabelRendering", "load", "loaded", "markerRendering", "pointRegionMouseClick", "pointRegionMouseMove", "pointRendering", "resize", "seriesRendering", "sparklineMouseClick", "sparklineMouseMove", "tooltipInitialize"] }, { kind: "directive", type: i2$8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$8.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.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: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: L18nPipe, name: "l18n" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: FormDesignComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [icon]=\"true\" [context]=\"context\">\r\n  <ng-template bizdocContent>\r\n    @if (usage) {\r\n    <ejs-sparkline width='250px' height='200px'\r\n                   type=\"Line\"\r\n                   [id]=\"model.name\"\r\n                   [fill]=\"primary\"\r\n                   [dataSource]=\"usage\"\r\n                   xName=\"date\"\r\n                   yName=\"count\"\r\n                   lineWidth=\"2\"\r\n                   valueType=\"DateTime\"\r\n                   [locale]=\"locale\"\r\n                   [markerSettings]=\"markerSettings\"\r\n                   [tooltipSettings]=\"tooltipSettings\"\r\n                   (tooltipInitialize)=\"tooltipInitialize($event)\"\r\n                   [enableRtl]=\"enableRtl\">\r\n    </ejs-sparkline>\r\n    }\r\n    <div class=\"row\">\r\n      <button mat-icon-button (click)=\"diagram()\" [bizdocTooltip]=\"'Workflow'|translate\" [disabled]=\"model.draft\"><mat-icon>schema</mat-icon></button>\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [disabled]=\"model.draft\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <button mat-menu-item (click)=\"invite()\">{{'Invite'|l18n}}</button>\r\n      </mat-menu>\r\n    </div>\r\n  </ng-template>\r\n  <!--edit-->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row gap flex\" [formGroup]=\"format\">\r\n        <mat-form-field>\r\n          <mat-label>{{'Prefix'|translate}}</mat-label>\r\n          <input matInput formControlName=\"prefix\" />\r\n        </mat-form-field>\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Digits'|translate}}</mat-label>\r\n          <input matInput formControlName=\"digits\" maxlength=\"2\" />\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>{{'Suffix'|translate}}</mat-label>\r\n          <input matInput formControlName=\"suffix\" />\r\n        </mat-form-field>\r\n      </div>\r\n      <bizdoc-localized-string formControlName=\"group\" [placeholder]=\"'Group'|translate\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"description\" [placeholder]=\"'Description'|translate\"></bizdoc-localized-string>\r\n      @if (guides.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'Guide'|translate}}</mat-label>\r\n        <mat-select formControlName=\"guide\">\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          @for (g of guides; track g) {\r\n          <mat-option [value]=\"g.name\">{{g.title |localizedString}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      }\r\n      @if (cubes.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'Cube'|translate}}</mat-label>\r\n        <mat-select formControlName=\"cubes\" multiple>\r\n          @for (c of cubes; track c) {\r\n          <mat-option [value]=\"c.name\">{{c.title |localizedString}}</mat-option>\r\n          }\r\n        </mat-select>\r\n        <mat-hint>{{'FormCubeHelp'|translate}}</mat-hint>\r\n      </mat-form-field>\r\n      }\r\n      <!--Rules-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Rules'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(rules, newRule(), 'Rule', 'rule')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"rules\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, rules)\">\r\n        @for (r of rules.controls; track r; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"r\" cdkDrag>\r\n          <td class=\"mat-mdc-cell\">\r\n            <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n          </td>\r\n          <td class=\"mat-mdc-cell flex\" width=\"99%\">\r\n            {{r.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell\" style=\"white-space: pre;\">\r\n            <button mat-icon-button (click)=\"edit(r, 'Rule', 'rule')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"rules.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n          </td>\r\n        </tr>\r\n        }\r\n      </table>\r\n    </ng-container>\r\n  </ng-template>\r\n  <ng-template bizdocCustomContent=\"rule\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Title'|translate}}</mat-label>\r\n          <input matInput formControlName=\"title\" required />\r\n          @if (form.controls.title.hasError('required')) {\r\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n          }\r\n        </mat-form-field>\r\n        &nbsp;\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Name'|translate}}</mat-label>\r\n          <input matInput formControlName=\"name\" required />\r\n          @if (form.controls.name.hasError('required')) {\r\n          <mat-error [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i6$7.SparklineComponent, selector: "ejs-sparkline", inputs: ["axisSettings", "border", "containerArea", "dataLabelSettings", "dataSource", "enablePersistence", "enableRtl", "endPointColor", "fill", "format", "height", "highPointColor", "lineWidth", "locale", "lowPointColor", "markerSettings", "negativePointColor", "opacity", "padding", "palette", "query", "rangeBandSettings", "rangePadding", "startPointColor", "theme", "tiePointColor", "tooltipSettings", "type", "useGroupingSeparator", "valueType", "width", "xName", "yName"], outputs: ["axisRendering", "dataLabelRendering", "load", "loaded", "markerRendering", "pointRegionMouseClick", "pointRegionMouseMove", "pointRendering", "resize", "seriesRendering", "sparklineMouseClick", "sparklineMouseMove", "tooltipInitialize"] }, { kind: "directive", type: i2$8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$8.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.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.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.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: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: CustomContentDirective, selector: "[bizdocCustomContent]", inputs: ["bizdocCustomContent"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "context"], outputs: ["save", "continue"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: L18nPipe, name: "l18n" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: FormDesignComponent, decorators: [{
             type: Component,