@bizdoc/core 3.2.3 → 3.2.6

package/fesm2022/bizdoc-core.mjs

@@ -31,7 +31,7 @@ import 'dayjs/locale/de';
 import 'dayjs/locale/ru';
 import 'dayjs/locale/ar';
 import * as i5 from '@angular/common';
-import { registerLocaleData, getLocaleNumberFormat, NumberFormatStyle, getCurrencySymbol, CommonModule, formatPercent, formatCurrency, formatNumber } from '@angular/common';
+import { registerLocaleData, CommonModule, formatPercent, formatCurrency, formatNumber } from '@angular/common';
 import localeHe from '@angular/common/locales/he';
 import localeAr from '@angular/common/locales/ar';
 import localeRu from '@angular/common/locales/ru';
@@ -127,7 +127,7 @@ import EventEmitter$1 from 'events';
 import * as i4$3 from '@ctrl/ngx-emoji-mart';
 import { PickerModule } from '@ctrl/ngx-emoji-mart';
 import { Diagram, UndoRedo, ConnectorBridging, ConnectorEditing, Snapping, SymbolPalette, BpmnDiagrams, PortVisibility, PortConstraints, DiagramConstraints, SelectorConstraints, NodeConstraints, ConnectorConstraints, 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, ComplexHierarchicalTree, BpmnDiagrams as BpmnDiagrams$1, DataBinding, LineDistribution, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService } from '@syncfusion/ej2-angular-diagrams';
+import { DiagramAction, DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, Diagram as Diagram$1, NodeConstraints as NodeConstraints$1, ComplexHierarchicalTreeService, ComplexHierarchicalTree, BpmnDiagrams as BpmnDiagrams$1, DataBinding, LineDistribution, LineRouting, ConnectorBridging as ConnectorBridging$1, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService } from '@syncfusion/ej2-angular-diagrams';
 import * as i5$3 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$3 from '@syncfusion/ej2-angular-kanban';
@@ -150,7 +150,7 @@ import duration from 'dayjs/plugin/duration';
 import calendar from 'dayjs/plugin/calendar';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
 import updateLocale from 'dayjs/plugin/updateLocale';
-import { CircularGauge as CircularGauge$1, Legend as Legend$2 } from '@syncfusion/ej2-circulargauge';
+import { CircularGauge as CircularGauge$1 } from '@syncfusion/ej2-circulargauge';
 import { Gantt as Gantt$1 } from '@syncfusion/ej2-gantt';
 import { DIALOG_DATA } from '@angular/cdk/dialog';
 
@@ -6137,16 +6137,23 @@ class CubeService {
         this._cacheOr = (name, fn) => this._cache[name] || (this._cache[name] = fn().pipe(shareReplay()));
         _config && _config.currencyCode && setCurrencyCode(_config.currencyCode);
     }
