@bizdoc/core 2.3.20 → 2.3.21

package/fesm2022/bizdoc-core.mjs

@@ -139,9 +139,9 @@ import * as i3$4 from '@syncfusion/ej2-angular-inputs';
 import { SignatureModule } from '@syncfusion/ej2-angular-inputs';
 import { LinearGaugeModule, AnnotationsService, GaugeTooltipService } from '@syncfusion/ej2-angular-lineargauge';
 import * as i11 from '@syncfusion/ej2-angular-charts';
-import { ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, RangeTooltipService, AccumulationDistributionIndicatorService, FunnelSeriesService, StackingStepAreaSeriesService, PieSeriesService, PyramidSeriesService, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService, SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService, StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService, BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService, CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService, SelectionService, ChartAnnotationService, WaterfallSeriesService, RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService, MultiLevelLabelService, ParetoSeriesService, TooltipRenderService, SparklineTooltipService, SplineRangeAreaSeriesService, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService, AreaSeries, LineSeries, DateTime, RangeTooltip, RangeNavigator, SparklineTooltip, Sparkline, PieSeries, PyramidSeries, FunnelSeries, AccumulationDataLabel, AccumulationTooltip, AccumulationAnnotation, AccumulationLegend, AccumulationSelection, AccumulationChart as AccumulationChart$1, Category, Tooltip as Tooltip$1, Legend, Selection as Selection$1, Zoom, Crosshair, DataLabel, BarSeries, BubbleSeries, ColumnSeries, PolarSeries, RadarSeries, SplineSeries, SplineAreaSeries, ScatterSeries, StackingStepAreaSeries, StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries, StepAreaSeries, StepLineSeries, Chart as Chart$1, ChartComponent } from '@syncfusion/ej2-angular-charts';
+import { ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, RangeTooltipService, AccumulationDistributionIndicatorService, FunnelSeriesService, StackingStepAreaSeriesService, PieSeriesService, PyramidSeriesService, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService, SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService, StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService, BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService, CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService, SelectionService, ChartAnnotationService, WaterfallSeriesService, RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService, MultiLevelLabelService, ParetoSeriesService, TooltipRenderService, SparklineTooltipService, SplineRangeAreaSeriesService, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService, AreaSeries, LineSeries, DateTime, RangeTooltip, RangeNavigator, SparklineTooltip, Sparkline, PieSeries, PyramidSeries, FunnelSeries, AccumulationDataLabel, AccumulationTooltip, AccumulationAnnotation, AccumulationLegend, AccumulationSelection, AccumulationChart as AccumulationChart$1, Category, Tooltip as Tooltip$1, Legend, Selection, Zoom, Crosshair, DataLabel, BarSeries, BubbleSeries, ColumnSeries, PolarSeries, RadarSeries, SplineSeries, SplineAreaSeries, ScatterSeries, StackingStepAreaSeries, StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries, StepAreaSeries, StepLineSeries, Chart as Chart$1, ChartComponent } from '@syncfusion/ej2-angular-charts';
 import * as i8$5 from '@syncfusion/ej2-angular-grids';
-import { GridModule, PagerModule, ExcelExportService, AggregateService, FreezeService, GroupService, PageService, ResizeService, SortService, SelectionService as SelectionService$1, ExcelExport, Sort, Group, Page, Freeze, Selection as Selection$2, Aggregate, Grid as Grid$1, GridComponent } from '@syncfusion/ej2-angular-grids';
+import { GridModule, PagerModule, ExcelExportService, AggregateService, FreezeService, GroupService, PageService, ResizeService, SortService, SelectionService as SelectionService$1, ExcelExport, Sort, Group, Page, Freeze, Selection as Selection$1, Aggregate, Grid as Grid$1, GridComponent } from '@syncfusion/ej2-angular-grids';
 import { Annotations, GaugeTooltip, Legend as Legend$1, CircularGauge, CircularGaugeModule, AnnotationsService as AnnotationsService$1, GaugeTooltipService as GaugeTooltipService$1, LegendService as LegendService$1 } from '@syncfusion/ej2-angular-circulargauge';
 import { PivotViewModule, ExcelExportService as ExcelExportService$1, GroupingBarService, NumberFormattingService, GroupingService, PivotChartService, ConditionalFormattingService, GroupingBar, ExcelExport as ExcelExport$1, PivotChart, PivotView as PivotView$1, PivotViewComponent } from '@syncfusion/ej2-angular-pivotview';
 import * as i9$4 from '@syncfusion/ej2-angular-spreadsheet';
