@bizdoc/core 1.14.11 → 1.14.14

package/esm2020/lib/notifications/filter.component.mjs

@@ -16,9 +16,9 @@ export class NotificationsFilterComponent {
         });
     }
 }
-NotificationsFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsFilterComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-NotificationsFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: NotificationsFilterComponent, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" fxLayout=\"column\" [formGroup]=\"form\">\r\n  <mat-form-field>\r\n    <input type=\"search\" formControlName=\"text\" matInput placeholder=\"{{'Search' | translate}}\" />\r\n  </mat-form-field>\r\n  <mat-slide-toggle formControlName=\"showDeleted\">{{'ShowDeleted' | translate}}</mat-slide-toggle>\r\n</form>\r\n", styles: [":host{padding:8px}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i6.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsFilterComponent, decorators: [{
+NotificationsFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsFilterComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+NotificationsFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: NotificationsFilterComponent, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" fxLayout=\"column\" [formGroup]=\"form\">\r\n  <mat-form-field>\r\n    <input type=\"search\" formControlName=\"text\" matInput placeholder=\"{{'Search' | translate}}\" />\r\n  </mat-form-field>\r\n  <mat-slide-toggle formControlName=\"showDeleted\">{{'ShowDeleted' | translate}}</mat-slide-toggle>\r\n</form>\r\n", styles: [":host{padding:8px}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i6.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsFilterComponent, decorators: [{
             type: Component,
             args: [{ styles: [':host { padding: 8px }'], template: "<form autocomplete=\"off\" fxLayout=\"column\" [formGroup]=\"form\">\r\n  <mat-form-field>\r\n    <input type=\"search\" formControlName=\"text\" matInput placeholder=\"{{'Search' | translate}}\" />\r\n  </mat-form-field>\r\n  <mat-slide-toggle formControlName=\"showDeleted\">{{'ShowDeleted' | translate}}</mat-slide-toggle>\r\n</form>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; } });

package/esm2020/lib/notifications/notifications-table.component.mjs

@@ -94,9 +94,9 @@ export class NotificationsTableComponent extends NotificationsComponentBase {
         });
     }
 }
-NotificationsTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsTableComponent, deps: [{ token: i1.NotificationsService }, { token: i0.Injector }, { token: i2.Popup }], target: i0.ɵɵFactoryTarget.Component });
-NotificationsTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: NotificationsTableComponent, selector: "bizdoc-notifications-table", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button *ngIf=\"selection.selected.length\" (click)=\"discardAll()\" bizdocTooltip=\"{{'DiscardSelected' | translate : selection.selected.length }}\"><mat-icon>delete</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"openFilter($event)\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter' | translate\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<table [hidden]=\"!dataSource||dataSource.data.length===0\" mat-table matSort [dataSource]=\"dataSource\" [@list]=\"dataSource?.data.length\" class=\"data-table\">\r\n  <ng-container matColumnDef=\"select\">\r\n    <th mat-header-cell *matHeaderCellDef>\r\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n                    [checked]=\"selection.hasValue() && isAllSelected()\"\r\n                    [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n      </mat-checkbox>\r\n    </th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n                    (change)=\"$event ? selection.toggle(element) : null\"\r\n                    [checked]=\"selection.isSelected(element)\">\r\n      </mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"content\">\r\n    <th mat-header-cell *matHeaderCellDef>{{ 'Content' | translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <h3 *ngComponentOutlet=\"element.comp; injector: element.injector\"></h3>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"sent\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'Time' | translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <span [bizdocTooltip]=\"element.sent | amCalendar\">{{element.sent | amTimeAgo }}</span>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"options\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <ng-template matMenuContent let-muted=\"muted\">\r\n          <ng-container *ngIf=\"element.recipientId\">\r\n            <button mat-menu-item (click)=\"read(element, !element.read)\">{{'MarkAsRead' | translate}}</button>\r\n            <mat-divider></mat-divider>\r\n          </ng-container>\r\n          <button mat-menu-item (click)=\"mute(element, true)\" *ngIf=\"element.documentId\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\r\n          <ng-container *ngIf=\"!element.deleted\">\r\n            <mat-divider></mat-divider>\r\n            <button mat-menu-item (click)=\"delete(element)\">{{ 'Discard' | translate}}</button>\r\n          </ng-container>\r\n        </ng-template>\r\n      </mat-menu>\r\n    </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"['select','content','sent','options']\"></tr>\r\n  <tr mat-row *matRowDef=\"let element; columns: ['select','content','sent','options'];\" @item class=\"item\" [class.read]=\"element.read\"></tr>\r\n</table>\r\n", styles: [":host{display:block}.item .tool{opacity:0}.item:hover .tool{opacity:1}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i8.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i10.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i8.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i6.MatCellDef, selector: "[matCellDef]" }, { type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i11.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "translate": i13.TranslatePipe, "amCalendar": i14.CalendarPipe, "amTimeAgo": i15.TimeAgoPipe, "async": i11.AsyncPipe }, animations: [listAnimation, itemAnimation] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsTableComponent, decorators: [{
+NotificationsTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsTableComponent, deps: [{ token: i1.NotificationsService }, { token: i0.Injector }, { token: i2.Popup }], target: i0.ɵɵFactoryTarget.Component });
+NotificationsTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: NotificationsTableComponent, selector: "bizdoc-notifications-table", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-icon-button *ngIf=\"selection.selected.length\" (click)=\"discardAll()\" bizdocTooltip=\"{{'DiscardSelected' | translate : selection.selected.length }}\"><mat-icon>delete</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"openFilter($event)\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter' | translate\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<table [hidden]=\"!dataSource||dataSource.data.length===0\" mat-table matSort [dataSource]=\"dataSource\" [@list]=\"dataSource?.data.length\" class=\"data-table\">\r\n  <ng-container matColumnDef=\"select\">\r\n    <th mat-header-cell *matHeaderCellDef>\r\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n                    [checked]=\"selection.hasValue() && isAllSelected()\"\r\n                    [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n      </mat-checkbox>\r\n    </th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n                    (change)=\"$event ? selection.toggle(element) : null\"\r\n                    [checked]=\"selection.isSelected(element)\">\r\n      </mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"content\">\r\n    <th mat-header-cell *matHeaderCellDef>{{ 'Content' | translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <h3 *ngComponentOutlet=\"element.comp; injector: element.injector\"></h3>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"sent\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'Time' | translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <span [bizdocTooltip]=\"element.sent | amCalendar\">{{element.sent | amTimeAgo }}</span>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"options\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <ng-template matMenuContent let-muted=\"muted\">\r\n          <ng-container *ngIf=\"element.recipientId\">\r\n            <button mat-menu-item (click)=\"read(element, !element.read)\">{{'MarkAsRead' | translate}}</button>\r\n            <mat-divider></mat-divider>\r\n          </ng-container>\r\n          <button mat-menu-item (click)=\"mute(element, true)\" *ngIf=\"element.documentId\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\r\n          <ng-container *ngIf=\"!element.deleted\">\r\n            <mat-divider></mat-divider>\r\n            <button mat-menu-item (click)=\"delete(element)\">{{ 'Discard' | translate}}</button>\r\n          </ng-container>\r\n        </ng-template>\r\n      </mat-menu>\r\n    </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"['select','content','sent','options']\"></tr>\r\n  <tr mat-row *matRowDef=\"let element; columns: ['select','content','sent','options'];\" @item class=\"item\" [class.read]=\"element.read\"></tr>\r\n</table>\r\n", styles: [":host{display:block}.item .tool{opacity:0}.item:hover .tool{opacity:1}\n"], components: [{ type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i8.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i10.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i8.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i6.MatCellDef, selector: "[matCellDef]" }, { type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i11.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "translate": i13.TranslatePipe, "amCalendar": i14.CalendarPipe, "amTimeAgo": i15.TimeAgoPipe, "async": i11.AsyncPipe }, animations: [listAnimation, itemAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-notifications-table', animations: [listAnimation, itemAnimation], template: "<mat-toolbar>\r\n  <button mat-icon-button *ngIf=\"selection.selected.length\" (click)=\"discardAll()\" bizdocTooltip=\"{{'DiscardSelected' | translate : selection.selected.length }}\"><mat-icon>delete</mat-icon></button>\r\n  <span class=\"divider\"></span>\r\n  <button mat-icon-button (click)=\"openFilter($event)\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter' | translate\"><mat-icon>filter_list</mat-icon></button>\r\n</mat-toolbar>\r\n<table [hidden]=\"!dataSource||dataSource.data.length===0\" mat-table matSort [dataSource]=\"dataSource\" [@list]=\"dataSource?.data.length\" class=\"data-table\">\r\n  <ng-container matColumnDef=\"select\">\r\n    <th mat-header-cell *matHeaderCellDef>\r\n      <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n                    [checked]=\"selection.hasValue() && isAllSelected()\"\r\n                    [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\r\n      </mat-checkbox>\r\n    </th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n                    (change)=\"$event ? selection.toggle(element) : null\"\r\n                    [checked]=\"selection.isSelected(element)\">\r\n      </mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"content\">\r\n    <th mat-header-cell *matHeaderCellDef>{{ 'Content' | translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <h3 *ngComponentOutlet=\"element.comp; injector: element.injector\"></h3>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"sent\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'Time' | translate}}</th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <span [bizdocTooltip]=\"element.sent | amCalendar\">{{element.sent | amTimeAgo }}</span>\r\n    </td>\r\n  </ng-container>\r\n  <ng-container matColumnDef=\"options\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\">\r\n      <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\r\n      <mat-menu #options>\r\n        <ng-template matMenuContent let-muted=\"muted\">\r\n          <ng-container *ngIf=\"element.recipientId\">\r\n            <button mat-menu-item (click)=\"read(element, !element.read)\">{{'MarkAsRead' | translate}}</button>\r\n            <mat-divider></mat-divider>\r\n          </ng-container>\r\n          <button mat-menu-item (click)=\"mute(element, true)\" *ngIf=\"element.documentId\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\r\n          <ng-container *ngIf=\"!element.deleted\">\r\n            <mat-divider></mat-divider>\r\n            <button mat-menu-item (click)=\"delete(element)\">{{ 'Discard' | translate}}</button>\r\n          </ng-container>\r\n        </ng-template>\r\n      </mat-menu>\r\n    </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"['select','content','sent','options']\"></tr>\r\n  <tr mat-row *matRowDef=\"let element; columns: ['select','content','sent','options'];\" @item class=\"item\" [class.read]=\"element.read\"></tr>\r\n</table>\r\n", styles: [":host{display:block}.item .tool{opacity:0}.item:hover .tool{opacity:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NotificationsService }, { type: i0.Injector }, { type: i2.Popup }]; }, propDecorators: { sort: [{

package/esm2020/lib/notifications/notifications.mobile.component.mjs

@@ -9,9 +9,9 @@ export class NotificationsComponent {
         title.set(translate.get('Notifications'));
     }
 }
-NotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsComponent, deps: [{ token: i1.WindowTitleService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: NotificationsComponent, selector: "ng-component", ngImport: i0, template: '<bizdoc-notifications-table></bizdoc-notifications-table>', isInline: true, components: [{ type: i3.NotificationsTableComponent, selector: "bizdoc-notifications-table" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsComponent, decorators: [{
+NotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsComponent, deps: [{ token: i1.WindowTitleService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: NotificationsComponent, selector: "ng-component", ngImport: i0, template: '<bizdoc-notifications-table></bizdoc-notifications-table>', isInline: true, components: [{ type: i3.NotificationsTableComponent, selector: "bizdoc-notifications-table" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsComponent, decorators: [{
             type: Component,
             args: [{
                     template: '<bizdoc-notifications-table></bizdoc-notifications-table>'

package/esm2020/lib/notifications/notifications.pane.component.mjs

@@ -9,9 +9,9 @@ export class NotificationsPaneComponent {
         pane.title = translate.get('Notifications');
     }
 }
-NotificationsPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsPaneComponent, deps: [{ token: i1.PaneRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationsPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: NotificationsPaneComponent, selector: "ng-component", host: { classAttribute: "pane" }, ngImport: i0, template: '<bizdoc-notifications-table></bizdoc-notifications-table>', isInline: true, components: [{ type: i3.NotificationsTableComponent, selector: "bizdoc-notifications-table" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsPaneComponent, decorators: [{
+NotificationsPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsPaneComponent, deps: [{ token: i1.PaneRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+NotificationsPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: NotificationsPaneComponent, selector: "ng-component", host: { classAttribute: "pane" }, ngImport: i0, template: '<bizdoc-notifications-table></bizdoc-notifications-table>', isInline: true, components: [{ type: i3.NotificationsTableComponent, selector: "bizdoc-notifications-table" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsPaneComponent, decorators: [{
             type: Component,
             args: [{
                     template: '<bizdoc-notifications-table></bizdoc-notifications-table>',

package/esm2020/lib/notifications/notifications.service.mjs

@@ -63,9 +63,9 @@ export class NotificationsService {
         return this._http.delete(`/api/notifications/${id}`);
     }
 }
-NotificationsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsService, deps: [{ token: i1.HttpClient }, { token: i2.HubService }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationsService, decorators: [{
+NotificationsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsService, deps: [{ token: i1.HttpClient }, { token: i2.HubService }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationsService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.HubService }, { type: i3.SessionService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9ub3RpZmljYXRpb25zL25vdGlmaWNhdGlvbnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSTNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFLckMsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUFvQixLQUFpQixFQUFFLFNBQXFCLEVBQVUsUUFBd0I7UUFBMUUsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUFpQyxhQUFRLEdBQVIsUUFBUSxDQUFnQjtRQUM1RixTQUFTLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QixRQUFRLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzdDLFFBQVEsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUN4QyxDQUFDLENBQUMsQ0FBQztRQUNILFNBQVMsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3BDLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUMzRSxJQUFJLElBQUk7Z0JBQ04sTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDOztnQkFFN0IsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMvQyxJQUFJLENBQUMsQ0FBQyxZQUFZLEtBQUssU0FBUyxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FBQyxZQUFZO2dCQUNqRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDdEMsTUFBTSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2xDLFFBQVEsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLElBQUksR0FBRyxDQUFDO2FBQzVDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0QsU0FBUyxDQUFDLElBQWM7UUFDdEIsTUFBTSxJQUFJLEtBQUssQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFDRCxNQUFNLENBQUMsT0FBNkQ7UUFDbEUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsT0FBTyxJQUFJLEVBQUUsQ0FBQztRQUNoRCxNQUFNLE1BQU0sR0FBRztZQUNiLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRztZQUNsQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU87U0FDcEMsQ0FBQztRQUNGLElBQUksTUFBTTtZQUNSLE1BQU0sQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFO2dCQUNwQixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU0sRUFBRTthQUN4QixDQUFDLENBQUM7UUFDTCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFpQixxQkFBcUIsRUFBRTtZQUMzRCxNQUFNO1NBQ1AsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNPLGlCQUFpQixDQUFDLElBQVU7UUFDbEMsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZTtZQUNuQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsaUJBQWlCO1lBQy9DLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7SUFDM0QsQ0FBQztJQUNELElBQUksQ0FBQyxFQUFVLEVBQUUsSUFBVSxFQUFFLElBQWE7UUFDeEMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsRUFBRSxTQUFTLElBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDdkgsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDO2dCQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQy9DLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDTCxDQUFDO0lBQ0QsR0FBRyxDQUFDLEVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLHNCQUFzQixFQUFFLEVBQUUsQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFDRCxJQUFJLENBQUMsRUFBVSxFQUFFLElBQWE7UUFDNUIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsRUFBRSxTQUFTLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFDRCxNQUFNLENBQUMsRUFBVTtRQUNmLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsc0JBQXNCLEVBQUUsRUFBRSxDQUFDLENBQUE7SUFDdEQsQ0FBQzs7aUhBdkRVLG9CQUFvQjtxSEFBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBRGhDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gXCJAYW5ndWxhci9jb21tb24vaHR0cFwiO1xyXG5pbXBvcnQgeyBOb3RpZmljYXRpb24gfSBmcm9tIFwiLi4vY29yZS9tb2RlbHNcIjtcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gXCJyeGpzXCI7XHJcbmltcG9ydCB7IHRhcCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xyXG5pbXBvcnQgeyBIdWJTZXJ2aWNlIH0gZnJvbSBcIi4uL2NvcmUvaHViLnNlcnZpY2VcIjtcclxuaW1wb3J0IHsgU2Vzc2lvblNlcnZpY2UgfSBmcm9tIFwiLi4vY29yZS9zZXNzaW9uLnNlcnZpY2VcIjtcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbnNTZXJ2aWNlIHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9odHRwOiBIdHRwQ2xpZW50LCBtZXNzYWdpbmc6IEh1YlNlcnZpY2UsIHByaXZhdGUgX3Nlc3Npb246IFNlc3Npb25TZXJ2aWNlKSB7XHJcbiAgICBtZXNzYWdpbmcubm90aWZ5JC5zdWJzY3JpYmUobiA9PiB7XHJcbiAgICAgIF9zZXNzaW9uLnByb2ZpbGUubm90aWZpY2F0aW9ucy5wdXNoKG4ubW9kZWwpO1xyXG4gICAgICBfc2Vzc2lvbi5wcm9maWxlLm5vdGlmaWNhdGlvbnNDb3VudCsrO1xyXG4gICAgfSk7XHJcbiAgICBtZXNzYWdpbmcudXBkYXRlTm90aWZ5JC5zdWJzY3JpYmUoZSA9PiB7XHJcbiAgICAgIGNvbnN0IGl0ZW0gPSBfc2Vzc2lvbi5wcm9maWxlLm5vdGlmaWNhdGlvbnMuZmluZChuID0+IG4uaWQgPT09IGUubW9kZWwuaWQpO1xyXG4gICAgICBpZiAoaXRlbSlcclxuICAgICAgICBPYmplY3QuYXNzaWduKGl0ZW0sIGUubW9kZWwpO1xyXG4gICAgICBlbHNlXHJcbiAgICAgICAgX3Nlc3Npb24ucHJvZmlsZS5ub3RpZmljYXRpb25zLnB1c2goZS5tb2RlbCk7XHJcbiAgICAgIGlmIChlLm9yaWdpbmFsUmVhZCAhPT0gdW5kZWZpbmVkICYmIGUubW9kZWwucmVhZCAhPT0gZS5vcmlnaW5hbFJlYWQgJiZcclxuICAgICAgICB0aGlzLl9pc0Fib3ZlV2F0ZXJtYXJrKGUubW9kZWwuc2VudCkpIHtcclxuICAgICAgICBjb25zdCB2YWwgPSBlLm1vZGVsLnJlYWQgPyAtMSA6IDE7XHJcbiAgICAgICAgX3Nlc3Npb24ucHJvZmlsZS5ub3RpZmljYXRpb25zQ291bnQgKz0gdmFsO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbiAgZGVsZXRlQWxsKGFyZzA6IG51bWJlcltdKSB7XHJcbiAgICB0aHJvdyBuZXcgRXJyb3IoXCJNZXRob2Qgbm90IGltcGxlbWVudGVkLlwiKTtcclxuICB9XHJcbiAgZ2V0QWxsKG9wdGlvbnM/OiB7IGV4Y2x1ZGU/OiBib29sZWFuLCBza2lwPzogbnVtYmVyLCBiZWZvcmU/OiBEYXRlIH0pOiBPYnNlcnZhYmxlPE5vdGlmaWNhdGlvbltdPiB7XHJcbiAgICBjb25zdCB7IGV4Y2x1ZGUsIHNraXAsIGJlZm9yZSB9ID0gb3B0aW9ucyB8fCB7fTtcclxuICAgIGNvbnN0IHBhcmFtcyA9IHtcclxuICAgICAgc2tpcDogc2tpcCA/IHNraXAudG9TdHJpbmcoKSA6ICcwJyxcclxuICAgICAgZXhjbHVkZTogZXhjbHVkZSA/ICd0cnVlJyA6ICdmYWxzZScsXHJcbiAgICB9O1xyXG4gICAgaWYgKGJlZm9yZSlcclxuICAgICAgT2JqZWN0LmFzc2lnbihwYXJhbXMsIHtcclxuICAgICAgICBiZWZvcmU6IGJlZm9yZS50b0pTT04oKVxyXG4gICAgICB9KTtcclxuICAgIHJldHVybiB0aGlzLl9odHRwLmdldDxOb3RpZmljYXRpb25bXT4oYC9hcGkvbm90aWZpY2F0aW9ucy9gLCB7XHJcbiAgICAgIHBhcmFtc1xyXG4gICAgfSk7XHJcbiAgfVxyXG4gIHByaXZhdGUgX2lzQWJvdmVXYXRlcm1hcmsoZGF0ZTogRGF0ZSk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuICF0aGlzLl9zZXNzaW9uLmlzSW1wZXJzb25hdGluZyAmJlxyXG4gICAgICB0aGlzLl9zZXNzaW9uLnByb2ZpbGUub3B0aW9ucy5ub3RpZmljYXRpb25zVmlldyAmJlxyXG4gICAgICB0aGlzLl9zZXNzaW9uLnByb2ZpbGUub3B0aW9ucy5ub3RpZmljYXRpb25zVmlldyA8IGRhdGU7XHJcbiAgfVxyXG4gIHJlYWQoaWQ6IG51bWJlciwgZGF0ZTogRGF0ZSwgcmVhZDogYm9vbGVhbik6IE9ic2VydmFibGU8YW55PiB7XHJcbiAgICByZXR1cm4gdGhpcy5faHR0cC5wdXQoYC9hcGkvbm90aWZpY2F0aW9ucy8ke2lkfT9yZWFkPSR7cmVhZH1gLCB7fSwgeyBoZWFkZXJzOiB7ICduby1wcm9ncmVzcyc6ICd0cnVlJyB9IH0pLnBpcGUodGFwKCgpID0+IHtcclxuICAgICAgaWYgKHRoaXMuX2lzQWJvdmVXYXRlcm1hcmsoZGF0ZSkpXHJcbiAgICAgICAgdGhpcy5fc2Vzc2lvbi5wcm9maWxlLm5vdGlmaWNhdGlvbnNDb3VudC0tO1xyXG4gICAgfSkpXHJcbiAgfVxyXG4gIGdldChpZDogbnVtYmVyKTogT2JzZXJ2YWJsZTxhbnk+IHtcclxuICAgIHJldHVybiB0aGlzLl9odHRwLmdldChgL2FwaS9ub3RpZmljYXRpb25zLyR7aWR9YClcclxuICB9XHJcbiAgbXV0ZShpZDogbnVtYmVyLCBtdXRlOiBib29sZWFuKTogT2JzZXJ2YWJsZTxhbnk+IHtcclxuICAgIHJldHVybiB0aGlzLl9odHRwLnB1dChgL2FwaS9ub3RpZmljYXRpb25zLyR7aWR9P211dGU9JHttdXRlfWAsIHt9KTtcclxuICB9XHJcbiAgZGVsZXRlKGlkOiBudW1iZXIpOiBPYnNlcnZhYmxlPGFueT4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2h0dHAuZGVsZXRlKGAvYXBpL25vdGlmaWNhdGlvbnMvJHtpZH1gKVxyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/lib/notifications/types/commented.notification.mjs

@@ -33,12 +33,12 @@ export class CommentedNotification extends NotificationBase {
             });
     }
 }
-CommentedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CommentedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
-CommentedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: CommentedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container *ngIf='message'>
+CommentedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: CommentedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
+CommentedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: CommentedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container *ngIf='message'>
   <span *ngIf='notification.userIds.length < 3' [innerHTML]='message | sanitizeHtml'></span>
   <span *ngIf='notification.userIds.length >= 3' [bizdocTooltip]='names' [innerHTML]='message | sanitizeHtml'></span>
 </ng-container>`, isInline: true, directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }], pipes: { "sanitizeHtml": i8.SanitizeHtmlPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CommentedNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: CommentedNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<ng-container *ngIf='message'>

package/esm2020/lib/notifications/types/cube-anomaly.notification.mjs

@@ -41,9 +41,9 @@ export class CubeAnomalyNotification {
         }
     }
 }
-CubeAnomalyNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CubeAnomalyNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.DatasourceService }, { token: i2.SessionService }, { token: i3.RouterImpl }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-CubeAnomalyNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: CubeAnomalyNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span [innerHTML]=" 'CubeAnomalyNotify' | translate : (cube.title | lowercase) : (notification.value | currency : cube.currencyCode : 'symbol') : axes | sanitizeHtml"></span>`, isInline: true, pipes: { "sanitizeHtml": i5.SanitizeHtmlPipe, "translate": i6.TranslatePipe, "lowercase": i7.LowerCasePipe, "currency": i7.CurrencyPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CubeAnomalyNotification, decorators: [{
+CubeAnomalyNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: CubeAnomalyNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.DatasourceService }, { token: i2.SessionService }, { token: i3.RouterImpl }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+CubeAnomalyNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: CubeAnomalyNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span [innerHTML]=" 'CubeAnomalyNotify' | translate : (cube.title | lowercase) : (notification.value | currency : cube.currencyCode : 'symbol') : axes | sanitizeHtml"></span>`, isInline: true, pipes: { "sanitizeHtml": i5.SanitizeHtmlPipe, "translate": i6.TranslatePipe, "lowercase": i7.LowerCasePipe, "currency": i7.CurrencyPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: CubeAnomalyNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<span [innerHTML]=" 'CubeAnomalyNotify' | translate : (cube.title | lowercase) : (notification.value | currency : cube.currencyCode : 'symbol') : axes | sanitizeHtml"></span>`

package/esm2020/lib/notifications/types/escalated.notification.mjs

@@ -19,9 +19,9 @@ export class EscalatedNotification extends NotificationBase {
         this._accounts.get(this.notification.substituteId).subscribe(u => this.name = this._formatUserElement(u));
     }
 }
-EscalatedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EscalatedNotification, deps: [{ token: i1.RouterImpl }, { token: NOTIFICATION_DATA }, { token: i2.AccountService }, { token: i3.TranslateService }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
-EscalatedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: EscalatedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span *ngIf='name' [innerHTML]="'EscalatedNotify' | translate : notification.number : name | sanitizeHtml"></span>`, isInline: true, directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "sanitizeHtml": i7.SanitizeHtmlPipe, "translate": i8.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: EscalatedNotification, decorators: [{
+EscalatedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EscalatedNotification, deps: [{ token: i1.RouterImpl }, { token: NOTIFICATION_DATA }, { token: i2.AccountService }, { token: i3.TranslateService }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
+EscalatedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EscalatedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span *ngIf='name' [innerHTML]="'EscalatedNotify' | translate : notification.number : name | sanitizeHtml"></span>`, isInline: true, directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "sanitizeHtml": i7.SanitizeHtmlPipe, "translate": i8.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EscalatedNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<span *ngIf='name' [innerHTML]="'EscalatedNotify' | translate : notification.number : name | sanitizeHtml"></span>`

package/esm2020/lib/notifications/types/liked.notification.mjs

@@ -30,12 +30,12 @@ export class LikedNotification extends NotificationBase {
             });
     }
 }
-LikedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LikedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
-LikedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: LikedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container *ngIf='message'>
+LikedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: LikedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
+LikedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: LikedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container *ngIf='message'>
   <span *ngIf='notification.userIds.length < 3' [innerHTML]='message | sanitizeHtml'></span>
   <span *ngIf='notification.userIds.length >= 3' [bizdocTooltip]='names' [innerHTML]='message | sanitizeHtml'></span>
 </ng-container>`, isInline: true, directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }], pipes: { "sanitizeHtml": i8.SanitizeHtmlPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LikedNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: LikedNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<ng-container *ngIf='message'>

package/esm2020/lib/notifications/types/long-running-task.notification.mjs

@@ -16,9 +16,9 @@ export class LongRunningTaskNotification {
         this._router.navigate(['reports', this.notification.report]);
     }
 }
-LongRunningTaskNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LongRunningTaskNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }], target: i0.ɵɵFactoryTarget.Component });
-LongRunningTaskNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: LongRunningTaskNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span></span>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: LongRunningTaskNotification, decorators: [{
+LongRunningTaskNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: LongRunningTaskNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }], target: i0.ɵɵFactoryTarget.Component });
+LongRunningTaskNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: LongRunningTaskNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span></span>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: LongRunningTaskNotification, decorators: [{
             type: Component,
             args: [{ template: `<span></span>` }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2020/lib/notifications/types/notification-base.mjs

@@ -29,9 +29,9 @@ export class NotificationBase {
             });
     }
 }
-NotificationBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-NotificationBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: NotificationBase, host: { listeners: { "click": "open($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NotificationBase, decorators: [{
+NotificationBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+NotificationBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.9", type: NotificationBase, host: { listeners: { "click": "open($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NotificationBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: undefined }, { type: i1.RouterImpl }, { type: i2.SessionService }, { type: i3.TranslateService }, { type: i4.ChatInfo }]; }, propDecorators: { open: [{
                 type: HostListener,

package/esm2020/lib/notifications/types/nudge.notification.mjs

@@ -17,9 +17,9 @@ export class NudgeNotification extends NotificationBase {
         this.expire = dayjs(this.notification.expire);
     }
 }
-NudgeNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NudgeNotification, deps: [{ token: i1.RouterImpl }, { token: i2.TranslateService }, { token: i3.SessionService }, { token: i4.ChatInfo }, { token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component });
-NudgeNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: NudgeNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]='"NudgeNotify" | translate : notification.number : expire.toNow() | sanitizeHtml'></span>`, isInline: true, pipes: { "sanitizeHtml": i5.SanitizeHtmlPipe, "translate": i6.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NudgeNotification, decorators: [{
+NudgeNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NudgeNotification, deps: [{ token: i1.RouterImpl }, { token: i2.TranslateService }, { token: i3.SessionService }, { token: i4.ChatInfo }, { token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component });
+NudgeNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: NudgeNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]='"NudgeNotify" | translate : notification.number : expire.toNow() | sanitizeHtml'></span>`, isInline: true, pipes: { "sanitizeHtml": i5.SanitizeHtmlPipe, "translate": i6.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: NudgeNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<span [innerHTML]='"NudgeNotify" | translate : notification.number : expire.toNow() | sanitizeHtml'></span>`

package/esm2020/lib/notifications/types/state-changed.notification.mjs

@@ -18,9 +18,9 @@ export class StateChangedNotification extends NotificationBase {
         this.form = this._session.profile.forms.find(f => f.name === this.notification.form);
     }
 }
-StateChangedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: StateChangedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }, { token: i3.TranslateService }, { token: i4.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
-StateChangedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: StateChangedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]="'StateChangedNotify' | translate : form.title : notification.number : (notification.state | state : 'past' | lowercase) | sanitizeHtml"></span>`, isInline: true, pipes: { "sanitizeHtml": i5.SanitizeHtmlPipe, "translate": i6.TranslatePipe, "lowercase": i7.LowerCasePipe, "state": i8.StatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: StateChangedNotification, decorators: [{
+StateChangedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: StateChangedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }, { token: i3.TranslateService }, { token: i4.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
+StateChangedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: StateChangedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]="'StateChangedNotify' | translate : form.title : notification.number : (notification.state | state : 'past' | lowercase) | sanitizeHtml"></span>`, isInline: true, pipes: { "sanitizeHtml": i5.SanitizeHtmlPipe, "translate": i6.TranslatePipe, "lowercase": i7.LowerCasePipe, "state": i8.StatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: StateChangedNotification, decorators: [{
             type: Component,
             args: [{ template: `<span [innerHTML]="'StateChangedNotify' | translate : form.title : notification.number : (notification.state | state : 'past' | lowercase) | sanitizeHtml"></span>` }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2020/lib/notifications/types/tagged.notification.mjs

@@ -25,11 +25,11 @@ export class TaggedNotification extends NotificationBase {
             });
     }
 }
-TaggedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TaggedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
-TaggedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: TaggedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container *ngIf='message'>
+TaggedNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaggedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component });
+TaggedNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: TaggedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container *ngIf='message'>
   <span [innerHTML]='message | sanitizeHtml'></span>
 </ng-container>`, isInline: true, directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "sanitizeHtml": i7.SanitizeHtmlPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TaggedNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaggedNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<ng-container *ngIf='message'>

package/esm2020/lib/notifications/types/text.notification.mjs

@@ -8,9 +8,9 @@ export class TextNotification {
     ngOnInit() {
     }
 }
-TextNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TextNotification, deps: [{ token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component });
-TextNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: TextNotification, selector: "ng-component", ngImport: i0, template: `<span [innerHTML]="notification.text"></span>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: TextNotification, decorators: [{
+TextNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TextNotification, deps: [{ token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component });
+TextNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: TextNotification, selector: "ng-component", ngImport: i0, template: `<span [innerHTML]="notification.text"></span>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TextNotification, decorators: [{
             type: Component,
             args: [{ template: `<span [innerHTML]="notification.text"></span>` }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2020/lib/notifications/types/upcoming-event.notification.mjs

@@ -19,9 +19,9 @@ export class UpcomingEventNotification {
         this._router.navigate(['schedule'], { queryParams: { date: new Date(this.notification.starting).valueOf().encodeId() } });
     }
 }
-UpcomingEventNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: UpcomingEventNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.RouterImpl }], target: i0.ɵɵFactoryTarget.Component });
-UpcomingEventNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: UpcomingEventNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span [bizdocTooltip]="notification.starting | amCalendar" [innerHTML]="'UpcomingEventNotify' | translate : notification.number : duration.fromNow() | sanitizeHtml"></span>`, isInline: true, directives: [{ type: i2.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }], pipes: { "amCalendar": i3.CalendarPipe, "sanitizeHtml": i4.SanitizeHtmlPipe, "translate": i5.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: UpcomingEventNotification, decorators: [{
+UpcomingEventNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: UpcomingEventNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.RouterImpl }], target: i0.ɵɵFactoryTarget.Component });
+UpcomingEventNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: UpcomingEventNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span [bizdocTooltip]="notification.starting | amCalendar" [innerHTML]="'UpcomingEventNotify' | translate : notification.number : duration.fromNow() | sanitizeHtml"></span>`, isInline: true, directives: [{ type: i2.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }], pipes: { "amCalendar": i3.CalendarPipe, "sanitizeHtml": i4.SanitizeHtmlPipe, "translate": i5.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: UpcomingEventNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<span [bizdocTooltip]="notification.starting | amCalendar" [innerHTML]="'UpcomingEventNotify' | translate : notification.number : duration.fromNow() | sanitizeHtml"></span>`

package/esm2020/lib/options/options.component.mjs

@@ -221,9 +221,9 @@ export class OptionsComponent {
         this._destroy.complete();
     }
 }
-OptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: OptionsComponent, deps: [{ token: OPTION_PANEL }, { token: i1.OverlayRef }, { token: i2.FormBuilder }, { token: i3.AccountService }, { token: i4.PromptService }, { token: i5.SessionService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-OptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: OptionsComponent, selector: "bizdoc-options", viewQueries: [{ propertyName: "substitueInput", first: true, predicate: ["substitueInput"], descendants: true, read: MatInput }, { propertyName: "grantInput", first: true, predicate: ["grantInput"], descendants: true, read: MatChipInput }, { propertyName: "outOfOffice", first: true, predicate: ["outOfOffice"], descendants: true, read: MatExpansionPanel, static: true }, { propertyName: "notifications", first: true, predicate: ["notifications"], descendants: true, read: MatExpansionPanel, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\" autocomplete=\"off\">\r\n  <mat-accordion>\r\n    <mat-expansion-panel #notifications>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Notifications' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>notifications</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"notifications\" fxLayout=\"column\">\r\n        <div fxLayout=\"row\">\r\n          <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n          <span class=\"divider\"></span>\r\n          <button mat-icon-button (click)=\"toggleSound()\" [bizdocTooltip]=\"'Sound'|translate\"><mat-icon>{{options.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\r\n        </div>\r\n        <br />\r\n        <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #emails>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Emails' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>alternate_email</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"emails\" fxLayout=\"column\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <br />\r\n        <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #outOfOffice>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'OutOfOffice' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>trending_flat</mat-icon>-->\r\n          <!--{{'OutOfOfficeTip' | translate}}-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"outOfOffice\" fxLayout=\"column\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <br />\r\n        <mat-form-field fxFlex>\r\n          <input matInput [formControl]=\"substitueId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\r\n                 [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\r\n          <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\r\n                            (optionSelected)=\"setSubstitute($event)\">\r\n            <mat-option *ngFor=\"let u of susers$ | async\" [value]=\"u\">\r\n              <span>{{u.name}}</span>\r\n            </mat-option>\r\n          </mat-autocomplete>\r\n          <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\r\n        </mat-form-field>\r\n        <div>\r\n          <mat-form-field>\r\n            <input matInput [matDatepicker]=\"from\" formControlName=\"from\" placeholder=\"{{'From'| translate}}\" />\r\n            <mat-datepicker-toggle [for]=\"from\" matSuffix></mat-datepicker-toggle>\r\n            <mat-datepicker #from></mat-datepicker>\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field>\r\n            <input matInput [matDatepicker]=\"to\" formControlName=\"to\" [min]=\"form.value.outOfOffice?.from\" placeholder=\"{{'To'| translate}}\" />\r\n            <mat-datepicker-toggle [for]=\"to\" matSuffix></mat-datepicker-toggle>\r\n            <mat-datepicker #to></mat-datepicker>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #grantAccess>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'GrantAccess' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>account_circle</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"grantAccess\" class=\"grant-section\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <mat-form-field>\r\n          <mat-chip-list #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\r\n            <mat-chip *ngFor=\"let u of form.value.grantAccess.users || []\"\r\n                      (removed)=\"removeGrant(u)\">\r\n              {{u | userName | async}}\r\n              <mat-icon matChipRemove>cancel</mat-icon>\r\n            </mat-chip>\r\n            <input [formControl]=\"gusers\" placeholder=\"{{'Users'| translate}}\"\r\n                   #grantInput\r\n                   [matAutocomplete]=\"grantAuto\"\r\n                   [matChipInputFor]=\"grantList\"\r\n                   [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\r\n          </mat-chip-list>\r\n          <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\r\n            <mat-option *ngFor=\"let u of gusers$ | async\" [value]=\"u.id\">\r\n              {{u.name}}\r\n              <span *ngIf=\"u.email\">&nbsp; - {{u.email}}</span>\r\n            </mat-option>\r\n          </mat-autocomplete>\r\n          <mat-hint>{{'GrantTip' | translate}}</mat-hint>\r\n        </mat-form-field>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #preferences>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Preferences' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon></mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div fxLayout=\"column\">\r\n        <mat-form-field>\r\n          <mat-chip-list #chips [selectable]=\"false\" multiple>\r\n            <mat-chip *ngFor=\"let item of form.value.tags\"\r\n                      [removable]=\"true\" (removed)=\"removeTag(item)\">\r\n              {{item}}\r\n              <mat-icon matChipRemove>cancel</mat-icon>\r\n            </mat-chip>\r\n            <input [placeholder]=\"'Tags'|translate\"\r\n                   [matChipInputFor]=\"chips\"\r\n                   [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n                   [matChipInputAddOnBlur]=\"true\"\r\n                   (matChipInputTokenEnd)=\"addTag($event)\">\r\n          </mat-chip-list>\r\n        </mat-form-field>\r\n        <mat-slide-toggle [formControl]=\"aRIA\">{{'ARIA' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n  </mat-accordion>\r\n</form>\r\n", styles: [":host{max-width:80vw}.grant-section{display:flex;flex-direction:column}\n"], components: [{ type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i13.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i14.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i6.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i6.MatExpansionPanelDescription, selector: "mat-panel-description" }, { type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i15.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i16.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i15.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i17.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i11.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i13.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i10.MatSuffix, selector: "[matSuffix]" }, { type: i14.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i14.MatChipRemove, selector: "[matChipRemove]" }, { type: i14.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i19.TranslatePipe, "async": i18.AsyncPipe, "userName": i20.UserNamePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: OptionsComponent, decorators: [{
+OptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: OptionsComponent, deps: [{ token: OPTION_PANEL }, { token: i1.OverlayRef }, { token: i2.FormBuilder }, { token: i3.AccountService }, { token: i4.PromptService }, { token: i5.SessionService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+OptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: OptionsComponent, selector: "bizdoc-options", viewQueries: [{ propertyName: "substitueInput", first: true, predicate: ["substitueInput"], descendants: true, read: MatInput }, { propertyName: "grantInput", first: true, predicate: ["grantInput"], descendants: true, read: MatChipInput }, { propertyName: "outOfOffice", first: true, predicate: ["outOfOffice"], descendants: true, read: MatExpansionPanel, static: true }, { propertyName: "notifications", first: true, predicate: ["notifications"], descendants: true, read: MatExpansionPanel, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\" autocomplete=\"off\">\r\n  <mat-accordion>\r\n    <mat-expansion-panel #notifications>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Notifications' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>notifications</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"notifications\" fxLayout=\"column\">\r\n        <div fxLayout=\"row\">\r\n          <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n          <span class=\"divider\"></span>\r\n          <button mat-icon-button (click)=\"toggleSound()\" [bizdocTooltip]=\"'Sound'|translate\"><mat-icon>{{options.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\r\n        </div>\r\n        <br />\r\n        <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #emails>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Emails' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>alternate_email</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"emails\" fxLayout=\"column\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <br />\r\n        <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #outOfOffice>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'OutOfOffice' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>trending_flat</mat-icon>-->\r\n          <!--{{'OutOfOfficeTip' | translate}}-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"outOfOffice\" fxLayout=\"column\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <br />\r\n        <mat-form-field fxFlex>\r\n          <input matInput [formControl]=\"substitueId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\r\n                 [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\r\n          <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\r\n                            (optionSelected)=\"setSubstitute($event)\">\r\n            <mat-option *ngFor=\"let u of susers$ | async\" [value]=\"u\">\r\n              <span>{{u.name}}</span>\r\n            </mat-option>\r\n          </mat-autocomplete>\r\n          <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\r\n        </mat-form-field>\r\n        <div>\r\n          <mat-form-field>\r\n            <input matInput [matDatepicker]=\"from\" formControlName=\"from\" placeholder=\"{{'From'| translate}}\" />\r\n            <mat-datepicker-toggle [for]=\"from\" matSuffix></mat-datepicker-toggle>\r\n            <mat-datepicker #from></mat-datepicker>\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field>\r\n            <input matInput [matDatepicker]=\"to\" formControlName=\"to\" [min]=\"form.value.outOfOffice?.from\" placeholder=\"{{'To'| translate}}\" />\r\n            <mat-datepicker-toggle [for]=\"to\" matSuffix></mat-datepicker-toggle>\r\n            <mat-datepicker #to></mat-datepicker>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #grantAccess>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'GrantAccess' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>account_circle</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"grantAccess\" class=\"grant-section\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <mat-form-field>\r\n          <mat-chip-list #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\r\n            <mat-chip *ngFor=\"let u of form.value.grantAccess.users || []\"\r\n                      (removed)=\"removeGrant(u)\">\r\n              {{u | userName | async}}\r\n              <mat-icon matChipRemove>cancel</mat-icon>\r\n            </mat-chip>\r\n            <input [formControl]=\"gusers\" placeholder=\"{{'Users'| translate}}\"\r\n                   #grantInput\r\n                   [matAutocomplete]=\"grantAuto\"\r\n                   [matChipInputFor]=\"grantList\"\r\n                   [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\r\n          </mat-chip-list>\r\n          <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\r\n            <mat-option *ngFor=\"let u of gusers$ | async\" [value]=\"u.id\">\r\n              {{u.name}}\r\n              <span *ngIf=\"u.email\">&nbsp; - {{u.email}}</span>\r\n            </mat-option>\r\n          </mat-autocomplete>\r\n          <mat-hint>{{'GrantTip' | translate}}</mat-hint>\r\n        </mat-form-field>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #preferences>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Preferences' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon></mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div fxLayout=\"column\">\r\n        <mat-form-field>\r\n          <mat-chip-list #chips [selectable]=\"false\" multiple>\r\n            <mat-chip *ngFor=\"let item of form.value.tags\"\r\n                      [removable]=\"true\" (removed)=\"removeTag(item)\">\r\n              {{item}}\r\n              <mat-icon matChipRemove>cancel</mat-icon>\r\n            </mat-chip>\r\n            <input [placeholder]=\"'Tags'|translate\"\r\n                   [matChipInputFor]=\"chips\"\r\n                   [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n                   [matChipInputAddOnBlur]=\"true\"\r\n                   (matChipInputTokenEnd)=\"addTag($event)\">\r\n          </mat-chip-list>\r\n        </mat-form-field>\r\n        <mat-slide-toggle [formControl]=\"aRIA\">{{'ARIA' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n  </mat-accordion>\r\n</form>\r\n", styles: [":host{max-width:80vw}.grant-section{display:flex;flex-direction:column}\n"], components: [{ type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i13.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i14.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i6.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i6.MatExpansionPanelDescription, selector: "mat-panel-description" }, { type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i15.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i16.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { type: i15.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i17.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i11.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i13.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i10.MatSuffix, selector: "[matSuffix]" }, { type: i14.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i14.MatChipRemove, selector: "[matChipRemove]" }, { type: i14.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i19.TranslatePipe, "async": i18.AsyncPipe, "userName": i20.UserNamePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: OptionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-options', template: "<form [formGroup]=\"form\" autocomplete=\"off\">\r\n  <mat-accordion>\r\n    <mat-expansion-panel #notifications>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Notifications' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>notifications</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"notifications\" fxLayout=\"column\">\r\n        <div fxLayout=\"row\">\r\n          <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n          <span class=\"divider\"></span>\r\n          <button mat-icon-button (click)=\"toggleSound()\" [bizdocTooltip]=\"'Sound'|translate\"><mat-icon>{{options.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\r\n        </div>\r\n        <br />\r\n        <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #emails>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Emails' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>alternate_email</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"emails\" fxLayout=\"column\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <br />\r\n        <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\r\n        <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #outOfOffice>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'OutOfOffice' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>trending_flat</mat-icon>-->\r\n          <!--{{'OutOfOfficeTip' | translate}}-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"outOfOffice\" fxLayout=\"column\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <br />\r\n        <mat-form-field fxFlex>\r\n          <input matInput [formControl]=\"substitueId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\r\n                 [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\r\n          <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\r\n                            (optionSelected)=\"setSubstitute($event)\">\r\n            <mat-option *ngFor=\"let u of susers$ | async\" [value]=\"u\">\r\n              <span>{{u.name}}</span>\r\n            </mat-option>\r\n          </mat-autocomplete>\r\n          <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\r\n        </mat-form-field>\r\n        <div>\r\n          <mat-form-field>\r\n            <input matInput [matDatepicker]=\"from\" formControlName=\"from\" placeholder=\"{{'From'| translate}}\" />\r\n            <mat-datepicker-toggle [for]=\"from\" matSuffix></mat-datepicker-toggle>\r\n            <mat-datepicker #from></mat-datepicker>\r\n          </mat-form-field>\r\n          &nbsp;\r\n          <mat-form-field>\r\n            <input matInput [matDatepicker]=\"to\" formControlName=\"to\" [min]=\"form.value.outOfOffice?.from\" placeholder=\"{{'To'| translate}}\" />\r\n            <mat-datepicker-toggle [for]=\"to\" matSuffix></mat-datepicker-toggle>\r\n            <mat-datepicker #to></mat-datepicker>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #grantAccess>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'GrantAccess' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon>account_circle</mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div formGroupName=\"grantAccess\" class=\"grant-section\">\r\n        <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\r\n        <mat-form-field>\r\n          <mat-chip-list #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\r\n            <mat-chip *ngFor=\"let u of form.value.grantAccess.users || []\"\r\n                      (removed)=\"removeGrant(u)\">\r\n              {{u | userName | async}}\r\n              <mat-icon matChipRemove>cancel</mat-icon>\r\n            </mat-chip>\r\n            <input [formControl]=\"gusers\" placeholder=\"{{'Users'| translate}}\"\r\n                   #grantInput\r\n                   [matAutocomplete]=\"grantAuto\"\r\n                   [matChipInputFor]=\"grantList\"\r\n                   [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\r\n          </mat-chip-list>\r\n          <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\r\n            <mat-option *ngFor=\"let u of gusers$ | async\" [value]=\"u.id\">\r\n              {{u.name}}\r\n              <span *ngIf=\"u.email\">&nbsp; - {{u.email}}</span>\r\n            </mat-option>\r\n          </mat-autocomplete>\r\n          <mat-hint>{{'GrantTip' | translate}}</mat-hint>\r\n        </mat-form-field>\r\n      </div>\r\n    </mat-expansion-panel>\r\n    <mat-expansion-panel #preferences>\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          {{'Preferences' | translate}}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n          <!--<mat-icon></mat-icon>-->\r\n        </mat-panel-description>\r\n      </mat-expansion-panel-header>\r\n      <div fxLayout=\"column\">\r\n        <mat-form-field>\r\n          <mat-chip-list #chips [selectable]=\"false\" multiple>\r\n            <mat-chip *ngFor=\"let item of form.value.tags\"\r\n                      [removable]=\"true\" (removed)=\"removeTag(item)\">\r\n              {{item}}\r\n              <mat-icon matChipRemove>cancel</mat-icon>\r\n            </mat-chip>\r\n            <input [placeholder]=\"'Tags'|translate\"\r\n                   [matChipInputFor]=\"chips\"\r\n                   [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n                   [matChipInputAddOnBlur]=\"true\"\r\n                   (matChipInputTokenEnd)=\"addTag($event)\">\r\n          </mat-chip-list>\r\n        </mat-form-field>\r\n        <mat-slide-toggle [formControl]=\"aRIA\">{{'ARIA' | translate}}</mat-slide-toggle>\r\n      </div>\r\n    </mat-expansion-panel>\r\n  </mat-accordion>\r\n</form>\r\n", styles: [":host{max-width:80vw}.grant-section{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2020/lib/options/options.service.mjs

@@ -30,9 +30,9 @@ export class OptionsService {
         oRef.backdropClick().subscribe(() => oRef.dispose());
     }
 }
-OptionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: OptionsService, deps: [{ token: i1.Directionality }, { token: i2.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-OptionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: OptionsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: OptionsService, decorators: [{
+OptionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: OptionsService, deps: [{ token: i1.Directionality }, { token: i2.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+OptionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: OptionsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: OptionsService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Directionality }, { type: i2.Overlay }, { type: i0.Injector }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9vcHRpb25zL29wdGlvbnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFXLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQWMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFHakYsTUFBTSxPQUFPLGNBQWM7SUFDekIsWUFBb0IsSUFBb0IsRUFBVSxRQUFpQixFQUFVLFNBQW1CO1FBQTVFLFNBQUksR0FBSixJQUFJLENBQWdCO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBUztRQUFVLGNBQVMsR0FBVCxTQUFTLENBQVU7SUFDaEcsQ0FBQztJQUNELElBQUksQ0FBQyxPQUFvQjtRQUN2QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDLGtCQUFrQixFQUFFLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMzRixNQUFNLE1BQU0sR0FBRyxJQUFJLGFBQWEsQ0FBQztZQUMvQixnQkFBZ0IsRUFBRSxRQUFRO1lBQzFCLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLG1CQUFtQixFQUFFLElBQUk7WUFDekIsYUFBYSxFQUFFLDJCQUEyQjtZQUMxQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLO1NBQzNCLENBQUMsQ0FBQztRQUVILE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzFDLE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDL0IsRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsRUFBRTtZQUN0RCxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtTQUN4QyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNuQixNQUFNLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7OzJHQXJCVSxjQUFjOytHQUFkLGNBQWM7MkZBQWQsY0FBYztrQkFEMUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE92ZXJsYXlSZWYsIE92ZXJsYXksIE92ZXJsYXlDb25maWcgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcbmltcG9ydCB7IERpcmVjdGlvbmFsaXR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2JpZGknO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHsgT3B0aW9uVHlwZSwgT1BUSU9OX1BBTkVMLCBPcHRpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9vcHRpb25zLmNvbXBvbmVudCc7XHJcblxyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBPcHRpb25zU2VydmljZSB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfZGlyOiBEaXJlY3Rpb25hbGl0eSwgcHJpdmF0ZSBfb3ZlcmxheTogT3ZlcmxheSwgcHJpdmF0ZSBfaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgfVxyXG4gIG9wZW4oc2VjdGlvbj86IE9wdGlvblR5cGUpIHtcclxuICAgIGNvbnN0IHBvc2l0aW9uID0gdGhpcy5fb3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLmNlbnRlckhvcml6b250YWxseSgpLmNlbnRlclZlcnRpY2FsbHkoKTtcclxuICAgIGNvbnN0IGNvbmZpZyA9IG5ldyBPdmVybGF5Q29uZmlnKHtcclxuICAgICAgcG9zaXRpb25TdHJhdGVneTogcG9zaXRpb24sXHJcbiAgICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxyXG4gICAgICBkaXNwb3NlT25OYXZpZ2F0aW9uOiB0cnVlLFxyXG4gICAgICBiYWNrZHJvcENsYXNzOiAnY2RrLW92ZXJsYXktZGFyay1iYWNrZHJvcCcsXHJcbiAgICAgIGRpcmVjdGlvbjogdGhpcy5fZGlyLnZhbHVlXHJcbiAgICB9KTtcclxuXHJcbiAgICBjb25zdCBvUmVmID0gdGhpcy5fb3ZlcmxheS5jcmVhdGUoY29uZmlnKTtcclxuICAgIGNvbnN0IGluamVjdG9yID0gSW5qZWN0b3IuY3JlYXRlKFtcclxuICAgICAgeyBwcm92aWRlOiBPUFRJT05fUEFORUwsIHVzZVZhbHVlOiB7IG9wZW46IHNlY3Rpb24gfSB9LFxyXG4gICAgICB7IHByb3ZpZGU6IE92ZXJsYXlSZWYsIHVzZVZhbHVlOiBvUmVmIH0sXHJcbiAgICBdLCB0aGlzLl9pbmplY3Rvcik7XHJcbiAgICBjb25zdCBwb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKE9wdGlvbnNDb21wb25lbnQsIG51bGwsIGluamVjdG9yKTtcclxuICAgIG9SZWYuYXR0YWNoKHBvcnRhbCk7XHJcbiAgICBvUmVmLmJhY2tkcm9wQ2xpY2soKS5zdWJzY3JpYmUoKCkgPT4gb1JlZi5kaXNwb3NlKCkpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/lib/reports/arguments-component.mjs

@@ -61,9 +61,9 @@ export class ReportArgumentsComponent {
         this._destroy.complete();
     }
 }
-ReportArgumentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ReportArgumentsComponent, deps: [{ token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i1.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-ReportArgumentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ReportArgumentsComponent, selector: "bizdoc-report-arguments", inputs: { reportRef: "reportRef", template: "template", arguments: "arguments", args: "args" }, outputs: { argsChange: "argsChange" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ReportArgumentsComponent, decorators: [{
+ReportArgumentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ReportArgumentsComponent, deps: [{ token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i1.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
+ReportArgumentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ReportArgumentsComponent, selector: "bizdoc-report-arguments", inputs: { reportRef: "reportRef", template: "template", arguments: "arguments", args: "args" }, outputs: { argsChange: "argsChange" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ReportArgumentsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-report-arguments',

package/esm2020/lib/reports/cube/documents.component.mjs

@@ -23,15 +23,15 @@ let CubeDocumentsComponent = class CubeDocumentsComponent {
         this._instance = this._vc.createComponent(comp, { injector: this._injector }).instance;
     }
 };
-CubeDocumentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CubeDocumentsComponent, deps: [{ token: i0.Injector }, { token: i1.ReportRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CubeDocumentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: CubeDocumentsComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+CubeDocumentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: CubeDocumentsComponent, deps: [{ token: i0.Injector }, { token: i1.ReportRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+CubeDocumentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: CubeDocumentsComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 CubeDocumentsComponent = __decorate([
     BizDoc({
         selector: 'bizdoc-documents'
     })
 ], CubeDocumentsComponent);
 export { CubeDocumentsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CubeDocumentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: CubeDocumentsComponent, decorators: [{
             type: Component,
             args: [{
                     template: ''