-    /** system currency */
-    get numberFormat() {
-        //Intl.NumberFormat(this._session.language, {
-        //  style: 'currency',
-        //  currency: this.currencyCode
-        //}).formatToParts().find(p => p.type === 'currency').value;
-        return this.currencyCode ?
-            getLocaleNumberFormat(this._session.language, NumberFormatStyle.Currency).
-                replace('¤', getCurrencySymbol(this.currencyCode, 'narrow')) :
-            getLocaleNumberFormat(this._session.language, NumberFormatStyle.Decimal);
+    getCurrencySymbol(currencyCode) {
+        return Intl.NumberFormat(this._session.locale, { style: 'currency', currency: currencyCode }).
+            formatToParts().
+            find(part => part.type === 'currency').value;
+    }
+    getNumberFormat(currencyCode) {
+        if (!currencyCode)
+            currencyCode = this._config?.currencyCode;
+        return Intl.NumberFormat(this._session.locale, {
+            maximumFractionDigits: this.fractionDigits,
+            style: currencyCode ? 'currency' : 'decimal', currency: currencyCode
+        }).
+            formatToParts(99999999999.99999).
+            map(e => e.type === 'integer' ? '###'.substring(0, e.value.length - 1) :
+            e.type === 'fraction' ? '00000'.substring(0, e.value.length - 1) :
+                e.value).
+            join('');
     }
     get currencyCode() {
         const { currencyCode } = this._config;
@@ -9385,7 +9392,7 @@ class BrowseItemsComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BrowseItemsComponent, deps: [{ token: MailboxService }, { token: AccountService }, { token: CubeService }, { token: SessionService }, { token: PromptService }, { token: TranslateService }, { token: i0.ChangeDetectorRef }, { token: RouterImpl }, { token: HubService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: BrowseItemsComponent, selector: "bizdoc-browse-items", inputs: { folderId: "folderId", filterType: "filterType", filters: "filters" }, outputs: { onopen: "open", onInsights: "insights" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n@if (dataSource?.data.length === 0) {\r\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\r\n}\r\n<mat-table cdkDropList class=\"data-table\"\r\n  [cdkDropListDisabled]=\"isMobile\"\r\n  [cdkDropListData]=\"dataSource?.data\"\r\n  cdkDropListConnectedTo=\"folders\"\r\n  cdkDropListSortingDisabled\r\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\r\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\r\n  <ng-container matColumnDef=\"select\">\r\n    <mat-header-cell *matHeaderCellDef>\r\n      <div class=\"\"></div>\r\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\r\n        [checked]=\"selection.hasValue() && isAllSelected()\"\r\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n      </mat-checkbox>\r\n    </mat-header-cell>\r\n    <mat-cell *matCellDef=\"let item\">\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\r\n        (change)=\"$event ? selection.toggle(item) : null\"\r\n        [checked]=\"selection.isSelected(item)\">\r\n      </mat-checkbox>\r\n      <!-- drag -->\r\n      <!--<button mat-icon-button cdkDragHandle\r\n      (mousedown)=\"dragDisabled = false\"\r\n      (mouseup)=\"dragDisabled = true\"\r\n      (touchstart)=\"dragDisabled = false\"\r\n      (touchend)=\"dragDisabled = true\"\r\n      class=\"drag hide-xs\" aria-disabled=\"true\">\r\n      <mat-icon>drag_indicator</mat-icon>\r\n    </button>-->\r\n    <button mat-icon-button (click)=\"toggleExpanded(item, $event)\" [bizdocTooltip]=\"'Details' | translate\" [attr.aria-label]=\"'Details' | translate\" class=\"tool\"><mat-icon>{{item == expandedElement ? 'unfold_less' : 'unfold_more'}}</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\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\"> {{item.number}} </mat-cell>\r\n</ng-container>\r\n\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\"> {{item.subject}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"owner\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.ownerId) {\r\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n<ng-container matColumnDef=\"sender\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.senderId) {\r\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"received\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.received | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"receivedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"replied\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.replied | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issued\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.issued | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issuedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"state\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n@if (customColumns) {\r\n  @for (c of customColumns; track c) {\r\n    <ng-container [matColumnDef]=\"c.name\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\">\r\n        @switch (c.type) {\r\n          @case ('Date') {\r\n            <span>\r\n              {{item.model[c.name] | amCalendar }}\r\n            </span>\r\n          }\r\n          @case ('Decimal') {\r\n            <span>\r\n              {{item.model[c.name] | number }}\r\n            </span>\r\n          }\r\n          @case ('Boolean') {\r\n            <span>\r\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\r\n            </span>\r\n          }\r\n          @default {\r\n            <span>\r\n              {{item.model[c.name]}}z\r\n            </span>\r\n          }\r\n        }\r\n      </mat-cell>\r\n    </ng-container>\r\n  }\r\n}\r\n\r\n<!-- Value column -->\r\n<ng-container matColumnDef=\"value\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\r\n</ng-container>\r\n\r\n<!-- options column -->\r\n<ng-container matColumnDef=\"options\">\r\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <button mat-icon-button (click)=\"flag(item, $event)\" [bizdocTooltip]=\"'Flagged'| translate\" [attr.aria-label]=\"'ToggleFlagged' | translate\" class=\"tool\"><mat-icon [class.document-flag]=\"item.flag\">{{item.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n    @if (enableViews) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [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 (click)=\"$event.stopPropagation()\" [matMenuTriggerFor]=\"menu\" [matMenuTriggerData]=\"{item: item}\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\" class=\"tool hide-xs\"><mat-icon>more_vert</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\r\n<!-- Expanded Content Column -->\r\n<ng-container matColumnDef=\"expandedDetail\">\r\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\r\n    [class.read-row]=\"item.read\">\r\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\r\n      @if (item == expandedElement) {\r\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\r\n      }\r\n    </div>\r\n  </mat-cell>\r\n</ng-container>\r\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n<mat-row @item [@updated]=\"item == updatedElement\"\r\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\r\n  cdkDrag [cdkDragData]=\"item\"\r\n  [cdkDragDisabled]=\"dragDisabled\"\r\n  (cdkDragReleased)=\"dragDisabled = true\"\r\n           [ngClass]=\"{'selected-row': selectedElement === item,\r\n      'expanded-row': expandedElement === item,\r\n           'odd-row': dataIndex % 2,\r\n      'read-row': item.read}\" matRipple\r\n  (click)=\"open(item, $event)\">\r\n  <div *cdkDragPreview>\r\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\r\n  </div>\r\n  <div *cdkDragPlaceholder>\r\n    <!-- none -->\r\n  </div>\r\n</mat-row>\r\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\r\n  class=\"detail-row\" matRipple\r\n           [ngClass]=\"{ 'selected-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\r\n<mat-menu #menu=\"matMenu\">\r\n  <ng-template matMenuContent let-item=\"item\">\r\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\r\n  </ng-template>\r\n</mat-menu>\r\n", styles: ["#browse-table{width:100%}#browse-table .detail-row{min-height:0}#browse-table .element-row{cursor:pointer}#browse-table .element-row .drag{cursor:move}#browse-table .read-row{font-weight:100}@media screen and (min-width: 600px){.mat-mdc-row .tool{opacity:.05}.mat-mdc-row:hover .tool{opacity:1}}::ng-deep .mat-column-options{justify-content:end;padding-inline-end:8px}::ng-deep .mat-column-value{justify-content:right}::ng-deep .mat-column-select{white-space:nowrap}::ng-deep .mat-column-number{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$6.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$6.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$6.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i2$6.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7$2.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i7$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "directive", type: StateDirective, selector: "bizdoc-status", inputs: ["stateId"] }, { kind: "component", type: IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: ExpandedItemComponent, selector: "bizdoc-expanded-item", inputs: ["model"], outputs: ["sent"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }, { kind: "pipe", type: i5.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: BrowseItemsComponent, selector: "bizdoc-browse-items", inputs: { folderId: "folderId", filterType: "filterType", filters: "filters" }, outputs: { onopen: "open", onInsights: "insights" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n@if (dataSource?.data.length === 0) {\r\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\r\n}\r\n<mat-table cdkDropList class=\"data-table\"\r\n  [cdkDropListDisabled]=\"isMobile\"\r\n  [cdkDropListData]=\"dataSource?.data\"\r\n  cdkDropListConnectedTo=\"folders\"\r\n  cdkDropListSortingDisabled\r\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\r\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\r\n  <ng-container matColumnDef=\"select\">\r\n    <mat-header-cell *matHeaderCellDef>\r\n      <div class=\"\"></div>\r\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\r\n        [checked]=\"selection.hasValue() && isAllSelected()\"\r\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n      </mat-checkbox>\r\n    </mat-header-cell>\r\n    <mat-cell *matCellDef=\"let item\">\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\r\n        (change)=\"$event ? selection.toggle(item) : null\"\r\n        [checked]=\"selection.isSelected(item)\">\r\n      </mat-checkbox>\r\n      <!-- drag -->\r\n      <!--<button mat-icon-button cdkDragHandle\r\n      (mousedown)=\"dragDisabled = false\"\r\n      (mouseup)=\"dragDisabled = true\"\r\n      (touchstart)=\"dragDisabled = false\"\r\n      (touchend)=\"dragDisabled = true\"\r\n      class=\"drag hide-xs\" aria-disabled=\"true\">\r\n      <mat-icon>drag_indicator</mat-icon>\r\n    </button>-->\r\n    <button mat-icon-button (click)=\"toggleExpanded(item, $event)\" [bizdocTooltip]=\"'Details' | translate\" [attr.aria-label]=\"'Details' | translate\" class=\"tool\"><mat-icon>{{item == expandedElement ? 'unfold_less' : 'unfold_more'}}</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\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\"> {{item.number}} </mat-cell>\r\n</ng-container>\r\n\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\"> {{item.subject}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"owner\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.ownerId) {\r\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n<ng-container matColumnDef=\"sender\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.senderId) {\r\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"received\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.received | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"receivedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"replied\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.replied | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issued\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.issued | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issuedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"state\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n@if (customColumns) {\r\n  @for (c of customColumns; track c) {\r\n    <ng-container [matColumnDef]=\"c.name\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\">\r\n        @switch (c.type) {\r\n          @case ('Date') {\r\n            <span>\r\n              {{item.model[c.name] | amCalendar }}\r\n            </span>\r\n          }\r\n          @case ('Decimal') {\r\n            <span>\r\n              {{item.model[c.name] | number }}\r\n            </span>\r\n          }\r\n          @case ('Boolean') {\r\n            <span>\r\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\r\n            </span>\r\n          }\r\n          @default {\r\n            <span>\r\n              {{item.model[c.name]}}z\r\n            </span>\r\n          }\r\n        }\r\n      </mat-cell>\r\n    </ng-container>\r\n  }\r\n}\r\n\r\n<!-- Value column -->\r\n<ng-container matColumnDef=\"value\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\r\n</ng-container>\r\n\r\n<!-- options column -->\r\n<ng-container matColumnDef=\"options\">\r\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <button mat-icon-button (click)=\"flag(item, $event)\" [bizdocTooltip]=\"'Flagged'| translate\" [attr.aria-label]=\"'ToggleFlagged' | translate\" class=\"tool\"><mat-icon [class.filled]=\"item.flag\">star</mat-icon></button>\r\n    @if (enableViews) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [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 (click)=\"$event.stopPropagation()\" [matMenuTriggerFor]=\"menu\" [matMenuTriggerData]=\"{item: item}\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\" class=\"tool hide-xs\"><mat-icon>more_vert</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\r\n<!-- Expanded Content Column -->\r\n<ng-container matColumnDef=\"expandedDetail\">\r\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\r\n    [class.read-row]=\"item.read\">\r\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\r\n      @if (item == expandedElement) {\r\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\r\n      }\r\n    </div>\r\n  </mat-cell>\r\n</ng-container>\r\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n<mat-row @item [@updated]=\"item == updatedElement\"\r\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\r\n  cdkDrag [cdkDragData]=\"item\"\r\n  [cdkDragDisabled]=\"dragDisabled\"\r\n  (cdkDragReleased)=\"dragDisabled = true\"\r\n           [ngClass]=\"{'selected-row': selectedElement === item,\r\n      'expanded-row': expandedElement === item,\r\n           'odd-row': dataIndex % 2,\r\n      'read-row': item.read}\" matRipple\r\n  (click)=\"open(item, $event)\">\r\n  <div *cdkDragPreview>\r\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\r\n  </div>\r\n  <div *cdkDragPlaceholder>\r\n    <!-- none -->\r\n  </div>\r\n</mat-row>\r\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\r\n  class=\"detail-row\" matRipple\r\n           [ngClass]=\"{ 'selected-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\r\n<mat-menu #menu=\"matMenu\">\r\n  <ng-template matMenuContent let-item=\"item\">\r\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\r\n  </ng-template>\r\n</mat-menu>\r\n", styles: ["#browse-table{width:100%}#browse-table .detail-row{min-height:0}#browse-table .element-row{cursor:pointer}#browse-table .element-row .drag{cursor:move}#browse-table .read-row{font-weight:100}@media screen and (min-width: 600px){.mat-mdc-row .tool{opacity:.05}.mat-mdc-row:hover .tool{opacity:1}}::ng-deep .mat-column-options{justify-content:end;padding-inline-end:8px}::ng-deep .mat-column-value{justify-content:right}::ng-deep .mat-column-select{white-space:nowrap}::ng-deep .mat-column-number{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$6.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$6.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$6.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i2$6.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7$2.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i7$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "directive", type: StateDirective, selector: "bizdoc-status", inputs: ["stateId"] }, { kind: "component", type: IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: ExpandedItemComponent, selector: "bizdoc-expanded-item", inputs: ["model"], outputs: ["sent"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i5.DecimalPipe, name: "number" }, { kind: "pipe", type: i5.CurrencyPipe, name: "currency" }, { kind: "pipe", type: CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
             listAnimation,
             itemAnimation,
             expandListItemAnimation,
@@ -9399,7 +9406,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                         itemAnimation,
                         expandListItemAnimation,
                         listItemUpdatedAnimation
-                    ], template: "<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n@if (dataSource?.data.length === 0) {\r\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\r\n}\r\n<mat-table cdkDropList class=\"data-table\"\r\n  [cdkDropListDisabled]=\"isMobile\"\r\n  [cdkDropListData]=\"dataSource?.data\"\r\n  cdkDropListConnectedTo=\"folders\"\r\n  cdkDropListSortingDisabled\r\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\r\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\r\n  <ng-container matColumnDef=\"select\">\r\n    <mat-header-cell *matHeaderCellDef>\r\n      <div class=\"\"></div>\r\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\r\n        [checked]=\"selection.hasValue() && isAllSelected()\"\r\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n      </mat-checkbox>\r\n    </mat-header-cell>\r\n    <mat-cell *matCellDef=\"let item\">\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\r\n        (change)=\"$event ? selection.toggle(item) : null\"\r\n        [checked]=\"selection.isSelected(item)\">\r\n      </mat-checkbox>\r\n      <!-- drag -->\r\n      <!--<button mat-icon-button cdkDragHandle\r\n      (mousedown)=\"dragDisabled = false\"\r\n      (mouseup)=\"dragDisabled = true\"\r\n      (touchstart)=\"dragDisabled = false\"\r\n      (touchend)=\"dragDisabled = true\"\r\n      class=\"drag hide-xs\" aria-disabled=\"true\">\r\n      <mat-icon>drag_indicator</mat-icon>\r\n    </button>-->\r\n    <button mat-icon-button (click)=\"toggleExpanded(item, $event)\" [bizdocTooltip]=\"'Details' | translate\" [attr.aria-label]=\"'Details' | translate\" class=\"tool\"><mat-icon>{{item == expandedElement ? 'unfold_less' : 'unfold_more'}}</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\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\"> {{item.number}} </mat-cell>\r\n</ng-container>\r\n\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\"> {{item.subject}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"owner\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.ownerId) {\r\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n<ng-container matColumnDef=\"sender\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.senderId) {\r\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"received\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.received | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"receivedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"replied\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.replied | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issued\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.issued | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issuedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"state\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n@if (customColumns) {\r\n  @for (c of customColumns; track c) {\r\n    <ng-container [matColumnDef]=\"c.name\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\">\r\n        @switch (c.type) {\r\n          @case ('Date') {\r\n            <span>\r\n              {{item.model[c.name] | amCalendar }}\r\n            </span>\r\n          }\r\n          @case ('Decimal') {\r\n            <span>\r\n              {{item.model[c.name] | number }}\r\n            </span>\r\n          }\r\n          @case ('Boolean') {\r\n            <span>\r\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\r\n            </span>\r\n          }\r\n          @default {\r\n            <span>\r\n              {{item.model[c.name]}}z\r\n            </span>\r\n          }\r\n        }\r\n      </mat-cell>\r\n    </ng-container>\r\n  }\r\n}\r\n\r\n<!-- Value column -->\r\n<ng-container matColumnDef=\"value\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\r\n</ng-container>\r\n\r\n<!-- options column -->\r\n<ng-container matColumnDef=\"options\">\r\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <button mat-icon-button (click)=\"flag(item, $event)\" [bizdocTooltip]=\"'Flagged'| translate\" [attr.aria-label]=\"'ToggleFlagged' | translate\" class=\"tool\"><mat-icon [class.document-flag]=\"item.flag\">{{item.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n    @if (enableViews) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [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 (click)=\"$event.stopPropagation()\" [matMenuTriggerFor]=\"menu\" [matMenuTriggerData]=\"{item: item}\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\" class=\"tool hide-xs\"><mat-icon>more_vert</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\r\n<!-- Expanded Content Column -->\r\n<ng-container matColumnDef=\"expandedDetail\">\r\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\r\n    [class.read-row]=\"item.read\">\r\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\r\n      @if (item == expandedElement) {\r\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\r\n      }\r\n    </div>\r\n  </mat-cell>\r\n</ng-container>\r\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n<mat-row @item [@updated]=\"item == updatedElement\"\r\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\r\n  cdkDrag [cdkDragData]=\"item\"\r\n  [cdkDragDisabled]=\"dragDisabled\"\r\n  (cdkDragReleased)=\"dragDisabled = true\"\r\n           [ngClass]=\"{'selected-row': selectedElement === item,\r\n      'expanded-row': expandedElement === item,\r\n           'odd-row': dataIndex % 2,\r\n      'read-row': item.read}\" matRipple\r\n  (click)=\"open(item, $event)\">\r\n  <div *cdkDragPreview>\r\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\r\n  </div>\r\n  <div *cdkDragPlaceholder>\r\n    <!-- none -->\r\n  </div>\r\n</mat-row>\r\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\r\n  class=\"detail-row\" matRipple\r\n           [ngClass]=\"{ 'selected-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\r\n<mat-menu #menu=\"matMenu\">\r\n  <ng-template matMenuContent let-item=\"item\">\r\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\r\n  </ng-template>\r\n</mat-menu>\r\n", styles: ["#browse-table{width:100%}#browse-table .detail-row{min-height:0}#browse-table .element-row{cursor:pointer}#browse-table .element-row .drag{cursor:move}#browse-table .read-row{font-weight:100}@media screen and (min-width: 600px){.mat-mdc-row .tool{opacity:.05}.mat-mdc-row:hover .tool{opacity:1}}::ng-deep .mat-column-options{justify-content:end;padding-inline-end:8px}::ng-deep .mat-column-value{justify-content:right}::ng-deep .mat-column-select{white-space:nowrap}::ng-deep .mat-column-number{white-space:nowrap}\n"] }]
+                    ], template: "<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\r\n@if (dataSource?.data.length === 0) {\r\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\r\n}\r\n<mat-table cdkDropList class=\"data-table\"\r\n  [cdkDropListDisabled]=\"isMobile\"\r\n  [cdkDropListData]=\"dataSource?.data\"\r\n  cdkDropListConnectedTo=\"folders\"\r\n  cdkDropListSortingDisabled\r\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\r\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\r\n  <ng-container matColumnDef=\"select\">\r\n    <mat-header-cell *matHeaderCellDef>\r\n      <div class=\"\"></div>\r\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\r\n        [checked]=\"selection.hasValue() && isAllSelected()\"\r\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n      </mat-checkbox>\r\n    </mat-header-cell>\r\n    <mat-cell *matCellDef=\"let item\">\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\r\n        (change)=\"$event ? selection.toggle(item) : null\"\r\n        [checked]=\"selection.isSelected(item)\">\r\n      </mat-checkbox>\r\n      <!-- drag -->\r\n      <!--<button mat-icon-button cdkDragHandle\r\n      (mousedown)=\"dragDisabled = false\"\r\n      (mouseup)=\"dragDisabled = true\"\r\n      (touchstart)=\"dragDisabled = false\"\r\n      (touchend)=\"dragDisabled = true\"\r\n      class=\"drag hide-xs\" aria-disabled=\"true\">\r\n      <mat-icon>drag_indicator</mat-icon>\r\n    </button>-->\r\n    <button mat-icon-button (click)=\"toggleExpanded(item, $event)\" [bizdocTooltip]=\"'Details' | translate\" [attr.aria-label]=\"'Details' | translate\" class=\"tool\"><mat-icon>{{item == expandedElement ? 'unfold_less' : 'unfold_more'}}</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\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\"> {{item.number}} </mat-cell>\r\n</ng-container>\r\n\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\"> {{item.subject}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"owner\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.ownerId) {\r\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n<ng-container matColumnDef=\"sender\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    @if (item.senderId) {\r\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\r\n    }\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"received\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.received | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"receivedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"replied\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.replied | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issued\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.issued | amCalendar}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"issuedAgo\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\r\n</ng-container>\r\n\r\n<ng-container matColumnDef=\"state\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\r\n  </mat-cell>\r\n</ng-container>\r\n\r\n@if (customColumns) {\r\n  @for (c of customColumns; track c) {\r\n    <ng-container [matColumnDef]=\"c.name\">\r\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\r\n      <mat-cell *matCellDef=\"let item\">\r\n        @switch (c.type) {\r\n          @case ('Date') {\r\n            <span>\r\n              {{item.model[c.name] | amCalendar }}\r\n            </span>\r\n          }\r\n          @case ('Decimal') {\r\n            <span>\r\n              {{item.model[c.name] | number }}\r\n            </span>\r\n          }\r\n          @case ('Boolean') {\r\n            <span>\r\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\r\n            </span>\r\n          }\r\n          @default {\r\n            <span>\r\n              {{item.model[c.name]}}z\r\n            </span>\r\n          }\r\n        }\r\n      </mat-cell>\r\n    </ng-container>\r\n  }\r\n}\r\n\r\n<!-- Value column -->\r\n<ng-container matColumnDef=\"value\">\r\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\r\n</ng-container>\r\n\r\n<!-- options column -->\r\n<ng-container matColumnDef=\"options\">\r\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\r\n  <mat-cell *matCellDef=\"let item\">\r\n    <button mat-icon-button (click)=\"flag(item, $event)\" [bizdocTooltip]=\"'Flagged'| translate\" [attr.aria-label]=\"'ToggleFlagged' | translate\" class=\"tool\"><mat-icon [class.filled]=\"item.flag\">star</mat-icon></button>\r\n    @if (enableViews) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [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 (click)=\"$event.stopPropagation()\" [matMenuTriggerFor]=\"menu\" [matMenuTriggerData]=\"{item: item}\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\" class=\"tool hide-xs\"><mat-icon>more_vert</mat-icon></button>\r\n  </mat-cell>\r\n</ng-container>\r\n<!-- Expanded Content Column -->\r\n<ng-container matColumnDef=\"expandedDetail\">\r\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\r\n    [class.read-row]=\"item.read\">\r\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\r\n      @if (item == expandedElement) {\r\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\r\n      }\r\n    </div>\r\n  </mat-cell>\r\n</ng-container>\r\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n<mat-row @item [@updated]=\"item == updatedElement\"\r\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\r\n  cdkDrag [cdkDragData]=\"item\"\r\n  [cdkDragDisabled]=\"dragDisabled\"\r\n  (cdkDragReleased)=\"dragDisabled = true\"\r\n           [ngClass]=\"{'selected-row': selectedElement === item,\r\n      'expanded-row': expandedElement === item,\r\n           'odd-row': dataIndex % 2,\r\n      'read-row': item.read}\" matRipple\r\n  (click)=\"open(item, $event)\">\r\n  <div *cdkDragPreview>\r\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\r\n  </div>\r\n  <div *cdkDragPlaceholder>\r\n    <!-- none -->\r\n  </div>\r\n</mat-row>\r\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\r\n  class=\"detail-row\" matRipple\r\n           [ngClass]=\"{ 'selected-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\r\n<mat-menu #menu=\"matMenu\">\r\n  <ng-template matMenuContent let-item=\"item\">\r\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\r\n    <mat-divider></mat-divider>\r\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\r\n  </ng-template>\r\n</mat-menu>\r\n", styles: ["#browse-table{width:100%}#browse-table .detail-row{min-height:0}#browse-table .element-row{cursor:pointer}#browse-table .element-row .drag{cursor:move}#browse-table .read-row{font-weight:100}@media screen and (min-width: 600px){.mat-mdc-row .tool{opacity:.05}.mat-mdc-row:hover .tool{opacity:1}}::ng-deep .mat-column-options{justify-content:end;padding-inline-end:8px}::ng-deep .mat-column-value{justify-content:right}::ng-deep .mat-column-select{white-space:nowrap}::ng-deep .mat-column-number{white-space:nowrap}\n"] }]
         }], ctorParameters: () => [{ type: MailboxService }, { type: AccountService }, { type: CubeService }, { type: SessionService }, { type: PromptService }, { type: TranslateService }, { type: i0.ChangeDetectorRef }, { type: RouterImpl }, { type: HubService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
@@ -10176,11 +10183,11 @@ class ComposePaneComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ComposePaneComponent, deps: [{ token: SessionService }, { token: MailboxService }, { token: PaneRef }, { token: PanesRouter }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: ComposePaneComponent, selector: "bizdoc-compose-pane", host: { listeners: { "document:drop": "handleDocumentDrop($event)", "drop": "handleDrop($event)", "dragenter": "handleEnter($event)", "dragleave": "handleLeave($event)", "dragover": "handleOver($event)", "document:keydown": "handleKeydown($event)" } }, viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "dropableElement", first: true, predicate: ["dropable"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  @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  &nbsp;\r\n  }\r\n  @if (model.draft) {\r\n  <button mat-stroked-button color=\"primary\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  }\r\n  @if (form.actions.length === 1) {\r\n  <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  }\r\n  @else if (form.actions.length > 1) {\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  }\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      @for (a of form.actions; 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    </ng-template>\r\n  </mat-menu>\r\n  @if (mode === 'compose') {\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'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':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.document-flag]=\"model.flag\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  @if (mode !== 'compose' && model.pending && !model.completed) {\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)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  @if (enableInsights) {\r\n  <button mat-icon-button (click)=\"insights()\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insight' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  }\r\n  @if (expendable) {\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</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      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<div class=\"file-dropable form-container\" #dropable>\r\n  <bizdoc-form [model]=model [page]=\"page\" #form\r\n               (modelChange)=\"change()\"\r\n               (saved)=\"saved()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.form-container{-ms-flex:1;-webkit-flex:1;flex:1;overflow:auto}\n"], dependencies: [{ kind: "directive", type: i11.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "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: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: ComposePaneComponent, selector: "bizdoc-compose-pane", host: { listeners: { "document:drop": "handleDocumentDrop($event)", "drop": "handleDrop($event)", "dragenter": "handleEnter($event)", "dragleave": "handleLeave($event)", "dragover": "handleOver($event)", "document:keydown": "handleKeydown($event)" } }, viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "dropableElement", first: true, predicate: ["dropable"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\r\n  @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  &nbsp;\r\n  }\r\n  @if (model.draft) {\r\n  <button mat-stroked-button color=\"primary\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  }\r\n  @if (form.actions.length === 1) {\r\n  <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  }\r\n  @else if (form.actions.length > 1) {\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  }\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      @for (a of form.actions; 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    </ng-template>\r\n  </mat-menu>\r\n  @if (mode === 'compose') {\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'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.pending && !model.completed) {\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)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  @if (enableInsights) {\r\n  <button mat-icon-button (click)=\"insights()\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insight' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  }\r\n  @if (expendable) {\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</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      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<div class=\"file-dropable form-container\" #dropable>\r\n  <bizdoc-form [model]=model [page]=\"page\" #form\r\n               (modelChange)=\"change()\"\r\n               (saved)=\"saved()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.form-container{-ms-flex:1;-webkit-flex:1;flex:1;overflow:auto}\n"], dependencies: [{ kind: "directive", type: i11.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "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: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ComposePaneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-compose-pane', 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  &nbsp;\r\n  }\r\n  @if (model.draft) {\r\n  <button mat-stroked-button color=\"primary\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  }\r\n  @if (form.actions.length === 1) {\r\n  <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  }\r\n  @else if (form.actions.length > 1) {\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  }\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      @for (a of form.actions; 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    </ng-template>\r\n  </mat-menu>\r\n  @if (mode === 'compose') {\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'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':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon [class.document-flag]=\"model.flag\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  @if (mode !== 'compose' && model.pending && !model.completed) {\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)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  @if (enableInsights) {\r\n  <button mat-icon-button (click)=\"insights()\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insight' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  }\r\n  @if (expendable) {\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</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      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<div class=\"file-dropable form-container\" #dropable>\r\n  <bizdoc-form [model]=model [page]=\"page\" #form\r\n               (modelChange)=\"change()\"\r\n               (saved)=\"saved()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.form-container{-ms-flex:1;-webkit-flex:1;flex:1;overflow:auto}\n"] }]
+            args: [{ selector: 'bizdoc-compose-pane', 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  &nbsp;\r\n  }\r\n  @if (model.draft) {\r\n  <button mat-stroked-button color=\"primary\" data-help=\"submit\"\r\n          (click)=\"submit()\" [disabled]=\"!valid||working\">\r\n    <span>{{'Submit' | translate}}</span>\r\n  </button>\r\n  }\r\n  @if (form.actions.length === 1) {\r\n  <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\r\n    <span>{{form.actions[0].title}}</span>\r\n  </button>\r\n  }\r\n  @else if (form.actions.length > 1) {\r\n  <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\r\n    <span>{{'Send' | translate}}</span>\r\n  </button>\r\n  }\r\n  <!-- action -->\r\n  <mat-menu #actionMenu>\r\n    <ng-template matMenuContent>\r\n      @for (a of form.actions; 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    </ng-template>\r\n  </mat-menu>\r\n  @if (mode === 'compose') {\r\n  <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'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.pending && !model.completed) {\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)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\r\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\r\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\r\n  </button>\r\n  @if (enableInsights) {\r\n  <button mat-icon-button (click)=\"insights()\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insight' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\r\n  }\r\n  @if (expendable) {\r\n  <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</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      <mat-divider></mat-divider>\r\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\r\n    </ng-template>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<div class=\"file-dropable form-container\" #dropable>\r\n  <bizdoc-form [model]=model [page]=\"page\" #form\r\n               (modelChange)=\"change()\"\r\n               (saved)=\"saved()\"\r\n               (validChange)=\"valid=$event\"\r\n               (workingChange)=\"working=$event\"\r\n               (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.form-container{-ms-flex:1;-webkit-flex:1;flex:1;overflow:auto}\n"] }]
         }], ctorParameters: () => [{ type: SessionService }, { type: MailboxService }, { type: PaneRef }, { type: PanesRouter }], propDecorators: { form: [{
                 type: ViewChild,
                 args: [ComposeFormComponent, { static: true }]
@@ -10496,7 +10503,7 @@ class CubeAccumulationChartComponent {
         }, this._elementRef.nativeElement);
     }
     exportToExcel(title) {
-        const numberFormat = this._service.numberFormat, rows = [{
+        const numberFormat = this._service.getNumberFormat(this._cube.currencyCode), rows = [{
                 index: 1,
                 cells: this._xAxis.map((x, i) => ({
                     index: i + 1,
@@ -10818,7 +10825,7 @@ class CubeChartComponent {
         this.explore.emit({ axes, index });
     }
     exportToExcel(title) {
-        const numberFormat = this._service.numberFormat, worksheets = [];
+        const numberFormat = this._service.getNumberFormat(this._cube.currencyCode), worksheets = [];
         this._data.forEach(s => {
             const cells = this._xAxis.map((x, i) => ({
                 index: i + 1,
@@ -11512,7 +11519,7 @@ class CubePivotComponent {
             this.pivot.excelExport({ fileName: `${title}.xlsx`, hierarchyExportMode: 'All', });
     }
     _exportExcel(title) {
-        const numberFormat = this._service.numberFormat, columns = this._cube.axes.filter(a => this._xAxis.indexOf(a.name) > -1 ||
+        const numberFormat = this._service.getNumberFormat(this._cube.currencyCode), columns = this._cube.axes.filter(a => this._xAxis.indexOf(a.name) > -1 ||
             this._series.indexOf(a.name) > -1), rows = [{
                 index: 1,
                 cells: columns.map((c, i) => ({
@@ -11974,7 +11981,7 @@ class CubeSpreadsheetComponent {
         }
     }
     exportToExcel(title) {
-        const { rows } = this.spreadsheet.sheets[0], numberFormat = this._service.numberFormat, book = new Workbook({
+        const { rows } = this.spreadsheet.sheets[0], numberFormat = this._service.getNumberFormat(this._cube.currencyCode), book = new Workbook({
             worksheets: [
                 {
                     enableRtl: this._session.inverse,
@@ -13687,7 +13694,7 @@ class ExploreItemsComponent {
         this.explore.emit({ keys, template: this._template });
     }
     exportExcel() {
-        const numberFormat = this._service.numberFormat, columns = this.columns.filter(c => !c.flags || c.flags.indexOf('Hidden') < 0), rows = [{
+        const numberFormat = this._service.getNumberFormat(this._cube.currencyCode), columns = this.columns.filter(c => !c.flags || c.flags.indexOf('Hidden') < 0), rows = [{
                 index: 1,
                 cells: columns.map((c, i) => ({
                     index: i + 1, value: c.label || c.name,
@@ -14696,11 +14703,11 @@ class WorkflowComponent {
     getSymbolDefaults(symbol) {
         symbol.width = symbol.height = 40;
     }
-    pan() {
+    panMode() {
         this.diagram.constraints = this.diagram.constraints | DiagramConstraints.Pan;
         this.diagram.tool = DiagramTools.ZoomPan;
     }
-    cursor() {
+    cursorMode() {
         this.diagram.constraints = this.diagram.constraints & ~DiagramConstraints.Pan;
         this.diagram.tool = DiagramTools.Default;
     }
@@ -14925,11 +14932,11 @@ class WorkflowComponent {
         this._nodedestroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: WorkflowComponent, deps: [{ token: PromptService }, { token: SystemService }, { token: PaneRef }, { token: PanesRouter }, { token: SessionService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: WorkflowComponent, selector: "bizdoc-workflow", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "symbolPaletteEl", first: true, predicate: ["symbolPaletteEl"], descendants: true, static: true }, { propertyName: "diagramEl", first: true, predicate: ["diagramEl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\r\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty || saving\">{{'SaveChanges' | translate}}</button>\r\n  <button mat-icon-button (click)=\"pan()\" [bizdocTooltip]=\"'Pan' | translate\"><mat-icon>pan_tool</mat-icon></button>\r\n  <button mat-icon-button (click)=\"cursor()\" [bizdocTooltip]=\"'Cursor' | translate\"><span class=\"e-icons e-mouse-pointer\"></span></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"!diagram.historyManager?.canUndo\"><mat-icon>undo</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"!diagram.historyManager?.canRedo\"><mat-icon>redo</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.copy()\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>copy</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.paste()\" [bizdocTooltip]=\"'Paste' | translate\"><mat-icon>paste</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.remove()\" [bizdocTooltip]=\"'Remove' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>delete</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-button [matMenuTriggerFor]=\"lineMenu\" [disabled]=\"diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'ConnectorMode'|translate\">\r\n    <span class=\"e-diagram-icon\" [ngClass]=\"{'e-straight-line': connectorType === 'Straight',\r\n          'e-orthogonal-line': connectorType === 'Orthogonal',\r\n          'e-beizer-line': connectorType === 'Bezier'}\"></span>\r\n    <mat-icon>arrow_drop_down</mat-icon>\r\n  </button>\r\n  <mat-menu #lineMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Straight')\">\r\n      <span class=\"e-diagram-icon e-straight-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Orthogonal')\">\r\n      <span class=\"e-diagram-icon e-orthogonal-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Bezier')\">\r\n      <span class=\"e-diagram-icon e-beizer-line\"></span>\r\n    </button>\r\n    <!--@if(connectors.length){\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n      @if(nodes[0].annotations.length){\r\n        < bizdoc-color-picker (valueChanges)='colorChange($event)' [label]=\"'Color'|translate\"></ bizdoc-color-picker>\r\n     }\r\n        < bizdoc-color-picker (valueChanges)='bgChange($event)' [label]=\"'Background'|translate\"></ bizdoc-color-picker>\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n    }-->\r\n  </mat-menu>\r\n  &nbsp;\r\n  <button mat-button [matMenuTriggerFor]=\"alignMenu\" [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'Align'|translate\">\r\n    <span class=\"e-icons\" [ngClass]=\"{'e-border-top': alignment === 'Top',\r\n          'e-border-left': alignment === 'Left',\r\n          'e-border-center': alignment === 'Center',\r\n          'e-border-bottom': alignment === 'Bottom',\r\n          'e-border-right': alignment === 'Right'}\"></span>\r\n    <mat-icon>arrow_drop_down</mat-icon>\r\n  </button>\r\n  <mat-menu #alignMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"align('Top')\">\r\n      <span class=\"e-icons e-border-top\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Left')\">\r\n      <span class=\"e-icons e-border-left\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Center')\">\r\n      <span class=\"e-icons e-border-center\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Right')\">\r\n      <span class=\"e-icons e-border-right\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Bottom')\">\r\n      <span class=\"e-icons e-border-bottom\"></span>\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"boldChange()\" [bizdocTooltip]=\"'Bold' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_bold</mat-icon></button>\r\n  <button mat-icon-button (click)=\"italicChange()\" [bizdocTooltip]=\"'Italic' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_italic</mat-icon></button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"sizeMenu\"\r\n          [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\"\r\n          [bizdocTooltip]=\"'FontSize'|translate\">\r\n    <mat-icon>format_size</mat-icon>\r\n  </button>\r\n  <mat-menu #sizeMenu overlayPanelClass=\"icon-menu-panel\">\r\n    @for (size of fontSizes; track size) {\r\n    <button mat-menu-item (click)=\"fontSizeChange(size)\">\r\n      {{size}}\r\n    </button>\r\n    }\r\n  </mat-menu>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.fitToPage()\" [bizdocTooltip]=\"'FitToPage' | translate\"><mat-icon>fullscreen_exit</mat-icon></button>\r\n</mat-toolbar>\r\n<div class=\"row container\">\r\n  <div id=\"symbolpalette\" [style.display]=\"tools?'':'none'\">\r\n    <div dir=\"ltr\" #symbolPaletteEl>\r\n    </div>\r\n  </div>\r\n  <div #diagramEl id=\"diagram\" class=\"flex\" dir=\"ltr\">\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}.container{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto}#diagram{-webkit-flex-grow:1;flex-grow:1}#symbolpalette{width:210px}::ng-deep .e-rtl{direction:ltr}::ng-deep .mat-toolbar .mat-button-toggle{background:transparent!important}::ng-deep .mat-mdc-menu-panel{min-width:0!important}.tools-divider:after{content:\"|\";opacity:.6;margin:0 2px}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { 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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: WorkflowComponent, selector: "bizdoc-workflow", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "symbolPaletteEl", first: true, predicate: ["symbolPaletteEl"], descendants: true, static: true }, { propertyName: "diagramEl", first: true, predicate: ["diagramEl"], descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\r\n  <button mat-icon-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty || saving\" [bizdocTooltip]=\"'SaveChanges' | translate\"><mat-icon>save</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"!diagram.historyManager?.canUndo\"><mat-icon>undo</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"!diagram.historyManager?.canRedo\"><mat-icon>redo</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.copy()\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>content_copy</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.paste()\" [bizdocTooltip]=\"'Paste' | translate\"><mat-icon>content_paste</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.remove()\" [bizdocTooltip]=\"'Remove' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>delete</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"lineMenu\" [disabled]=\"diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'ConnectorMode'|translate\">\r\n    <span class=\"e-diagram-icon\" [ngClass]=\"{'e-straight-line': connectorType === 'Straight',\r\n          'e-orthogonal-line': connectorType === 'Orthogonal',\r\n          'e-beizer-line': connectorType === 'Bezier'}\"></span>\r\n  </button>\r\n  <mat-menu #lineMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Straight')\">\r\n      <span class=\"e-diagram-icon e-straight-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Orthogonal')\">\r\n      <span class=\"e-diagram-icon e-orthogonal-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Bezier')\">\r\n      <span class=\"e-diagram-icon e-beizer-line\"></span>\r\n    </button>\r\n    <!--@if(connectors.length){\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n      @if(nodes[0].annotations.length){\r\n        < bizdoc-color-picker (valueChanges)='colorChange($event)' [label]=\"'Color'|translate\"></ bizdoc-color-picker>\r\n     }\r\n        < bizdoc-color-picker (valueChanges)='bgChange($event)' [label]=\"'Background'|translate\"></ bizdoc-color-picker>\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n    }-->\r\n  </mat-menu>\r\n  &nbsp;\r\n  <button mat-icon-button [matMenuTriggerFor]=\"alignMenu\" [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'Align'|translate\">\r\n    <span class=\"e-icons\" [ngClass]=\"{'e-border-top': alignment === 'Top',\r\n          'e-border-left': alignment === 'Left',\r\n          'e-border-center': alignment === 'Center',\r\n          'e-border-bottom': alignment === 'Bottom',\r\n          'e-border-right': alignment === 'Right'}\"></span>\r\n  </button>\r\n  <mat-menu #alignMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"align('Top')\">\r\n      <span class=\"e-icons e-border-top\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Left')\">\r\n      <span class=\"e-icons e-border-left\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Center')\">\r\n      <span class=\"e-icons e-border-center\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Right')\">\r\n      <span class=\"e-icons e-border-right\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Bottom')\">\r\n      <span class=\"e-icons e-border-bottom\"></span>\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"boldChange()\" [bizdocTooltip]=\"'Bold' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_bold</mat-icon></button>\r\n  <button mat-icon-button (click)=\"italicChange()\" [bizdocTooltip]=\"'Italic' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_italic</mat-icon></button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"sizeMenu\"\r\n          [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\"\r\n          [bizdocTooltip]=\"'FontSize'|translate\">\r\n    <mat-icon>format_size</mat-icon>\r\n  </button>\r\n  <mat-menu #sizeMenu overlayPanelClass=\"icon-menu-panel\">\r\n    @for (size of fontSizes; track size) {\r\n    <button mat-menu-item (click)=\"fontSizeChange(size)\">\r\n      {{size}}\r\n    </button>\r\n    }\r\n  </mat-menu>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"cursorMode()\" [bizdocTooltip]=\"'Cursor' | translate\"><mat-icon>arrow_selector_tool</mat-icon></button>\r\n  <button mat-icon-button (click)=\"panMode()\" [bizdocTooltip]=\"'Pan' | translate\"><mat-icon>pan_tool</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.fitToPage()\" [bizdocTooltip]=\"'FitToPage' | translate\"><mat-icon>fullscreen_exit</mat-icon></button>\r\n</mat-toolbar>\r\n<div class=\"row container\">\r\n  <div id=\"symbolpalette\" [style.display]=\"tools?'':'none'\">\r\n    <div dir=\"ltr\" #symbolPaletteEl>\r\n    </div>\r\n  </div>\r\n  <div #diagramEl id=\"diagram\" class=\"flex\" dir=\"ltr\">\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}.container{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto}#diagram{-webkit-flex-grow:1;flex-grow:1}#symbolpalette{width:210px}::ng-deep .e-rtl{direction:ltr}::ng-deep .mat-toolbar .mat-button-toggle{background:transparent!important}::ng-deep .mat-mdc-menu-panel{min-width:0!important}.tools-divider:after{content:\"|\";opacity:.6;margin:0 2px}.e-icons{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { 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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: WorkflowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-workflow', template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\r\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty || saving\">{{'SaveChanges' | translate}}</button>\r\n  <button mat-icon-button (click)=\"pan()\" [bizdocTooltip]=\"'Pan' | translate\"><mat-icon>pan_tool</mat-icon></button>\r\n  <button mat-icon-button (click)=\"cursor()\" [bizdocTooltip]=\"'Cursor' | translate\"><span class=\"e-icons e-mouse-pointer\"></span></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"!diagram.historyManager?.canUndo\"><mat-icon>undo</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"!diagram.historyManager?.canRedo\"><mat-icon>redo</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.copy()\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>copy</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.paste()\" [bizdocTooltip]=\"'Paste' | translate\"><mat-icon>paste</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.remove()\" [bizdocTooltip]=\"'Remove' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>delete</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-button [matMenuTriggerFor]=\"lineMenu\" [disabled]=\"diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'ConnectorMode'|translate\">\r\n    <span class=\"e-diagram-icon\" [ngClass]=\"{'e-straight-line': connectorType === 'Straight',\r\n          'e-orthogonal-line': connectorType === 'Orthogonal',\r\n          'e-beizer-line': connectorType === 'Bezier'}\"></span>\r\n    <mat-icon>arrow_drop_down</mat-icon>\r\n  </button>\r\n  <mat-menu #lineMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Straight')\">\r\n      <span class=\"e-diagram-icon e-straight-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Orthogonal')\">\r\n      <span class=\"e-diagram-icon e-orthogonal-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Bezier')\">\r\n      <span class=\"e-diagram-icon e-beizer-line\"></span>\r\n    </button>\r\n    <!--@if(connectors.length){\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n      @if(nodes[0].annotations.length){\r\n        < bizdoc-color-picker (valueChanges)='colorChange($event)' [label]=\"'Color'|translate\"></ bizdoc-color-picker>\r\n     }\r\n        < bizdoc-color-picker (valueChanges)='bgChange($event)' [label]=\"'Background'|translate\"></ bizdoc-color-picker>\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n    }-->\r\n  </mat-menu>\r\n  &nbsp;\r\n  <button mat-button [matMenuTriggerFor]=\"alignMenu\" [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'Align'|translate\">\r\n    <span class=\"e-icons\" [ngClass]=\"{'e-border-top': alignment === 'Top',\r\n          'e-border-left': alignment === 'Left',\r\n          'e-border-center': alignment === 'Center',\r\n          'e-border-bottom': alignment === 'Bottom',\r\n          'e-border-right': alignment === 'Right'}\"></span>\r\n    <mat-icon>arrow_drop_down</mat-icon>\r\n  </button>\r\n  <mat-menu #alignMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"align('Top')\">\r\n      <span class=\"e-icons e-border-top\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Left')\">\r\n      <span class=\"e-icons e-border-left\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Center')\">\r\n      <span class=\"e-icons e-border-center\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Right')\">\r\n      <span class=\"e-icons e-border-right\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Bottom')\">\r\n      <span class=\"e-icons e-border-bottom\"></span>\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"boldChange()\" [bizdocTooltip]=\"'Bold' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_bold</mat-icon></button>\r\n  <button mat-icon-button (click)=\"italicChange()\" [bizdocTooltip]=\"'Italic' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_italic</mat-icon></button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"sizeMenu\"\r\n          [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\"\r\n          [bizdocTooltip]=\"'FontSize'|translate\">\r\n    <mat-icon>format_size</mat-icon>\r\n  </button>\r\n  <mat-menu #sizeMenu overlayPanelClass=\"icon-menu-panel\">\r\n    @for (size of fontSizes; track size) {\r\n    <button mat-menu-item (click)=\"fontSizeChange(size)\">\r\n      {{size}}\r\n    </button>\r\n    }\r\n  </mat-menu>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.fitToPage()\" [bizdocTooltip]=\"'FitToPage' | translate\"><mat-icon>fullscreen_exit</mat-icon></button>\r\n</mat-toolbar>\r\n<div class=\"row container\">\r\n  <div id=\"symbolpalette\" [style.display]=\"tools?'':'none'\">\r\n    <div dir=\"ltr\" #symbolPaletteEl>\r\n    </div>\r\n  </div>\r\n  <div #diagramEl id=\"diagram\" class=\"flex\" dir=\"ltr\">\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}.container{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto}#diagram{-webkit-flex-grow:1;flex-grow:1}#symbolpalette{width:210px}::ng-deep .e-rtl{direction:ltr}::ng-deep .mat-toolbar .mat-button-toggle{background:transparent!important}::ng-deep .mat-mdc-menu-panel{min-width:0!important}.tools-divider:after{content:\"|\";opacity:.6;margin:0 2px}\n"] }]
+            args: [{ selector: 'bizdoc-workflow', template: "<mat-toolbar>\r\n  <button mat-icon-button (click)=\"tools = !tools\" [bizdocTooltip]=\"'Collapse' | translate\"><mat-icon>view_sidebar</mat-icon></button>\r\n  <button mat-icon-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty || saving\" [bizdocTooltip]=\"'SaveChanges' | translate\"><mat-icon>save</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.undo()\" [bizdocTooltip]=\"'Undo' | translate\" [disabled]=\"!diagram.historyManager?.canUndo\"><mat-icon>undo</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.redo()\" [bizdocTooltip]=\"'Redo' | translate\" [disabled]=\"!diagram.historyManager?.canRedo\"><mat-icon>redo</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button (click)=\"diagram.copy()\" [bizdocTooltip]=\"'Copy' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>content_copy</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.paste()\" [bizdocTooltip]=\"'Paste' | translate\"><mat-icon>content_paste</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.remove()\" [bizdocTooltip]=\"'Remove' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>delete</mat-icon></button>\r\n  <span class=\"tools-divider\"></span>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"lineMenu\" [disabled]=\"diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'ConnectorMode'|translate\">\r\n    <span class=\"e-diagram-icon\" [ngClass]=\"{'e-straight-line': connectorType === 'Straight',\r\n          'e-orthogonal-line': connectorType === 'Orthogonal',\r\n          'e-beizer-line': connectorType === 'Bezier'}\"></span>\r\n  </button>\r\n  <mat-menu #lineMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Straight')\">\r\n      <span class=\"e-diagram-icon e-straight-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Orthogonal')\">\r\n      <span class=\"e-diagram-icon e-orthogonal-line\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"connectorTypeChange('Bezier')\">\r\n      <span class=\"e-diagram-icon e-beizer-line\"></span>\r\n    </button>\r\n    <!--@if(connectors.length){\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n      @if(nodes[0].annotations.length){\r\n        < bizdoc-color-picker (valueChanges)='colorChange($event)' [label]=\"'Color'|translate\"></ bizdoc-color-picker>\r\n     }\r\n        < bizdoc-color-picker (valueChanges)='bgChange($event)' [label]=\"'Background'|translate\"></ bizdoc-color-picker>\r\n      < bizdoc-color-picker (valueChanges)='strokeChange($event)' [label]=\"'Stroke'|translate\"></ bizdoc-color-picker>\r\n    }-->\r\n  </mat-menu>\r\n  &nbsp;\r\n  <button mat-icon-button [matMenuTriggerFor]=\"alignMenu\" [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\" [bizdocTooltip]=\"'Align'|translate\">\r\n    <span class=\"e-icons\" [ngClass]=\"{'e-border-top': alignment === 'Top',\r\n          'e-border-left': alignment === 'Left',\r\n          'e-border-center': alignment === 'Center',\r\n          'e-border-bottom': alignment === 'Bottom',\r\n          'e-border-right': alignment === 'Right'}\"></span>\r\n  </button>\r\n  <mat-menu #alignMenu overlayPanelClass=\"icon-menu-panel\">\r\n    <button mat-menu-item (click)=\"align('Top')\">\r\n      <span class=\"e-icons e-border-top\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Left')\">\r\n      <span class=\"e-icons e-border-left\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Center')\">\r\n      <span class=\"e-icons e-border-center\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Right')\">\r\n      <span class=\"e-icons e-border-right\"></span>\r\n    </button>\r\n    <button mat-menu-item (click)=\"align('Bottom')\">\r\n      <span class=\"e-icons e-border-bottom\"></span>\r\n    </button>\r\n  </mat-menu>\r\n  <button mat-icon-button (click)=\"boldChange()\" [bizdocTooltip]=\"'Bold' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_bold</mat-icon></button>\r\n  <button mat-icon-button (click)=\"italicChange()\" [bizdocTooltip]=\"'Italic' | translate\" [disabled]=\"diagram.selectedItems?.connectors.length === 0 && diagram.selectedItems?.nodes.length === 0\"><mat-icon>format_italic</mat-icon></button>\r\n  <button mat-icon-button [matMenuTriggerFor]=\"sizeMenu\"\r\n          [disabled]=\"diagram.selectedItems?.nodes.length === 0 && diagram.selectedItems?.connectors.length === 0\"\r\n          [bizdocTooltip]=\"'FontSize'|translate\">\r\n    <mat-icon>format_size</mat-icon>\r\n  </button>\r\n  <mat-menu #sizeMenu overlayPanelClass=\"icon-menu-panel\">\r\n    @for (size of fontSizes; track size) {\r\n    <button mat-menu-item (click)=\"fontSizeChange(size)\">\r\n      {{size}}\r\n    </button>\r\n    }\r\n  </mat-menu>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"cursorMode()\" [bizdocTooltip]=\"'Cursor' | translate\"><mat-icon>arrow_selector_tool</mat-icon></button>\r\n  <button mat-icon-button (click)=\"panMode()\" [bizdocTooltip]=\"'Pan' | translate\"><mat-icon>pan_tool</mat-icon></button>\r\n  <button mat-icon-button (click)=\"diagram.fitToPage()\" [bizdocTooltip]=\"'FitToPage' | translate\"><mat-icon>fullscreen_exit</mat-icon></button>\r\n</mat-toolbar>\r\n<div class=\"row container\">\r\n  <div id=\"symbolpalette\" [style.display]=\"tools?'':'none'\">\r\n    <div dir=\"ltr\" #symbolPaletteEl>\r\n    </div>\r\n  </div>\r\n  <div #diagramEl id=\"diagram\" class=\"flex\" dir=\"ltr\">\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;flex-grow:1;height:100%}.container{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto}#diagram{-webkit-flex-grow:1;flex-grow:1}#symbolpalette{width:210px}::ng-deep .e-rtl{direction:ltr}::ng-deep .mat-toolbar .mat-button-toggle{background:transparent!important}::ng-deep .mat-mdc-menu-panel{min-width:0!important}.tools-divider:after{content:\"|\";opacity:.6;margin:0 2px}.e-icons{font-size:16px}\n"] }]
         }], ctorParameters: () => [{ type: PromptService }, { type: SystemService }, { type: PaneRef }, { type: PanesRouter }, { type: SessionService }, { type: TranslateService }], propDecorators: { symbolPaletteEl: [{
                 type: ViewChild,
                 args: ['symbolPaletteEl', { static: true }]
@@ -15149,6 +15156,7 @@ class FlowViewComponent extends TraceBase {
         this.diagramConstraints = DiagramConstraints$1.Default |
             DiagramConstraints$1.Pan |
             DiagramConstraints$1.LineRouting |
+            DiagramConstraints$1.Bridging |
             DiagramConstraints$1.Zoom;
         this.enableRtl = this._session.inverse;
         this.layout = {
@@ -16780,15 +16788,13 @@ class CubeMatrixComponent {
         if (changes['_cube']) {
             this.cube = this._session.profile.cubes.find(c => c.name === this._cube);
             this.CURRENCY = this.cube.currencyCode /*|| this._service.currencyCode*/;
-            if (this.CURRENCY)
-                this.SYMBOL = getCurrencySymbol(this.CURRENCY, 'narrow');
         }
         if (!this.cube) {
             this.cube = this._session.profile.cubes[0];
             this.CURRENCY = this.cube.currencyCode /*|| this._service.currencyCode*/;
-            if (this.CURRENCY)
-                this.SYMBOL = getCurrencySymbol(this.CURRENCY, 'narrow');
         }
+        if (this.CURRENCY)
+            this.SYMBOL = this._service.getCurrencySymbol(this.CURRENCY);
         if (changes['_indices'] && this._indices) {
             if (!this.cube.indices)
                 throw `cube ${this.cube.name} expects one or more indices.`;
@@ -16877,7 +16883,8 @@ class CubeMatrixComponent {
             error: (e) => {
                 this._sb.error(errResource(e));
                 this.loadingChange.error(e);
-            }, complete: () => {
+            },
+            complete: () => {
                 clearTimeout(progressTask);
                 this.loadingChange.next(this.loading = false);
             }
@@ -17090,7 +17097,7 @@ class CubeMatrixComponent {
     }
     /** */
     export() {
-        const numberFormat = this._service.numberFormat, columns = this.columns.filter(c => !c.sum);
+        const numberFormat = this._service.getNumberFormat(this.cube.currencyCode), columns = this.columns.filter(c => !c.sum);
         const book = new Workbook({
             worksheets: [
                 {
@@ -20751,7 +20758,8 @@ class ComposeMenuComponent {
             next: i => {
                 this.clear();
                 this._nav(i);
-            }, complete: () => {
+            },
+            complete: () => {
                 this._working$.next(false);
                 this.search.enable();
             }
@@ -21053,10 +21061,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
 /** form selector component */
 class FormSelectorSheet {
     /** form selector ctor */
-    constructor(_dialog, _bsRef, _sb, _factory, _router, session) {
+    constructor(_dialog, _bsRef, _factory, _router, session) {
         this._dialog = _dialog;
         this._bsRef = _bsRef;
-        this._sb = _sb;
         this._factory = _factory;
         this._router = _router;
         this._done = new Subject();
@@ -21087,13 +21094,13 @@ class FormSelectorSheet {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: FormSelectorSheet, deps: [{ token: i2$2.MatDialog }, { token: i2$a.MatBottomSheetRef }, { token: PromptService }, { token: DocumentFactory }, { token: i1$2.Router }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: FormSelectorSheet, deps: [{ token: i2$2.MatDialog }, { token: i2$a.MatBottomSheetRef }, { token: DocumentFactory }, { token: i1$2.Router }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: FormSelectorSheet, selector: "bizdoc-form-selector", ngImport: i0, template: "<mat-nav-list role=\"list\">\r\n  @for (f of forms; track f) {\r\n    <a mat-list-item role=\"listitem\" (click)=\"open(f.name)\">\r\n      <span matListItemTitle>{{f.title}}</span>\r\n      <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\r\n    </a>\r\n  }\r\n  <mat-divider></mat-divider>\r\n  <a mat-list-item role=\"listitem\" (click)=\"copy($event)\">\r\n    <span matListItemTitle>{{'Elipsis'| translate: ('Copy' | translate)}}</span>\r\n  </a>\r\n</mat-nav-list>\r\n", dependencies: [{ kind: "component", type: i2$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: FormSelectorSheet, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-form-selector', template: "<mat-nav-list role=\"list\">\r\n  @for (f of forms; track f) {\r\n    <a mat-list-item role=\"listitem\" (click)=\"open(f.name)\">\r\n      <span matListItemTitle>{{f.title}}</span>\r\n      <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\r\n    </a>\r\n  }\r\n  <mat-divider></mat-divider>\r\n  <a mat-list-item role=\"listitem\" (click)=\"copy($event)\">\r\n    <span matListItemTitle>{{'Elipsis'| translate: ('Copy' | translate)}}</span>\r\n  </a>\r\n</mat-nav-list>\r\n" }]
-        }], ctorParameters: () => [{ type: i2$2.MatDialog }, { type: i2$a.MatBottomSheetRef }, { type: PromptService }, { type: DocumentFactory }, { type: i1$2.Router }, { type: SessionService }] });
+        }], ctorParameters: () => [{ type: i2$2.MatDialog }, { type: i2$a.MatBottomSheetRef }, { type: DocumentFactory }, { type: i1$2.Router }, { type: SessionService }] });
 
 class ChatMobileComponent {
     constructor() {
@@ -21232,12 +21239,11 @@ class BizDocApp {
         this._vc = _vc;
         this._session = _session;
         this._messaging = _messaging;
-        this.dir = 'ltr';
         this._refresh = new Subject();
         const doc = document.getElementsByTagName('html')[0], body = doc.getElementsByTagName('body')[0];
         doc.lang = _session.language;
         if (_session.inverse) {
-            document.dir = doc.dir = body.dir = this.dir = 'rtl';
+            document.dir = doc.dir = body.dir = 'rtl';
             enableRtl();
         }
         this._session.refresh().subscribe(this._initialize.bind(this));
@@ -21259,13 +21265,12 @@ class BizDocApp {
         this._session.themeChange.
             pipe(startWith(this._session.theme)).
             subscribe(t => {
-            if (meta)
-                meta.content = this._session.getPrimery();
-            document.body.classList.value = t.name;
             if (t.dark)
                 document.body.classList.add('e-dark-mode');
             else
                 document.body.classList.remove('e-dark-mode');
+            if (meta)
+                meta.content = this._session.getPrimery();
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: BizDocApp, deps: [{ token: i0.ViewContainerRef }, { token: SessionService }, { token: HubService }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -21342,11 +21347,20 @@ class ImpersonateDialog {
         this.users$ = this.username.valueChanges.pipe(debounceTime(250), takeUntil(this._destroy), filter(v => isString(v) && v.length > 0), switchMap(v => this._session.listImpersonate(v)));
         this.logging = false;
     }
-    ngOnInit() {
+    reset() {
+        this.username.reset();
     }
     close() {
         history.back();
     }
+    escape(evt) {
+        if (this.username.value) {
+            this.reset();
+            evt.stopPropagation();
+        }
+        else
+            this.close();
+    }
     go(userId) {
         this.logging = true;
         this._session.impersonate(userId).subscribe({
@@ -21369,14 +21383,14 @@ class ImpersonateDialog {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ImpersonateDialog, deps: [{ token: PromptService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: ImpersonateDialog, selector: "bizdoc-impersonate", host: { listeners: { "document:keydown.escape": "close()" } }, ngImport: i0, template: "<h2 class=\"mat-h1\"><button mat-icon-button [bizdocTooltip]=\"'Back'|translate\" (click)=\"close()\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button> {{'Impersonate' | translate}}</h2>\r\n<form>\r\n  <p class=\"mat-body-1\">{{'ImpersonateHelp' | translate}}</p>\r\n  <mat-form-field>\r\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [placeholder]=\"'Associate' | translate\" [formControl]=\"username\" />\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"display\"\r\n                      (optionSelected)=\"change($event)\">\r\n      @for (u of users$ | async; track u.id) {\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-form-field>\r\n\r\n  <div class=\"row\">\r\n    <button mat-raised-button (click)=\"go(selected!.id)\" [disabled]=\"!selected || logging\" color=\"primary\">{{'Login' | translate}}</button>\r\n  </div>\r\n\r\n  <!--<hr />-->\r\n\r\n  <mat-nav-list>\r\n    @for (u of recents$ | async; track u.id) {\r\n    <mat-list-item [value]=\"u\" (click)=\"go(u.id)\" [class.active]=\"selected == u\">\r\n      <bizdoc-avatar matListItemAvatar [person]=\"u\" [showMode]=\"false\"></bizdoc-avatar>\r\n      <span matListItemTitle>{{u.name}}</span>\r\n      <span matListItemLine>{{u.email}}</span>\r\n    </mat-list-item>\r\n    }\r\n  </mat-nav-list>\r\n</form>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;padding:8px}h2{align-items:center;display:flex}.mat-mdc-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$4.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i2$4.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i4$1.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$5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.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: "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"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AvatarComponent, selector: "bizdoc-avatar", inputs: ["person", "showMode", "dense"], outputs: ["clickChange"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: ImpersonateDialog, selector: "bizdoc-impersonate", host: { listeners: { "document:keydown.escape": "escape($event)" } }, ngImport: i0, template: "<h2 class=\"mat-h1\"><button mat-icon-button [bizdocTooltip]=\"'Back'|translate\" (click)=\"close()\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button> {{'Impersonate' | translate}}</h2>\r\n<form>\r\n  <p class=\"mat-body-1\">{{'ImpersonateHelp' | translate}}</p>\r\n  <mat-form-field>\r\n    <input matInput [matAutocomplete]=\"auto\" [placeholder]=\"'Associate' | translate\"\r\n           [formControl]=\"username\" />\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"display\"\r\n                      (optionSelected)=\"change($event)\">\r\n      @for (u of users$ | async; track u.id) {\r\n      <mat-option [value]=\"u\">\r\n        <span>{{u.name}}</span>\r\n      </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    @if(username.value) {\r\n    <button mat-icon-button matSuffix [bizdocTooltip]=\"'Close'|translate\" (click)=\"reset()\"><mat-icon>close</mat-icon></button>\r\n    }\r\n  </mat-form-field>\r\n\r\n  <div class=\"row\">\r\n    <button mat-raised-button (click)=\"go(selected!.id)\" [disabled]=\"!selected || logging\" color=\"primary\">{{'Login' | translate}}</button>\r\n  </div>\r\n\r\n  <!--<hr />-->\r\n\r\n  <mat-nav-list>\r\n    @for (u of recents$ | async; track u.id) {\r\n    <mat-list-item [value]=\"u\" (click)=\"go(u.id)\" [class.active]=\"selected == u\">\r\n      <bizdoc-avatar matListItemAvatar [person]=\"u\" [showMode]=\"false\"></bizdoc-avatar>\r\n      <span matListItemTitle>{{u.name}}</span>\r\n      <span matListItemLine>{{u.email}}</span>\r\n    </mat-list-item>\r\n    }\r\n  </mat-nav-list>\r\n</form>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;padding:8px}h2{align-items:center;display:flex}.mat-mdc-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$4.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i2$4.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i4$1.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$5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.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: 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"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AvatarComponent, selector: "bizdoc-avatar", inputs: ["person", "showMode", "dense"], outputs: ["clickChange"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ImpersonateDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-impersonate', template: "<h2 class=\"mat-h1\"><button mat-icon-button [bizdocTooltip]=\"'Back'|translate\" (click)=\"close()\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button> {{'Impersonate' | translate}}</h2>\r\n<form>\r\n  <p class=\"mat-body-1\">{{'ImpersonateHelp' | translate}}</p>\r\n  <mat-form-field>\r\n    <input matInput type=\"search\" [matAutocomplete]=\"auto\" [placeholder]=\"'Associate' | translate\" [formControl]=\"username\" />\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"display\"\r\n                      (optionSelected)=\"change($event)\">\r\n      @for (u of users$ | async; track u.id) {\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-form-field>\r\n\r\n  <div class=\"row\">\r\n    <button mat-raised-button (click)=\"go(selected!.id)\" [disabled]=\"!selected || logging\" color=\"primary\">{{'Login' | translate}}</button>\r\n  </div>\r\n\r\n  <!--<hr />-->\r\n\r\n  <mat-nav-list>\r\n    @for (u of recents$ | async; track u.id) {\r\n    <mat-list-item [value]=\"u\" (click)=\"go(u.id)\" [class.active]=\"selected == u\">\r\n      <bizdoc-avatar matListItemAvatar [person]=\"u\" [showMode]=\"false\"></bizdoc-avatar>\r\n      <span matListItemTitle>{{u.name}}</span>\r\n      <span matListItemLine>{{u.email}}</span>\r\n    </mat-list-item>\r\n    }\r\n  </mat-nav-list>\r\n</form>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;padding:8px}h2{align-items:center;display:flex}.mat-mdc-form-field{width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: PromptService }, { type: SessionService }], propDecorators: { close: [{
+            args: [{ selector: 'bizdoc-impersonate', template: "<h2 class=\"mat-h1\"><button mat-icon-button [bizdocTooltip]=\"'Back'|translate\" (click)=\"close()\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button> {{'Impersonate' | translate}}</h2>\r\n<form>\r\n  <p class=\"mat-body-1\">{{'ImpersonateHelp' | translate}}</p>\r\n  <mat-form-field>\r\n    <input matInput [matAutocomplete]=\"auto\" [placeholder]=\"'Associate' | translate\"\r\n           [formControl]=\"username\" />\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"display\"\r\n                      (optionSelected)=\"change($event)\">\r\n      @for (u of users$ | async; track u.id) {\r\n      <mat-option [value]=\"u\">\r\n        <span>{{u.name}}</span>\r\n      </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    @if(username.value) {\r\n    <button mat-icon-button matSuffix [bizdocTooltip]=\"'Close'|translate\" (click)=\"reset()\"><mat-icon>close</mat-icon></button>\r\n    }\r\n  </mat-form-field>\r\n\r\n  <div class=\"row\">\r\n    <button mat-raised-button (click)=\"go(selected!.id)\" [disabled]=\"!selected || logging\" color=\"primary\">{{'Login' | translate}}</button>\r\n  </div>\r\n\r\n  <!--<hr />-->\r\n\r\n  <mat-nav-list>\r\n    @for (u of recents$ | async; track u.id) {\r\n    <mat-list-item [value]=\"u\" (click)=\"go(u.id)\" [class.active]=\"selected == u\">\r\n      <bizdoc-avatar matListItemAvatar [person]=\"u\" [showMode]=\"false\"></bizdoc-avatar>\r\n      <span matListItemTitle>{{u.name}}</span>\r\n      <span matListItemLine>{{u.email}}</span>\r\n    </mat-list-item>\r\n    }\r\n  </mat-nav-list>\r\n</form>\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;padding:8px}h2{align-items:center;display:flex}.mat-mdc-form-field{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: PromptService }, { type: SessionService }], propDecorators: { escape: [{
                 type: HostListener,
-                args: ['document:keydown.escape']
+                args: ['document:keydown.escape', ['$event']]
             }] } });
 
 /** options component*/
@@ -21452,7 +21466,7 @@ const PANES_CONFIG = [
                         ]
                     }, {
                         path: 'trace',
-                        icon: 'timeline',
+                        icon: 'footprint',
                         component: TracePaneComponent,
                         policy: OpenPolicy.Tab | OpenPolicy.Expandable
                     }, {
@@ -21728,11 +21742,11 @@ class ComposeMobileComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ComposeMobileComponent, deps: [{ token: WindowTitleService }, { token: SessionService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: ComposeMobileComponent, 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':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon class=\"filled\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  @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: i11.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i6.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "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: "18.2.5", type: ComposeMobileComponent, 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: i11.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i6.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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "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: "18.2.5", ngImport: i0, type: ComposeMobileComponent, decorators: [{
             type: Component,
-            args: [{ 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':'bookmark_border'}}</mat-icon></button>\r\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon class=\"filled\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\r\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\r\n  @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"] }]
+            args: [{ 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"] }]
         }], ctorParameters: () => [{ type: WindowTitleService }, { type: SessionService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }], propDecorators: { form: [{
                 type: ViewChild,
                 args: [ComposeFormComponent, { static: true }]
@@ -22314,7 +22328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
 
 class SyncfusionDiagramModule {
     constructor() {
-        Diagram$1.Inject(ComplexHierarchicalTree, BpmnDiagrams$1, DataBinding, LineDistribution /*, LayoutAnimation, LineRouting, ConnectorBridging*/);
+        Diagram$1.Inject(ComplexHierarchicalTree, BpmnDiagrams$1, DataBinding, LineDistribution, LineRouting, ConnectorBridging$1 /*, LayoutAnimation*/);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SyncfusionDiagramModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: SyncfusionDiagramModule, imports: [CommonModule,
@@ -22366,9 +22380,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+CircularGauge.Inject(Annotations, GaugeTooltip, Legend$1);
 class SyncfusionCircularGaugeModule {
     constructor() {
-        CircularGauge.Inject(Annotations, GaugeTooltip, Legend$1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SyncfusionCircularGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: SyncfusionCircularGaugeModule, imports: [CircularGaugeModule], exports: [CircularGaugeModule] }); }
@@ -24536,7 +24550,7 @@ let CubeDocumentsWidget = class CubeDocumentsWidget {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CubeDocumentsWidget, deps: [{ token: RouterImpl }, { token: MailboxService }, { token: PromptService }, { token: WidgetRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: CubeDocumentsWidget, selector: "ng-component", host: { properties: { "style.height": "this.height" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" matSort @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element)\">#{{element.number}}</a></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"text\"> {{element.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.state | state }} </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n"], dependencies: [{ kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: CubeDocumentsWidget, selector: "ng-component", host: { properties: { "style.height": "this.height" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" matSort @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element)\">#{{element.number}}</a></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"text\"> {{element.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.state | state }} </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}padd :host:hover{overflow-y:auto!important}\n"], dependencies: [{ kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }], animations: [
             listAnimation,
             itemAnimation
         ] }); }
@@ -24552,7 +24566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             args: [{ animations: [
                         listAnimation,
                         itemAnimation
-                    ], template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" matSort @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element)\">#{{element.number}}</a></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"text\"> {{element.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.state | state }} </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n"] }]
+                    ], template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" matSort @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element)\">#{{element.number}}</a></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"text\"> {{element.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.state | state }} </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}padd :host:hover{overflow-y:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: RouterImpl }, { type: MailboxService }, { type: PromptService }, { type: WidgetRef }], propDecorators: { sort: [{
                 type: ViewChild,
                 args: [MatSort]
@@ -24664,7 +24678,7 @@ let RecentsWidget = class RecentsWidget {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: RecentsWidget, deps: [{ token: RouterImpl }, { token: MailboxService }, { token: PromptService }, { token: WidgetRef }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: RecentsWidget, selector: "ng-component", host: { properties: { "style.height": "this.height" } }, ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> <a (click)=\"open(item)\">#{{item.number}}</a> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\" class=\"text\"> {{item.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> {{item.stateId | state }} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"option\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let item\">\r\n      @if (!item.loading) {\r\n      @if (enableInsights) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insights' | translate\" class=\"tool\" matAnimate=\"rotate\"><mat-icon>data_usage</mat-icon></button>\r\n      }\r\n      <button mat-icon-button (click)=\"open(item)\" [bizdocTooltip]=\"'Open' | translate\" [attr.aria-label]=\"'Open' | translate\" class=\"tool\"><mat-icon>more_horiz</mat-icon></button>\r\n      } @else {\r\n      <mat-spinner diameter=\"26\"></mat-spinner>\r\n      }\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", ":host ::ng-deep tr .tool{opacity:.1}:host ::ng-deep tr:hover .tool{opacity:1}\n"], dependencies: [{ kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: RecentsWidget, selector: "ng-component", host: { properties: { "style.height": "this.height" } }, ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> <a (click)=\"open(item)\">#{{item.number}}</a> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\" class=\"text\"> {{item.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> {{item.stateId | state }} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"option\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let item\">\r\n      @if (!item.loading) {\r\n      @if (enableInsights) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insights' | translate\" class=\"tool\" matAnimate=\"rotate\"><mat-icon>data_usage</mat-icon></button>\r\n      }\r\n      <button mat-icon-button (click)=\"open(item)\" [bizdocTooltip]=\"'Open' | translate\" [attr.aria-label]=\"'Open' | translate\" class=\"tool\"><mat-icon>more_horiz</mat-icon></button>\r\n      } @else {\r\n      <mat-spinner diameter=\"26\"></mat-spinner>\r\n      }\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}padd :host:hover{overflow-y:auto!important}\n", ":host ::ng-deep tr .tool{opacity:.1}:host ::ng-deep tr:hover .tool{opacity:1}\n"], dependencies: [{ kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }], animations: [
             listAnimation,
             itemAnimation
         ] }); }
@@ -24680,7 +24694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             args: [{ animations: [
                         listAnimation,
                         itemAnimation
-                    ], template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> <a (click)=\"open(item)\">#{{item.number}}</a> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\" class=\"text\"> {{item.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> {{item.stateId | state }} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"option\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let item\">\r\n      @if (!item.loading) {\r\n      @if (enableInsights) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insights' | translate\" class=\"tool\" matAnimate=\"rotate\"><mat-icon>data_usage</mat-icon></button>\r\n      }\r\n      <button mat-icon-button (click)=\"open(item)\" [bizdocTooltip]=\"'Open' | translate\" [attr.aria-label]=\"'Open' | translate\" class=\"tool\"><mat-icon>more_horiz</mat-icon></button>\r\n      } @else {\r\n      <mat-spinner diameter=\"26\"></mat-spinner>\r\n      }\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", ":host ::ng-deep tr .tool{opacity:.1}:host ::ng-deep tr:hover .tool{opacity:1}\n"] }]
+                    ], template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> <a (click)=\"open(item)\">#{{item.number}}</a> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\" class=\"text\"> {{item.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let item\"> {{item.stateId | state }} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"option\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let item\">\r\n      @if (!item.loading) {\r\n      @if (enableInsights) {\r\n      <button mat-icon-button (click)=\"insights(item, $event)\" [bizdocTooltip]=\"'Insights' | translate\" [attr.aria-label]=\"'Insights' | translate\" class=\"tool\" matAnimate=\"rotate\"><mat-icon>data_usage</mat-icon></button>\r\n      }\r\n      <button mat-icon-button (click)=\"open(item)\" [bizdocTooltip]=\"'Open' | translate\" [attr.aria-label]=\"'Open' | translate\" class=\"tool\"><mat-icon>more_horiz</mat-icon></button>\r\n      } @else {\r\n      <mat-spinner diameter=\"26\"></mat-spinner>\r\n      }\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}padd :host:hover{overflow-y:auto!important}\n", ":host ::ng-deep tr .tool{opacity:.1}:host ::ng-deep tr:hover .tool{opacity:1}\n"] }]
         }], ctorParameters: () => [{ type: RouterImpl }, { type: MailboxService }, { type: PromptService }, { type: WidgetRef }, { type: SessionService }], propDecorators: { height: [{
                 type: HostBinding,
                 args: ['style.height']
@@ -24925,7 +24939,7 @@ let CompareGroupsWidget = class CompareGroupsWidget {
                 size: '0px'
             },
             titleStyle: {
-                //fontWeight: '500',
+                fontWeight: '400',
                 //size: '14px',
                 fontFamily: FONT_FAMILY,
             },
@@ -25303,7 +25317,7 @@ let PendingResultsWidget = class PendingResultsWidget {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: PendingResultsWidget, deps: [{ token: WidgetRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: PendingResultsWidget, selector: "bizdoc-pending-results", host: { properties: { "style.height": "this.height" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" matSort class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"name\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Name' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <bizdoc-identity-name [identity]='element.userId' chating=\"room\"></bizdoc-identity-name></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"duration\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Duration' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <span [bizdocTooltip]='element.duration|amDurationFormat'>{{ element.duration | amDuration : 's' }}</span> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"standard\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Standard' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> @if (element.standard) {\r\n      <span [bizdocTooltip]=\"element.standard|amDurationFormat\">{{ element.standard | amDuration: 's' }}</span>\r\n    } </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"count\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let element\" dir=\"ltr\">\r\n      <span class=\"range\">{{ element.processed }} / {{element.pending + element.processed}}</span>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: columns;\" @item></tr>\r\n</table>\r\n<style scoped>\r\n  .range {\r\n  white-space: nowrap;\r\n}\r\n</style>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", "\n  .range {\n  white-space: nowrap;\n}\n"], dependencies: [{ kind: "directive", type: i7.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: DurationPipe, name: "amDuration" }, { kind: "pipe", type: DurationFormatPipe, name: "amDurationFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: PendingResultsWidget, selector: "bizdoc-pending-results", host: { properties: { "style.height": "this.height" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" matSort class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"name\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Name' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <bizdoc-identity-name [identity]='element.userId' chating=\"room\"></bizdoc-identity-name></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"duration\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Duration' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <span [bizdocTooltip]='element.duration|amDurationFormat'>{{ element.duration | amDuration : 's' }}</span> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"standard\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Standard' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> @if (element.standard) {\r\n      <span [bizdocTooltip]=\"element.standard|amDurationFormat\">{{ element.standard | amDuration: 's' }}</span>\r\n    } </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"count\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let element\" dir=\"ltr\">\r\n      <span class=\"range\">{{ element.processed }} / {{element.pending + element.processed}}</span>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: columns;\" @item></tr>\r\n</table>\r\n<style scoped>\r\n  .range {\r\n  white-space: nowrap;\r\n}\r\n</style>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}padd :host:hover{overflow-y:auto!important}\n", "\n  .range {\n  white-space: nowrap;\n}\n"], dependencies: [{ kind: "directive", type: i7.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: DurationPipe, name: "amDuration" }, { kind: "pipe", type: DurationFormatPipe, name: "amDurationFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
             listAnimation,
             itemAnimation
         ] }); }
@@ -25318,7 +25332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             args: [{ selector: 'bizdoc-pending-results', animations: [
                         listAnimation,
                         itemAnimation
-                    ], template: "<table mat-table [dataSource]=\"dataSource\" matSort class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"name\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Name' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <bizdoc-identity-name [identity]='element.userId' chating=\"room\"></bizdoc-identity-name></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"duration\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Duration' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <span [bizdocTooltip]='element.duration|amDurationFormat'>{{ element.duration | amDuration : 's' }}</span> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"standard\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Standard' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> @if (element.standard) {\r\n      <span [bizdocTooltip]=\"element.standard|amDurationFormat\">{{ element.standard | amDuration: 's' }}</span>\r\n    } </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"count\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let element\" dir=\"ltr\">\r\n      <span class=\"range\">{{ element.processed }} / {{element.pending + element.processed}}</span>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: columns;\" @item></tr>\r\n</table>\r\n<style scoped>\r\n  .range {\r\n  white-space: nowrap;\r\n}\r\n</style>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", "\n  .range {\n  white-space: nowrap;\n}\n"] }]
+                    ], template: "<table mat-table [dataSource]=\"dataSource\" matSort class=\"mat-elevation-z0\" @list>\r\n  <ng-container matColumnDef=\"name\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Name' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <bizdoc-identity-name [identity]='element.userId' chating=\"room\"></bizdoc-identity-name></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"duration\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Duration' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <span [bizdocTooltip]='element.duration|amDurationFormat'>{{ element.duration | amDuration : 's' }}</span> </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"standard\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Standard' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> @if (element.standard) {\r\n      <span [bizdocTooltip]=\"element.standard|amDurationFormat\">{{ element.standard | amDuration: 's' }}</span>\r\n    } </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"count\">\r\n    <th mat-header-cell *matHeaderCellDef> </th>\r\n    <td mat-cell *matCellDef=\"let element\" dir=\"ltr\">\r\n      <span class=\"range\">{{ element.processed }} / {{element.pending + element.processed}}</span>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: columns;\" @item></tr>\r\n</table>\r\n<style scoped>\r\n  .range {\r\n  white-space: nowrap;\r\n}\r\n</style>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}padd :host:hover{overflow-y:auto!important}\n", "\n  .range {\n  white-space: nowrap;\n}\n"] }]
         }], ctorParameters: () => [{ type: WidgetRef }], propDecorators: { sort: [{
                 type: ViewChild,
                 args: [MatSort]
@@ -25327,7 +25341,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 args: ['style.height']
             }] } });
 
-CircularGauge$1.Inject(Annotations, GaugeTooltip, Legend$2);
 let PersonalScoreWidget = class PersonalScoreWidget {
     constructor(ref, _session, _duration, _elementRef, _translate) {
         this._session = _session;
@@ -25912,10 +25925,7 @@ class UsageChartComponent extends UsageReportBase {
         }
     }
     onExportUsage(title) {
-        const numberFormat = this._cube.currencyCode ?
-            getCurrencySymbol(this._cube.currencyCode, 'narrow') +
-                getLocaleNumberFormat(this._session.language, NumberFormatStyle.Currency)
-            : getLocaleNumberFormat(this._session.language, NumberFormatStyle.Decimal), columns = this._cube.axes.filter(a => this._options.series.indexOf(a.name) > -1), rows = [{
+        const numberFormat = this._service.getNumberFormat(this._cube.currencyCode), columns = this._cube.axes.filter(a => this._options.series.indexOf(a.name) > -1), rows = [{
                 index: 1,
                 cells: columns.map((c, i) => ({
                     index: i + 1, value: c.title,
@@ -28198,7 +28208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 args: [CubeMatrixComponent, { static: true }]
             }] } });
 
-let CubeDocumentViewComponent = class CubeDocumentViewComponent extends CubeBase {
+let CubeInsightComponent = class CubeInsightComponent extends CubeBase {
     constructor(session, viewRef, service, _popup, _router, _guide) {
         super(viewRef, service, session, true);
         this._popup = _popup;
@@ -28260,15 +28270,15 @@ let CubeDocumentViewComponent = class CubeDocumentViewComponent extends CubeBase
             evt && evt.preventDefault();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CubeDocumentViewComponent, deps: [{ token: SessionService }, { token: DocumentViewRef }, { token: CubeService }, { token: Popup }, { token: RouterImpl }, { token: GuideService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: CubeDocumentViewComponent, selector: "ng-component", viewQueries: [{ propertyName: "viewPane", first: true, predicate: CubeViewComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (hasdata) {\r\n  <div 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    @if (alternate) {\r\n      <button mat-button [matMenuTriggerFor]=\"cmenu\">{{cube.title}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n      <mat-menu #cmenu>\r\n        @for (a of alternate; track a) {\r\n          <button mat-menu-item\r\n            (click)=\"switchTo(a)\">\r\n            {{a.title}}\r\n          </button>\r\n        }\r\n      </mat-menu>\r\n    }\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          {{p.title}}\r\n        </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)=\"filterToggle($event)\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n  </div>\r\n  @if (loading) {\r\n    <div class=\"loading-view\">\r\n      <mat-spinner color=\"accent\"></mat-spinner>\r\n    </div>\r\n  }\r\n  <bizdoc-cube-view [filters]=\"axes\" #vp\r\n    (explore)=\"explore($event)\"\r\n    [cube]=\"cube\"\r\n    [view]=\"view\"\r\n  (loading)=\"loading = $event\"></bizdoc-cube-view>\r\n} @else {\r\n  <bizdoc-none icon=\"equalizer\" subtitle=\"NothingHere\"></bizdoc-none>\r\n}\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%;min-height:220px}:host ::ng-deep .cube-view{flex:1 auto}\n"], dependencies: [{ kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { 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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: CubeViewComponent, selector: "bizdoc-cube-view", inputs: ["filters", "cube", "view", "loading"], outputs: ["explore", "loadingChange"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CubeInsightComponent, deps: [{ token: SessionService }, { token: DocumentViewRef }, { token: CubeService }, { token: Popup }, { token: RouterImpl }, { token: GuideService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: CubeInsightComponent, selector: "ng-component", viewQueries: [{ propertyName: "viewPane", first: true, predicate: CubeViewComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (hasdata) {\r\n  <div 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    @if (alternate) {\r\n      <button mat-button [matMenuTriggerFor]=\"cmenu\">{{cube.title}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n      <mat-menu #cmenu>\r\n        @for (a of alternate; track a) {\r\n          <button mat-menu-item\r\n            (click)=\"switchTo(a)\">\r\n            {{a.title}}\r\n          </button>\r\n        }\r\n      </mat-menu>\r\n    }\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          {{p.title}}\r\n        </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)=\"filterToggle($event)\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n  </div>\r\n  @if (loading) {\r\n    <div class=\"loading-view\">\r\n      <mat-spinner color=\"accent\"></mat-spinner>\r\n    </div>\r\n  }\r\n  <bizdoc-cube-view [filters]=\"axes\" #vp\r\n    (explore)=\"explore($event)\"\r\n    [cube]=\"cube\"\r\n    [view]=\"view\"\r\n  (loading)=\"loading = $event\"></bizdoc-cube-view>\r\n} @else {\r\n  <bizdoc-none icon=\"equalizer\" subtitle=\"NothingHere\"></bizdoc-none>\r\n}\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%;min-height:220px}:host ::ng-deep .cube-view{flex:1 auto}\n"], dependencies: [{ kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { 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: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: CubeViewComponent, selector: "bizdoc-cube-view", inputs: ["filters", "cube", "view", "loading"], outputs: ["explore", "loadingChange"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 };
-CubeDocumentViewComponent = __decorate([
+CubeInsightComponent = __decorate([
     BizDoc({
         selector: 'bizdoc-cube-view'
     })
-], CubeDocumentViewComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CubeDocumentViewComponent, decorators: [{
+], CubeInsightComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CubeInsightComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (hasdata) {\r\n  <div 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    @if (alternate) {\r\n      <button mat-button [matMenuTriggerFor]=\"cmenu\">{{cube.title}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n      <mat-menu #cmenu>\r\n        @for (a of alternate; track a) {\r\n          <button mat-menu-item\r\n            (click)=\"switchTo(a)\">\r\n            {{a.title}}\r\n          </button>\r\n        }\r\n      </mat-menu>\r\n    }\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          {{p.title}}\r\n        </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)=\"filterToggle($event)\" [bizdocTooltip]=\"'Filter' | translate\" [disabled]=\"!anyAxes\" data-help=\"filter\"><mat-icon>filter_list</mat-icon></button>\r\n  </div>\r\n  @if (loading) {\r\n    <div class=\"loading-view\">\r\n      <mat-spinner color=\"accent\"></mat-spinner>\r\n    </div>\r\n  }\r\n  <bizdoc-cube-view [filters]=\"axes\" #vp\r\n    (explore)=\"explore($event)\"\r\n    [cube]=\"cube\"\r\n    [view]=\"view\"\r\n  (loading)=\"loading = $event\"></bizdoc-cube-view>\r\n} @else {\r\n  <bizdoc-none icon=\"equalizer\" subtitle=\"NothingHere\"></bizdoc-none>\r\n}\r\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%;min-height:220px}:host ::ng-deep .cube-view{flex:1 auto}\n"] }]
         }], ctorParameters: () => [{ type: SessionService }, { type: DocumentViewRef }, { type: CubeService }, { type: Popup }, { type: RouterImpl }, { type: GuideService }], propDecorators: { viewPane: [{
@@ -29562,7 +29572,8 @@ let CubePerformanceWidget = class CubePerformanceWidget {
             },
             labelFormat: '',
             titleStyle: {
-                fontFamily: FONT_FAMILY
+                fontFamily: FONT_FAMILY,
+                fontWeight: '400'
             },
             title: this._translate.get('Duration'),
             //lineStyle: { width: 0 },
@@ -30711,7 +30722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             }] } });
 
 /** configuration componenets */
-const CORE_COMPONENTS = [PerformanceWindComponent, PerformanceHiloComponent, CubePerformanceWidget, CubeParallelViewComponent, CubeExploreViewComponent, CubeChartViewComponent, CubeDocumentSumComponent, CubeDocumentMatrixComponent, CubeDocumentViewComponent, CubePivotViewComponent, TimelineViewComponent,
+const CORE_COMPONENTS = [PerformanceWindComponent, PerformanceHiloComponent, CubePerformanceWidget, CubeParallelViewComponent, CubeExploreViewComponent, CubeChartViewComponent, CubeDocumentSumComponent, CubeDocumentMatrixComponent, CubeInsightComponent, CubePivotViewComponent, TimelineViewComponent,
     SubstitutionComponent, MoveToActionComponent, AssignActionComponent, ReturnActionComponent, ExploreDocumentComponent,
     ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
     CompareGroupsWidget, PeersPerformanceWidget, PendingResultsWidget, PersonalScoreWidget, CubeWidgetFilterComponent,
@@ -30759,7 +30770,7 @@ class SharedModule {
             CubeParallelComponent, CubeSumComponent,
             CubeParallelViewComponent, CubeChartViewComponent, CubeExploreViewComponent, CubeDocumentSumComponent,
             ExploreItemImplComponent, DocumentInfoComponent, DocumentViewsComponent, ViewItemComponent, CubeDocumentMatrixComponent,
-            CubeDocumentViewComponent, CubePivotViewComponent, ActionPicker,
+            CubeInsightComponent, CubePivotViewComponent, ActionPicker,
             QuickCommentComponent,
             DurationFormatPipe, CombinationPicker, CombinationPickerBody, CombinationPool, TimelineViewComponent,
             MatIconAnimate, DateRangePipe, AgoPipe, StateDirective,
@@ -30938,7 +30949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                         CubeParallelComponent, CubeSumComponent,
                         CubeParallelViewComponent, CubeChartViewComponent, CubeExploreViewComponent, CubeDocumentSumComponent,
                         ExploreItemImplComponent, DocumentInfoComponent, DocumentViewsComponent, ViewItemComponent, CubeDocumentMatrixComponent,
-                        CubeDocumentViewComponent, CubePivotViewComponent, ActionPicker,
+                        CubeInsightComponent, CubePivotViewComponent, ActionPicker,
                         QuickCommentComponent,
                         DurationFormatPipe, CombinationPicker, CombinationPickerBody, CombinationPool, TimelineViewComponent,
                         MatIconAnimate, DateRangePipe, AgoPipe, StateDirective,
@@ -33863,11 +33874,11 @@ class IconPickerComponent {
         this._destroy.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: IconPickerComponent, deps: [{ token: i1$3.NgControl, optional: true, self: true }, { token: i1$1.Overlay }, { token: i1.HttpClient }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i7.Directionality }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: { value: "value", required: "required", disabled: "disabled" }, outputs: { valueChanges: "valueChanges" }, host: { properties: { "id": "this.id", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<button mat-button (click)=\"open()\" [disabled]=\"disabled\" type=\"button\">\r\n  <mat-icon>{{value}}</mat-icon>\r\n  <mat-icon>arrow_drop_down</mat-icon>\r\n</button>\r\n<ng-template>\r\n  <div class=\"icon-palette\">\r\n    <input matInput [formControl]=\"filter\" (keydown.escape)=\"_clear()\" autocomplete=\"off\"/>\r\n    <cdk-virtual-scroll-viewport itemSize=\"100\" class=\"categories\" templateCacheSize=\"0\">\r\n      @for (i of items; track i.name) {\r\n      <mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>\r\n      }\r\n      <!--<div *cdkVirtualFor=\"let c of categories; track: _trackBy\">\r\n    @for(i of c.items; track: _trackBy)){<mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>}\r\n  </div>-->\r\n    </cdk-virtual-scroll-viewport>\r\n</div>\r\n</ng-template>\r\n", styles: [".icon-palette{max-height:400px;overflow-y:auto;max-width:450px}.categories{height:300px;width:300px}\n"], dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i5$4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-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"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: { value: "value", required: "required", disabled: "disabled" }, outputs: { valueChanges: "valueChanges" }, host: { properties: { "id": "this.id", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<button mat-button (click)=\"open()\" [disabled]=\"disabled\" type=\"button\">\r\n  <mat-icon>{{value}}</mat-icon>\r\n  <mat-icon>arrow_drop_down</mat-icon>\r\n</button>\r\n<ng-template>\r\n  <div class=\"icon-palette\">\r\n    <input matInput [formControl]=\"filter\" (keydown.escape)=\"_clear()\" autocomplete=\"off\"/>\r\n    <cdk-virtual-scroll-viewport itemSize=\"100\" class=\"categories\" templateCacheSize=\"0\">\r\n      @for (i of items; track i.name) {\r\n      <i (click)=\"_pick(i)\" class=\"material-icons\">{{i.name}}</i>\r\n      }\r\n      <!--<div *cdkVirtualFor=\"let c of categories; track: _trackBy\">\r\n    @for(i of c.items; track: _trackBy)){<mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>}\r\n  </div>-->\r\n    </cdk-virtual-scroll-viewport>\r\n</div>\r\n</ng-template>\r\n", styles: [".icon-palette{max-height:400px;overflow-y:auto;max-width:450px}.categories{height:300px;width:300px}i{width:24px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i5$4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-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"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: IconPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-icon-picker', template: "<button mat-button (click)=\"open()\" [disabled]=\"disabled\" type=\"button\">\r\n  <mat-icon>{{value}}</mat-icon>\r\n  <mat-icon>arrow_drop_down</mat-icon>\r\n</button>\r\n<ng-template>\r\n  <div class=\"icon-palette\">\r\n    <input matInput [formControl]=\"filter\" (keydown.escape)=\"_clear()\" autocomplete=\"off\"/>\r\n    <cdk-virtual-scroll-viewport itemSize=\"100\" class=\"categories\" templateCacheSize=\"0\">\r\n      @for (i of items; track i.name) {\r\n      <mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>\r\n      }\r\n      <!--<div *cdkVirtualFor=\"let c of categories; track: _trackBy\">\r\n    @for(i of c.items; track: _trackBy)){<mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>}\r\n  </div>-->\r\n    </cdk-virtual-scroll-viewport>\r\n</div>\r\n</ng-template>\r\n", styles: [".icon-palette{max-height:400px;overflow-y:auto;max-width:450px}.categories{height:300px;width:300px}\n"] }]
+            args: [{ selector: 'bizdoc-icon-picker', template: "<button mat-button (click)=\"open()\" [disabled]=\"disabled\" type=\"button\">\r\n  <mat-icon>{{value}}</mat-icon>\r\n  <mat-icon>arrow_drop_down</mat-icon>\r\n</button>\r\n<ng-template>\r\n  <div class=\"icon-palette\">\r\n    <input matInput [formControl]=\"filter\" (keydown.escape)=\"_clear()\" autocomplete=\"off\"/>\r\n    <cdk-virtual-scroll-viewport itemSize=\"100\" class=\"categories\" templateCacheSize=\"0\">\r\n      @for (i of items; track i.name) {\r\n      <i (click)=\"_pick(i)\" class=\"material-icons\">{{i.name}}</i>\r\n      }\r\n      <!--<div *cdkVirtualFor=\"let c of categories; track: _trackBy\">\r\n    @for(i of c.items; track: _trackBy)){<mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>}\r\n  </div>-->\r\n    </cdk-virtual-scroll-viewport>\r\n</div>\r\n</ng-template>\r\n", styles: [".icon-palette{max-height:400px;overflow-y:auto;max-width:450px}.categories{height:300px;width:300px}i{width:24px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -34550,11 +34561,11 @@ class CubeDesignComponent extends DesignerTypeElementComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CubeDesignComponent, deps: [{ token: i1$3.FormBuilder }, { token: SystemService }, { token: PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [context]=\"context\" (continue)=\"onContinue()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    @if (jobInfo) {\r\n    <dl>\r\n      @if (jobInfo.lastExecution) {\r\n      <dt>{{'LastExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.nextExecution) {\r\n      <dt>{{'NextExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.lastJobState) {\r\n      <dt>{{'LastJobState'|translate}}</dt>\r\n      <dd>\r\n        @if (jobInfo.error) {\r\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n        }\r\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n      </dd>\r\n      }\r\n    </dl>\r\n    }\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      @if (syncing) {\r\n      <mat-spinner diameter=\"22\"></mat-spinner>\r\n      }\r\n    </div>\r\n    <div class=\"row\">\r\n      @if(model.axes?.length)\r\n      {\r\n      <mat-chip-set>\r\n        @for(axis of model.axes; track axis){\r\n        <mat-chip>{{axis.title}}</mat-chip>\r\n        }\r\n        @for(index of model.indices || []; track index){\r\n        <mat-chip>{{index.title}}</mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n      <mat-radio-group formControlName=\"scope\">\r\n        <p></p>\r\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n      </mat-radio-group>\r\n      <ng-container formGroupName=\"yAxis\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Type'|translate}}</mat-label>\r\n          <mat-select formControlName=\"type\">\r\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field>\r\n        <mat-label>{{'Currency'|translate}}</mat-label>\r\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\r\n          @for (c of currencies; track c) {\r\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!--Axes-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Axes'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n        @for (a of axes.controls; track a; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" 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\">\r\n            {{a.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"axes.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      <!--Indices-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Indices'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n        @for (i of indices.controls; track i; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" 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\">\r\n            {{i.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"indices.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      @if (indices.controls.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n        <mat-select formControlName=\"anomaly\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      }\r\n      <!--Patterns-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Patterns'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n        @for (p of patterns.controls; track p; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" 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\">\r\n            {{p.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"patterns.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      <!--Views-->\r\n      <h2 class=\"row mat-h2\">\r\n        {{'CubeViews'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n        @for (v of views.controls; track v; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" 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\">\r\n            {{v.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"views.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      <mat-form-field>\r\n        <mat-label>{{'Schedule'|translate}}</mat-label>\r\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n        <mat-icon matSuffix>timer</mat-icon>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!--idx-->\r\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <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    </ng-container>\r\n  </ng-template>\r\n  <!-- pattern-->\r\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\r\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- view -->\r\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <mat-form-field>\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotChart\">{{'PivotChart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotGrid\">{{'PivotGrid'|translate}}</mat-option>\r\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.xAxis.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.series.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          @for (i of indices.controls; track i) {\r\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\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      @if (cube) {\r\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\r\n      }\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- Axis -->\r\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row gap\">\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        <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      <mat-form-field>\r\n        <mat-label>{{'DataType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"dataType\" required>\r\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\r\n          <mat-option [value]=\"t.name\">\r\n            {{t.title}}\r\n          </mat-option>\r\n          }\r\n          @for (g of typegroups|sort: 'title'; track g) {\r\n          <mat-optgroup [label]=\"g.title\">\r\n            @for (t of g.elements|sort: 'title'; track t) {\r\n            <mat-option [value]=\"t.name\">\r\n              {{t.title}}\r\n            </mat-option>\r\n            }\r\n          </mat-optgroup>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.title.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\r\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\r\n      <mat-form-field>\r\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n        <mat-select formControlName=\"selectionMode\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option>{{'OneMode'|translate}}</mat-option>\r\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n        <mat-select formControlName=\"descendentOf\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (a!=form) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", styles: [":host ::ng-deep form{min-width:350px;max-width:450px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i2$6.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$6.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$6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$b.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$b.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$5.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { 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: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.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"], 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: "component", type: i2$7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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"], exportAs: ["matInput"] }, { kind: "component", type: i10.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: "component", type: TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { 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: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [context]=\"context\" (continue)=\"onContinue()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    @if (jobInfo) {\r\n    <dl>\r\n      @if (jobInfo.lastExecution) {\r\n      <dt>{{'LastExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.nextExecution) {\r\n      <dt>{{'NextExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.lastJobState) {\r\n      <dt>{{'LastJobState'|translate}}</dt>\r\n      <dd>\r\n        @if (jobInfo.error) {\r\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n        }\r\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n      </dd>\r\n      }\r\n    </dl>\r\n    }\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      @if (syncing) {\r\n      <mat-spinner diameter=\"22\"></mat-spinner>\r\n      }\r\n    </div>\r\n    <div class=\"row\">\r\n      @if(model.axes?.length)\r\n      {\r\n      <mat-chip-set>\r\n        @for(axis of model.axes; track axis){\r\n        <mat-chip>{{axis.title}}</mat-chip>\r\n        }\r\n        @for(index of model.indices || []; track index){\r\n        <mat-chip>{{index.title}}</mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n      <mat-radio-group formControlName=\"scope\">\r\n        <p></p>\r\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n      </mat-radio-group>\r\n      <ng-container formGroupName=\"yAxis\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Type'|translate}}</mat-label>\r\n          <mat-select formControlName=\"type\">\r\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field>\r\n        <mat-label>{{'Currency'|translate}}</mat-label>\r\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\r\n          @for (c of currencies; track c) {\r\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!--Axes-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Axes'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n        @for (a of axes.controls; track a; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" 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\">\r\n            {{a.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"axes.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      <!--Indices-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Indices'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n        @for (i of indices.controls; track i; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" 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\">\r\n            {{i.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"indices.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      @if (indices.controls.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n        <mat-select formControlName=\"anomaly\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      }\r\n      <!--Patterns-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Patterns'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n        @for (p of patterns.controls; track p; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" 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\">\r\n            {{p.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"patterns.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      <!--Views-->\r\n      <h2 class=\"row mat-h2\">\r\n        {{'CubeViews'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n        @for (v of views.controls; track v; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" 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\">\r\n            {{v.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"views.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      <mat-form-field>\r\n        <mat-label>{{'Schedule'|translate}}</mat-label>\r\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n        <mat-icon matSuffix>timer</mat-icon>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!--idx-->\r\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <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    </ng-container>\r\n  </ng-template>\r\n  <!-- pattern-->\r\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\r\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- view -->\r\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n      <mat-form-field>\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotChart\">{{'PivotChart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotGrid\">{{'PivotGrid'|translate}}</mat-option>\r\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.xAxis.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.series.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          @for (i of indices.controls; track i) {\r\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\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      @if (cube) {\r\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\r\n      }\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- Axis -->\r\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row gap\">\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        <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      <mat-form-field>\r\n        <mat-label>{{'DataType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"dataType\" required>\r\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\r\n          <mat-option [value]=\"t.name\">\r\n            {{t.title}}\r\n          </mat-option>\r\n          }\r\n          @for (g of typegroups|sort: 'title'; track g) {\r\n          <mat-optgroup [label]=\"g.title\">\r\n            @for (t of g.elements|sort: 'title'; track t) {\r\n            <mat-option [value]=\"t.name\">\r\n              {{t.title}}\r\n            </mat-option>\r\n            }\r\n          </mat-optgroup>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.title.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\r\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\r\n      <mat-form-field>\r\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n        <mat-select formControlName=\"selectionMode\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option>{{'OneMode'|translate}}</mat-option>\r\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n        <mat-select formControlName=\"descendentOf\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (a!=form) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", styles: [":host ::ng-deep form{min-width:350px;max-width:450px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i2$6.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$6.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$6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$b.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$b.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i2$5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$5.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { 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: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.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"], 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: "component", type: i2$7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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"], exportAs: ["matInput"] }, { kind: "component", type: i10.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: "component", type: TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "component", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: ["value", "required", "disabled"], outputs: ["valueChanges"] }, { 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: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: CubeDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [context]=\"context\" (continue)=\"onContinue()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    @if (jobInfo) {\r\n    <dl>\r\n      @if (jobInfo.lastExecution) {\r\n      <dt>{{'LastExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.nextExecution) {\r\n      <dt>{{'NextExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.lastJobState) {\r\n      <dt>{{'LastJobState'|translate}}</dt>\r\n      <dd>\r\n        @if (jobInfo.error) {\r\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n        }\r\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n      </dd>\r\n      }\r\n    </dl>\r\n    }\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      @if (syncing) {\r\n      <mat-spinner diameter=\"22\"></mat-spinner>\r\n      }\r\n    </div>\r\n    <div class=\"row\">\r\n      @if(model.axes?.length)\r\n      {\r\n      <mat-chip-set>\r\n        @for(axis of model.axes; track axis){\r\n        <mat-chip>{{axis.title}}</mat-chip>\r\n        }\r\n        @for(index of model.indices || []; track index){\r\n        <mat-chip>{{index.title}}</mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n      <mat-radio-group formControlName=\"scope\">\r\n        <p></p>\r\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n      </mat-radio-group>\r\n      <ng-container formGroupName=\"yAxis\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Type'|translate}}</mat-label>\r\n          <mat-select formControlName=\"type\">\r\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field>\r\n        <mat-label>{{'Currency'|translate}}</mat-label>\r\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\r\n          @for (c of currencies; track c) {\r\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!--Axes-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Axes'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n        @for (a of axes.controls; track a; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" 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\">\r\n            {{a.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"axes.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      <!--Indices-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Indices'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n        @for (i of indices.controls; track i; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" 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\">\r\n            {{i.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"indices.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      @if (indices.controls.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n        <mat-select formControlName=\"anomaly\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      }\r\n      <!--Patterns-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Patterns'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n        @for (p of patterns.controls; track p; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" 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\">\r\n            {{p.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"patterns.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      <!--Views-->\r\n      <h2 class=\"row mat-h2\">\r\n        {{'CubeViews'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n        @for (v of views.controls; track v; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" 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\">\r\n            {{v.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"views.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      <mat-form-field>\r\n        <mat-label>{{'Schedule'|translate}}</mat-label>\r\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n        <mat-icon matSuffix>timer</mat-icon>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!--idx-->\r\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <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    </ng-container>\r\n  </ng-template>\r\n  <!-- pattern-->\r\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\r\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- view -->\r\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <mat-form-field>\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotChart\">{{'PivotChart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotGrid\">{{'PivotGrid'|translate}}</mat-option>\r\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.xAxis.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.series.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          @for (i of indices.controls; track i) {\r\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\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      @if (cube) {\r\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\r\n      }\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- Axis -->\r\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row gap\">\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        <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      <mat-form-field>\r\n        <mat-label>{{'DataType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"dataType\" required>\r\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\r\n          <mat-option [value]=\"t.name\">\r\n            {{t.title}}\r\n          </mat-option>\r\n          }\r\n          @for (g of typegroups|sort: 'title'; track g) {\r\n          <mat-optgroup [label]=\"g.title\">\r\n            @for (t of g.elements|sort: 'title'; track t) {\r\n            <mat-option [value]=\"t.name\">\r\n              {{t.title}}\r\n            </mat-option>\r\n            }\r\n          </mat-optgroup>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.title.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\r\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\r\n      <mat-form-field>\r\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n        <mat-select formControlName=\"selectionMode\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option>{{'OneMode'|translate}}</mat-option>\r\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n        <mat-select formControlName=\"descendentOf\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (a!=form) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", styles: [":host ::ng-deep form{min-width:350px;max-width:450px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"] }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" [context]=\"context\" (continue)=\"onContinue()\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    @if (jobInfo) {\r\n    <dl>\r\n      @if (jobInfo.lastExecution) {\r\n      <dt>{{'LastExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.nextExecution) {\r\n      <dt>{{'NextExecution'|translate}}</dt>\r\n      <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      }\r\n      @if (jobInfo.lastJobState) {\r\n      <dt>{{'LastJobState'|translate}}</dt>\r\n      <dd>\r\n        @if (jobInfo.error) {\r\n        <mat-icon [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n        }\r\n        <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n      </dd>\r\n      }\r\n    </dl>\r\n    }\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      @if (syncing) {\r\n      <mat-spinner diameter=\"22\"></mat-spinner>\r\n      }\r\n    </div>\r\n    <div class=\"row\">\r\n      @if(model.axes?.length)\r\n      {\r\n      <mat-chip-set>\r\n        @for(axis of model.axes; track axis){\r\n        <mat-chip>{{axis.title}}</mat-chip>\r\n        }\r\n        @for(index of model.indices || []; track index){\r\n        <mat-chip>{{index.title}}</mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container [formGroup]=\"form\">\r\n      <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n      <mat-radio-group formControlName=\"scope\">\r\n        <p></p>\r\n        <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n        <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n        <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n      </mat-radio-group>\r\n      <ng-container formGroupName=\"yAxis\">\r\n        <mat-form-field class=\"flex\">\r\n          <mat-label>{{'Type'|translate}}</mat-label>\r\n          <mat-select formControlName=\"type\">\r\n            <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n            <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n            <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </ng-container>\r\n      <mat-form-field>\r\n        <mat-label>{{'Currency'|translate}}</mat-label>\r\n        <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\r\n          @for (c of currencies; track c) {\r\n          <mat-option [value]=\"c.name\">{{c.title}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!--Axes-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Axes'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', 'axis')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"axes\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n        @for (a of axes.controls; track a; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"a\" 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\">\r\n            {{a.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(a, 'Axis', 'axis')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"axes.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      <!--Indices-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Indices'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', 'index')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n        @for (i of indices.controls; track i; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"i\" 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\">\r\n            {{i.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(i, 'Index', 'index')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"indices.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      @if (indices.controls.length) {\r\n      <mat-form-field>\r\n        <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n        <mat-select formControlName=\"anomaly\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n          <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      }\r\n      <!--Patterns-->\r\n      <h2 class=\"mat-h2 row\">\r\n        {{'Patterns'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"indices\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n        @for (p of patterns.controls; track p; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"p\" 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\">\r\n            {{p.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(p, 'Pattern', 'pattern')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"patterns.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      <!--Views-->\r\n      <h2 class=\"row mat-h2\">\r\n        {{'CubeViews'|translate}}\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"add(views, newView(), 'CubeView', 'view')\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n      </h2>\r\n      <table formArrayName=\"views\" class=\"mat-mdc-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n        @for (v of views.controls; track v; let index = $index) {\r\n        <tr class=\"mat-mdc-row\" [formGroup]=\"v\" 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\">\r\n            {{v.controls.title.value}}\r\n          </td>\r\n          <td class=\"mat-mdc-cell nowrap\">\r\n            <button mat-icon-button (click)=\"edit(v, 'View', 'view')\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n            <button mat-icon-button (click)=\"views.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      <mat-form-field>\r\n        <mat-label>{{'Schedule'|translate}}</mat-label>\r\n        <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n        <mat-icon matSuffix>timer</mat-icon>\r\n        <mat-hint></mat-hint>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!--idx-->\r\n  <ng-template bizdocCustomContent=\"index\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <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    </ng-container>\r\n  </ng-template>\r\n  <!-- pattern-->\r\n  <ng-template bizdocCustomContent=\"pattern\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.controls.axes\"></bizdoc-designer-cube-filter>\r\n      <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- view -->\r\n  <ng-template bizdocCustomContent=\"view\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\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      <bizdoc-icon-picker formControlName=\"icon\" required></bizdoc-icon-picker>\r\n      <mat-form-field>\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotChart\">{{'PivotChart'|translate}}</mat-option>\r\n          <mat-option value=\"PivotGrid\">{{'PivotGrid'|translate}}</mat-option>\r\n          <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n          <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'XAxis'|translate}}</mat-label>\r\n        <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value || a.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.xAxis.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Series'|translate}}</mat-label>\r\n        <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (form.controls.xAxis.value?.indexOf(a.controls.name.value) < 0) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value|| a.controls.name.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.series.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('Series'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'Indices'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indices\" multiple>\r\n          @for (i of indices.controls; track i) {\r\n          <mat-option [value]=\"i.controls.name.value\">{{i.controls.title.value|| i.controls.name.value}}</mat-option>\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'ChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"chartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Pie\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pie'|translate}}</mat-option>\r\n          <mat-option value=\"Doughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'Doughnut'|translate}}</mat-option>\r\n          <mat-option value=\"HalfDoughnut\" [disabled]=\"form.controls.series.value?.length>0\">{{'HalfDoughnut'|translate}}</mat-option>\r\n          <mat-option value=\"Funnel\" [disabled]=\"form.controls.series.value?.length>0\">{{'Funnel'|translate}}</mat-option>\r\n          <mat-option value=\"Pyramid\" [disabled]=\"form.controls.series.value?.length>0\">{{'Pyramid'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"!form.controls.series.value?.length\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"indicesChartType\">\r\n          @switch (form.controls.type.value) {\r\n          @case ('Chart') {\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.indices.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          }\r\n          @case ('PivotChart') {\r\n          <mat-option>{{'None'|translate}}</mat-option>\r\n          <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n          <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n          <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n          <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n          <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n          <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n          <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n          <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n          <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n          <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n          <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n          <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar'|translate}}</mat-option>\r\n          <mat-option value=\"StackingBar100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingBar100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingArea100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingArea100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn'|translate}}</mat-option>\r\n          <mat-option value=\"StackingColumn100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingColumn100'|translate}}</mat-option>\r\n          <mat-option value=\"StackingStepArea\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingStepArea'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine'|translate}}</mat-option>\r\n          <mat-option value=\"StackingLine100\" [disabled]=\"form.controls.series.value?.length<2\">{{'StackingLine100'|translate}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\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      @if (cube) {\r\n      <bizdoc-designer-cube-filter [cube]=\"cube\" [form]=\"form.controls.filters\"></bizdoc-designer-cube-filter>\r\n      }\r\n    </ng-container>\r\n  </ng-template>\r\n  <!-- Axis -->\r\n  <ng-template bizdocCustomContent=\"axis\" let-form=\"form\">\r\n    <ng-container [formGroup]=\"form\">\r\n      <div class=\"row gap\">\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        <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      <mat-form-field>\r\n        <mat-label>{{'DataType'|translate}}</mat-label>\r\n        <mat-select formControlName=\"dataType\" required>\r\n          @for (t of typegroups['_'].elements|sort: 'title'; track t) {\r\n          <mat-option [value]=\"t.name\">\r\n            {{t.title}}\r\n          </mat-option>\r\n          }\r\n          @for (g of typegroups|sort: 'title'; track g) {\r\n          <mat-optgroup [label]=\"g.title\">\r\n            @for (t of g.elements|sort: 'title'; track t) {\r\n            <mat-option [value]=\"t.name\">\r\n              {{t.title}}\r\n            </mat-option>\r\n            }\r\n          </mat-optgroup>\r\n          }\r\n        </mat-select>\r\n        @if (form.controls.title.hasError('required')) {\r\n        <mat-error [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"combination\">{{'CombinationAxis'|translate}}</mat-checkbox></div>\r\n      <div><mat-checkbox formControlName=\"sensitive\">{{'SensitiveAxis'|translate}}</mat-checkbox></div>\r\n      <mat-form-field>\r\n        <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n        <mat-select formControlName=\"selectionMode\">\r\n          <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n          <mat-option>{{'OneMode'|translate}}</mat-option>\r\n          <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n          <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n          <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n        <mat-select formControlName=\"descendentOf\">\r\n          @for (a of axes.controls; track a) {\r\n          @if (a!=form) {\r\n          <mat-option [value]=\"a.controls.name.value\">{{a.controls.title.value}}</mat-option>\r\n          }\r\n          }\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <div><mat-checkbox formControlName=\"indexable\">{{'IndexableAxis'|translate}}</mat-checkbox></div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", styles: [":host ::ng-deep form{min-width:350px;max-width:450px}:host ::ng-deep .mat-mdc-radio-group p{margin-inline-start:8px}.mat-mdc-table{width:100%}.mat-mdc-table .mat-mdc-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{padding:0;margin:0;clear:both}dd{float:left;padding:0;margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: SystemService }, { type: PromptService }, { type: i0.ElementRef }, { type: DesignerRef, decorators: [{
                     type: Inject,
                     args: [DesignerRef]