@bizdoc/core 3.8.1 → 3.8.5

package/fesm2022/bizdoc-core.mjs

@@ -106,6 +106,8 @@ import * as i8$1 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i2$c from '@angular/material/radio';
 import { MatRadioModule, MatRadioButton } from '@angular/material/radio';
+import * as i2$e from '@angular/material/timepicker';
+import { MatTimepickerModule } from '@angular/material/timepicker';
 import * as i7$3 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i4$3 from '@angular/cdk/scrolling';
@@ -520,7 +522,7 @@ function cleanup(params) {
         else if (typeof val === 'string' || typeof val === 'boolean')
             return;
         else if (val instanceof Date)
-            params[k] = val.toLocaleDateString('en-US');
+            params[k] = val.toJSON();
         else if (Array.isArray(val)) {
             if (val.length === 0)
                 delete params[k];
@@ -1136,6 +1138,35 @@ class SessionService {
         iconRegistry.addSvgIconLiteral('word', sanitizer.bypassSecurityTrustHtml(WORD_ICON));
         iconRegistry.addSvgIconLiteral('powerpoint', sanitizer.bypassSecurityTrustHtml(POWERPOINT_ICON));
         iconRegistry.addSvgIconLiteral('pdf', sanitizer.bypassSecurityTrustHtml(PDF_ICON));
+        _hub.notify$.subscribe(n => {
+            const { messages, messagesCount } = this.profile;
+            messages.push(n.model);
+            this.profile.messagesCount = !messagesCount ? 1 :
+                messagesCount + 1;
+        });
+        //
+        _hub.updateNotify$.subscribe(e => {
+            const { originalRead, model: { id, sent, read } } = e, { messages, messagesCount } = this.profile;
+            const item = messages.find(n => n.id === id);
+            if (item)
+                Object.assign(item, e.model);
+            else
+                messages.push(e.model);
+            if (originalRead !== undefined && read !== originalRead &&
+                this._isAboveWatermark(sent))
+                this.profile.messagesCount = (messagesCount || 0) + (read ? -1 : 1);
+        });
+        //
+        _hub.new$.subscribe(m => {
+            const { userId, model: { folderId } } = m, { inboxCount, folders, userId: me } = this.profile;
+            if (userId !== me)
+                return;
+            this.profile.inboxCount = !inboxCount ? 1 :
+                inboxCount + 1;
+            const folder = folders.find(f => f.name === folderId);
+            folder.count = !folder.count ? 1 :
+                folder.count + 1;
+        });
     }
     /** */
     get tags() {
@@ -1151,10 +1182,11 @@ class SessionService {
     get accentPalette() {
         return this._accentpalette;
     }
-    isAboveWatermark(date) {
+    _isAboveWatermark(date) {
+        const { notificationsView } = this.profile.options;
         return !this.isImpersonating &&
-            this.profile.options.notificationsView !== undefined &&
-            this.profile.options.notificationsView < date;
+            notificationsView !== undefined &&
+            notificationsView < date;
     }
     get primeryPalette() {
         return this._primarypalette;
@@ -7153,7 +7185,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 
 const DOCUMENT_MODEL = new InjectionToken('model');
 class MailboxService {
-    constructor(messaging, _session, _auth, _http) {
+    constructor(_session, _auth, _http) {
         this._session = _session;
         this._auth = _auth;
         this._http = _http;
@@ -7171,18 +7203,6 @@ class MailboxService {
                 this._change$.next(m);
             }));
         };
-        messaging.new$.
-            subscribe(m => {
-            if (m.userId !== _session.profile.userId)
-                return;
-            if (!_session.profile.inboxCount)
-                _session.profile.inboxCount = 0;
-            _session.profile.inboxCount++;
-            const folder = _session.profile.folders.find(f => f.name === m.model.folderId);
-            if (!folder.count)
-                folder.count = 0;
-            folder.count++;
-        });
     }
     async formatDownloadUrl(document, file) {
         let url = `/api/attachments/${document.documentId}/${file.id}`;
@@ -7208,12 +7228,12 @@ class MailboxService {
         return this._http.delete(`/api/attachments/${recipientId}/${fileId}`);
     }
     markAsRead(id, read, folderId, received) {
-        return this._http.put(`/api/mailbox/read/${id}`, undefined, { params: { read } }).pipe(tap(() => folderId && received && this._updateunreadcounter(received, folderId, read ? 1 : -1)));
+        return this._http.put(`/api/mailbox/read/${id}`, undefined, { params: { read } }).pipe(tap(() => folderId && received && this._updateUnreadWatermark(received, folderId, read ? 1 : -1)));
     }
     listComments(id, before) {
         return this._http.get(`/api/comments/${id}`, { params: { before: new Date(before).toJSON() } });
     }
-    updateRecipientTags(id, tags) {
+    updateTags(id, tags) {
         return this._http.put(`/api/mailbox/tag/${id}`, { tags }).pipe(tap(() => {
             this._change$.next({ id, tags });
         }));
@@ -7421,21 +7441,19 @@ class MailboxService {
      */
     get(id, read) {
         return this._http.get(`/api/mail/${id}`).pipe(tap((m) => read === false && m.read === true &&
-            this._updateunreadcounter(m.received, m.folderId, -1)));
+            this._updateUnreadWatermark(m.received, m.folderId, -1)));
     }
-    _updateunreadcounter(date, folderId, val) {
+    _updateUnreadWatermark(date, folderId, move) {
+        const { inboxCount, folders, options: { inboxView } } = this._session.profile;
         if (
         // date is above watermark
-        this._session.profile.options.inboxView &&
-            this._session.profile.options.inboxView < date) {
-            if (!this._session.profile.inboxCount)
-                this._session.profile.inboxCount = 0;
-            this._session.profile.inboxCount += val;
-        }
+        inboxView &&
+            inboxView < date)
+            this._session.profile.inboxCount = !inboxCount ? 0 :
+                inboxCount + move;
         // decrease
-        const folder = this._session.profile.folders.
-            find(f => f.name === folderId);
-        folder.count = Math.max(0, (folder.count || 0) + val);
+        const folder = folders.find(f => f.name === folderId);
+        folder.count = Math.max(0, (folder.count || 0) + move);
     }
     save(id, form, version, model, files) {
         //const fd = new FormData();
@@ -7471,7 +7489,7 @@ class MailboxService {
     delete(id) {
         return this._http.delete(`/api/mail/${id}`).pipe(tap(() => this._delete$.next(id)));
     }
-    toggleRemoveComment(id, value) {
+    toggleCommentHide(id, value) {
         return this._http.delete(`/api/comments/${id}?value=${value}`);
     }
     //post<T = any>(form: string, model?: T): Observable<RecipientModel<T>> {
@@ -7488,7 +7506,7 @@ class MailboxService {
         return this._geoLocation(form).pipe(switchMap(params => this._http.put(`/api/mail/${id}?version=${version}&go=true`, model, { params })), this._sync());
     }
     send(id, version, form, model, action, actionArgs, read, folderId, received) {
-        return this._geoLocation(form).pipe(switchMap(params => this._http.put(`/api/mail/${id}?version=${version}&action=${action}`, model, { params: { ...params, ...actionArgs } })), tap(() => read === false && received && folderId && this._updateunreadcounter(received, folderId, -1)), this._sync());
+        return this._geoLocation(form).pipe(switchMap(params => this._http.put(`/api/mail/${id}?version=${version}&action=${action}`, model, { params: { ...params, ...actionArgs } })), tap(() => read === false && received && folderId && this._updateUnreadWatermark(received, folderId, -1)), this._sync());
     }
     listEvents(starting, ending, contains) {
         return this._http.get(`/api/events`, {
@@ -7532,13 +7550,13 @@ class MailboxService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MailboxService, deps: [{ token: HubService }, { token: SessionService }, { token: AuthenticationImpl }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MailboxService, deps: [{ token: SessionService }, { token: AuthenticationImpl }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MailboxService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MailboxService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: HubService }, { type: SessionService }, { type: AuthenticationImpl }, { type: i1.HttpClient }] });
+        }], ctorParameters: () => [{ type: SessionService }, { type: AuthenticationImpl }, { type: i1.HttpClient }] });
 function isHttpResponse(event) {
     return event.type === HttpEventType.Response;
 }
@@ -7878,8 +7896,8 @@ class MaterialModule {
             MatProgressSpinnerModule, MatListModule, MatSidenavModule,
             MatToolbarModule, MatAutocompleteModule, MatSelectModule,
             MatSlideToggleModule, MatSnackBarModule, MatButtonModule,
-            MatCheckboxModule, MatInputModule,
-            MatFormFieldModule, MatIconModule, MatMenuModule, LayoutModule], exports: [LayoutModule,
+            MatCheckboxModule, MatInputModule, MatTimepickerModule,
+            MatFormFieldModule, MatIconModule, MatMenuModule, LayoutModule], exports: [LayoutModule, MatTimepickerModule,
             CdkScrollableModule,
             OverlayModule, PortalModule,
             MatChipsModule, DragDropModule,
@@ -7925,8 +7943,8 @@ class MaterialModule {
             MatProgressSpinnerModule, MatListModule, MatSidenavModule,
             MatToolbarModule, MatAutocompleteModule, MatSelectModule,
             MatSlideToggleModule, MatSnackBarModule, MatButtonModule,
-            MatCheckboxModule, MatInputModule,
-            MatFormFieldModule, MatIconModule, MatMenuModule, LayoutModule, LayoutModule,
+            MatCheckboxModule, MatInputModule, MatTimepickerModule,
+            MatFormFieldModule, MatIconModule, MatMenuModule, LayoutModule, LayoutModule, MatTimepickerModule,
             CdkScrollableModule,
             OverlayModule, PortalModule,
             MatChipsModule, DragDropModule,
@@ -7957,10 +7975,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         MatProgressSpinnerModule, MatListModule, MatSidenavModule,
                         MatToolbarModule, MatAutocompleteModule, MatSelectModule,
                         MatSlideToggleModule, MatSnackBarModule, MatButtonModule,
-                        MatCheckboxModule, MatInputModule,
+                        MatCheckboxModule, MatInputModule, MatTimepickerModule,
                         MatFormFieldModule, MatIconModule, MatMenuModule, LayoutModule
                     ],
-                    exports: [LayoutModule,
+                    exports: [LayoutModule, MatTimepickerModule,
                         CdkScrollableModule,
                         OverlayModule, PortalModule,
                         MatChipsModule, DragDropModule,
@@ -8124,10 +8142,9 @@ const FILTER_DEBOUNCE = 250;
 /** browse-filter component*/
 class BrowseFilterComponent {
     /** browse-filter ctor */
-    constructor(_fb, _session, _cd, _mailbox, _accounts, _config) {
+    constructor(_fb, _session, _mailbox, _accounts, _config) {
         this._fb = _fb;
         this._session = _session;
-        this._cd = _cd;
         this._mailbox = _mailbox;
         this._accounts = _accounts;
         this._config = _config;
@@ -8172,9 +8189,6 @@ class BrowseFilterComponent {
     ngAfterViewInit() {
         this.focus();
     }
-    displayName(val) {
-        return isObject(val) ? val.name : null;
-    }
     change(axis, evt) {
         this.form.get(axis).setValue(evt.option.value.key);
     }
@@ -8187,38 +8201,33 @@ class BrowseFilterComponent {
         cleanup(value);
         this.valuesChange.emit(value);
     }
-    toggleTag(evt) {
-        //const tag = (evt.value as Tag)?.name;
-        //this.form.controls.tags.setValue(this.form.controls.tags.value !== tag ? tag : null);
-    }
-    displayFn(item) {
-        return item ? item.name : undefined;
+    displayFn(person) {
+        return person ? person.name : undefined;
     }
     drop(evt) {
         evt.item.data;
     }
     senderSelected(e) {
-        const info = e.option.value;
-        this.form.patchValue({ senderId: info ? info.id : null });
+        const person = e.option.value;
+        this.form.patchValue({ senderId: person ? person.id : null });
     }
     focus() {
         if (this.containsEl)
-            this.containsEl.nativeElement.focus();
-        else if (this.senderEl)
-            this.senderEl.nativeElement.focus();
-        //this._cd.detectChanges();
+            this.containsEl.focus();
+        else
+            this.senderEl.focus();
     }
     ngOnDestroy() {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BrowseFilterComponent, deps: [{ token: i1$2.FormBuilder }, { token: SessionService }, { token: i0.ChangeDetectorRef }, { token: MailboxService }, { token: AccountService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BrowseFilterComponent, isStandalone: false, selector: "bizdoc-browse-filter", inputs: { values: "values", folderId: "folderId", exclude: "exclude" }, outputs: { valuesChange: "valuesChange" }, viewQueries: [{ propertyName: "chips", first: true, predicate: MatChipListbox, descendants: true, static: true }, { propertyName: "containsEl", first: true, predicate: ["contains"], descendants: true, read: ElementRef, static: true }, { propertyName: "senderEl", first: true, predicate: ["sender"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"column gap\" autocomplete=\"off\">\r\n  <!--@if (!exclude || exclude.indexOf('contains') < 0) {\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput formControlName=\"contains\" [placeholder]=\"'Contains' | translate\" #contains>\r\n    @if (form.value.contains) {\r\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n    }\r\n  </mat-form-field>\r\n  }-->\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"sendername\" #sender />\r\n    <mat-autocomplete #senders [displayWith]=\"displayName\" (optionSelected)=\"senderSelected($event)\">\r\n      @for (u of senders$ | async; track u.id) {\r\n      <mat-option [value]=\"u\">\r\n        <span>{{u.name}}</span>\r\n      </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    @if (sendername.value) {\r\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\r\n    }\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"stateId\" multiple>\r\n      <mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>\r\n      @for (s of states; track s.name) {\r\n      <mat-option [value]=\"s.name\">\r\n        {{s.title}}\r\n      </mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"formId\">\r\n      <mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>\r\n      @for (f of forms; track f.name) {\r\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-label>{{'Received' | translate}}</mat-label>\r\n    <mat-date-range-input  [rangePicker]=\"datePicker\" [formGroup]=\"form\">\r\n      <input matStartDate [placeholder]=\"'StartDate'| translate\" formControlName=\"fromDate\">\r\n      <input matEndDate [placeholder]=\"'EndDate' | translate\" formControlName=\"toDate\">\r\n    </mat-date-range-input>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"datePicker\"></mat-datepicker-toggle>\r\n    <mat-date-range-picker #datePicker></mat-date-range-picker>\r\n  </mat-form-field>\r\n  <mat-chip-listbox id=\"tags\" [multiple]=true formControlName=\"tags\">\r\n    @for (tag of tags; track tag.name) {\r\n    <mat-chip-option [value]=\"tag.name\" [highlighted]=false>\r\n      @if(tag.icon) {\r\n      <mat-icon matChipAvatar>{{tag.icon}}</mat-icon>\r\n      }\r\n      {{tag.title || tag.name}}\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  @if (filters) {\r\n  <bizdoc-cube-filter class=\"cube-filter\"\r\n                      [cube]=\"filters.cube\"\r\n                      [include]=\"filters.axes\"\r\n                      [axes]=\"values\"\r\n                      [autofocus]=\"false\"\r\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\r\n  }\r\n</form>\r\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "component", type: i2$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$4.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$4.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i2$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes", "autofocus"], outputs: ["axesChange"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BrowseFilterComponent, deps: [{ token: i1$2.FormBuilder }, { token: SessionService }, { token: MailboxService }, { token: AccountService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BrowseFilterComponent, isStandalone: false, selector: "bizdoc-browse-filter", inputs: { values: "values", folderId: "folderId", exclude: "exclude" }, outputs: { valuesChange: "valuesChange" }, viewQueries: [{ propertyName: "chips", first: true, predicate: MatChipListbox, descendants: true, static: true }, { propertyName: "containsEl", first: true, predicate: ["contains"], descendants: true, read: MatInput, static: true }, { propertyName: "senderEl", first: true, predicate: ["sender"], descendants: true, read: MatInput, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"column gap\" autocomplete=\"off\">\r\n  <!--@if (!exclude || exclude.indexOf('contains') < 0) {\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput formControlName=\"contains\" [placeholder]=\"'Contains' | translate\" #contains>\r\n    @if (form.value.contains) {\r\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n    }\r\n  </mat-form-field>\r\n  }-->\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"sendername\" #sender />\r\n    <mat-autocomplete #senders [displayWith]=\"displayFn\" (optionSelected)=\"senderSelected($event)\">\r\n      @for (u of senders$ | async; track u.id) {\r\n      <mat-option [value]=\"u\">\r\n        <span>{{u.name}}</span>\r\n      </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    @if (sendername.value) {\r\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\r\n    }\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"stateId\" multiple>\r\n      <!--<mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>-->\r\n      @for (s of states; track s.name) {\r\n      <mat-option [value]=\"s.name\">\r\n        {{s.title}}\r\n      </mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"formId\">\r\n      <mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>\r\n      @for (f of forms; track f.name) {\r\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-label>{{'Received' | translate}}</mat-label>\r\n    <mat-date-range-input  [rangePicker]=\"datePicker\" [formGroup]=\"form\">\r\n      <input matStartDate [placeholder]=\"'StartDate'| translate\" formControlName=\"fromDate\">\r\n      <input matEndDate [placeholder]=\"'EndDate' | translate\" formControlName=\"toDate\">\r\n    </mat-date-range-input>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"datePicker\"></mat-datepicker-toggle>\r\n    <mat-date-range-picker #datePicker></mat-date-range-picker>\r\n  </mat-form-field>\r\n  <mat-chip-listbox id=\"tags\" [multiple]=true formControlName=\"tags\">\r\n    @for (tag of tags; track tag.name) {\r\n    <mat-chip-option [value]=\"tag.name\" [highlighted]=false>\r\n      @if(tag.icon) {\r\n      <mat-icon matChipAvatar>{{tag.icon}}</mat-icon>\r\n      }\r\n      {{tag.title || tag.name}}\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  @if (filters) {\r\n  <bizdoc-cube-filter class=\"cube-filter\"\r\n                      [cube]=\"filters.cube\"\r\n                      [include]=\"filters.axes\"\r\n                      [axes]=\"values\"\r\n                      [autofocus]=\"false\"\r\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\r\n  }\r\n</form>\r\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "component", type: i2$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$4.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$4.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i2$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes", "autofocus"], outputs: ["axesChange"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BrowseFilterComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'bizdoc-browse-filter', template: "<form [formGroup]=\"form\" class=\"column gap\" autocomplete=\"off\">\r\n  <!--@if (!exclude || exclude.indexOf('contains') < 0) {\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput formControlName=\"contains\" [placeholder]=\"'Contains' | translate\" #contains>\r\n    @if (form.value.contains) {\r\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n    }\r\n  </mat-form-field>\r\n  }-->\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"sendername\" #sender />\r\n    <mat-autocomplete #senders [displayWith]=\"displayName\" (optionSelected)=\"senderSelected($event)\">\r\n      @for (u of senders$ | async; track u.id) {\r\n      <mat-option [value]=\"u\">\r\n        <span>{{u.name}}</span>\r\n      </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    @if (sendername.value) {\r\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\r\n    }\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"stateId\" multiple>\r\n      <mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>\r\n      @for (s of states; track s.name) {\r\n      <mat-option [value]=\"s.name\">\r\n        {{s.title}}\r\n      </mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"formId\">\r\n      <mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>\r\n      @for (f of forms; track f.name) {\r\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-label>{{'Received' | translate}}</mat-label>\r\n    <mat-date-range-input  [rangePicker]=\"datePicker\" [formGroup]=\"form\">\r\n      <input matStartDate [placeholder]=\"'StartDate'| translate\" formControlName=\"fromDate\">\r\n      <input matEndDate [placeholder]=\"'EndDate' | translate\" formControlName=\"toDate\">\r\n    </mat-date-range-input>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"datePicker\"></mat-datepicker-toggle>\r\n    <mat-date-range-picker #datePicker></mat-date-range-picker>\r\n  </mat-form-field>\r\n  <mat-chip-listbox id=\"tags\" [multiple]=true formControlName=\"tags\">\r\n    @for (tag of tags; track tag.name) {\r\n    <mat-chip-option [value]=\"tag.name\" [highlighted]=false>\r\n      @if(tag.icon) {\r\n      <mat-icon matChipAvatar>{{tag.icon}}</mat-icon>\r\n      }\r\n      {{tag.title || tag.name}}\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  @if (filters) {\r\n  <bizdoc-cube-filter class=\"cube-filter\"\r\n                      [cube]=\"filters.cube\"\r\n                      [include]=\"filters.axes\"\r\n                      [axes]=\"values\"\r\n                      [autofocus]=\"false\"\r\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\r\n  }\r\n</form>\r\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: SessionService }, { type: i0.ChangeDetectorRef }, { type: MailboxService }, { type: AccountService }, { type: undefined, decorators: [{
+            args: [{ standalone: false, selector: 'bizdoc-browse-filter', template: "<form [formGroup]=\"form\" class=\"column gap\" autocomplete=\"off\">\r\n  <!--@if (!exclude || exclude.indexOf('contains') < 0) {\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput formControlName=\"contains\" [placeholder]=\"'Contains' | translate\" #contains>\r\n    @if (form.value.contains) {\r\n    <button matSuffix mat-icon-button aria-label=\"\" (click)=\"form.controls.contains.setValue(null)\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n    }\r\n  </mat-form-field>\r\n  }-->\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <input matInput [matAutocomplete]=\"senders\" [placeholder]=\"'Sender' | translate\" [formControl]=\"sendername\" #sender />\r\n    <mat-autocomplete #senders [displayWith]=\"displayFn\" (optionSelected)=\"senderSelected($event)\">\r\n      @for (u of senders$ | async; track u.id) {\r\n      <mat-option [value]=\"u\">\r\n        <span>{{u.name}}</span>\r\n      </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n    @if (sendername.value) {\r\n    <button matSuffix mat-icon-button (click)=\"clearSender()\"><mat-icon>clear</mat-icon></button>\r\n    }\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Status'|translate\" formControlName=\"stateId\" multiple>\r\n      <!--<mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>-->\r\n      @for (s of states; track s.name) {\r\n      <mat-option [value]=\"s.name\">\r\n        {{s.title}}\r\n      </mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-select [placeholder]=\"'Form' | translate\" formControlName=\"formId\">\r\n      <mat-option>\r\n        {{ 'All' | translate }}\r\n      </mat-option>\r\n      @for (f of forms; track f.name) {\r\n      <mat-option [value]=\"f.name\">{{f.title}}</mat-option>\r\n      }\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-form-field subscriptSizing=\"dynamic\">\r\n    <mat-label>{{'Received' | translate}}</mat-label>\r\n    <mat-date-range-input  [rangePicker]=\"datePicker\" [formGroup]=\"form\">\r\n      <input matStartDate [placeholder]=\"'StartDate'| translate\" formControlName=\"fromDate\">\r\n      <input matEndDate [placeholder]=\"'EndDate' | translate\" formControlName=\"toDate\">\r\n    </mat-date-range-input>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"datePicker\"></mat-datepicker-toggle>\r\n    <mat-date-range-picker #datePicker></mat-date-range-picker>\r\n  </mat-form-field>\r\n  <mat-chip-listbox id=\"tags\" [multiple]=true formControlName=\"tags\">\r\n    @for (tag of tags; track tag.name) {\r\n    <mat-chip-option [value]=\"tag.name\" [highlighted]=false>\r\n      @if(tag.icon) {\r\n      <mat-icon matChipAvatar>{{tag.icon}}</mat-icon>\r\n      }\r\n      {{tag.title || tag.name}}\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  @if (filters) {\r\n  <bizdoc-cube-filter class=\"cube-filter\"\r\n                      [cube]=\"filters.cube\"\r\n                      [include]=\"filters.axes\"\r\n                      [axes]=\"values\"\r\n                      [autofocus]=\"false\"\r\n                      (axesChange)=\"axesChange($event)\"></bizdoc-cube-filter>\r\n  }\r\n</form>\r\n", styles: [".cube-filter ::ng-deep form{padding:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: SessionService }, { type: MailboxService }, { type: AccountService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
                 }] }], propDecorators: { values: [{
@@ -8234,10 +8243,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 args: [MatChipListbox, { static: true }]
             }], containsEl: [{
                 type: ViewChild,
-                args: ['contains', { static: true, read: ElementRef }]
+                args: ['contains', { static: true, read: MatInput }]
             }], senderEl: [{
                 type: ViewChild,
-                args: ['sender', { static: true, read: ElementRef }]
+                args: ['sender', { static: true, read: MatInput }]
             }] } });
 
 /** */
@@ -8352,23 +8361,23 @@ class ChatInfo {
         this._nav(userId, contact, options);
     }
     _nav(userId, contact, options) {
-        if (this._config && this._config.app) {
-            const { app } = this._config;
-            if (isString(app)) {
-                const url = app.indexOf('{0}') > -1 ? app.formatArgs(userId) : `${app}${userId}`;
+        if (this._config && this._config.url) {
+            const { url } = this._config;
+            if (isString(url)) {
+                const path = url.indexOf('{0}') > -1 ? url.formatArgs(userId) : `${url}${userId}`;
                 //  const anchor = document.createElement('a');
                 //  anchor.href = app.formatArgs(userId);
                 //  anchor.style.display = 'none';
                 //  anchor.target = '_blank';
                 //  document.appendChild(anchor);
                 //  anchor.click();
-                window.open(url, '_blank');
+                window.open(path, '_blank');
             }
             else
                 this._account.get(userId).subscribe(p => {
-                    const url = app(p);
-                    isString(url) &&
-                        window.open(url, '_blank');
+                    const path = url(p);
+                    isString(path) &&
+                        window.open(path, '_blank');
                 });
         }
         else if (this._isMobile)
@@ -9348,7 +9357,7 @@ class BrowseItemsComponent {
         this._retrieve(mail).subscribe(item => {
             if (item.tags && item.tags.indexOf(tag) > -1)
                 return;
-            this._mailbox.updateRecipientTags(mail.id, item.tags).subscribe(() => {
+            this._mailbox.updateTags(mail.id, item.tags).subscribe(() => {
                 if (!item.tags)
                     item.tags = [tag];
                 else
@@ -9745,7 +9754,7 @@ class TagsComponent {
         setTimeout(() => this.inputElement.nativeElement.focus());
     }
     _save() {
-        this._mailbox.updateRecipientTags(this._data.id, this._data.tags.map(t => t.name)).subscribe();
+        this._mailbox.updateTags(this._data.id, this._data.tags.map(t => t.name)).subscribe();
     }
     add(event) {
         if (!this.auto.isOpen) {
@@ -13540,7 +13549,7 @@ class CommentComponent {
         return this._popup.open(component, this.bodyElement, { position: 'start', data });
     }
     delete(value) {
-        this._mailbox.toggleRemoveComment(this.item.id, value).subscribe({
+        this._mailbox.toggleCommentHide(this.item.id, value).subscribe({
             next: () => {
                 this.item.deleted = value;
                 this.deleted.emit(value);
@@ -18271,7 +18280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 
 class NotificationsService {
-    constructor(_http, messaging, _session) {
+    constructor(_http, _session) {
         this._http = _http;
         this._session = _session;
     }
@@ -18292,13 +18301,14 @@ class NotificationsService {
             params
         });
     }
-    read(id, date, read) {
+    markAsRead(id, date, read) {
         return this._http.put(`/api/notifications/${id}?read=${read}`, {}, { headers: { 'no-progress': 'true' } }).pipe(tap(() => {
-            if (this._session.isAboveWatermark(date)) {
-                if (!this._session.profile.messagesCount)
-                    this._session.profile.messagesCount = 0;
-                this._session.profile.messagesCount--;
-            }
+            const { messagesCount, options: { notificationsView } } = this._session.profile;
+            if (!this._session.isImpersonating &&
+                notificationsView !== undefined &&
+                notificationsView < date)
+                this._session.profile.messagesCount = !messagesCount ? 0 :
+                    messagesCount - 1;
         }));
     }
     get(id) {
@@ -18310,13 +18320,13 @@ class NotificationsService {
     delete(id) {
         return this._http.delete(`/api/notifications/${id}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: NotificationsService, deps: [{ token: i1.HttpClient }, { token: HubService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: NotificationsService, deps: [{ token: i1.HttpClient }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: NotificationsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: NotificationsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: HubService }, { type: SessionService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: SessionService }] });
 
 class NotificationsComponentBase {
     constructor() {
@@ -18419,7 +18429,7 @@ class NotificationsTableComponent extends NotificationsComponentBase {
     }
     read(item, read) {
         if (item.read !== read)
-            this._service.read(item.id, item.sent, read).subscribe(() => item.read = read);
+            this._service.markAsRead(item.id, item.sent, read).subscribe(() => item.read = read);
     }
     isMuted(item) {
         return this._service.get(item.id).pipe(map(i => i.muted));
@@ -19450,7 +19460,7 @@ class HomeBase {
         this.profile = this._session.profile;
         this.schedulerEnabled = config.scheduler !== false;
         this.chatEnabled = config.chat !== false &&
-            (!config.chat || !config.chat.app);
+            (!config.chat || !config.chat.url);
         if (config.appLogo) {
             this.appLogo = inject(DomSanitizer).bypassSecurityTrustResourceUrl(config.appLogo);
         }
@@ -19464,43 +19474,29 @@ class HomeBase {
             const { model: { formId: name, subject, number, pending } } = m;
             if (!pending)
                 return;
-            const form = this._session.profile.forms.find(f => f.name === name), msg = this._translate.get('NewMail', form.title, number, subject || '');
-            this._snackBar.open(msg, m.userId === this._session.profile.userId ? this._translate.get('OpenNew') : undefined, {
+            const { userId, forms, options: { notifications } } = this._session.profile;
+            const form = forms.find(f => f.name === name), msg = this._translate.get('NewMail', form.title, number, subject || ''), action = m.userId === userId ? this._translate.get('OpenNew') : undefined;
+            this._snackBar.open(msg, action, {
                 duration: 5000,
                 direction: this._session.direction,
                 politeness: 'assertive'
-            }).onAction().subscribe(() => this.onNewMessage(m.model));
-            this._session.profile.options.notifications.sound &&
+            }).onAction().subscribe(() => this.navToMessage(m.model));
+            notifications.sound &&
                 playAudio('notification_simple-01');
         });
+        //
         this._messaging.notify$.subscribe(n => {
-            this._session.profile.options.notifications.sound &&
-                playAudio('notification_simple-01');
-            this._session.profile.messages.push(n.model);
-            if (!this._session.profile.messagesCount)
-                this._session.profile.messagesCount = 0;
-            this._session.profile.messagesCount++;
-        });
-        this._messaging.updateNotify$.subscribe(e => {
-            const item = this._session.profile.messages.find(n => n.id === e.model.id);
-            if (item)
-                Object.assign(item, e.model);
-            else
-                this._session.profile.messages.push(e.model);
-            if (e.originalRead !== undefined && e.model.read !== e.originalRead &&
-                this._session.isAboveWatermark(e.model.sent)) {
-                const val = e.model.read ? -1 : 1;
-                if (!this._session.profile.messagesCount)
-                    this._session.profile.messagesCount = 0;
-                this._session.profile.messagesCount += val;
-            }
+            const { options: { notifications }, messages, messagesCount } = this._session.profile;
+            notifications.sound && playAudio('notification_simple-01');
         });
+        //
         if (this._session.isImpersonating)
             this._snackBar.open(this._translate.get('Impersonating', this._session.profile.name), undefined, {
                 duration: TOAST_DURATION,
                 verticalPosition: 'top',
                 direction: this._session.direction
             });
+        //
         else if (this._session.isOutOfOffice) {
             const options = this._session.profile.options.outOfOffice;
             this._snackBar.openFromComponent(OutOfOfficeToast, {
@@ -19597,7 +19593,7 @@ class QuickNotificationsComponent extends NotificationsComponentBase {
     open(item, evt) {
         if (evt.target.tagName !== 'MAT-ICON') {
             if (!item.read)
-                this._service.read(item.id, item.sent, true).subscribe(() => item.read = true);
+                this._service.markAsRead(item.id, item.sent, true).subscribe(() => item.read = true);
             this._popupRef.close();
         }
     }
@@ -21336,7 +21332,7 @@ class HomeComponent extends HomeBase {
         this.subMenu = null;
         this.collapseSubMenu();
     }
-    onNewMessage(model) {
+    navToMessage(model) {
         this._router.navigate(['mailbox/i', model.id.encodeId()], {
             state: { item: model },
             policy: OpenPolicy.Clear
@@ -21638,7 +21634,7 @@ class HomeMobileComponent extends HomeBase {
             setTimeout(() => this.composeState = 'done', 500);
         });
     }
-    onNewMessage(model) {
+    navToMessage(model) {
         this._router.navigate(['mailbox/i', model.id.encodeId()], {
             state: { item: model }
         });
@@ -27372,188 +27368,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 type: Input
             }] } });
 
-const TIME_FORMAT = /\d{1,2}:\d{1,2}/, DATE_FORMAT = /\d{4}-\d\d-\d\dT\d\d:\d{2}/;
-function generateValues() {
-    const times = [];
-    let h = 0;
-    while (h < 24) {
-        let m = 0;
-        while (m < 60) {
-            times.push(`${h}:${m}`);
-            m += 15;
-        }
-        h++;
-    }
-    return times;
-}
-class TimePicker {
-    static { this.nextId = 0; }
-    get empty() {
-        const value = this.control.value;
-        return !value;
-    }
-    get shouldLabelFloat() { return this.focused || !this.empty; }
-    get placeholder() { return this._placeholder; }
-    set placeholder(value) {
-        this._placeholder = value;
-        this.stateChanges.next();
-    }
-    get required() { return this._required; }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-        this.stateChanges.next();
-    }
-    get disabled() { return this._disabled; }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this._disabled ? this.control.disable() : this.control.enable();
-        this.stateChanges.next();
-    }
-    get value() {
-        const value = this.control.value;
-        return value;
-    }
-    set value(val) {
-        this._setValue(val, true);
-        this.stateChanges.next();
-    }
-    _setValue(val, emitEvent) {
-        if (val) {
-            if (isDate(val) || DATE_FORMAT.test(val)) {
-                val = new Date(val);
-                this.control.setValue(val.getHours() + ':' + val.getMinutes(), { emitEvent });
-            }
-            else
-                this.control.setValue(TIME_FORMAT.exec(val)[0], { emitEvent });
-        }
-        else
-            this.control.reset();
-    }
-    constructor(_focusMonitor, _elementRef, ngControl) {
-        this._focusMonitor = _focusMonitor;
-        this._elementRef = _elementRef;
-        this.ngControl = ngControl;
-        this.controlType = 'time-picker';
-        this.id = `time-picker-${TimePicker.nextId++}`;
-        this.focused = false;
-        this.errorState = false;
-        this.describedBy = '';
-        this.onChange = (_) => { };
-        this.onTouched = () => { };
-        this._required = false;
-        this._disabled = false;
-        this.control = new FormControl(null);
-        this.stateChanges = new Subject();
-        this.options = generateValues();
-        this._destroy = new Subject();
-        _focusMonitor.monitor(_elementRef, true).subscribe(origin => {
-            if (this.focused && !origin) {
-                this.onTouched();
-            }
-            this.focused = !!origin;
-            this.stateChanges.next();
-        });
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-    }
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    onContainerClick(event) {
-        if (event.target.tagName !== 'INPUT')
-            this._elementRef.nativeElement.querySelector('input').focus();
-    }
-    writeValue(val) {
-        this._setValue(val, false);
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    ngOnInit() {
-        this.control.valueChanges.pipe(takeUntil(this._destroy)).
-            subscribe(v => {
-            this.errorState = !this._validate(v);
-            if (v && !this.errorState && this.dateControlName) {
-                const date = this._dateControl?.value;
-                date && this._appendTime(date);
-            }
-            this.onChange(this.value);
-        });
-        if (this.dateControlName) {
-            this._dateControl = this.ngControl.control.parent.get(this.dateControlName);
-            if (!this._dateControl)
-                throw `${this.controlType} dateControlName ${this.dateControlName}`;
-            this._dateControl.valueChanges.pipe(takeUntil(this._destroy)).
-                subscribe((v) => {
-                v && this.value && this._appendTime(v);
-            });
-        }
-    }
-    _appendTime(val) {
-        if (!isDate(val))
-            val = new Date(val);
-        const parts = this.value.split(':');
-        val.setHours(parseInt(parts[0]), parseInt(parts[1]));
-        this._dateControl?.setValue(val.toISOString(), { emitEvent: false });
-    }
-    _validate(val) {
-        if (!val)
-            return !this._required;
-        const parts = val.split(':');
-        if (parts.length > 2)
-            return false;
-        for (let i = 0; i < parts.length; i++) {
-            if (!/\d{1,2}/.test(parts[i]))
-                return false;
-            const part = parseInt(parts[i]);
-            if (isNaN(part))
-                return false;
-            else if (i === 0 && (part < 0 || part > 23))
-                return false;
-            else if (i === 1 && (part < 0 || part > 59))
-                return false;
-        }
-        return true;
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-        this._focusMonitor.stopMonitoring(this._elementRef);
-        this._destroy.next();
-        this._destroy.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TimePicker, deps: [{ token: i2$9.FocusMonitor }, { token: i0.ElementRef }, { token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: TimePicker, isStandalone: false, selector: "mat-time-picker", inputs: { dateControlName: "dateControlName", placeholder: "placeholder", required: "required", disabled: "disabled", value: "value" }, host: { properties: { "class.floating": "shouldLabelFloat", "id": "id", "attr.aria-describedby": "describedBy" } }, providers: [{ provide: MatFormFieldControl, useExisting: TimePicker }], ngImport: i0, template: "<input matInput type=\"text\" [matAutocomplete]=\"auto\" [formControl]=\"control\" [placeholder]=\"placeholder\">\r\n<mat-autocomplete #auto>\r\n  @for (o of options; track o) {\r\n    <mat-option [value]=\"o\">{{o}}</mat-option>\r\n  }\r\n</mat-autocomplete>\r\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TimePicker, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'mat-time-picker', providers: [{ provide: MatFormFieldControl, useExisting: TimePicker }], host: {
-                        '[class.floating]': 'shouldLabelFloat',
-                        '[id]': 'id',
-                        '[attr.aria-describedby]': 'describedBy'
-                    }, template: "<input matInput type=\"text\" [matAutocomplete]=\"auto\" [formControl]=\"control\" [placeholder]=\"placeholder\">\r\n<mat-autocomplete #auto>\r\n  @for (o of options; track o) {\r\n    <mat-option [value]=\"o\">{{o}}</mat-option>\r\n  }\r\n</mat-autocomplete>\r\n" }]
-        }], ctorParameters: () => [{ type: i2$9.FocusMonitor }, { type: i0.ElementRef }, { type: i1$2.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }], propDecorators: { dateControlName: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }] } });
-
 const COMBINATION_PICKER_BODY = new InjectionToken('combination_body');
 /** */
 class CombinationPickerBody {
@@ -30745,14 +30559,14 @@ let TimeField = class TimeField {
         this.max && this.control.addValidators(Validators.max(this.max));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TimeField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: TimeField, isStandalone: false, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatInput, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\r\n  <mat-form-field [appearance]=appearance [subscriptSizing]=\"subscriptSizing\">\r\n    <mat-label>{{label|localizedString}}</mat-label>\r\n    <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\r\n      [required]=\"required\">\r\n    </mat-time-picker>\r\n    @if (hint) {\r\n      <mat-hint> {{ hint|localizedString }}</mat-hint>\r\n    }\r\n    @if (control.hasError('required')) {\r\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n    }\r\n  </mat-form-field>\r\n} @else {\r\n  @if (control.value) {\r\n    <span>{{control.value | amDateFormat: 'll'}}</span>\r\n  }\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: TimePicker, selector: "mat-time-picker", inputs: ["dateControlName", "placeholder", "required", "disabled", "value"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: TimeField, isStandalone: false, selector: "ng-component", host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatInput, descendants: true }], ngImport: i0, template: "@if (mode==='compose') {\r\n<mat-form-field [appearance]=appearance [subscriptSizing]=\"subscriptSizing\">\r\n  <mat-label>{{label|localizedString}}</mat-label>\r\n  <input matInput [matTimepicker]=\"picker\" [placeholder]=\"placeholder|localizedString\" [formControl]=control>\r\n  <mat-timepicker-toggle matIconSuffix [for]=\"picker\" />\r\n  <mat-timepicker #picker />\r\n  @if (hint) {\r\n  <mat-hint> {{ hint|localizedString }}</mat-hint>\r\n  }\r\n  @if (control.hasError('required')) {\r\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n  }\r\n</mat-form-field>\r\n} @else {\r\n  @if (control.value) {\r\n    <span>{{control.value | amDateFormat: 'll'}}</span>\r\n  }\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$e.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i2$e.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i2$e.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 };
 TimeField = __decorate([
     BizDoc({ selector: 'time-control' })
 ], TimeField);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TimeField, decorators: [{
             type: Component,
-            args: [{ standalone: false, host: { class: 'field' }, template: "@if (mode==='compose') {\r\n  <mat-form-field [appearance]=appearance [subscriptSizing]=\"subscriptSizing\">\r\n    <mat-label>{{label|localizedString}}</mat-label>\r\n    <mat-time-picker [placeholder]=\"placeholder|localizedString\" [formControl]=control\r\n      [required]=\"required\">\r\n    </mat-time-picker>\r\n    @if (hint) {\r\n      <mat-hint> {{ hint|localizedString }}</mat-hint>\r\n    }\r\n    @if (control.hasError('required')) {\r\n      <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n    }\r\n  </mat-form-field>\r\n} @else {\r\n  @if (control.value) {\r\n    <span>{{control.value | amDateFormat: 'll'}}</span>\r\n  }\r\n}\r\n" }]
+            args: [{ standalone: false, host: { class: 'field' }, template: "@if (mode==='compose') {\r\n<mat-form-field [appearance]=appearance [subscriptSizing]=\"subscriptSizing\">\r\n  <mat-label>{{label|localizedString}}</mat-label>\r\n  <input matInput [matTimepicker]=\"picker\" [placeholder]=\"placeholder|localizedString\" [formControl]=control>\r\n  <mat-timepicker-toggle matIconSuffix [for]=\"picker\" />\r\n  <mat-timepicker #picker />\r\n  @if (hint) {\r\n  <mat-hint> {{ hint|localizedString }}</mat-hint>\r\n  }\r\n  @if (control.hasError('required')) {\r\n  <mat-error [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n  }\r\n</mat-form-field>\r\n} @else {\r\n  @if (control.value) {\r\n    <span>{{control.value | amDateFormat: 'll'}}</span>\r\n  }\r\n}\r\n" }]
         }], propDecorators: { input: [{
                 type: ViewChild,
                 args: [MatInput]
@@ -31257,24 +31071,18 @@ const CONTROLS_COMPONENTS$1 = [SignatureField, AddressField, ChecklistField, Rad
 /** common BizDoc components */
 class SharedModule {
     static forChild(config) {
-        const { formats, routingEngine, routes } = config || {};
-        routes && PANES_CONFIG.push(...routes);
-        const providers = [{
-                provide: MAT_DATE_FORMATS, useValue: {
-                    parse: {
-                        dateInput: 'LL',
-                    },
-                    display: {
-                        dateInput: (formats || {}).date || 'll',
-                        monthYearLabel: 'MMM YYYY',
-                        dateA11yLabel: 'LL',
-                        monthYearA11yLabel: 'MMMM YYYY',
-                    }
-                }
-            }];
-        if (routingEngine)
+        const { components, formats, routingEngine } = config || {};
+        components && registerComponents(components);
+        const providers = [
+            {
+                provide: BIZDOC_CONFIG,
+                useValue: config
+            },
+            materialFormatsProvider(formats)
+        ];
+        routingEngine &&
             providers.push({
-                provide: RouterImpl, useClass: routingEngine === 'ng' ? NgRouter : PaneRouter
+                provide: RouterImpl, useClass: NgRouter
             });
         return {
             ngModule: SharedModule,
@@ -31304,7 +31112,6 @@ class SharedModule {
             TypeSelect, TypeAutocomplete, Signature,
             AceInput, TimespanInput, AddressInput,
             FileInput,
-            TimePicker,
             LayoutComponent, StickyToolbar, VirtualTabs, Tab,
             TimeField, SignatureField, AddressField, RadioButtonField, ChecklistField, AxesPickerField, YesNoField, HtmlField, FileField, NumericField, AutocompleteField, CheckboxField, DateField, DateRangeField, ExpressionField,
             InputField, SelectField, SwitchField, TextareaField, ChipsField, TimespanField,
@@ -31406,7 +31213,6 @@ class SharedModule {
             AceInput,
             CombinationPicker, CombinationPool,
             TypeSelect, TypeAutocomplete,
-            TimePicker,
             DurationFormatPipe,
             DateRangePipe,
             TypeValuePipe,
@@ -31497,7 +31303,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         TypeSelect, TypeAutocomplete, Signature,
                         AceInput, TimespanInput, AddressInput,
                         FileInput,
-                        TimePicker,
                         LayoutComponent, StickyToolbar, VirtualTabs, Tab,
                         TimeField, SignatureField, AddressField, RadioButtonField, ChecklistField, AxesPickerField, YesNoField, HtmlField, FileField, NumericField, AutocompleteField, CheckboxField, DateField, DateRangeField, ExpressionField,
                         InputField, SelectField, SwitchField, TextareaField, ChipsField, TimespanField,
@@ -31620,7 +31425,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         AceInput,
                         CombinationPicker, CombinationPool,
                         TypeSelect, TypeAutocomplete,
-                        TimePicker,
                         DurationFormatPipe,
                         DateRangePipe,
                         TypeValuePipe,
@@ -31649,6 +31453,21 @@ registerComponents(CORE_COMPONENTS);
 registerComponents(CONTROLS_COMPONENTS$1);
 /* Syncfusion 30.x */
 registerLicense('Ngo9BigBOggjHTQxAR8/V1JEaF5cXmRCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdmWXhecXRdRmdYWUVyW0FWYEk=');
+function materialFormatsProvider(formats) {
+    return {
+        provide: MAT_DATE_FORMATS, useValue: {
+            parse: {
+                dateInput: 'LL',
+            },
+            display: {
+                dateInput: (formats || {}).date || 'll',
+                monthYearLabel: 'MMM YYYY',
+                dateA11yLabel: 'LL',
+                monthYearA11yLabel: 'MMMM YYYY',
+            }
+        }
+    };
+}
 
 class MobileModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -37885,50 +37704,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 
 const DEFAULT_ROUTE = 'dashboard';
 class BizDocModule {
-    static forChild(config) {
-        const { components, routes } = config;
-        registerComponents(components);
-        routes && PANES_CONFIG.push(...routes);
-        return {
-            ngModule: BizDocModule,
-            providers: [
-                { provide: PANES_DATA, useValue: PANES_CONFIG }
-            ]
-        };
-    }
     static forRoot(config) {
         const { formats, routes, components, defaultRoute } = config;
-        registerComponents(components);
+        components && registerComponents(components);
         const providers = [
             {
                 provide: BIZDOC_CONFIG,
                 useValue: config
             },
-            {
-                provide: MAT_DATE_FORMATS,
-                useValue: {
-                    parse: {
-                        dateInput: 'LL',
-                    },
-                    display: {
-                        dateInput: (formats || {}).date || 'll',
-                        monthYearLabel: 'MMM YYYY',
-                        dateA11yLabel: 'LL',
-                        monthYearA11yLabel: 'MMMM YYYY',
-                    }
-                }
-            },
+            materialFormatsProvider(formats),
         ];
         const redirectTo = defaultRoute ? isString(defaultRoute) ? defaultRoute : defaultRoute() : DEFAULT_ROUTE;
         if (isMobile()) {
             routes && MOBILE_CONFIG.push(...routes);
             MOBILE_CONFIG.push({ path: '', redirectTo, pathMatch: 'full' });
-            providers.push(provideRouter(MOBILE_CONFIG, withEnabledBlockingInitialNavigation()));
+            providers.push(provideRouter(MOBILE_CONFIG, withEnabledBlockingInitialNavigation()), {
+                provide: RouterImpl, useClass: NgRouter
+            });
         }
         else {
             routes && PANES_CONFIG.push(...routes);
             PANES_CONFIG.push({ path: '', redirectTo });
-            providers.push({ provide: PANES_DATA, useValue: PANES_CONFIG });
+            providers.push({ provide: PANES_DATA, useValue: PANES_CONFIG }, {
+                provide: RouterImpl, useClass: PaneRouter
+            });
         }
         return {
             ngModule: BizDocModule,
@@ -37947,7 +37746,7 @@ class BizDocModule {
             MobileModule,
             DesktopModule,
             SystemModule.forChild(),
-            SharedModule.forChild({ routingEngine: isMobile() ? 'ng' : 'pane' }), SharedModule,
+            SharedModule, SharedModule,
             MaterialModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BizDocModule, decorators: [{
@@ -37962,7 +37761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                         MobileModule,
                         DesktopModule,
                         SystemModule.forChild(),
-                        SharedModule.forChild({ routingEngine: isMobile() ? 'ng' : 'pane' })
+                        SharedModule
                     ],
                     providers: [],
                     exports: [
@@ -37991,5 +37790,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressControlDesigner, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AutocompleteControlDesigner, AvatarComponent, BIZDOC_CONFIG, BackNavigation, BizDoc, BizDocApp, BizDocComponentFactoryResolver, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, CheckboxControlDesigner, ChecklistControlDesigner, CollapseNavigation, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareGroupDirective, CompareGroupsWidget, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeItemResolveService, CubeMatrixComponent, CubeParallelComponent, CubePerformanceWidget, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateControlDesigner, DateFormatPipe, DateRangeControlDesigner, DateRangePipe, DesignerCubeFilterComponent, DesignerModule, DesignerRef, DifferencePipe, DocumentFactory, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, ExpressionFieldDesigner, FONT_FAMILY, FadeSlideInOut, FieldKind, FileControlDesigner, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideRef, GuideService, HelpTipComponent, HtmlFieldDesigner, INBOX, IdentityName, InputFieldDesigner, JoinPipe, JsonPipe, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NodeRef, NoneComponent, NotificationRef, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, OptionsComponent, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RadioButtonControlDesigner, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SelectControlDesigner, SessionService, ShakeAnimation, SharedModule, SignatureControlDesigner, SlotRouterDirective, SpContainer, StateDirective, StatePipe, StickyToolbar, SubstitutionComponent, SwapAnimation, Tab, TagsComponent, TagsControlDesigner, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimePicker, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, VirtualTabs, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, getMonthList, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, playAudio, programName, registerComponents };
+export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressControlDesigner, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AutocompleteControlDesigner, AvatarComponent, BIZDOC_CONFIG, BackNavigation, BizDoc, BizDocApp, BizDocComponentFactoryResolver, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, CheckboxControlDesigner, ChecklistControlDesigner, CollapseNavigation, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareGroupDirective, CompareGroupsWidget, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeItemResolveService, CubeMatrixComponent, CubeParallelComponent, CubePerformanceWidget, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateControlDesigner, DateFormatPipe, DateRangeControlDesigner, DateRangePipe, DesignerCubeFilterComponent, DesignerModule, DesignerRef, DifferencePipe, DocumentFactory, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, ExpressionFieldDesigner, FONT_FAMILY, FadeSlideInOut, FieldKind, FileControlDesigner, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideRef, GuideService, HelpTipComponent, HtmlFieldDesigner, INBOX, IdentityName, InputFieldDesigner, JoinPipe, JsonPipe, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NodeRef, NoneComponent, NotificationRef, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, OptionsComponent, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RadioButtonControlDesigner, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SelectControlDesigner, SessionService, ShakeAnimation, SharedModule, SignatureControlDesigner, SlotRouterDirective, SpContainer, StateDirective, StatePipe, StickyToolbar, SubstitutionComponent, SwapAnimation, Tab, TagsComponent, TagsControlDesigner, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, VirtualTabs, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, getMonthList, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, playAudio, programName, registerComponents };
 //# sourceMappingURL=bizdoc-core.mjs.map