@@ -1005,6 +1005,7 @@ const STRINGS = {
         ContinueEditing: 'Continue editing',
         Close: 'Close',
         View: 'View',
+        Views: 'Views',
         FirstPage: 'First page',
         LastPage: 'Last page',
         NextPage: 'Next page',
@@ -1484,6 +1485,7 @@ const STRINGS = {
         ContinueEditingMale: 'המשך לערוך',
         ContinueEditingFemale: 'המשכי לערוך',
         View: 'מבט',
+        Views: 'מבטים',
         Close: 'סגירה',
         FirstPage: 'דף ראשון',
         LastPage: 'דף אחרון',
@@ -7390,11 +7392,11 @@ class BrowseFilterComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BrowseFilterComponent, deps: [{ token: i1$1.FormBuilder }, { token: SessionService }, { token: i0.ChangeDetectorRef }, { token: MailboxService }, { token: AccountService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.1", type: BrowseFilterComponent, selector: "bizdoc-browse-filter", inputs: { values: "values", folderId: "folderId", exclude: "exclude" }, outputs: { valuesChange: "valuesChange" }, viewQueries: [{ propertyName: "chips", first: true, predicate: MatChipListbox, descendants: true, static: true }, { propertyName: "contains", first: true, predicate: ["contains"], descendants: true, read: ElementRef, static: true }, { propertyName: "sender", first: true, predicate: ["sender"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"column\">\n  @if (!exclude || exclude.indexOf('contains') < 0) {\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n    @if (form.value.contains) {\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  }\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"senderId\" #sender />\n    <mat-autocomplete #senders [displayWith]=\"displayFn\" (optionSelected)=\"senderSelected($event)\">\n      @for (u of senders$ | async; track u) {\n      <mat-option [value]=\"u\">\n        <span>{{u.name}}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    @if (senderId.value) {\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\n    }\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"state\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (s of states; track s) {\n      <mat-option [value]=\"s.name\">\n        {{s.title}}\n      </mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"form\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (f of forms; track f) {\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-chip-listbox id=\"tags\" (change)=\"toggleTag($event)\">\n    @for (tag of tags; track tag) {\n    <mat-chip-option color=\"accent\">\n      {{tag}}\n    </mat-chip-option>\n    }\n  </mat-chip-listbox>\n  @if (filters) {\n  <bizdoc-cube-filter class=\"cube-filter\"\n                      [cube]=\"filters.cube\"\n                      [include]=\"filters.axes\"\n                      [axes]=\"values\"\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\n  }\n</form>\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4$2.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { 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$3.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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$1.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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes"], outputs: ["axesChange"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.1", type: BrowseFilterComponent, selector: "bizdoc-browse-filter", inputs: { values: "values", folderId: "folderId", exclude: "exclude" }, outputs: { valuesChange: "valuesChange" }, viewQueries: [{ propertyName: "chips", first: true, predicate: MatChipListbox, descendants: true, static: true }, { propertyName: "contains", first: true, predicate: ["contains"], descendants: true, read: ElementRef, static: true }, { propertyName: "sender", first: true, predicate: ["sender"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"column gap\">\n  @if (!exclude || exclude.indexOf('contains') < 0) {\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n    @if (form.value.contains) {\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  }\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"senderId\" #sender />\n    <mat-autocomplete #senders [displayWith]=\"displayFn\" (optionSelected)=\"senderSelected($event)\">\n      @for (u of senders$ | async; track u) {\n      <mat-option [value]=\"u\">\n        <span>{{u.name}}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    @if (senderId.value) {\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\n    }\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"state\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (s of states; track s) {\n      <mat-option [value]=\"s.name\">\n        {{s.title}}\n      </mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"form\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (f of forms; track f) {\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-chip-listbox id=\"tags\" (change)=\"toggleTag($event)\">\n    @for (tag of tags; track tag) {\n    <mat-chip-option color=\"accent\">\n      {{tag}}\n    </mat-chip-option>\n    }\n  </mat-chip-listbox>\n  @if (filters) {\n  <bizdoc-cube-filter class=\"cube-filter\"\n                      [cube]=\"filters.cube\"\n                      [include]=\"filters.axes\"\n                      [axes]=\"values\"\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\n  }\n</form>\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4$2.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { 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$3.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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$1.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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes"], outputs: ["axesChange"] }, { kind: "pipe", type: i9$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BrowseFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-browse-filter', template: "<form [formGroup]=\"form\" class=\"column\">\n  @if (!exclude || exclude.indexOf('contains') < 0) {\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n    @if (form.value.contains) {\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  }\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"senderId\" #sender />\n    <mat-autocomplete #senders [displayWith]=\"displayFn\" (optionSelected)=\"senderSelected($event)\">\n      @for (u of senders$ | async; track u) {\n      <mat-option [value]=\"u\">\n        <span>{{u.name}}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    @if (senderId.value) {\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\n    }\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"state\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (s of states; track s) {\n      <mat-option [value]=\"s.name\">\n        {{s.title}}\n      </mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"form\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (f of forms; track f) {\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-chip-listbox id=\"tags\" (change)=\"toggleTag($event)\">\n    @for (tag of tags; track tag) {\n    <mat-chip-option color=\"accent\">\n      {{tag}}\n    </mat-chip-option>\n    }\n  </mat-chip-listbox>\n  @if (filters) {\n  <bizdoc-cube-filter class=\"cube-filter\"\n                      [cube]=\"filters.cube\"\n                      [include]=\"filters.axes\"\n                      [axes]=\"values\"\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\n  }\n</form>\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"] }]
+            args: [{ selector: 'bizdoc-browse-filter', template: "<form [formGroup]=\"form\" class=\"column gap\">\n  @if (!exclude || exclude.indexOf('contains') < 0) {\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput formControlName=\"contains\" autocomplete=\"off\" placeholder=\"{{'Contains' | translate}}\" #contains>\n    @if (form.value.contains) {\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\n      <mat-icon>close</mat-icon>\n    </button>\n    }\n  </mat-form-field>\n  }\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"senderId\" #sender />\n    <mat-autocomplete #senders [displayWith]=\"displayFn\" (optionSelected)=\"senderSelected($event)\">\n      @for (u of senders$ | async; track u) {\n      <mat-option [value]=\"u\">\n        <span>{{u.name}}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    @if (senderId.value) {\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\n    }\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"state\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (s of states; track s) {\n      <mat-option [value]=\"s.name\">\n        {{s.title}}\n      </mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-form-field subscriptSizing=\"dynamic\">\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"form\">\n      <mat-option>\n        {{ 'All' | translate }}\n      </mat-option>\n      @for (f of forms; track f) {\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n  <mat-chip-listbox id=\"tags\" (change)=\"toggleTag($event)\">\n    @for (tag of tags; track tag) {\n    <mat-chip-option color=\"accent\">\n      {{tag}}\n    </mat-chip-option>\n    }\n  </mat-chip-listbox>\n  @if (filters) {\n  <bizdoc-cube-filter class=\"cube-filter\"\n                      [cube]=\"filters.cube\"\n                      [include]=\"filters.axes\"\n                      [axes]=\"values\"\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\n  }\n</form>\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: SessionService }, { type: i0.ChangeDetectorRef }, { type: MailboxService }, { type: AccountService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
@@ -8545,7 +8547,7 @@ class BrowseItemsComponent {
         this._pendingItems = {};
         this._destroy = new Subject();
         this._loading$ = new Subject();
-        this.enableAnalysis = _session.profile.views.length > 0;
+        this.enableViews = _session.profile.views.length > 0;
     }
     ngOnInit() {
         this.selection.changed.pipe(takeUntil$1(this._destroy)).subscribe(() => this._sharedActions());
@@ -8927,7 +8929,7 @@ class BrowseItemsComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", 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: "17.1.1", type: BrowseItemsComponent, selector: "bizdoc-browse-items", inputs: { folderId: "folderId", filterType: "filterType", filters: "filters" }, outputs: { onopen: "open", onview: "view" }, host: { classAttribute: "bizdoc-browse-items" }, 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>\n@if (dataSource?.data.length === 0) {\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\n}\n<mat-table cdkDropList class=\"data-table\"\n  [cdkDropListDisabled]=\"isMobile\"\n  [cdkDropListData]=\"dataSource?.data\"\n  cdkDropListConnectedTo=\"folders\"\n  cdkDropListSortingDisabled\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef>\n      <div class=\"\"></div>\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n      </mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let item\">\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\n        (change)=\"$event ? selection.toggle(item) : null\"\n        [checked]=\"selection.isSelected(item)\">\n      </mat-checkbox>\n      <!-- drag -->\n      <!--<button mat-icon-button cdkDragHandle\n      (mousedown)=\"dragDisabled = false\"\n      (mouseup)=\"dragDisabled = true\"\n      (touchstart)=\"dragDisabled = false\"\n      (touchend)=\"dragDisabled = true\"\n      class=\"drag hide-xs\" aria-disabled=\"true\">\n      <mat-icon>drag_indicator</mat-icon>\n    </button>-->\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>\n  </mat-cell>\n</ng-container>\n<!-- Number column -->\n<ng-container matColumnDef=\"number\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.number}} </mat-cell>\n</ng-container>\n\n<!-- Subject column -->\n<ng-container matColumnDef=\"subject\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.subject}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"owner\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.ownerId) {\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n<ng-container matColumnDef=\"sender\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.senderId) {\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"received\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.received | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"receivedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"replied\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.replied | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issued\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.issued | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issuedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"state\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\n  </mat-cell>\n</ng-container>\n\n@if (customColumns) {\n  @for (c of customColumns; track c) {\n    <ng-container [matColumnDef]=\"c.name\">\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n        @switch (c.type) {\n          @case ('Date') {\n            <span>\n              {{item.model[c.name] | amCalendar }}\n            </span>\n          }\n          @case ('Decimal') {\n            <span>\n              {{item.model[c.name] | number }}\n            </span>\n          }\n          @case ('Boolean') {\n            <span>\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\n            </span>\n          }\n          @default {\n            <span>\n              {{item.model[c.name]}}z\n            </span>\n          }\n        }\n      </mat-cell>\n    </ng-container>\n  }\n}\n\n<!-- Value column -->\n<ng-container matColumnDef=\"value\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\n</ng-container>\n\n<!-- options column -->\n<ng-container matColumnDef=\"options\">\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\n  <mat-cell *matCellDef=\"let item\">\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>\n    @if (enableAnalysis) {\n      <button mat-icon-button (click)=\"view(item, $event)\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n    }\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>\n  </mat-cell>\n</ng-container>\n<!-- Expanded Content Column -->\n<ng-container matColumnDef=\"expandedDetail\">\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\n    [class.read-row]=\"item.read\">\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\n      @if (item == expandedElement) {\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\n      }\n    </div>\n  </mat-cell>\n</ng-container>\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\n<mat-row @item [@updated]=\"item == updatedElement\"\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\n  cdkDrag [cdkDragData]=\"item\"\n  [cdkDragDisabled]=\"dragDisabled\"\n  (cdkDragReleased)=\"dragDisabled = true\"\n           [ngClass]=\"{'selecteded-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)\">\n  <div *cdkDragPreview>\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\n  </div>\n  <div *cdkDragPlaceholder>\n    <!-- none -->\n  </div>\n</mat-row>\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\n  class=\"detail-row\" matRipple\n           [ngClass]=\"{ 'selecteded-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\n<mat-menu #menu=\"matMenu\">\n  <ng-template matMenuContent let-item=\"item\">\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\n  </ng-template>\n</mat-menu>\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: i9$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i2$2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$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$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i7$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: 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: i9$1.DecimalPipe, name: "number" }, { kind: "pipe", type: i9$1.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: "17.1.1", type: BrowseItemsComponent, selector: "bizdoc-browse-items", inputs: { folderId: "folderId", filterType: "filterType", filters: "filters" }, outputs: { onopen: "open", onview: "view" }, host: { classAttribute: "bizdoc-browse-items" }, 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>\n@if (dataSource?.data.length === 0) {\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\n}\n<mat-table cdkDropList class=\"data-table\"\n  [cdkDropListDisabled]=\"isMobile\"\n  [cdkDropListData]=\"dataSource?.data\"\n  cdkDropListConnectedTo=\"folders\"\n  cdkDropListSortingDisabled\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef>\n      <div class=\"\"></div>\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n      </mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let item\">\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\n        (change)=\"$event ? selection.toggle(item) : null\"\n        [checked]=\"selection.isSelected(item)\">\n      </mat-checkbox>\n      <!-- drag -->\n      <!--<button mat-icon-button cdkDragHandle\n      (mousedown)=\"dragDisabled = false\"\n      (mouseup)=\"dragDisabled = true\"\n      (touchstart)=\"dragDisabled = false\"\n      (touchend)=\"dragDisabled = true\"\n      class=\"drag hide-xs\" aria-disabled=\"true\">\n      <mat-icon>drag_indicator</mat-icon>\n    </button>-->\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>\n  </mat-cell>\n</ng-container>\n<!-- Number column -->\n<ng-container matColumnDef=\"number\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.number}} </mat-cell>\n</ng-container>\n\n<!-- Subject column -->\n<ng-container matColumnDef=\"subject\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.subject}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"owner\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.ownerId) {\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n<ng-container matColumnDef=\"sender\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.senderId) {\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"received\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.received | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"receivedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"replied\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.replied | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issued\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.issued | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issuedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"state\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\n  </mat-cell>\n</ng-container>\n\n@if (customColumns) {\n  @for (c of customColumns; track c) {\n    <ng-container [matColumnDef]=\"c.name\">\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n        @switch (c.type) {\n          @case ('Date') {\n            <span>\n              {{item.model[c.name] | amCalendar }}\n            </span>\n          }\n          @case ('Decimal') {\n            <span>\n              {{item.model[c.name] | number }}\n            </span>\n          }\n          @case ('Boolean') {\n            <span>\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\n            </span>\n          }\n          @default {\n            <span>\n              {{item.model[c.name]}}z\n            </span>\n          }\n        }\n      </mat-cell>\n    </ng-container>\n  }\n}\n\n<!-- Value column -->\n<ng-container matColumnDef=\"value\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\n</ng-container>\n\n<!-- options column -->\n<ng-container matColumnDef=\"options\">\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\n  <mat-cell *matCellDef=\"let item\">\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>\n    @if (enableViews) {\n      <button mat-icon-button (click)=\"view(item, $event)\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n    }\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>\n  </mat-cell>\n</ng-container>\n<!-- Expanded Content Column -->\n<ng-container matColumnDef=\"expandedDetail\">\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\n    [class.read-row]=\"item.read\">\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\n      @if (item == expandedElement) {\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\n      }\n    </div>\n  </mat-cell>\n</ng-container>\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\n<mat-row @item [@updated]=\"item == updatedElement\"\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\n  cdkDrag [cdkDragData]=\"item\"\n  [cdkDragDisabled]=\"dragDisabled\"\n  (cdkDragReleased)=\"dragDisabled = true\"\n           [ngClass]=\"{'selecteded-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)\">\n  <div *cdkDragPreview>\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\n  </div>\n  <div *cdkDragPlaceholder>\n    <!-- none -->\n  </div>\n</mat-row>\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\n  class=\"detail-row\" matRipple\n           [ngClass]=\"{ 'selecteded-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\n<mat-menu #menu=\"matMenu\">\n  <ng-template matMenuContent let-item=\"item\">\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\n  </ng-template>\n</mat-menu>\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: i9$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i2$2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i2$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6$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$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i7$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: 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: i9$1.DecimalPipe, name: "number" }, { kind: "pipe", type: i9$1.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,
@@ -8943,7 +8945,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                         listItemUpdatedAnimation
                     ], host: {
                         class: 'bizdoc-browse-items'
-                    }, template: "<mat-progress-bar mode=\"query\" [style.visibility]=\"loading ? 'visible':'hidden'\"></mat-progress-bar>\n@if (dataSource?.data.length === 0) {\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\n}\n<mat-table cdkDropList class=\"data-table\"\n  [cdkDropListDisabled]=\"isMobile\"\n  [cdkDropListData]=\"dataSource?.data\"\n  cdkDropListConnectedTo=\"folders\"\n  cdkDropListSortingDisabled\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef>\n      <div class=\"\"></div>\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n      </mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let item\">\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\n        (change)=\"$event ? selection.toggle(item) : null\"\n        [checked]=\"selection.isSelected(item)\">\n      </mat-checkbox>\n      <!-- drag -->\n      <!--<button mat-icon-button cdkDragHandle\n      (mousedown)=\"dragDisabled = false\"\n      (mouseup)=\"dragDisabled = true\"\n      (touchstart)=\"dragDisabled = false\"\n      (touchend)=\"dragDisabled = true\"\n      class=\"drag hide-xs\" aria-disabled=\"true\">\n      <mat-icon>drag_indicator</mat-icon>\n    </button>-->\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>\n  </mat-cell>\n</ng-container>\n<!-- Number column -->\n<ng-container matColumnDef=\"number\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.number}} </mat-cell>\n</ng-container>\n\n<!-- Subject column -->\n<ng-container matColumnDef=\"subject\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.subject}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"owner\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.ownerId) {\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n<ng-container matColumnDef=\"sender\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.senderId) {\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"received\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.received | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"receivedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"replied\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.replied | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issued\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.issued | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issuedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"state\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\n  </mat-cell>\n</ng-container>\n\n@if (customColumns) {\n  @for (c of customColumns; track c) {\n    <ng-container [matColumnDef]=\"c.name\">\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n        @switch (c.type) {\n          @case ('Date') {\n            <span>\n              {{item.model[c.name] | amCalendar }}\n            </span>\n          }\n          @case ('Decimal') {\n            <span>\n              {{item.model[c.name] | number }}\n            </span>\n          }\n          @case ('Boolean') {\n            <span>\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\n            </span>\n          }\n          @default {\n            <span>\n              {{item.model[c.name]}}z\n            </span>\n          }\n        }\n      </mat-cell>\n    </ng-container>\n  }\n}\n\n<!-- Value column -->\n<ng-container matColumnDef=\"value\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\n</ng-container>\n\n<!-- options column -->\n<ng-container matColumnDef=\"options\">\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\n  <mat-cell *matCellDef=\"let item\">\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>\n    @if (enableAnalysis) {\n      <button mat-icon-button (click)=\"view(item, $event)\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n    }\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>\n  </mat-cell>\n</ng-container>\n<!-- Expanded Content Column -->\n<ng-container matColumnDef=\"expandedDetail\">\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\n    [class.read-row]=\"item.read\">\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\n      @if (item == expandedElement) {\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\n      }\n    </div>\n  </mat-cell>\n</ng-container>\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\n<mat-row @item [@updated]=\"item == updatedElement\"\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\n  cdkDrag [cdkDragData]=\"item\"\n  [cdkDragDisabled]=\"dragDisabled\"\n  (cdkDragReleased)=\"dragDisabled = true\"\n           [ngClass]=\"{'selecteded-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)\">\n  <div *cdkDragPreview>\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\n  </div>\n  <div *cdkDragPlaceholder>\n    <!-- none -->\n  </div>\n</mat-row>\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\n  class=\"detail-row\" matRipple\n           [ngClass]=\"{ 'selecteded-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\n<mat-menu #menu=\"matMenu\">\n  <ng-template matMenuContent let-item=\"item\">\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\n  </ng-template>\n</mat-menu>\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>\n@if (dataSource?.data.length === 0) {\n  <bizdoc-none title=\"NoMessages\" [subtitle]=\"!isMobile && folderId === DRAFT ? 'AltN' : null\" icon=\"mail_outline\"></bizdoc-none>\n}\n<mat-table cdkDropList class=\"data-table\"\n  [cdkDropListDisabled]=\"isMobile\"\n  [cdkDropListData]=\"dataSource?.data\"\n  cdkDropListConnectedTo=\"folders\"\n  cdkDropListSortingDisabled\n  [dataSource]=\"dataSource\" matSort multiTemplateDataRows (matSortChange)=\"sortData()\"\n  id=\"browse-table\" [@list]=\"dataSource\" [style.display]=\"dataSource?.data.length ?'':'none'\">\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef>\n      <div class=\"\"></div>\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\" [aria-label]=\"'Check'|translate\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n      </mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let item\">\n      <mat-checkbox (click)=\"$event.stopPropagation()\" [aria-label]=\"'Check'|translate\"\n        (change)=\"$event ? selection.toggle(item) : null\"\n        [checked]=\"selection.isSelected(item)\">\n      </mat-checkbox>\n      <!-- drag -->\n      <!--<button mat-icon-button cdkDragHandle\n      (mousedown)=\"dragDisabled = false\"\n      (mouseup)=\"dragDisabled = true\"\n      (touchstart)=\"dragDisabled = false\"\n      (touchend)=\"dragDisabled = true\"\n      class=\"drag hide-xs\" aria-disabled=\"true\">\n      <mat-icon>drag_indicator</mat-icon>\n    </button>-->\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>\n  </mat-cell>\n</ng-container>\n<!-- Number column -->\n<ng-container matColumnDef=\"number\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.number}} </mat-cell>\n</ng-container>\n\n<!-- Subject column -->\n<ng-container matColumnDef=\"subject\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.subject}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"owner\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Owner' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.ownerId) {\n      <bizdoc-identity-name [identity]=\"item.ownerId\" [by]=\"item.ownerById\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n<ng-container matColumnDef=\"sender\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Sender' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    @if (item.senderId) {\n      <bizdoc-identity-name [identity]=\"item.senderId\" [by]=\"item.byId\"></bizdoc-identity-name>\n    }\n  </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"received\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.received | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"receivedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"received\">{{'Received' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.received | amCalendar\">{{item.received | amTimeAgo}}</mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"replied\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Replied' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.replied | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issued\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.issued | amCalendar}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"issuedAgo\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"issued\">{{'Issued' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\" [bizdocTooltip]=\"item.issued | amCalendar\"> {{item.issued | amTimeAgo}} </mat-cell>\n</ng-container>\n\n<ng-container matColumnDef=\"state\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header=\"stateId\">{{'Status' | translate }}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n    <bizdoc-status [stateId]=\"item.stateId\"></bizdoc-status>\n  </mat-cell>\n</ng-container>\n\n@if (customColumns) {\n  @for (c of customColumns; track c) {\n    <ng-container [matColumnDef]=\"c.name\">\n      <mat-header-cell *matHeaderCellDef mat-sort-header> {{c.title}} </mat-header-cell>\n      <mat-cell *matCellDef=\"let item\" class=\"data-column\">\n        @switch (c.type) {\n          @case ('Date') {\n            <span>\n              {{item.model[c.name] | amCalendar }}\n            </span>\n          }\n          @case ('Decimal') {\n            <span>\n              {{item.model[c.name] | number }}\n            </span>\n          }\n          @case ('Boolean') {\n            <span>\n              <bizdoc-checkbox [checked]=\"item.model[c.name]\"></bizdoc-checkbox>\n            </span>\n          }\n          @default {\n            <span>\n              {{item.model[c.name]}}z\n            </span>\n          }\n        }\n      </mat-cell>\n    </ng-container>\n  }\n}\n\n<!-- Value column -->\n<ng-container matColumnDef=\"value\">\n  <mat-header-cell *matHeaderCellDef mat-sort-header>{{'Amount' | translate}}</mat-header-cell>\n  <mat-cell *matCellDef=\"let item\" class=\"data-column\"> {{item.value | currency : item.currencyCode : 'symbol' : currencyFormat}} </mat-cell>\n</ng-container>\n\n<!-- options column -->\n<ng-container matColumnDef=\"options\">\n  <mat-header-cell *matHeaderCellDef></mat-header-cell>\n  <mat-cell *matCellDef=\"let item\">\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>\n    @if (enableViews) {\n      <button mat-icon-button (click)=\"view(item, $event)\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n    }\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>\n  </mat-cell>\n</ng-container>\n<!-- Expanded Content Column -->\n<ng-container matColumnDef=\"expandedDetail\">\n  <mat-cell *matCellDef=\"let item\" [attr.colspan]=\"displayedColumns.length\" [@updated]=\"item == updatedElement\"\n    [class.read-row]=\"item.read\">\n    <div [@detailExpand]=\"item == expandedElement ? 'expanded' : 'collapsed'\" style=\"width: 100%\">\n      @if (item == expandedElement) {\n        <bizdoc-expanded-item [model]=\"item\"></bizdoc-expanded-item>\n      }\n    </div>\n  </mat-cell>\n</ng-container>\n<mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\n<mat-row @item [@updated]=\"item == updatedElement\"\n  *matRowDef=\"let item; let dataIndex = dataIndex; columns: displayedColumns;\" class=\"element-row\"\n  cdkDrag [cdkDragData]=\"item\"\n  [cdkDragDisabled]=\"dragDisabled\"\n  (cdkDragReleased)=\"dragDisabled = true\"\n           [ngClass]=\"{'selecteded-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)\">\n  <div *cdkDragPreview>\n    <button mat-icon-button aria-disabled=\"true\"><mat-icon>drag_indicator</mat-icon></button> <span>#{{item.number}}</span>\n  </div>\n  <div *cdkDragPlaceholder>\n    <!-- none -->\n  </div>\n</mat-row>\n<mat-row *matRowDef=\"let item; ; let dataIndex = dataIndex; columns: ['expandedDetail']\"\n  class=\"detail-row\" matRipple\n           [ngClass]=\"{ 'selecteded-row': selectedElement === item,\r\n           'odd-row': dataIndex % 2\r\n           }\"></mat-row>\r\n</mat-table>\n<mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"PAGE_SIZE\" [style.display]=\"!isMobile && dataSource?.data.length>PAGE_SIZE ? '':'none'\"></mat-paginator>\n<mat-menu #menu=\"matMenu\">\n  <ng-template matMenuContent let-item=\"item\">\n    <button mat-menu-item (click)=\"open(item, $event)\">{{'Open'|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"toggleRead(item)\">{{(item.read ?'MarkAsUnread':'MarkAsRead')|translate}}</button>\n    <mat-divider></mat-divider>\n    <button mat-menu-item (click)=\"copy(item)\">{{'Copy'| translate}}</button>\n  </ng-template>\n</mat-menu>\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]
@@ -9544,11 +9546,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
 /** compose component responsible for editing a form */
 class ComposePaneComponent {
     /** compose ctor */
-    constructor(_session, _mailbox, _pane, _router, config) {
+    constructor(_session, _mailbox, _pane, _router) {
         this._session = _session;
         this._mailbox = _mailbox;
         this._pane = _pane;
         this._router = _router;
+        this.showToolbar = true;
+        this._previousTop = 0;
         this._dragDrop = new Subject();
         this._destroy = new Subject();
         this.enableAnalysis = _session.profile.views.length > 0;
@@ -9630,6 +9634,11 @@ class ComposePaneComponent {
             policy: OpenPolicy.Toggle
         });
     }
+    onScroll(event) {
+        const top = event.currentTarget.scrollTop;
+        this.showToolbar = this._previousTop > top && top > 0;
+        this._previousTop = top;
+    }
     handleDocumentDrop(event) {
         event.stopPropagation();
         event.preventDefault();
@@ -9689,23 +9698,23 @@ class ComposePaneComponent {
     view() {
         this._navigate('views');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ComposePaneComponent, deps: [{ token: SessionService }, { token: MailboxService }, { token: PaneRef }, { token: PanesRouter }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.1", type: ComposePaneComponent, selector: "bizdoc-compose.pane", host: { listeners: { "document:drop": "handleDocumentDrop($event)", "drop": "handleDrop($event)", "dragenter": "handleEnter($event)", "dragleave": "handleLeave($event)", "dragover": "handleOver($event)", "document:keydown": "handleKeydown($event)" }, classAttribute: "pane" }, viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "dropableElement", first: true, predicate: ["dropable"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\n  @if (form.page !== undefined) {\n    <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\n    </button>\n  }\n  @if (model.draft) {\n    <button mat-stroked-button color=\"primary\" data-help=\"submit\"\n      (click)=\"submit()\" [disabled]=\"!valid||working\">\n      <span>{{'Submit' | translate}}</span>\n    </button>\n  }\n  @if (form.actions.length === 1) {\n    <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\n      <span>{{form.actions[0].title}}</span>\n    </button>\n  }\n  @if (form.actions.length > 1) {\n    <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\n      <span>{{'Send' | translate}}</span>\n    </button>\n  }\n  <!-- action -->\n  <mat-menu #actionMenu>\n    <ng-template matMenuContent>\n      @for (a of form.actions; track a; let i = $index) {\n        @if (i > 0 && form.actions[i - 1].group !== a.group) {\n          <mat-divider></mat-divider>\n        }\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\n      }\n    </ng-template>\n  </mat-menu>\n  @if (mode === 'compose') {\n    <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\">\n      <mat-icon>save</mat-icon>\n    </button>\n  }\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>\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>\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\n  @if (mode !== 'compose' && model.pending && !model.completed) {\n    <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\n  }\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\n  </button>\n  @if (enableAnalysis) {\n    <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n  }\n  @if (expendable) {\n    <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\n  }\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\n  <mat-menu #optionsMenu=\"matMenu\">\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\n        <!--<mat-icon>content_copy</mat-icon>-->\n        <span>{{'Copy' | translate}}</span>\n      </button>\n      @if (model.draft && !model.issued) {\n        <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\n          <!--<mat-icon>delete_outlined</mat-icon>-->\n          <span>{{'Discard' | translate}}</span>\n        </button>\n      }\n      @if (form.help) {\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\n          <!--<mat-icon>help_outline</mat-icon>-->\n          <span>{{'Help' | translate}}</span>\n        </button>\n      }\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\n    </ng-template>\n  </mat-menu>\n</mat-toolbar>\n<div class=\"file-dropable flex\" #dropable>\n  <bizdoc-form [model]=model #form\n    (modelChange)=\"change()\"\n    (saved)=\"saved()\"\n    (validChange)=\"valid=$event\"\n    (workingChange)=\"working=$event\"\n  (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\n</div>\n", styles: [":host{align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i9$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i6$1.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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", 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: "17.1.1", type: ComposePaneComponent, selector: "bizdoc-compose.pane", host: { listeners: { "scroll": "onScroll($event)", "document:drop": "handleDocumentDrop($event)", "drop": "handleDrop($event)", "dragenter": "handleEnter($event)", "dragleave": "handleLeave($event)", "dragover": "handleOver($event)", "document:keydown": "handleKeydown($event)" }, classAttribute: "pane" }, viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "dropableElement", first: true, predicate: ["dropable"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\" [class.sticky]=\"showToolbar\">\n  @if (form.page !== undefined) {\n    <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\n    </button>\n  }\n  @if (model.draft) {\n    <button mat-stroked-button color=\"primary\" data-help=\"submit\"\n      (click)=\"submit()\" [disabled]=\"!valid||working\">\n      <span>{{'Submit' | translate}}</span>\n    </button>\n  }\n  @if (form.actions.length === 1) {\n    <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\n      <span>{{form.actions[0].title}}</span>\n    </button>\n  }\n  @if (form.actions.length > 1) {\n    <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\n      <span>{{'Send' | translate}}</span>\n    </button>\n  }\n  <!-- action -->\n  <mat-menu #actionMenu>\n    <ng-template matMenuContent>\n      @for (a of form.actions; track a; let i = $index) {\n        @if (i > 0 && form.actions[i - 1].group !== a.group) {\n          <mat-divider></mat-divider>\n        }\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\n      }\n    </ng-template>\n  </mat-menu>\n  @if (mode === 'compose') {\n    <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\">\n      <mat-icon>save</mat-icon>\n    </button>\n  }\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>\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>\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\n  @if (mode !== 'compose' && model.pending && !model.completed) {\n    <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\n  }\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\n  </button>\n  @if (enableAnalysis) {\n    <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n  }\n  @if (expendable) {\n    <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\n  }\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\n  <mat-menu #optionsMenu=\"matMenu\">\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\n        <!--<mat-icon>content_copy</mat-icon>-->\n        <span>{{'Copy' | translate}}</span>\n      </button>\n      @if (model.draft && !model.issued) {\n        <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\n          <!--<mat-icon>delete_outlined</mat-icon>-->\n          <span>{{'Discard' | translate}}</span>\n        </button>\n      }\n      @if (form.help) {\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\n          <!--<mat-icon>help_outline</mat-icon>-->\n          <span>{{'Help' | translate}}</span>\n        </button>\n      }\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\n    </ng-template>\n  </mat-menu>\n</mat-toolbar>\n<div class=\"file-dropable flex\" #dropable>\n  <bizdoc-form [model]=model #form\n    (modelChange)=\"change()\"\n    (saved)=\"saved()\"\n    (validChange)=\"valid=$event\"\n    (workingChange)=\"working=$event\"\n  (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i9$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i6$1.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: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "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: "17.1.1", ngImport: i0, type: ComposePaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-compose.pane', host: {
                         class: 'pane'
-                    }, template: "<mat-toolbar class=\"nav-toolbar\">\n  @if (form.page !== undefined) {\n    <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\n    </button>\n  }\n  @if (model.draft) {\n    <button mat-stroked-button color=\"primary\" data-help=\"submit\"\n      (click)=\"submit()\" [disabled]=\"!valid||working\">\n      <span>{{'Submit' | translate}}</span>\n    </button>\n  }\n  @if (form.actions.length === 1) {\n    <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\n      <span>{{form.actions[0].title}}</span>\n    </button>\n  }\n  @if (form.actions.length > 1) {\n    <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\n      <span>{{'Send' | translate}}</span>\n    </button>\n  }\n  <!-- action -->\n  <mat-menu #actionMenu>\n    <ng-template matMenuContent>\n      @for (a of form.actions; track a; let i = $index) {\n        @if (i > 0 && form.actions[i - 1].group !== a.group) {\n          <mat-divider></mat-divider>\n        }\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\n      }\n    </ng-template>\n  </mat-menu>\n  @if (mode === 'compose') {\n    <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\">\n      <mat-icon>save</mat-icon>\n    </button>\n  }\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>\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>\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\n  @if (mode !== 'compose' && model.pending && !model.completed) {\n    <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\n  }\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\n  </button>\n  @if (enableAnalysis) {\n    <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n  }\n  @if (expendable) {\n    <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\n  }\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\n  <mat-menu #optionsMenu=\"matMenu\">\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\n        <!--<mat-icon>content_copy</mat-icon>-->\n        <span>{{'Copy' | translate}}</span>\n      </button>\n      @if (model.draft && !model.issued) {\n        <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\n          <!--<mat-icon>delete_outlined</mat-icon>-->\n          <span>{{'Discard' | translate}}</span>\n        </button>\n      }\n      @if (form.help) {\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\n          <!--<mat-icon>help_outline</mat-icon>-->\n          <span>{{'Help' | translate}}</span>\n        </button>\n      }\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\n    </ng-template>\n  </mat-menu>\n</mat-toolbar>\n<div class=\"file-dropable flex\" #dropable>\n  <bizdoc-form [model]=model #form\n    (modelChange)=\"change()\"\n    (saved)=\"saved()\"\n    (validChange)=\"valid=$event\"\n    (workingChange)=\"working=$event\"\n  (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\n</div>\n", styles: [":host{align-items:stretch}\n"] }]
-        }], ctorParameters: () => [{ type: SessionService }, { type: MailboxService }, { type: PaneRef }, { type: PanesRouter }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [BIZDOC_CONFIG]
-                }] }], propDecorators: { form: [{
+                    }, template: "<mat-toolbar class=\"nav-toolbar\" [class.sticky]=\"showToolbar\">\n  @if (form.page !== undefined) {\n    <button mat-icon-button color=\"primary\" (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon>\n    </button>\n  }\n  @if (model.draft) {\n    <button mat-stroked-button color=\"primary\" data-help=\"submit\"\n      (click)=\"submit()\" [disabled]=\"!valid||working\">\n      <span>{{'Submit' | translate}}</span>\n    </button>\n  }\n  @if (form.actions.length === 1) {\n    <button mat-stroked-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\">\n      <span>{{form.actions[0].title}}</span>\n    </button>\n  }\n  @if (form.actions.length > 1) {\n    <button mat-stroked-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionMenu\" [disabled]=\"!valid||working\">\n      <span>{{'Send' | translate}}</span>\n    </button>\n  }\n  <!-- action -->\n  <mat-menu #actionMenu>\n    <ng-template matMenuContent>\n      @for (a of form.actions; track a; let i = $index) {\n        @if (i > 0 && form.actions[i - 1].group !== a.group) {\n          <mat-divider></mat-divider>\n        }\n        <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\n      }\n    </ng-template>\n  </mat-menu>\n  @if (mode === 'compose') {\n    <button mat-icon-button (click)=\"save()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"'Save'|translate\">\n      <mat-icon>save</mat-icon>\n    </button>\n  }\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>\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>\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\n  @if (mode !== 'compose' && model.pending && !model.completed) {\n    <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\n  }\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"navTrace()\" [bizdocTooltip]=\"'Trace' | translate\" tabindex=\"1\"><mat-icon>timeline</mat-icon></button>\n  <button mat-icon-button (click)=\"navComments()\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\n    <mat-icon [class.filled]=\"model.comments.length > 0\">format_quote</mat-icon>\n  </button>\n  @if (enableAnalysis) {\n    <button mat-icon-button (click)=\"view()\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n  }\n  @if (expendable) {\n    <button mat-icon-button (click)=\"expand()\" [bizdocTooltip]=\"'Expand' | translate\" [attr.aria-label]=\"'Expand' | translate\"><mat-icon>open_in_new</mat-icon></button>\n  }\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\n  <mat-menu #optionsMenu=\"matMenu\">\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\n        <!--<mat-icon>content_copy</mat-icon>-->\n        <span>{{'Copy' | translate}}</span>\n      </button>\n      @if (model.draft && !model.issued) {\n        <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\n          <!--<mat-icon>delete_outlined</mat-icon>-->\n          <span>{{'Discard' | translate}}</span>\n        </button>\n      }\n      @if (form.help) {\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\n          <!--<mat-icon>help_outline</mat-icon>-->\n          <span>{{'Help' | translate}}</span>\n        </button>\n      }\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"close()\"><!--<mat-icon></mat-icon>--><span>{{'Close'| translate}}</span></button>\n    </ng-template>\n  </mat-menu>\n</mat-toolbar>\n<div class=\"file-dropable flex\" #dropable>\n  <bizdoc-form [model]=model #form\n    (modelChange)=\"change()\"\n    (saved)=\"saved()\"\n    (validChange)=\"valid=$event\"\n    (workingChange)=\"working=$event\"\n  (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: SessionService }, { type: MailboxService }, { type: PaneRef }, { type: PanesRouter }], propDecorators: { form: [{
                 type: ViewChild,
                 args: [ComposeFormComponent, { static: true }]
             }], dropableElement: [{
                 type: ViewChild,
                 args: ['dropable', { static: true, read: ElementRef }]
+            }], onScroll: [{
+                type: HostListener,
+                args: ['scroll', ['$event']]
             }], handleDocumentDrop: [{
                 type: HostListener,
                 args: ['document:drop', ['$event']]
@@ -18052,7 +18061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
 
 class DocumentViewPaneComponent {
     constructor(session, translate, pane) {
-        pane.title = translate.get('View');
+        pane.title = translate.get('Views');
         pane.dataChange().subscribe(d => {
             this.model = d['item'];
             const form = session.profile.forms.find(f => f.name === this.model.formId);
@@ -21920,7 +21929,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
 RangeNavigator.Inject(AreaSeries, LineSeries, DateTime, RangeTooltip);
 Sparkline.Inject(SparklineTooltip);
 AccumulationChart$1.Inject(PieSeries, PyramidSeries, FunnelSeries, AccumulationDataLabel, AccumulationTooltip, AccumulationAnnotation, AccumulationLegend, AccumulationSelection);
-Chart$1.Inject(Category, DateTime, Tooltip$1, Legend, Selection$1, Zoom, Crosshair, DataLabel, BarSeries, AreaSeries, BubbleSeries, ColumnSeries, LineSeries, PolarSeries, RadarSeries, SplineSeries, SplineAreaSeries, ScatterSeries, StackingStepAreaSeries, StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries, StepAreaSeries, StepLineSeries);
+Chart$1.Inject(Category, DateTime, Tooltip$1, Legend, Selection, Zoom, Crosshair, DataLabel, BarSeries, AreaSeries, BubbleSeries, ColumnSeries, LineSeries, PolarSeries, RadarSeries, SplineSeries, SplineAreaSeries, ScatterSeries, StackingStepAreaSeries, StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries, StepAreaSeries, StepLineSeries);
 
 class SyncfusionDiagramModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SyncfusionDiagramModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -21970,7 +21979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                     ]
                 }]
         }] });
-Grid$1.Inject(ExcelExport, Sort, Group, Page, Freeze, Selection$2, Aggregate);
+Grid$1.Inject(ExcelExport, Sort, Group, Page, Freeze, Selection$1, Aggregate);
 
 CircularGauge.Inject(Annotations, GaugeTooltip, Legend$1);
 class SyncfusionCircularGaugeModule {
@@ -22049,8 +22058,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                 }]
         }] });
 
-Gantt.Inject(Selection, Toolbar$1, DayMarkers, Sort$1, RowDD, CriticalPath);
-//Filter, Reorder, Resize, VirtualScroll, ContextMenu, ExcelExport, PdfExport, 
+Gantt.Inject(Toolbar$1, DayMarkers, Sort$1, RowDD, CriticalPath);
+//Selection, Filter, Reorder, Resize, VirtualScroll, ContextMenu, ExcelExport, PdfExport, 
 class SyncfusionGanttModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SyncfusionGanttModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: SyncfusionGanttModule, imports: [GanttModule], exports: [GanttModule] }); }
