@bizdoc/core 2.3.31 → 2.3.32

package/esm2022/lib/dashboard/score/activity.widget.mjs

@@ -157,8 +157,8 @@ let PersonalActivityWidget = class PersonalActivityWidget {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PersonalActivityWidget, deps: [{ token: i1.WidgetRef }, { token: i0.ElementRef }, { token: i2.TranslateService }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PersonalActivityWidget, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: "@if (data?.timeline.length === 0) {\n  <p class=\"mat-body-1\">{{'NothingHere'|translate}}</p>\n}\n<!--<ejs-chart [crosshair]='crosshair' [tooltip]='tooltip' background=\"transparent\" [chartArea]='chartArea' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' width='100%' [theme]='theme'\n[enableAnimation]=\"true\" [palettes]=\"palettes\" id=\"activity-chart\" [height]=\"height\" dir=\"ltr\"\n[useGroupingSeparator]=\"true\" [zoomSettings]=\"zoomSettings\" (tooltipRender)=\"tooltipRender($event)\">\n<e-series-collection>\n  <e-series [dataSource]='data?.everyone' type='Line' xName='time' yName='duration' [name]=\"'Average'|translate\" width=2 [marker]='everyoneMarker' [animation]=\"animation\"></e-series>\n  <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='standard' [name]=\"'Standard' | translate\" width=2 [marker]='standardMarker' dashArray='5' [animation]=\"animation\" [fill]=\"fill\"> </e-series>\n  <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='duration' [name]=\"'You' | translate\" width=2 [marker]='youMarker' [animation]=\"animation\"> </e-series>\n</e-series-collection>\n</ejs-chart>-->\n", dependencies: [{ kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PersonalActivityWidget, deps: [{ token: i1.WidgetRef }, { token: i0.ElementRef }, { token: i2.TranslateService }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: PersonalActivityWidget, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: "@if (data?.timeline.length === 0) {\n  <p class=\"mat-body-1\">{{'NothingHere'|translate}}</p>\n}\n<!--<ejs-chart [crosshair]='crosshair' [tooltip]='tooltip' background=\"transparent\" [chartArea]='chartArea' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' width='100%' [theme]='theme'\n[enableAnimation]=\"true\" [palettes]=\"palettes\" id=\"activity-chart\" [height]=\"height\" dir=\"ltr\"\n[useGroupingSeparator]=\"true\" [zoomSettings]=\"zoomSettings\" (tooltipRender)=\"tooltipRender($event)\">\n<e-series-collection>\n  <e-series [dataSource]='data?.everyone' type='Line' xName='time' yName='duration' [name]=\"'Average'|translate\" width=2 [marker]='everyoneMarker' [animation]=\"animation\"></e-series>\n  <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='standard' [name]=\"'Standard' | translate\" width=2 [marker]='standardMarker' dashArray='5' [animation]=\"animation\" [fill]=\"fill\"> </e-series>\n  <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='duration' [name]=\"'You' | translate\" width=2 [marker]='youMarker' [animation]=\"animation\"> </e-series>\n</e-series-collection>\n</ejs-chart>-->\n", dependencies: [{ kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 PersonalActivityWidget = __decorate([
     BizDoc({
@@ -166,7 +166,7 @@ PersonalActivityWidget = __decorate([
     })
 ], PersonalActivityWidget);
 export { PersonalActivityWidget };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PersonalActivityWidget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PersonalActivityWidget, decorators: [{
             type: Component,
             args: [{ template: "@if (data?.timeline.length === 0) {\n  <p class=\"mat-body-1\">{{'NothingHere'|translate}}</p>\n}\n<!--<ejs-chart [crosshair]='crosshair' [tooltip]='tooltip' background=\"transparent\" [chartArea]='chartArea' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' width='100%' [theme]='theme'\n[enableAnimation]=\"true\" [palettes]=\"palettes\" id=\"activity-chart\" [height]=\"height\" dir=\"ltr\"\n[useGroupingSeparator]=\"true\" [zoomSettings]=\"zoomSettings\" (tooltipRender)=\"tooltipRender($event)\">\n<e-series-collection>\n  <e-series [dataSource]='data?.everyone' type='Line' xName='time' yName='duration' [name]=\"'Average'|translate\" width=2 [marker]='everyoneMarker' [animation]=\"animation\"></e-series>\n  <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='standard' [name]=\"'Standard' | translate\" width=2 [marker]='standardMarker' dashArray='5' [animation]=\"animation\" [fill]=\"fill\"> </e-series>\n  <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='duration' [name]=\"'You' | translate\" width=2 [marker]='youMarker' [animation]=\"animation\"> </e-series>\n</e-series-collection>\n</ejs-chart>-->\n" }]
         }], ctorParameters: () => [{ type: i1.WidgetRef }, { type: i0.ElementRef }, { type: i2.TranslateService }, { type: i3.SessionService }], propDecorators: { chart: [{

package/esm2022/lib/dashboard/score/compare-groups.widget.mjs

@@ -180,8 +180,8 @@ let CompareGroupsWidget = class CompareGroupsWidget {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CompareGroupsWidget, deps: [{ token: i1.TranslateService }, { token: i2.WidgetRef }, { token: i0.ElementRef }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: CompareGroupsWidget, selector: "bizdoc-compare-groups", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, providers: [LineSeriesService, CrosshairService, ColumnSeriesService], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CompareGroupsWidget, deps: [{ token: i1.TranslateService }, { token: i2.WidgetRef }, { token: i0.ElementRef }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: CompareGroupsWidget, selector: "bizdoc-compare-groups", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, providers: [LineSeriesService, CrosshairService, ColumnSeriesService], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true }); }
 };
 CompareGroupsWidget = CompareGroupsWidget_1 = __decorate([
     BizDoc({
@@ -189,7 +189,7 @@ CompareGroupsWidget = CompareGroupsWidget_1 = __decorate([
     })
 ], CompareGroupsWidget);
 export { CompareGroupsWidget };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CompareGroupsWidget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: CompareGroupsWidget, decorators: [{
             type: Component,
             args: [{
                     //templateUrl: './compare-groups.widget.html',

package/esm2022/lib/dashboard/score/peers-performance.widget.mjs

@@ -225,8 +225,8 @@ let PeersPerformanceWidget = class PeersPerformanceWidget {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PeersPerformanceWidget, deps: [{ token: i1.SessionService }, { token: i2.WidgetRef }, { token: i0.ElementRef }, { token: i3.AccountService }, { token: i4.Directionality }, { token: i5.DurationFormatPipe }, { token: i6.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PeersPerformanceWidget, selector: "ng-component", host: { attributes: { "dir": "ltr" }, properties: { "id": "this.id" }, styleAttribute: "display: block" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PeersPerformanceWidget, deps: [{ token: i1.SessionService }, { token: i2.WidgetRef }, { token: i0.ElementRef }, { token: i3.AccountService }, { token: i4.Directionality }, { token: i5.DurationFormatPipe }, { token: i6.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: PeersPerformanceWidget, selector: "ng-component", host: { attributes: { "dir": "ltr" }, properties: { "id": "this.id" }, styleAttribute: "display: block" }, ngImport: i0, template: '', isInline: true }); }
 };
 PeersPerformanceWidget = PeersPerformanceWidget_1 = __decorate([
     BizDoc({
@@ -234,7 +234,7 @@ PeersPerformanceWidget = PeersPerformanceWidget_1 = __decorate([
     })
 ], PeersPerformanceWidget);
 export { PeersPerformanceWidget };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PeersPerformanceWidget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PeersPerformanceWidget, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/esm2022/lib/dashboard/score/pending-results.widget.mjs

@@ -31,8 +31,8 @@ let PendingResultsWidget = class PendingResultsWidget {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PendingResultsWidget, deps: [{ token: i1.WidgetRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PendingResultsWidget, selector: "bizdoc-pending-results", host: { properties: { "style.height": "this.height" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" matSort class=\"mat-elevation-z0\" @list>\n  <ng-container matColumnDef=\"name\">\n    <th mat-header-cell *matHeaderCellDef> {{'Name' | translate}} </th>\n    <td mat-cell *matCellDef=\"let element\"> <bizdoc-identity-name [identity]='element.userId' chating=\"room\"></bizdoc-identity-name></td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"duration\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Duration' | translate}} </th>\n    <td mat-cell *matCellDef=\"let element\"> <span [bizdocTooltip]='element.duration|amDurationFormat'>{{ element.duration | amDuration : 's' }}</span> </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"standard\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Standard' | translate}} </th>\n    <td mat-cell *matCellDef=\"let element\"> @if (element.standard) {\n      <span [bizdocTooltip]=\"element.standard|amDurationFormat\">{{ element.standard | amDuration: 's' }}</span>\n    } </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"count\">\n    <th mat-header-cell *matHeaderCellDef> </th>\n    <td mat-cell *matCellDef=\"let element\" dir=\"ltr\">\n      <span class=\"range\">{{ element.processed }} / {{element.pending + element.processed}}</span>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columns;\" @item></tr>\n</table>\n<style scoped>\n  .range {\n  white-space: nowrap;\n}\n</style>\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", "\n  .range {\n  white-space: nowrap;\n}\n"], dependencies: [{ kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i5.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.DurationPipe, name: "amDuration" }, { kind: "pipe", type: i8.DurationFormatPipe, name: "amDurationFormat" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PendingResultsWidget, deps: [{ token: i1.WidgetRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: PendingResultsWidget, selector: "bizdoc-pending-results", host: { properties: { "style.height": "this.height" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" matSort class=\"mat-elevation-z0\" @list>\n  <ng-container matColumnDef=\"name\">\n    <th mat-header-cell *matHeaderCellDef> {{'Name' | translate}} </th>\n    <td mat-cell *matCellDef=\"let element\"> <bizdoc-identity-name [identity]='element.userId' chating=\"room\"></bizdoc-identity-name></td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"duration\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Duration' | translate}} </th>\n    <td mat-cell *matCellDef=\"let element\"> <span [bizdocTooltip]='element.duration|amDurationFormat'>{{ element.duration | amDuration : 's' }}</span> </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"standard\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Standard' | translate}} </th>\n    <td mat-cell *matCellDef=\"let element\"> @if (element.standard) {\n      <span [bizdocTooltip]=\"element.standard|amDurationFormat\">{{ element.standard | amDuration: 's' }}</span>\n    } </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"count\">\n    <th mat-header-cell *matHeaderCellDef> </th>\n    <td mat-cell *matCellDef=\"let element\" dir=\"ltr\">\n      <span class=\"range\">{{ element.processed }} / {{element.pending + element.processed}}</span>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columns;\" @item></tr>\n</table>\n<style scoped>\n  .range {\n  white-space: nowrap;\n}\n</style>\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n", "\n  .range {\n  white-space: nowrap;\n}\n"], dependencies: [{ kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i5.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.DurationPipe, name: "amDuration" }, { kind: "pipe", type: i8.DurationFormatPipe, name: "amDurationFormat" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], animations: [
             listAnimation,
             itemAnimation
         ] }); }
@@ -43,7 +43,7 @@ PendingResultsWidget = __decorate([
     })
 ], PendingResultsWidget);
 export { PendingResultsWidget };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PendingResultsWidget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PendingResultsWidget, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-pending-results', animations: [
                         listAnimation,

package/esm2022/lib/dashboard/score/personal-score.widget.mjs

@@ -199,8 +199,8 @@ let PersonalScoreWidget = class PersonalScoreWidget {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PersonalScoreWidget, deps: [{ token: i1.WidgetRef }, { token: i2.SessionService }, { token: i3.Directionality }, { token: i4.DurationFormatPipe }, { token: i0.ElementRef }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PersonalScoreWidget, selector: "ng-component", host: { attributes: { "dir": "ltr" }, styleAttribute: "display: block" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PersonalScoreWidget, deps: [{ token: i1.WidgetRef }, { token: i2.SessionService }, { token: i3.Directionality }, { token: i4.DurationFormatPipe }, { token: i0.ElementRef }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: PersonalScoreWidget, selector: "ng-component", host: { attributes: { "dir": "ltr" }, styleAttribute: "display: block" }, ngImport: i0, template: '', isInline: true }); }
 };
 PersonalScoreWidget = __decorate([
     BizDoc({
@@ -208,7 +208,7 @@ PersonalScoreWidget = __decorate([
     })
 ], PersonalScoreWidget);
 export { PersonalScoreWidget };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PersonalScoreWidget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: PersonalScoreWidget, decorators: [{
             type: Component,
             args: [{
                     //templateUrl: './personal-score.widget.html',

package/esm2022/lib/dashboard/widget-item.component.mjs

@@ -73,10 +73,10 @@ export class WidgetItemComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetItemComponent, deps: [{ token: i1.Popup }, { token: i2.HttpClient }, { token: i3.PromptService }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i4.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetItemComponent, selector: "bizdoc-widget", inputs: { model: "model" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: WidgetItemComponent, deps: [{ token: i1.Popup }, { token: i2.HttpClient }, { token: i3.PromptService }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i4.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: WidgetItemComponent, selector: "bizdoc-widget", inputs: { model: "model" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: WidgetItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-widget',

package/esm2022/lib/designer.module.mjs

@@ -70,19 +70,19 @@ export class DesignerModule {
             providers: []
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesignerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: DesignerModule, declarations: [SearchInput, ColorPicker, DesignerCubeFilterComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: DesignerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: DesignerModule, declarations: [SearchInput, ColorPicker, DesignerCubeFilterComponent,
             LocalizedStringComponent, LocalizedStringControlDesigner,
             ExpressionFieldDesigner, AutocompleteControlDesigner, SignatureControlDesigner, AddressControlDesigner, RadioButtonControlDesigner, ChecklistControlDesigner, YesNoControlDesigner, CheckboxControlDesigner, DateRangeControlDesigner, TimeControlDesigner, TimespanControlDesigner, DateControlDesigner, ControlOptionsComponent, SelectControlDesigner, HtmlFieldDesigner, TagsControlDesigner, TextAreaFieldDesigner, NumberControlDesigner, FileControlDesigner, InputFieldDesigner], imports: [CommonModule,
             ReactiveFormsModule,
             SharedModule], exports: [SearchInput, ColorPicker, DesignerCubeFilterComponent,
             LocalizedStringComponent, LocalizedStringControlDesigner,
             ExpressionFieldDesigner, AutocompleteControlDesigner, SignatureControlDesigner, AddressControlDesigner, RadioButtonControlDesigner, ChecklistControlDesigner, YesNoControlDesigner, CheckboxControlDesigner, DateRangeControlDesigner, TimeControlDesigner, TimespanControlDesigner, DateControlDesigner, SelectControlDesigner, HtmlFieldDesigner, TagsControlDesigner, TextAreaFieldDesigner, NumberControlDesigner, FileControlDesigner, InputFieldDesigner] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesignerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: DesignerModule, imports: [CommonModule,
             ReactiveFormsModule,
             SharedModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesignerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: DesignerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/desktop.module.mjs

@@ -55,8 +55,8 @@ export class DesktopModule {
             providers: []
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesktopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: DesktopModule, declarations: [DocumentInfoPaneComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: DesktopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: DesktopModule, declarations: [DocumentInfoPaneComponent,
             DocumentViewPaneComponent,
             QuickToolsComponent,
             QuickNotificationsComponent,
@@ -91,14 +91,14 @@ export class DesktopModule {
             CubeMatrixPaneComponent,
             SchedulerPaneComponent,
             ContactsPaneComponent, ConversationPaneComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesktopModule, providers: [ComposeDismiss, SearchService, DocumentResolver, RecipientResolver, CubeItemResolver,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: DesktopModule, providers: [ComposeDismiss, SearchService, DocumentResolver, RecipientResolver, CubeItemResolver,
             PanesRouter, AdminDismiss], imports: [CommonModule,
             HttpClientModule,
             ReactiveFormsModule,
             RouterModule,
             SharedModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DesktopModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: DesktopModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DocumentInfoPaneComponent,

package/esm2022/lib/home/about/about.dialog.mjs

@@ -15,10 +15,10 @@ export class AboutDialog {
         this.dayjs = dayjs;
         this.version = 5.2;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AboutDialog, deps: [{ token: i1.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AboutDialog, selector: "bizdoc-about", ngImport: i0, template: "<h2 mat-dialog-title>BizDoc v{{version}}</h2>\n<mat-dialog-content>\n  @if (license) {\n    <div>\n      <div>\n        @switch (license.mode) {\n          @case ('Grace') {\n            <div> {{\"GraceLicense\" | translate : dayjs(license.expiration).toNow() }}</div>\n          }\n          @case ('Limited') {\n            <div>{{'LimitLicense'|translate}}</div>\n          }\n          @case ('Expired') {\n            <div>{{\"ExpiredLicense\" | translate : (license.expiration | amTimeAgo)}}</div>\n          }\n        }\n      </div>\n      @if (license.companyName) {\n        <div [innerHtml]='\"LicencedTo\" | translate : license.companyName'></div>\n      }\n    </div>\n  } @else {\n    <div>{{'EvaluationLicense' | translate}}</div>\n  }\n  <br />\n  <span>&copy; Moding Ltd.</span>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button mat-dialog-close>{{'OK'|translate}}</button>\n</mat-dialog-actions>\n", dependencies: [{ kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: i4.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AboutDialog, deps: [{ token: i1.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: AboutDialog, selector: "bizdoc-about", ngImport: i0, template: "<h2 mat-dialog-title>BizDoc v{{version}}</h2>\n<mat-dialog-content>\n  @if (license) {\n    <div>\n      <div>\n        @switch (license.mode) {\n          @case ('Grace') {\n            <div> {{\"GraceLicense\" | translate : dayjs(license.expiration).toNow() }}</div>\n          }\n          @case ('Limited') {\n            <div>{{'LimitLicense'|translate}}</div>\n          }\n          @case ('Expired') {\n            <div>{{\"ExpiredLicense\" | translate : (license.expiration | amTimeAgo)}}</div>\n          }\n        }\n      </div>\n      @if (license.companyName) {\n        <div [innerHtml]='\"LicencedTo\" | translate : license.companyName'></div>\n      }\n    </div>\n  } @else {\n    <div>{{'EvaluationLicense' | translate}}</div>\n  }\n  <br />\n  <span>&copy; Moding Ltd.</span>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button mat-dialog-close>{{'OK'|translate}}</button>\n</mat-dialog-actions>\n", dependencies: [{ kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: i4.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AboutDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: AboutDialog, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-about', template: "<h2 mat-dialog-title>BizDoc v{{version}}</h2>\n<mat-dialog-content>\n  @if (license) {\n    <div>\n      <div>\n        @switch (license.mode) {\n          @case ('Grace') {\n            <div> {{\"GraceLicense\" | translate : dayjs(license.expiration).toNow() }}</div>\n          }\n          @case ('Limited') {\n            <div>{{'LimitLicense'|translate}}</div>\n          }\n          @case ('Expired') {\n            <div>{{\"ExpiredLicense\" | translate : (license.expiration | amTimeAgo)}}</div>\n          }\n        }\n      </div>\n      @if (license.companyName) {\n        <div [innerHtml]='\"LicencedTo\" | translate : license.companyName'></div>\n      }\n    </div>\n  } @else {\n    <div>{{'EvaluationLicense' | translate}}</div>\n  }\n  <br />\n  <span>&copy; Moding Ltd.</span>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button mat-dialog-close>{{'OK'|translate}}</button>\n</mat-dialog-actions>\n" }]
         }], ctorParameters: () => [{ type: i1.SessionService }] });

package/esm2022/lib/home/home-base.component.mjs

@@ -71,10 +71,10 @@ export class HomeBase {
         this._session.profile.notifications.length &&
             this._session.notificationsTouch();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HomeBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: HomeBase, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: HomeBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: HomeBase, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HomeBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: HomeBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.HubService }, { type: i3.TranslateService }, { type: i4.MatSnackBar }, { type: i0.Injector }, { type: undefined }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9tZS1iYXNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb3JlL3NyYy9saWIvaG9tZS9ob21lLWJhc2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBbUIsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUUxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFTOUMsT0FBTyxFQUFtQixnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzlELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7O0FBRTlDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUM7QUFHbkMsTUFBTSxPQUFnQixRQUFRO0lBTTVCLFlBQ1ksUUFBd0IsRUFDMUIsVUFBc0IsRUFDcEIsVUFBNEIsRUFDNUIsU0FBc0IsRUFDeEIsU0FBbUIsRUFDM0IsTUFBb0I7UUFMVixhQUFRLEdBQVIsUUFBUSxDQUFnQjtRQUMxQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3BCLGVBQVUsR0FBVixVQUFVLENBQWtCO1FBQzVCLGNBQVMsR0FBVCxTQUFTLENBQWE7UUFDeEIsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUczQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLFNBQVMsS0FBSyxLQUFLLENBQUM7UUFDbkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsT0FBTyxLQUFLLEtBQUs7WUFDekMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLElBQUksQ0FBRSxNQUFNLENBQUMsT0FBd0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3RCxJQUFJLENBQUMsT0FBTyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUM7UUFDaEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzFFLENBQUM7SUFDRCxRQUFRO1FBQ04sTUFBTSxXQUFXLEdBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxZQUFZLGtCQUFrQixDQUF1QixDQUFDO1FBQ2xKLFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN4RCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNqQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQy9ELElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU87WUFDckIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLEVBQUUsR0FBRyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLENBQUM7WUFDN0ksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFO2dCQUMxRyxRQUFRLEVBQUUsSUFBSTtnQkFDZCxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTO2dCQUNsQyxVQUFVLEVBQUUsV0FBVzthQUN4QixDQUFDLENBQUMsUUFBUSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7Z0JBQ25DLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzdCLENBQUMsQ0FDQSxDQUFDO1lBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLO2dCQUMvQyxTQUFTLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUN4QyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FDckMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLO1lBQ2pELFNBQVMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUNwQyxDQUFDO1FBQ0YsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGVBQWU7WUFDL0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRTtnQkFDMUYsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLGdCQUFnQixFQUFFLEtBQUs7Z0JBQ3ZCLFNBQVMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVM7YUFDbkMsQ0FBQyxDQUFDO2FBQ0EsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3JDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7WUFDMUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsRUFBRTtnQkFDakQsZ0JBQWdCLEVBQUUsS0FBSztnQkFDdkIsU0FBUyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUztnQkFDbEMsSUFBSSxFQUFFO29CQUNKLFlBQVksRUFBRSxPQUFPLENBQUMsV0FBVztpQkFDZjthQUNyQixDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUNELE1BQU07UUFDSixNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFDRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLE1BQU07WUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OEdBdkVtQixRQUFRO2tHQUFSLFFBQVE7OzJGQUFSLFFBQVE7a0JBRDdCLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdG9yLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSHR0cEludGVyY2VwdG9yLCBIVFRQX0lOVEVSQ0VQVE9SUyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgTWF0U25hY2tCYXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXInO1xyXG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IEJpekRvY0NvbmZpZywgQ2hhdFNldHRpbmdzIH0gZnJvbSAnLi4vY29yZS9jb25maWd1cmF0aW9uJztcclxuaW1wb3J0IHsgUHJvZmlsZSwgUmVjaXBpZW50TW9kZWwgfSBmcm9tICcuLi9jb3JlL21vZGVscyc7XHJcbmltcG9ydCB7IFNlc3Npb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9zZXNzaW9uLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL2NvcmUvcG9wdXAvcG9wdXAuc2VydmljZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi9jb3JlL3RyYW5zbGF0ZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSHViU2VydmljZSB9IGZyb20gJy4uL2NvcmUvaHViLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBRdWlja1NpZ25Db21wb25lbnQgfSBmcm9tICcuL3NpZ24vc2lnbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBRdWlja09wdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL29wdGlvbnMvb3B0aW9ucy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBPdXRPZk9mZmljZURhdGEsIE91dE9mT2ZmaWNlVG9hc3QgfSBmcm9tICcuL291dG9mb2ZmaWNlL291dG9mb2ZmaWNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFwcEh0dHBJbnRlcmNlcHRvciB9IGZyb20gJy4uL2NvcmUvaHR0cC5pbnRlcmNlcHRvcic7XHJcbmltcG9ydCB7IHBsYXlBdWRpbyB9IGZyb20gJy4uL2NvcmUvZnVuY3Rpb25zJztcclxuXHJcbmV4cG9ydCBjb25zdCBUT0FTVF9EVVJBVElPTiA9IDQwMDA7XHJcblxyXG5ARGlyZWN0aXZlKClcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEhvbWVCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjaGF0RW5hYmxlZDogYm9vbGVhbjtcclxuICBzY2hlZHVsZXJFbmFibGVkOiBib29sZWFuO1xyXG4gIHByb2ZpbGU6IFByb2ZpbGU7XHJcbiAgbG9hZGluZzogYm9vbGVhbjtcclxuICBlbmFibGVBbmFseXNpczogYm9vbGVhbjtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByb3RlY3RlZCBfc2Vzc2lvbjogU2Vzc2lvblNlcnZpY2UsXHJcbiAgICBwcml2YXRlIF9tZXNzYWdpbmc6IEh1YlNlcnZpY2UsXHJcbiAgICBwcm90ZWN0ZWQgX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByb3RlY3RlZCBfc25hY2tCYXI6IE1hdFNuYWNrQmFyLFxyXG4gICAgcHJpdmF0ZSBfaW5qZWN0b3I6IEluamVjdG9yLFxyXG4gICAgY29uZmlnOiBCaXpEb2NDb25maWcpIHtcclxuXHJcbiAgICB0aGlzLnNjaGVkdWxlckVuYWJsZWQgPSBjb25maWcuc2NoZWR1bGVyICE9PSBmYWxzZTtcclxuICAgIHRoaXMuY2hhdEVuYWJsZWQgPSBjb25maWcuY2hhdGluZyAhPT0gZmFsc2UgJiZcclxuICAgICAgKCFjb25maWcuY2hhdGluZyB8fCAhKGNvbmZpZy5jaGF0aW5nIGFzIENoYXRTZXR0aW5ncykuYXBwKTtcclxuICAgIHRoaXMucHJvZmlsZSA9IF9zZXNzaW9uLnByb2ZpbGU7XHJcbiAgICB0aGlzLmVuYWJsZUFuYWx5c2lzID0gX3Nlc3Npb24ucHJvZmlsZS5jdWJlcy5zb21lKGMgPT4gYy52aWV3cz8ubGVuZ3RoKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBjb25zdCBpbnRlcmNlcHRvciA9ICh0aGlzLl9pbmplY3Rvci5nZXQoSFRUUF9JTlRFUkNFUFRPUlMpIGFzIEh0dHBJbnRlcmNlcHRvcltdKS5maW5kKGkgPT4gaSBpbnN0YW5jZW9mIEFwcEh0dHBJbnRlcmNlcHRvcikgYXMgQXBwSHR0cEludGVyY2VwdG9yO1xyXG4gICAgaW50ZXJjZXB0b3IuYWN0aXZlJC5waXBlKGRlYm91bmNlVGltZSgxMDApKS5zdWJzY3JpYmUoZSA9PlxyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBlKTtcclxuICAgIHRoaXMuX21lc3NhZ2luZy5uZXckLnN1YnNjcmliZShtID0+IHtcclxuICAgICAgY29uc3QgeyBtb2RlbDogeyBmb3JtSWQ6IG5hbWUsIHN1YmplY3QsIG51bWJlciwgcGVuZGluZ30gfSA9IG07XHJcbiAgICAgIGlmICghcGVuZGluZykgcmV0dXJuO1xyXG4gICAgICBjb25zdCBmb3JtID0gdGhpcy5fc2Vzc2lvbi5wcm9maWxlLmZvcm1zLmZpbmQoZiA9PiBmLm5hbWUgPT09IG5hbWUpLCBtc2cgPSB0aGlzLl90cmFuc2xhdGUuZ2V0KCdOZXdNYWlsJywgZm9ybS50aXRsZSwgbnVtYmVyLCBzdWJqZWN0IHx8ICcnKTtcclxuICAgICAgdGhpcy5fc25hY2tCYXIub3Blbihtc2csIG0udXNlcklkID09PSB0aGlzLl9zZXNzaW9uLnByb2ZpbGUudXNlcklkID8gdGhpcy5fdHJhbnNsYXRlLmdldCgnT3Blbk5ldycpIDogbnVsbCwge1xyXG4gICAgICAgIGR1cmF0aW9uOiA1MDAwLFxyXG4gICAgICAgIGRpcmVjdGlvbjogdGhpcy5fc2Vzc2lvbi5kaXJlY3Rpb24sXHJcbiAgICAgICAgcG9saXRlbmVzczogJ2Fzc2VydGl2ZSdcclxuICAgICAgfSkub25BY3Rpb24oKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuX3Nlc3Npb24ucHJvZmlsZS5pbmJveENvdW50LS07XHJcbiAgICAgICAgdGhpcy5vbk5ld01lc3NhZ2UobS5tb2RlbCk7XHJcbiAgICAgIH1cclxuICAgICAgKTtcclxuICAgICAgdGhpcy5fc2Vzc2lvbi5wcm9maWxlLm9wdGlvbnMubm90aWZpY2F0aW9ucy5zb3VuZCAmJlxyXG4gICAgICAgIHBsYXlBdWRpbygnbm90aWZpY2F0aW9uX3NpbXBsZS0wMScpO1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLl9tZXNzYWdpbmcubm90aWZ5JC5zdWJzY3JpYmUoKCkgPT5cclxuICAgICAgdGhpcy5fc2Vzc2lvbi5wcm9maWxlLm9wdGlvbnMubm90aWZpY2F0aW9ucy5zb3VuZCAmJlxyXG4gICAgICBwbGF5QXVkaW8oJ25vdGlmaWNhdGlvbl9zaW1wbGUtMDEnKVxyXG4gICAgKTtcclxuICAgIGlmICh0aGlzLl9zZXNzaW9uLmlzSW1wZXJzb25hdGluZylcclxuICAgICAgdGhpcy5fc25hY2tCYXIub3Blbih0aGlzLl90cmFuc2xhdGUuZ2V0KCdJbXBlcnNvbmF0aW5nJywgdGhpcy5fc2Vzc2lvbi5wcm9maWxlLm5hbWUpLCBudWxsLCB7XHJcbiAgICAgICAgZHVyYXRpb246IFRPQVNUX0RVUkFUSU9OLFxyXG4gICAgICAgIHZlcnRpY2FsUG9zaXRpb246ICd0b3AnLFxyXG4gICAgICAgIGRpcmVjdGlvbjogdGhpcy5fc2Vzc2lvbi5kaXJlY3Rpb25cclxuICAgICAgfSk7XHJcbiAgICBlbHNlIGlmICh0aGlzLl9zZXNzaW9uLmlzT3V0T2ZPZmZpY2UpIHtcclxuICAgICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMuX3Nlc3Npb24ucHJvZmlsZS5vcHRpb25zLm91dE9mT2ZmaWNlO1xyXG4gICAgICB0aGlzLl9zbmFja0Jhci5vcGVuRnJvbUNvbXBvbmVudChPdXRPZk9mZmljZVRvYXN0LCB7XHJcbiAgICAgICAgdmVydGljYWxQb3NpdGlvbjogJ3RvcCcsXHJcbiAgICAgICAgZGlyZWN0aW9uOiB0aGlzLl9zZXNzaW9uLmRpcmVjdGlvbixcclxuICAgICAgICBkYXRhOiB7XHJcbiAgICAgICAgICBzdWJzdGl0dXRlSWQ6IG9wdGlvbnMuc3Vic3RpdHVlSWRcclxuICAgICAgICB9IGFzIE91dE9mT2ZmaWNlRGF0YVxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcbiAgcmVzaXplKCkge1xyXG4gICAgd2luZG93LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdyZXNpemUnKSk7XHJcbiAgfVxyXG4gIGFic3RyYWN0IG9uTmV3TWVzc2FnZShtb2RlbDogUmVjaXBpZW50TW9kZWwpO1xyXG4gIG1haWxzKCkge1xyXG4gICAgdGhpcy5fc2Vzc2lvbi5pbmJveFRvdWNoKCk7XHJcbiAgfVxyXG4gIG5vdGlmcygpIHtcclxuICAgIHRoaXMuX3Nlc3Npb24ucHJvZmlsZS5ub3RpZmljYXRpb25zLmxlbmd0aCAmJlxyXG4gICAgICB0aGlzLl9zZXNzaW9uLm5vdGlmaWNhdGlvbnNUb3VjaCgpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/lib/home/home.desktop.component.mjs

@@ -212,10 +212,10 @@ export class HomeComponent extends HomeBase {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HomeComponent, deps: [{ token: i1.PanesRouter }, { token: i2.MailboxService }, { token: i3.Popup }, { token: i4.PromptService }, { token: i0.Injector }, { token: i5.SessionService }, { token: i6.HubService }, { token: i7.TranslateService }, { token: i8.MatSnackBar }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: HomeComponent, selector: "bizdoc-home", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "mat-app-background" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n  [class.dialog]=\"dialog\"\n  class=\"nav-menu row\">\n  <!--[class.loading]=\"loading\"-->\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n        <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n          <button mat-raised-button\n            [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n            (click)=\"opennew()\" [disabled]=\"creating\"\n            [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n            <mat-icon>add</mat-icon>\n            <span class=\"nav-label\">{{'Compose'| translate}}</span>\n          </button>\n        </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n          (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n          data-help=\"dashboard\"\n          [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n          [class.active]=\"activeMenu === 'mailbox'\"\n          [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n          <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n            (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n            [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n            <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (chatEnabled) {\n          <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n            (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n            [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n            <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n            <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n          </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n          <mat-list-item\n            (click)=\"opensubmenu('cube')\"\n            [class.active]=\"activeMenu === 'cube'\"\n            [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n            data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n            <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (profile.reports.length) {\n          <mat-list-item\n            (click)=\"opensubmenu('reports')\"\n            [class.active]=\"activeMenu === 'reports'\"\n            [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n            <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (sysAdmin) {\n          <mat-divider></mat-divider>\n          <mat-list-item (click)=\"opensubmenu('admin')\"\n            [class.active]=\"activeMenu === 'admin'\"\n            [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n            <mat-icon matListItemIcon>device_hub</mat-icon>\n            <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n          </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <!--@animate-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"sign-in\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n        [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      <span class=\"divider\"></span>\n      <button mat-icon-button [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n    <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n      @if (submenu !== 'new') {\n        <div class=\"action\">\n          <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n        </div>\n      }\n      @switch (submenu) {\n        @case ('new') {\n          <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n        }\n        @case ('mailbox') {\n          <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n        }\n        @case ('admin') {\n          <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n        }\n        @case ('reports') {\n          <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n        }\n        @case ('cube') {\n          <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n        }\n      }\n    </div>\n  }\n  @if (dialog) {\n    <div class=\"backdrop\"></div>\n  }\n</div>\n<bizdoc-panes-outlet (dialogChange)=\"dialog = $event\"></bizdoc-panes-outlet>\n", styles: [":host{display:flex;position:absolute;height:100%;width:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{height:100%;z-index:1}.nav-menu .sub-menu{min-width:200px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}\n"], dependencies: [{ kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i10.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i10.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i10.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i12.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i12.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i14.MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i16.AdminMenuComponent, selector: "bizdoc-admin-menu", inputs: ["collapsed"] }, { kind: "component", type: i17.SlotsComponent, selector: "bizdoc-panes-outlet", outputs: ["dialogChange"] }, { kind: "component", type: i18.CubeMenuComponent, selector: "bizdoc-cube-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i19.ReportsMenuComponent, selector: "bizdoc-reports-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i20.FoldersMenuComponent, selector: "bizdoc-folders-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i21.ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: ["change"] }, { kind: "pipe", type: i22.TranslatePipe, name: "translate" }], animations: [submenuAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: HomeComponent, deps: [{ token: i1.PanesRouter }, { token: i2.MailboxService }, { token: i3.Popup }, { token: i4.PromptService }, { token: i0.Injector }, { token: i5.SessionService }, { token: i6.HubService }, { token: i7.TranslateService }, { token: i8.MatSnackBar }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: HomeComponent, selector: "bizdoc-home", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "mat-app-background" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n  [class.dialog]=\"dialog\"\n  class=\"nav-menu row\">\n  <!--[class.loading]=\"loading\"-->\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n        <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n          <button mat-raised-button\n            [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n            (click)=\"opennew()\" [disabled]=\"creating\"\n            [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n            <mat-icon>add</mat-icon>\n            <span class=\"nav-label\">{{'Compose'| translate}}</span>\n          </button>\n        </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n          (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n          data-help=\"dashboard\"\n          [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n          [class.active]=\"activeMenu === 'mailbox'\"\n          [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n          <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n            (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n            [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n            <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (chatEnabled) {\n          <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n            (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n            [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n            <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n            <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n          </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n          <mat-list-item\n            (click)=\"opensubmenu('cube')\"\n            [class.active]=\"activeMenu === 'cube'\"\n            [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n            data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n            <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (profile.reports.length) {\n          <mat-list-item\n            (click)=\"opensubmenu('reports')\"\n            [class.active]=\"activeMenu === 'reports'\"\n            [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n            <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (sysAdmin) {\n          <mat-divider></mat-divider>\n          <mat-list-item (click)=\"opensubmenu('admin')\"\n            [class.active]=\"activeMenu === 'admin'\"\n            [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n            <mat-icon matListItemIcon>device_hub</mat-icon>\n            <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n          </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <!--@animate-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"sign-in\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n        [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      <span class=\"divider\"></span>\n      <button mat-icon-button [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n    <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n      @if (submenu !== 'new') {\n        <div class=\"action\">\n          <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n        </div>\n      }\n      @switch (submenu) {\n        @case ('new') {\n          <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n        }\n        @case ('mailbox') {\n          <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n        }\n        @case ('admin') {\n          <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n        }\n        @case ('reports') {\n          <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n        }\n        @case ('cube') {\n          <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n        }\n      }\n    </div>\n  }\n  @if (dialog) {\n    <div class=\"backdrop\"></div>\n  }\n</div>\n<bizdoc-panes-outlet (dialogChange)=\"dialog = $event\"></bizdoc-panes-outlet>\n", styles: [":host{display:flex;position:absolute;height:100%;width:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{height:100%;z-index:1}.nav-menu .sub-menu{min-width:200px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}\n"], dependencies: [{ kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i10.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i10.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i10.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i12.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i12.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i14.MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i16.AdminMenuComponent, selector: "bizdoc-admin-menu", inputs: ["collapsed"] }, { kind: "component", type: i17.SlotsComponent, selector: "bizdoc-panes-outlet", outputs: ["dialogChange"] }, { kind: "component", type: i18.CubeMenuComponent, selector: "bizdoc-cube-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i19.ReportsMenuComponent, selector: "bizdoc-reports-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i20.FoldersMenuComponent, selector: "bizdoc-folders-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: i21.ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: ["change"] }, { kind: "pipe", type: i22.TranslatePipe, name: "translate" }], animations: [submenuAnimation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HomeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: HomeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-home', host: { class: 'mat-app-background' }, animations: [submenuAnimation], template: "<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n  [class.dialog]=\"dialog\"\n  class=\"nav-menu row\">\n  <!--[class.loading]=\"loading\"-->\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n        <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n          <button mat-raised-button\n            [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n            (click)=\"opennew()\" [disabled]=\"creating\"\n            [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n            <mat-icon>add</mat-icon>\n            <span class=\"nav-label\">{{'Compose'| translate}}</span>\n          </button>\n        </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n          (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n          data-help=\"dashboard\"\n          [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n          [class.active]=\"activeMenu === 'mailbox'\"\n          [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n          <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n            (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n            [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n            <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (chatEnabled) {\n          <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n            (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n            [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n            <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n            <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n          </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n          <mat-list-item\n            (click)=\"opensubmenu('cube')\"\n            [class.active]=\"activeMenu === 'cube'\"\n            [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n            data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n            <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (profile.reports.length) {\n          <mat-list-item\n            (click)=\"opensubmenu('reports')\"\n            [class.active]=\"activeMenu === 'reports'\"\n            [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n            <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n          </mat-list-item>\n        }\n        @if (sysAdmin) {\n          <mat-divider></mat-divider>\n          <mat-list-item (click)=\"opensubmenu('admin')\"\n            [class.active]=\"activeMenu === 'admin'\"\n            [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n            <mat-icon matListItemIcon>device_hub</mat-icon>\n            <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n          </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <!--@animate-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"sign-in\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n        [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      <span class=\"divider\"></span>\n      <button mat-icon-button [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n    <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n      @if (submenu !== 'new') {\n        <div class=\"action\">\n          <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n        </div>\n      }\n      @switch (submenu) {\n        @case ('new') {\n          <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n        }\n        @case ('mailbox') {\n          <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n        }\n        @case ('admin') {\n          <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n        }\n        @case ('reports') {\n          <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n        }\n        @case ('cube') {\n          <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n        }\n      }\n    </div>\n  }\n  @if (dialog) {\n    <div class=\"backdrop\"></div>\n  }\n</div>\n<bizdoc-panes-outlet (dialogChange)=\"dialog = $event\"></bizdoc-panes-outlet>\n", styles: [":host{display:flex;position:absolute;height:100%;width:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{height:100%;z-index:1}.nav-menu .sub-menu{min-width:200px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}\n"] }]
         }], ctorParameters: () => [{ type: i1.PanesRouter }, { type: i2.MailboxService }, { type: i3.Popup }, { type: i4.PromptService }, { type: i0.Injector }, { type: i5.SessionService }, { type: i6.HubService }, { type: i7.TranslateService }, { type: i8.MatSnackBar }, { type: undefined, decorators: [{

package/esm2022/lib/home/home.mobile.component.mjs

@@ -115,10 +115,10 @@ export class HomeMobileComponent extends HomeBase {
         this.mode = 'notifications';
         this.secondaryDrawer.toggle().then(this.resize);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HomeMobileComponent, deps: [{ token: i1.Router }, { token: i2.MatBottomSheet }, { token: i3.Directionality }, { token: i4.Popup }, { token: i0.Injector }, { token: i5.SessionService }, { token: i6.HubService }, { token: i7.TranslateService }, { token: i8.MatSnackBar }, { token: i9.ChatInfo }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: HomeMobileComponent, selector: "bizdoc-mobile-home", viewQueries: [{ propertyName: "menuDrawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "secondaryDrawer", first: true, predicate: ["secondaryDrawer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\n  </div>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"notifs()\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\"><mat-icon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\n  @if (chatEnabled) {\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\n  }\n</mat-toolbar>\n<mat-sidenav-container autosize>\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\n    <mat-nav-list class=\"nav-menu-mobile\">\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\n      </mat-list-item>\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <!--<mat-icon>inbox</mat-icon>-->\n            <span>{{'Mailbox' | translate}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        @for (f of profile.folders; track f) {\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\n            <span matListItemTitle>{{f.title}}</span>\n          </mat-list-item>\n        }\n      </mat-expansion-panel>\n      @if (schedulerEnabled) {\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\n        </mat-list-item>\n      }\n      <mat-divider></mat-divider>\n      @if (enableAnalysis) {\n        @for (c of profile.cubes; track c) {\n          @if (c.views.length) {\n            <mat-expansion-panel class=\"mat-elevation-z0\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\n                  <span>{{c.title}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              @for (v of c.views; track v) {\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\n                  <span matListItemTitle>{{v.title}}</span>\n                </mat-list-item>\n              }\n            </mat-expansion-panel>\n          }\n        }\n      }\n      @if (profile.reports.length) {\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <!--<mat-icon>list_alt</mat-icon>-->\n              <span>{{'Reports' | translate}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (r of profile.reports; track r) {\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\n            </mat-list-item>\n          }\n        </mat-expansion-panel>\n      }\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" data-help=\"options\"\n        (click)=\"options($event)\">\n        <mat-icon matListItemIcon>settingson</mat-icon>\n        <span matListItemTitle>{{'Settings' | translate}}</span>\n      </mat-list-item>\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\n        <mat-icon matListItemIcon>logout</mat-icon>\n        <span matListItemTitle>{{'Power' | translate}}</span>\n      </mat-list-item>\n    </mat-nav-list>\n  </mat-sidenav>\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\n    @switch (mode) {\n      @case ('chat') {\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\n      }\n      @case ('notifications') {\n        <bizdoc-notifications-table></bizdoc-notifications-table>\n      }\n    }\n  </mat-sidenav>\n  <mat-sidenav-content data-help=\"main\">\n    <router-outlet></router-outlet>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n@if (composeEnabled) {\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\n}\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i10.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i11.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i11.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i11.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i12.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i13.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i13.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i13.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i14.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i13.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i16.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i17.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i18.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i19.NotificationsTableComponent, selector: "bizdoc-notifications-table" }, { kind: "directive", type: i20.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i21.ChatMobileComponent, selector: "bizdoc-chat", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "pipe", type: i22.TranslatePipe, name: "translate" }], animations: [fabAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: HomeMobileComponent, deps: [{ token: i1.Router }, { token: i2.MatBottomSheet }, { token: i3.Directionality }, { token: i4.Popup }, { token: i0.Injector }, { token: i5.SessionService }, { token: i6.HubService }, { token: i7.TranslateService }, { token: i8.MatSnackBar }, { token: i9.ChatInfo }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: HomeMobileComponent, selector: "bizdoc-mobile-home", viewQueries: [{ propertyName: "menuDrawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "secondaryDrawer", first: true, predicate: ["secondaryDrawer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\n  </div>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"notifs()\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\"><mat-icon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\n  @if (chatEnabled) {\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\n  }\n</mat-toolbar>\n<mat-sidenav-container autosize>\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\n    <mat-nav-list class=\"nav-menu-mobile\">\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\n      </mat-list-item>\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <!--<mat-icon>inbox</mat-icon>-->\n            <span>{{'Mailbox' | translate}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        @for (f of profile.folders; track f) {\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\n            <span matListItemTitle>{{f.title}}</span>\n          </mat-list-item>\n        }\n      </mat-expansion-panel>\n      @if (schedulerEnabled) {\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\n        </mat-list-item>\n      }\n      <mat-divider></mat-divider>\n      @if (enableAnalysis) {\n        @for (c of profile.cubes; track c) {\n          @if (c.views.length) {\n            <mat-expansion-panel class=\"mat-elevation-z0\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\n                  <span>{{c.title}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              @for (v of c.views; track v) {\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\n                  <span matListItemTitle>{{v.title}}</span>\n                </mat-list-item>\n              }\n            </mat-expansion-panel>\n          }\n        }\n      }\n      @if (profile.reports.length) {\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <!--<mat-icon>list_alt</mat-icon>-->\n              <span>{{'Reports' | translate}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (r of profile.reports; track r) {\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\n            </mat-list-item>\n          }\n        </mat-expansion-panel>\n      }\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" data-help=\"options\"\n        (click)=\"options($event)\">\n        <mat-icon matListItemIcon>settingson</mat-icon>\n        <span matListItemTitle>{{'Settings' | translate}}</span>\n      </mat-list-item>\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\n        <mat-icon matListItemIcon>logout</mat-icon>\n        <span matListItemTitle>{{'Power' | translate}}</span>\n      </mat-list-item>\n    </mat-nav-list>\n  </mat-sidenav>\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\n    @switch (mode) {\n      @case ('chat') {\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\n      }\n      @case ('notifications') {\n        <bizdoc-notifications-table></bizdoc-notifications-table>\n      }\n    }\n  </mat-sidenav>\n  <mat-sidenav-content data-help=\"main\">\n    <router-outlet></router-outlet>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n@if (composeEnabled) {\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\n}\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i10.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i11.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i11.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i11.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i12.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i13.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i13.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i13.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i14.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i13.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i16.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i17.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i17.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i18.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i19.NotificationsTableComponent, selector: "bizdoc-notifications-table" }, { kind: "directive", type: i20.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: i21.ChatMobileComponent, selector: "bizdoc-chat", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "pipe", type: i22.TranslatePipe, name: "translate" }], animations: [fabAnimation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HomeMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: HomeMobileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-mobile-home', animations: [fabAnimation], template: "<mat-toolbar color=\"primary\" [class.loading]=\"loading\">\n  <button mat-icon-button (click)='menuDrawer.toggle()' [bizdocTooltip]=\"'Menu' | translate\" [attr.aria-label]=\"'Menu' | translate\"><mat-icon>menu</mat-icon></button>\n  <div [routerLink]='[\"/dashboard\"]' matRipple [matRippleUnbounded]=\"true\" [matRippleRadius]=\"100\" [matRippleCentered]=\"true\" style=\"outline: none\">\n    <!--<img id=\"logo\" src=\"logo.svg\" alt=\"\" />-->\n  </div>\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"notifs()\" data-help=\"notifications\" [attr.aria-label]=\"'Notifications' | translate\" [bizdocTooltip]=\"'Notifications' | translate\"><mat-icon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">notifications</mat-icon></button>\n  @if (chatEnabled) {\n    <button mat-icon-button (click)=\"chat()\" data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\" [bizdocTooltip]=\"'Chat' | translate\"><mat-icon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\" class=\"mat-icon-rtl-mirror\">chat</mat-icon></button>\n  }\n</mat-toolbar>\n<mat-sidenav-container autosize>\n  <mat-sidenav #menuDrawer data-help=\"menu\" mode=\"over\" closed class=\"mat-elevation-z5\">\n    <mat-nav-list class=\"nav-menu-mobile\">\n      <mat-list-item [routerLink]='[\"/dashboard\"]' [attr.aria-label]=\"'Dashboard' | translate\" routerLinkActive=\"active\" data-help=\"dashboard\">\n        <mat-icon matListItemIcon>apps</mat-icon><span matListItemTitle>{{'Dashboard' | translate}}</span>\n      </mat-list-item>\n      <mat-expansion-panel expanded=\"true\" class=\"mat-elevation-z0\" [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <!--<mat-icon>inbox</mat-icon>-->\n            <span>{{'Mailbox' | translate}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        @for (f of profile.folders; track f) {\n          <mat-list-item [routerLink]='[\"/mailbox/f\", f.name]' routerLinkActive=\"active\" [attr.data-help]=\"'folder-'+f.name\" [attr.aria-label]=\"f.title\">\n            <mat-icon matListItemIcon>{{f.icon}}</mat-icon>\n            <span matListItemTitle>{{f.title}}</span>\n          </mat-list-item>\n        }\n      </mat-expansion-panel>\n      @if (schedulerEnabled) {\n        <mat-list-item [routerLink]='[\"/schedule\"]' routerLinkActive=\"active\" [attr.aria-label]=\"'Scheduler' | translate\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon>\n          <span matListItemTitle>{{ 'Schedule' | translate}}</span>\n        </mat-list-item>\n      }\n      <mat-divider></mat-divider>\n      @if (enableAnalysis) {\n        @for (c of profile.cubes; track c) {\n          @if (c.views.length) {\n            <mat-expansion-panel class=\"mat-elevation-z0\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <!--<mat-icon>{{ c.icon || 'insert_chart_outlined'}}</mat-icon>-->\n                  <span>{{c.title}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              @for (v of c.views; track v) {\n                <mat-list-item [routerLink]='[\"/cube\", c.name, \"v\", v.name]' routerLinkActive=\"active\" [attr.data-help]=\"'cube-view-'+v.name\">\n                  <mat-icon matListItemIcon>{{v.icon || 'insights'}}</mat-icon>\n                  <span matListItemTitle>{{v.title}}</span>\n                </mat-list-item>\n              }\n            </mat-expansion-panel>\n          }\n        }\n      }\n      @if (profile.reports.length) {\n        <mat-expansion-panel class=\"mat-elevation-z0\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <!--<mat-icon>list_alt</mat-icon>-->\n              <span>{{'Reports' | translate}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          @for (r of profile.reports; track r) {\n            <mat-list-item [routerLink]='[\"/reports\", r.name]' routerLinkActive=\"active\"\n              [attr.aria-label]=\"r.title\" [attr.data-help]=\"'report-'+r.name\">\n              <mat-icon matListItemIcon>{{r.icon}}</mat-icon><span matListItemTitle>{{r.title}}</span>\n            </mat-list-item>\n          }\n        </mat-expansion-panel>\n      }\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" data-help=\"options\"\n        (click)=\"options($event)\">\n        <mat-icon matListItemIcon>settingson</mat-icon>\n        <span matListItemTitle>{{'Settings' | translate}}</span>\n      </mat-list-item>\n      <mat-divider></mat-divider>\n      <mat-list-item role=\"listitem\" (click)=\"signout()\">\n        <mat-icon matListItemIcon>logout</mat-icon>\n        <span matListItemTitle>{{'Power' | translate}}</span>\n      </mat-list-item>\n    </mat-nav-list>\n  </mat-sidenav>\n  <mat-sidenav #secondaryDrawer position=\"end\" closed mode=\"over\" autoFocus=\"false\" class=\"mat-elevation-z3\">\n    @switch (mode) {\n      @case ('chat') {\n        <bizdoc-chat [(contact)]=\"contact\"></bizdoc-chat>\n      }\n      @case ('notifications') {\n        <bizdoc-notifications-table></bizdoc-notifications-table>\n      }\n    }\n  </mat-sidenav>\n  <mat-sidenav-content data-help=\"main\">\n    <router-outlet></router-outlet>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n@if (composeEnabled) {\n  <button mat-fab [attr.aria-label]=\"'Compose'| translate\" [@fabFull]=\"composeState\" color=\"accent\" (click)=\"compose()\" data-help=\"compose\"><mat-icon>add</mat-icon></button>\n}\n", styles: ["#logo{padding-left:12px;padding-right:12px;vertical-align:middle;width:120px;filter:invert(1)}:host ::ng-deep .mat-sidenav-container{height:calc(100% - 58px)}:host ::ng-deep .mat-sidenav-container .home-content{padding:unset}::ng-deep .mat-drawer-inner-container{height:auto}router-outlet~*{position:absolute;height:100%;width:100%}.mat-mdc-fab{z-index:1;position:absolute;bottom:30px;right:30px}::ng-deep [dir=rtl] .mat-mdc-fab{left:30px;right:unset}:host ::ng-deep .mat-expansion-panel-body{padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i2.MatBottomSheet }, { type: i3.Directionality }, { type: i4.Popup }, { type: i0.Injector }, { type: i5.SessionService }, { type: i6.HubService }, { type: i7.TranslateService }, { type: i8.MatSnackBar }, { type: i9.ChatInfo }, { type: undefined, decorators: [{

package/esm2022/lib/home/notifications/notifications.component.mjs

@@ -56,10 +56,10 @@ export class QuickNotificationsComponent extends NotificationsComponentBase {
     mute(item, mute) {
         this._service.mute(item.id, mute);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: QuickNotificationsComponent, deps: [{ token: i1.PopupRef }, { token: i2.PanesRouter }, { token: i3.NotificationsService }, { token: i4.SessionService }, { token: i0.Injector }, { token: i5.OptionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0, template: "<mat-nav-list role=\"list\">\n  <!--dense-->\n  @for (n of notifications | sort: 'sent' : 'desc' | slice:0:9; track n; let i = $index) {\n    <mat-list-item role=\"listitem\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\n      <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matListItemTitle></h3>\n      <span matListItemLine [bizdocTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <ng-template matMenuContent let-muted=\"muted\">\n          <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\n        </ng-template>\n      </mat-menu>\n    </mat-list-item>\n  }\n</mat-nav-list>\n<div class=\"tools row\">\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\n  <span class=\"divider\"></span>\n  <a (click)='options()'>{{'Options'|translate}}</a>\n</div>\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"], dependencies: [{ kind: "directive", type: i6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { 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: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.SlicePipe, name: "slice" }, { kind: "pipe", type: i12.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i13.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i14.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: QuickNotificationsComponent, deps: [{ token: i1.PopupRef }, { token: i2.PanesRouter }, { token: i3.NotificationsService }, { token: i4.SessionService }, { token: i0.Injector }, { token: i5.OptionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0, template: "<mat-nav-list role=\"list\">\n  <!--dense-->\n  @for (n of notifications | sort: 'sent' : 'desc' | slice:0:9; track n; let i = $index) {\n    <mat-list-item role=\"listitem\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\n      <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matListItemTitle></h3>\n      <span matListItemLine [bizdocTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <ng-template matMenuContent let-muted=\"muted\">\n          <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\n        </ng-template>\n      </mat-menu>\n    </mat-list-item>\n  }\n</mat-nav-list>\n<div class=\"tools row\">\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\n  <span class=\"divider\"></span>\n  <a (click)='options()'>{{'Options'|translate}}</a>\n</div>\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"], dependencies: [{ kind: "directive", type: i6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { 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: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.SlicePipe, name: "slice" }, { kind: "pipe", type: i12.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i13.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i14.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i15.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: QuickNotificationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: QuickNotificationsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-notifications', template: "<mat-nav-list role=\"list\">\n  <!--dense-->\n  @for (n of notifications | sort: 'sent' : 'desc' | slice:0:9; track n; let i = $index) {\n    <mat-list-item role=\"listitem\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\n      <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matListItemTitle></h3>\n      <span matListItemLine [bizdocTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span>\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\n      <mat-menu #options>\n        <ng-template matMenuContent let-muted=\"muted\">\n          <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\n        </ng-template>\n      </mat-menu>\n    </mat-list-item>\n  }\n</mat-nav-list>\n<div class=\"tools row\">\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\n  <span class=\"divider\"></span>\n  <a (click)='options()'>{{'Options'|translate}}</a>\n</div>\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: i1.PopupRef }, { type: i2.PanesRouter }, { type: i3.NotificationsService }, { type: i4.SessionService }, { type: i0.Injector }, { type: i5.OptionsService }] });

package/esm2022/lib/home/options/options.component.mjs

@@ -86,10 +86,10 @@ export class QuickOptionsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: QuickOptionsComponent, deps: [{ token: i1.PromptService }, { token: i2.GuideService }, { token: i3.OptionsService }, { token: i4.MatBottomSheetRef, optional: true }, { token: i5.PopupRef, optional: true }, { token: i6.HubService }, { token: i7.SessionService }, { token: i8.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: QuickOptionsComponent, selector: "bizdoc-quick-options", ngImport: i0, template: "<div class=\"column\">\n  <div class=\"profile-name\">\n    <span class=\"mat-headline-6\">\n      @if (by) {\n        {{by}} \\\n      }\n    {{name}}</span>\n  </div>\n  @if (themes.length > 1) {\n    <div class=\"center center\">\n      @for (t of themes; track t) {\n        <button (click)=\"changeTheme(t)\" mat-icon-button class=\"theme\" [style.background]=\"t.color\" [class.active]=\"t.name === theme\" [class.dark]=\"t.dark\"></button>\n      }\n    </div>\n  }\n</div>\n<mat-nav-list role=\"list\">\n  @if (!online) {\n    <mat-list-item role=\"listitem\" (click)=\"revive()\">\n      <mat-icon [bizdocTooltip]=\"'Connect'|translate\">wifi_off</mat-icon>\n    </mat-list-item>\n  }\n  @if (online) {\n    <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"availability\">\n      {{'ShowAs' | translate : (available | translate | lowercase)}}\n    </mat-list-item>\n  }\n  <mat-menu #availability>\n    @for (m of modes; track m) {\n      <button mat-menu-item (click)=\"setAvailable(m)\">{{m | translate}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" (click)=\"options()\">\n    {{'Options' | translate}}\n  </mat-list-item>\n  <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"language\">\n    {{'ChangeLanguage' | translate}}\n  </mat-list-item>\n  <mat-menu #language>\n    @for (l of languages; track l) {\n      <button mat-menu-item (click)=\"changeLanguage(l)\">{{l | translate}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"help\">\n    {{'Help' | translate}}\n    <span [matBadge]=\"guidesCount\" matBadgeColor=\"accent\" matBadgeOverlap=\"false\" matBadgeSize=\"small\"></span>\n  </mat-list-item>\n  <mat-menu #help>\n    @for (g of guides; track g) {\n      <button mat-menu-item (click)=\"guide(g.name)\">{{g.title}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" (click)=\"about()\">{{ 'About' | translate}}</mat-list-item>\n</mat-nav-list>\n", styles: [".profile-name{margin:8px}.theme{height:22px;width:22px;-moz-border-radius:13px 13px;-webkit-border-radius:13px 13px;border-radius:13px;margin:4px}.theme.active.dark{border:2px solid #f4f4f4}\n"], dependencies: [{ kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i10.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i10.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i12.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i14.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: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i16.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: QuickOptionsComponent, deps: [{ token: i1.PromptService }, { token: i2.GuideService }, { token: i3.OptionsService }, { token: i4.MatBottomSheetRef, optional: true }, { token: i5.PopupRef, optional: true }, { token: i6.HubService }, { token: i7.SessionService }, { token: i8.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: QuickOptionsComponent, selector: "bizdoc-quick-options", ngImport: i0, template: "<div class=\"column\">\n  <div class=\"profile-name\">\n    <span class=\"mat-headline-6\">\n      @if (by) {\n        {{by}} \\\n      }\n    {{name}}</span>\n  </div>\n  @if (themes.length > 1) {\n    <div class=\"center center\">\n      @for (t of themes; track t) {\n        <button (click)=\"changeTheme(t)\" mat-icon-button class=\"theme\" [style.background]=\"t.color\" [class.active]=\"t.name === theme\" [class.dark]=\"t.dark\"></button>\n      }\n    </div>\n  }\n</div>\n<mat-nav-list role=\"list\">\n  @if (!online) {\n    <mat-list-item role=\"listitem\" (click)=\"revive()\">\n      <mat-icon [bizdocTooltip]=\"'Connect'|translate\">wifi_off</mat-icon>\n    </mat-list-item>\n  }\n  @if (online) {\n    <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"availability\">\n      {{'ShowAs' | translate : (available | translate | lowercase)}}\n    </mat-list-item>\n  }\n  <mat-menu #availability>\n    @for (m of modes; track m) {\n      <button mat-menu-item (click)=\"setAvailable(m)\">{{m | translate}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" (click)=\"options()\">\n    {{'Options' | translate}}\n  </mat-list-item>\n  <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"language\">\n    {{'ChangeLanguage' | translate}}\n  </mat-list-item>\n  <mat-menu #language>\n    @for (l of languages; track l) {\n      <button mat-menu-item (click)=\"changeLanguage(l)\">{{l | translate}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"help\">\n    {{'Help' | translate}}\n    <span [matBadge]=\"guidesCount\" matBadgeColor=\"accent\" matBadgeOverlap=\"false\" matBadgeSize=\"small\"></span>\n  </mat-list-item>\n  <mat-menu #help>\n    @for (g of guides; track g) {\n      <button mat-menu-item (click)=\"guide(g.name)\">{{g.title}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" (click)=\"about()\">{{ 'About' | translate}}</mat-list-item>\n</mat-nav-list>\n", styles: [".profile-name{margin:8px}.theme{height:22px;width:22px;-moz-border-radius:13px 13px;-webkit-border-radius:13px 13px;border-radius:13px;margin:4px}.theme.active.dark{border:2px solid #f4f4f4}\n"], dependencies: [{ kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i10.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i10.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i12.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i13.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i14.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: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i16.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: QuickOptionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: QuickOptionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-quick-options', template: "<div class=\"column\">\n  <div class=\"profile-name\">\n    <span class=\"mat-headline-6\">\n      @if (by) {\n        {{by}} \\\n      }\n    {{name}}</span>\n  </div>\n  @if (themes.length > 1) {\n    <div class=\"center center\">\n      @for (t of themes; track t) {\n        <button (click)=\"changeTheme(t)\" mat-icon-button class=\"theme\" [style.background]=\"t.color\" [class.active]=\"t.name === theme\" [class.dark]=\"t.dark\"></button>\n      }\n    </div>\n  }\n</div>\n<mat-nav-list role=\"list\">\n  @if (!online) {\n    <mat-list-item role=\"listitem\" (click)=\"revive()\">\n      <mat-icon [bizdocTooltip]=\"'Connect'|translate\">wifi_off</mat-icon>\n    </mat-list-item>\n  }\n  @if (online) {\n    <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"availability\">\n      {{'ShowAs' | translate : (available | translate | lowercase)}}\n    </mat-list-item>\n  }\n  <mat-menu #availability>\n    @for (m of modes; track m) {\n      <button mat-menu-item (click)=\"setAvailable(m)\">{{m | translate}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" (click)=\"options()\">\n    {{'Options' | translate}}\n  </mat-list-item>\n  <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"language\">\n    {{'ChangeLanguage' | translate}}\n  </mat-list-item>\n  <mat-menu #language>\n    @for (l of languages; track l) {\n      <button mat-menu-item (click)=\"changeLanguage(l)\">{{l | translate}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" [matMenuTriggerFor]=\"help\">\n    {{'Help' | translate}}\n    <span [matBadge]=\"guidesCount\" matBadgeColor=\"accent\" matBadgeOverlap=\"false\" matBadgeSize=\"small\"></span>\n  </mat-list-item>\n  <mat-menu #help>\n    @for (g of guides; track g) {\n      <button mat-menu-item (click)=\"guide(g.name)\">{{g.title}}</button>\n    }\n  </mat-menu>\n  <mat-divider></mat-divider>\n  <mat-list-item role=\"listitem\" (click)=\"about()\">{{ 'About' | translate}}</mat-list-item>\n</mat-nav-list>\n", styles: [".profile-name{margin:8px}.theme{height:22px;width:22px;-moz-border-radius:13px 13px;-webkit-border-radius:13px 13px;border-radius:13px;margin:4px}.theme.active.dark{border:2px solid #f4f4f4}\n"] }]
         }], ctorParameters: () => [{ type: i1.PromptService }, { type: i2.GuideService }, { type: i3.OptionsService }, { type: i4.MatBottomSheetRef, decorators: [{