@@ -24228,7 +24237,9 @@ let RecentsWidget = class RecentsWidget {
         this._navigate(item, [], { policy: OpenPolicy.Clear });
     }
     view(item, evt) {
-        this._navigate(item, ['views'], { policy: OpenPolicy.Tab | OpenPolicy.Expandable });
+        this._navigate(item, ['views'], {
+            policy: OpenPolicy.Tab | OpenPolicy.Expandable
+        });
         evt.stopPropagation();
     }
     ngOnDestroy() {
@@ -27594,7 +27605,7 @@ class CubeBase {
         this.model = model;
         if (model.cubes.length) {
             this._consolidate();
-            const ids = Object.keys(this._consolidateData);
+            const ids = Object.keys(this._consolidatedAxes);
             const cube = this._session.profile.cubes.find(c => c.name === ids[0]);
             this.hasdata = true;
             this.switchTo(cube);
@@ -27604,7 +27615,7 @@ class CubeBase {
     }
     switchAxes(axes) {
         this._consolidate(axes);
-        this.originalAxes = this._consolidateData[this.cube.name];
+        this.originalAxes = this._consolidatedAxes[this.cube.name];
         this.axes = this.aggregate(this.originalAxes);
     }
     _drop(axes) {
@@ -27618,11 +27629,11 @@ class CubeBase {
      * @param cube
      */
     switchTo(cube) {
-        const ids = Object.keys(this._consolidateData);
+        const ids = Object.keys(this._consolidatedAxes);
         if (ids.length > 1)
             this.alternate = this._session.profile.cubes.filter(c => ids.indexOf(c.name) > -1 && c != cube);
         this.cube = cube;
-        this.originalAxes = this._consolidateData[cube.name];
+        this.originalAxes = this._consolidatedAxes[cube.name];
         this.axes = this.aggregate(this.originalAxes);
         this.onViewBind();
     }
@@ -27649,7 +27660,7 @@ class CubeBase {
                 i++;
             }
         });
-        this._consolidateData = consolidate;
+        this._consolidatedAxes = consolidate;
     }
     async getAggregateLabel() {
         if (!this._viewRef.options.aggregate)
@@ -27662,6 +27673,11 @@ class CubeBase {
         const axes = { ...originalAxes };
         if (this._viewRef.options.aggregate)
             this._viewRef.options.aggregate.forEach(a => delete axes[a]);
+        else
+            this.cube.axes.forEach(a => {
+                if (!a.combination)
+                    delete axes[a.name];
+            });
         return axes;
     }
     get group() { return `#${this.model.number}`; }
@@ -27687,6 +27703,8 @@ let CubeDocumentMatrixComponent = class CubeDocumentMatrixComponent extends Cube
         this.indices = indices;
         this.sum = sum;
         this.scope = scope;
+        delete this.axes[this.xAxis];
+        delete this.axes[this.series];
         this._service.patterns(this.cube.name).subscribe(p => this.patterns = p);
         /** one or more axis */
         this.filters = this.cube.axes.filter(a => isArray(filters) ?
@@ -27918,6 +27936,7 @@ let TimelineViewComponent = class TimelineViewComponent {
             //  durationUnit: 'Hour',
             taskbarHeight: 30,
             rowHeight: 40,
+            height: '420px',
             width: '100%', //this.width
             //  dayWorkingTime: this.dayWorkingTime
         }, this._element.nativeElement);
@@ -27927,7 +27946,7 @@ let TimelineViewComponent = class TimelineViewComponent {
         evt.taskbarBgColor = this._session.getAccent();
     }
     _prepare() {
-        const promisses = [];
+        const observables = [], tasks = [];
         let i = 0;
         //const observable = this._mailbox.timeline(model.documentId).pipe(tap(t => {
         //}))
@@ -27956,7 +27975,7 @@ let TimelineViewComponent = class TimelineViewComponent {
                         }
                         else
                             task.ending = this.model.completed ? new Date(l.time) : new Date();
-                        this.tasks.push(task);
+                        tasks.push(task);
                         break;
                     }
                 case 'ModelChange':
@@ -27974,14 +27993,14 @@ let TimelineViewComponent = class TimelineViewComponent {
                         }
                         else
                             task.ending = new Date();
-                        const state = this.tasks.find(t => t.type === 'StateChange' && t.time <= task.time && (!t.ending || t.ending >= task.ending));
+                        const state = tasks.find(t => t.type === 'StateChange' && t.time <= task.time && (!t.ending || t.ending >= task.ending));
                         if (state) {
                             if (!state.subtasks)
                                 state.subtasks = [];
                             state.subtasks.push(task);
                         }
                         else
-                            this.tasks.push(task);
+                            tasks.push(task);
                         break;
                     }
                 case 'ActionTaken':
@@ -28001,19 +28020,19 @@ let TimelineViewComponent = class TimelineViewComponent {
                         };
                         if (l.nodeId) {
                             this.model.workflow.connectors.filter(c => c.targetId === l.nodeId).forEach(c => {
-                                const dependencies = this.tasks.filter(l => l.nodeId === c.sourceId).map(l => `FS${l.id}`);
+                                const dependencies = tasks.filter(l => l.nodeId === c.sourceId).map(l => `FS${l.id}`);
                                 if (dependencies.length)
                                     task.dependencies = dependencies.join(',');
                             });
                         }
-                        const state = this.tasks.find(t => t.type === 'StateChange' && t.time <= task.time && (!t.ending || t.ending >= task.ending));
+                        const state = tasks.find(t => t.type === 'StateChange' && t.time <= task.time && (!t.ending || t.ending >= task.ending));
                         if (state) {
                             if (!state.subtasks)
                                 state.subtasks = [];
                             state.subtasks.push(task);
                         }
                         else
-                            this.tasks.push(task);
+                            tasks.push(task);
                         break;
                     }
                 default:
@@ -28021,31 +28040,25 @@ let TimelineViewComponent = class TimelineViewComponent {
             }
             if (l.byId) {
                 const who = this._users.get(l.userId), by = this._users.get(l.byId);
-                const promise = forkJoin([who, by]).pipe(tap(ns => {
+                const observe = forkJoin([who, by]).pipe(tap(ns => {
                     const [who, by] = ns;
                     task.name = this._translate.get('By', who.name, by.name);
                     //    if (l.role) {
                     //        const role = this.session.profile.roles.find(o => o.name === l.role);
                     //        if (role) task.name += `, ${role.name}`;
                     //    }
-                }), catchError$1(() => {
-                    this._ps.error();
-                    throw new Error();
                 }));
-                promisses.push(promise);
+                observables.push(observe);
             }
             else if (l.userId) {
-                const promise = this._users.get(l.userId).pipe(tap(u => {
+                const observe = this._users.get(l.userId).pipe(tap(u => {
                     task.name = u.name;
                     //    if (l.role) {
                     //        const role = this.session.profile.roles.find(o => o.name === l.role);
                     //        if (role) task.name += `, ${role.name}`;
                     //    }
-                }), catchError$1(() => {
-                    this._ps.error();
-                    throw new Error();
                 }));
-                promisses.push(promise);
+                observables.push(observe);
             }
         });
         this.model.events.forEach(e => {
@@ -28066,7 +28079,7 @@ let TimelineViewComponent = class TimelineViewComponent {
             if (r.substituteId) {
                 const by = this._users.get(r.substituteId);
                 const who = this._users.get(r.userId);
-                const promise = forkJoin([who, by]).pipe(tap(u => {
+                const observe = forkJoin([who, by]).pipe(tap(u => {
                     task.name = this._translate.get('WhoSubstituting', u[0].name, u[1].name);
                     if (u[0].role)
                         task.name += `, ${u[0].role}`;
@@ -28075,14 +28088,11 @@ let TimelineViewComponent = class TimelineViewComponent {
                         if (role)
                             task.name += `, ${role.name}`;
                     }
-                }), catchError$1(() => {
-                    this._ps.error();
-                    throw new Error();
                 }));
-                promisses.push(promise);
+                observables.push(observe);
             }
             else {
-                const promise = this._users.get(r.userId).pipe(tap(u => {
+                const observe = this._users.get(r.userId).pipe(tap(u => {
                     task.name = u.name;
                     if (u.role)
                         task.name += `, ${u.role}`;
@@ -28091,40 +28101,45 @@ let TimelineViewComponent = class TimelineViewComponent {
                         if (role)
                             task.name += `, ${role.name}`;
                     }
-                }), catchError$1(() => {
-                    this._ps.error();
-                    throw new Error();
                 }));
-                promisses.push(promise);
+                observables.push(observe);
             }
             if (r.nodeId) {
                 this.model.workflow.connectors.filter(c => c.targetId === r.nodeId).forEach(c => {
-                    const predecessors = this.tasks.filter(l => l.nodeId === c.sourceId).map(l => l.id);
+                    const predecessors = tasks.filter(l => l.nodeId === c.sourceId).map(l => l.id);
                     if (predecessors.length)
                         task.dependencies = predecessors.join(',');
                 });
             }
-            const state = this.tasks.find(t => t.type === 'StateChange' && t.time <= task.time && (!t.ending || t.ending >= task.time));
+            const state = tasks.find(t => t.type === 'StateChange' && t.time <= task.time && (!t.ending || t.ending >= task.time));
             if (state) {
                 if (!state.subtasks)
                     state.subtasks = [];
                 state.subtasks.push(task);
             }
             else
-                this.tasks.push(task);
+                tasks.push(task);
         });
-        return forkJoin(promisses).
-            pipe(tap(() => this.tasks = this.tasks.sort((t0, t1) => t0.time > t1.time ? 1 : -1)));
+        return forkJoin(observables).
+            pipe(tap(() => this.tasks = tasks.sort((t0, t1) => t0.time > t1.time ? 1 : -1)));
     }
-    rowSelecting(r) {
-        if (r.data.taskData.type === 'ModelChange')
-            this._compare(r.data);
+    /**
+     *
+     * @param row
+     */
+    rowSelecting(row) {
+        if (row.data.taskData.type === 'ModelChange')
+            this._compare(row.data);
     }
+    /**
+     *
+     * @param task
+     */
     _compare(task) {
         this._router.navigate(['mailbox/d', this.model.documentId.encodeId(), 'version', task.time.valueOf().encodeId()], { state: { item: this.model } });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TimelineViewComponent, deps: [{ token: PromptService }, { token: DocumentViewRef }, { token: BIZDOC_CONFIG }, { token: AccountService }, { token: SessionService }, { token: TranslateService }, { token: RouterImpl }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TimelineViewComponent, selector: "bizdoc-timeline", host: { properties: { "dir": "this.dir" }, classAttribute: "view" }, providers: [SelectionService$3, DayMarkersService], ngImport: i0, template: '', isInline: true, styles: [":host{padding:8px}:host ::ng-deep .e-split-bar{display:none!important}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: TimelineViewComponent, selector: "bizdoc-timeline", host: { attributes: { "id": "doc-timeline" }, properties: { "dir": "this.dir" }, classAttribute: "view" }, providers: [SelectionService$3, DayMarkersService], ngImport: i0, template: '', isInline: true, styles: [":host{padding:8px}:host ::ng-deep .e-split-bar{display:none!important}\n"] }); }
 };
 TimelineViewComponent = __decorate([
     BizDoc({ selector: 'bizdoc-timeline-view' })
@@ -28132,7 +28147,10 @@ TimelineViewComponent = __decorate([
 ], TimelineViewComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TimelineViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizdoc-timeline', template: '', host: { class: 'view' }, providers: [SelectionService$3, DayMarkersService], styles: [":host{padding:8px}:host ::ng-deep .e-split-bar{display:none!important}\n"] }]
+            args: [{ selector: 'bizdoc-timeline', template: '', host: {
+                        class: 'view',
+                        id: 'doc-timeline'
+                    }, providers: [SelectionService$3, DayMarkersService], styles: [":host{padding:8px}:host ::ng-deep .e-split-bar{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: PromptService }, { type: DocumentViewRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
@@ -28199,10 +28217,12 @@ class CubeSumComponent {
             throw 'xAxis';
         if (this.parentAxis)
             this._parentAxis = this._cube.axes.find(a => a.name === this.parentAxis);
-        if (!this.indices)
-            this.indices = this._cube.indices.map(i => i.name);
-        else if (!isArray(this.indices))
-            this.indices = [this.indices];
+        if (this._cube.indices) {
+            if (!this.indices)
+                this.indices = this._cube.indices.map(i => i.name);
+            else if (!isArray(this.indices))
+                this.indices = [this.indices];
+        }
         const originalValue = this.filters[this.xAxis];
         const axis = isArray(originalValue) ? originalValue[0] : originalValue;
         if (this.periodPolicy === 'Strict')
@@ -28381,7 +28401,7 @@ class CubeSumComponent {
     }
     _calculate(level) {
         const indices = level.indices
-            .filter(i => this._cube.indices.find(m => m.name === i.name && m.accumulate !== false))
+            .filter(i => this._cube.indices?.find(m => m.name === i.name && m.accumulate !== false))
             .sum(i => i.value);
         const percent = indices !== 0 ?
             Math.round(level.value / indices * 100) : 0;
@@ -35419,7 +35439,7 @@ class SystemModule {
                 policies: 'Policies',
                 Folders: 'Folders',
                 TestType: 'Test',
-                Views: 'Document Views',
+                Views: 'Views',
                 CubeView: 'View',
                 CubeViews: 'Views',
                 Label: 'Label',