@bizdoc/core 2.1.2 → 2.1.4

package/fesm2022/bizdoc-core.mjs

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, Component, Optional, Self, Input, Output, HostBinding, ViewChild, InjectionToken, Injectable, Inject, Injector, ViewContainerRef, Directive, Pipe, EventEmitter, ElementRef, HostListener, NgModule, ViewChildren, Host, SkipSelf, ViewEncapsulation, APP_INITIALIZER, ContentChild } from '@angular/core';
+import { TemplateRef, Component, Optional, Self, Input, Output, HostBinding, ViewChild, InjectionToken, Injectable, Inject, Injector, ViewContainerRef, Directive, Pipe, EventEmitter, ElementRef, HostListener, NgModule, ViewChildren, inject, Host, SkipSelf, ViewEncapsulation, APP_INITIALIZER, ContentChild } from '@angular/core';
 import * as i4 from '@angular/material/form-field';
 import { MatFormFieldControl, MatFormFieldModule, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import { Subject, merge, Observable, firstValueFrom, of, fromEvent, forkJoin, takeUntil, shareReplay as shareReplay$1, tap as tap$1, map as map$1, BehaviorSubject, interval, takeWhile, filter as filter$1, debounceTime as debounceTime$1, from, first as first$1, throwError, switchMap as switchMap$1, isObservable, startWith as startWith$1, EMPTY } from 'rxjs';
-import { filter, map, tap, shareReplay, takeUntil as takeUntil$1, debounceTime, switchMap, startWith, first, take, finalize, catchError } from 'rxjs/operators';
-import { ESCAPE, RIGHT_ARROW, LEFT_ARROW, ENTER, COMMA, UP_ARROW, DOWN_ARROW, SEMICOLON } from '@angular/cdk/keycodes';
+import { Subject, merge, Observable, firstValueFrom, of, fromEvent, forkJoin, takeUntil, shareReplay as shareReplay$1, tap as tap$1, map as map$1, BehaviorSubject, interval, takeWhile, catchError, filter as filter$1, debounceTime as debounceTime$1, from, first as first$1, throwError, switchMap as switchMap$1, isObservable, startWith as startWith$1, EMPTY } from 'rxjs';
+import { filter, map, tap, shareReplay, takeUntil as takeUntil$1, debounceTime, switchMap, startWith, first, take, finalize, catchError as catchError$1 } from 'rxjs/operators';
 import * as i5$6 from '@angular/cdk/portal';
 import { TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import * as i1 from '@angular/forms';
@@ -62,7 +61,7 @@ import * as i5$1 from '@angular/material/autocomplete';
 import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
 import { trigger, state, style, transition, animate, query, stagger, animateChild, keyframes } from '@angular/animations';
 import * as i1$4 from '@angular/router';
-import { NavigationStart as NavigationStart$1, ActivationEnd, RouterModule } from '@angular/router';
+import { NavigationStart as NavigationStart$1, ActivationEnd, ActivatedRouteSnapshot, RouterModule } from '@angular/router';
 import * as i2$4 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i8 from '@angular/material/snack-bar';
@@ -119,6 +118,7 @@ import customParseFormat from 'dayjs/plugin/customParseFormat';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
 import { Platform } from '@angular/cdk/platform';
 import { SelectionModel } from '@angular/cdk/collections';
+import { ENTER, COMMA, SEMICOLON } from '@angular/cdk/keycodes';
 import * as i12 from '@syncfusion/ej2-angular-charts';
 import { AccumulationChart, ChartModule, AccumulationChartModule, SparklineModule, RangeNavigatorModule, RangeTooltipService, AccumulationDistributionIndicatorService, FunnelSeriesService, StackingStepAreaSeriesService, PieSeriesService, PyramidSeriesService, LineSeriesService, ScatterSeriesService, ColumnSeriesService, SplineSeriesService, SplineAreaSeriesService, StripLineService, AreaSeriesService, ScrollBarService, StepLineSeriesService, StepAreaSeriesService, StackingColumnSeriesService, StackingLineSeriesService, StackingAreaSeriesService, BarSeriesService, StackingBarSeriesService, RangeColumnSeriesService, BubbleSeriesService, TooltipService, CrosshairService, CategoryService, DateTimeService, LogarithmicService, LegendService, ZoomService, DataLabelService, SelectionService, ChartAnnotationService, WaterfallSeriesService, RangeAreaSeriesService, PolarSeriesService, RadarSeriesService, DateTimeCategoryService, MultiLevelLabelService, ParetoSeriesService, TooltipRenderService, SparklineTooltipService, SplineRangeAreaSeriesService, AccumulationAnnotationService, AccumulationDataLabelService, AccumulationLegendService, AccumulationSelectionService, AccumulationTooltipService, RangeNavigator, AreaSeries, LineSeries, DateTime, RangeTooltip, Sparkline, SparklineTooltip, PieSeries, PyramidSeries, FunnelSeries, AccumulationDataLabel, AccumulationTooltip, AccumulationAnnotation, AccumulationLegend, AccumulationSelection, Chart as Chart$1, Category, Tooltip as Tooltip$1, Legend, Selection as Selection$1, Zoom, Crosshair, DataLabel, BarSeries, BubbleSeries, ColumnSeries, PolarSeries, RadarSeries, SplineSeries, SplineAreaSeries, ScatterSeries, StackingStepAreaSeries, StackingLineSeries, StackingAreaSeries, StackingColumnSeries, StackingBarSeries, StepAreaSeries, StepLineSeries, AccumulationChartComponent, ChartComponent } from '@syncfusion/ej2-angular-charts';
 import { Workbook } from '@syncfusion/ej2-excel-export';
@@ -605,7 +605,7 @@ class ColorPicker {
             hasBackdrop: true,
             backdropClass: 'cdk-overlay-transparent-backdrop'
         });
-        merge(ref.backdropClick(), ref.keydownEvents().pipe(filter(k => k.keyCode === ESCAPE))).subscribe(() => this.close());
+        merge(ref.backdropClick(), ref.keydownEvents().pipe(filter(k => k.key === 'Escape'))).subscribe(() => this.close());
         return ref;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ColorPicker, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i1$1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i3.Directionality }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -2666,7 +2666,7 @@ class TranslateService {
         if ('en' === this._session.language)
             return Promise.resolve();
         const observables = files.map(f => this._http.get('/assets/i18n/' + f.replace('{0}', culture)).pipe(tap(loadCldr)));
-        return forkJoin(observables).toPromise();
+        return firstValueFrom(forkJoin(observables));
     }
     get(key, ...args) {
         return this._get(key, this._gender, args);
@@ -4678,12 +4678,20 @@ function decoratorOfType(decoratedType, decoratorType) {
 }
 class BizDocComponentFactoryResolver {
     constructor() {
-        //_appRef
-        //  .componentTypes.forEach(t => {
+        //    _appRef
+        //    .componentTypes.forEach(t => {
+        //    const { selector } = reflectComponentType(t);
+        //var annotations = Reflect.getMetadata('annotations', this.constructor);
+        //var componentMetadata = annotations.find(annotation => {
+        //  return (annotation instanceof ComponentMetadata);
+        //});
+        //var selector = componentMetadata.selector // my-component
         //    const type = t['__bizdoc'] as ComponentType;
         //    REGISTRY[type.selector] = t;
-        //  });
+        // console.info(`${t.name} ${selector}`)//REGISTRY[selector] = t;
+        // });
         //this._factories = Array.from(_componentFactoryResolver['_factories'].keys());
+        //    _appRef.
     }
     component(componentSelector) {
         const comp = REGISTRY[componentSelector];
@@ -4930,8 +4938,7 @@ class GuideComponent {
                 withGrowAfterOpen();
             if (outOfBound(element)) {
                 element.scrollIntoView({ behavior: 'smooth' });
-                await interval(150).pipe(takeWhile(() => outOfBound(element))).
-                    toPromise();
+                await firstValueFrom(interval(150).pipe(takeWhile(() => outOfBound(element))));
             }
             execute &&
                 element.click();
@@ -4949,19 +4956,20 @@ class GuideComponent {
         this._data.name && localStorage.removeItem(this._data.name + '_guide_step');
     }
     keydown(evt) {
-        if (!this.working)
-            switch (evt.keyCode) {
-                case LEFT_ARROW:
-                    this._moveBy(this._session.direction === 'ltr' ? -1 : 1);
-                    break;
-                case RIGHT_ARROW:
-                    this._moveBy(this._session.direction === 'ltr' ? 1 : -1);
-                    break;
-                case ESCAPE:
-                    this.close();
-                    evt.stopPropagation();
-                    break;
-            }
+        if (this.working)
+            return;
+        switch (evt.key) {
+            case 'ArrowLeft':
+                this._moveBy(this._session.direction === 'ltr' ? -1 : 1);
+                break;
+            case 'ArrowRight':
+                this._moveBy(this._session.direction === 'ltr' ? 1 : -1);
+                break;
+            case 'Escape':
+                this.close();
+                evt.stopPropagation();
+                break;
+        }
     }
     next() {
         this._moveBy(1);
@@ -5391,27 +5399,29 @@ class MailboxService {
         //  // implementation
         //}
         return new Observable(observe => {
-            this._http.request(req).subscribe(event => {
-                if (event instanceof ProgressEvent) {
-                    //  observe.next(new UploadEvent(
-                    //    file.name,
-                    //    (event as ProgressEvent).loaded,
-                    //    (event as ProgressEvent).total
-                    //  ));
-                }
-                else if (event instanceof HttpResponse) {
-                    const res = event;
-                    if (res.status === 200) {
-                        const model = res.body;
-                        observe.next(model);
+            this._http.request(req).subscribe({
+                next: event => {
+                    if (event instanceof ProgressEvent) {
+                        //  observe.next(new UploadEvent(
+                        //    file.name,
+                        //    (event as ProgressEvent).loaded,
+                        //    (event as ProgressEvent).total
+                        //  ));
                     }
-                    else
-                        observe.error({ status: res.status, error: res.body });
+                    else if (event instanceof HttpResponse) {
+                        const res = event;
+                        if (res.status === 200) {
+                            const model = res.body;
+                            observe.next(model);
+                        }
+                        else
+                            observe.error({ status: res.status, error: res.body });
+                        observe.complete();
+                    }
+                }, error: e => {
+                    observe.error(e);
                     observe.complete();
                 }
-            }, e => {
-                observe.error(e);
-                observe.complete();
             });
             return {
                 unsubscribe() {
@@ -5438,25 +5448,27 @@ class MailboxService {
             const req = new HttpRequest('POST', url, fd, {
                 reportProgress: true,
             });
-            this._http.request(req).subscribe(event => {
-                if (event instanceof ProgressEvent) {
-                    // This is an upload progress event. Compute and show the % done:
-                    //const percentDone = Math.round(100 * event.loaded / event.total);
-                    //console.log(`File is ${percentDone}% uploaded.`);
-                }
-                else if (event instanceof HttpResponse) {
-                    const res = event;
-                    if (res.status === 200) {
-                        const model = res.body;
-                        observe.next(isArray(files) ? model : model[0]);
+            this._http.request(req).subscribe({
+                next: event => {
+                    if (event instanceof ProgressEvent) {
+                        // This is an upload progress event. Compute and show the % done:
+                        //const percentDone = Math.round(100 * event.loaded / event.total);
+                        //console.log(`File is ${percentDone}% uploaded.`);
                     }
-                    else
-                        observe.error({ status: res.status, error: res.body });
+                    else if (event instanceof HttpResponse) {
+                        const res = event;
+                        if (res.status === 200) {
+                            const model = res.body;
+                            observe.next(isArray(files) ? model : model[0]);
+                        }
+                        else
+                            observe.error({ status: res.status, error: res.body });
+                        observe.complete();
+                    }
+                }, error: e => {
+                    observe.error(e);
                     observe.complete();
                 }
-            }, e => {
-                observe.error(e);
-                observe.complete();
             });
             return {
                 unsubscribe() {
@@ -5482,10 +5494,10 @@ class MailboxService {
         return this._http.put(`/api/comments/viewed/${id}`, {}, { headers: { 'no-progress': 'true' } }).pipe(tap((e) => this._change$.next({ id, viewed: e.time })));
     }
     typing(id) {
-        return this._http.put(`/api/comments/typing/${id}`, {}, { headers: { 'no-progress': 'true' } }).toPromise();
+        return this._http.put(`/api/comments/typing/${id}`, {}, { headers: { 'no-progress': 'true' } });
     }
     editing(id) {
-        return this._http.put(`/api/mailbox/editing/${id}`, {}, { headers: { 'no-progress': 'true' } }).toPromise();
+        return this._http.put(`/api/mailbox/editing/${id}`, {}, { headers: { 'no-progress': 'true' } });
     }
     copy(id) {
         return this._http.post(`/api/mailbox/copy/${id}`, {});
@@ -5673,32 +5685,34 @@ class UploadEvent {
 }
 function reportProgress(attachment) {
     return (source) => new Observable(observe => {
-        source.subscribe(r => {
-            //TODO progress
-            //if (event instanceof ProgressEvent) {
-            //  observe.next(new UploadEvent(
-            //    file.name,
-            //    (event as ProgressEvent).loaded,
-            //    (event as ProgressEvent).total
-            //  ));
-            //} else if (event instanceof HttpResponse) {
-            //  const res = event as HttpResponse<any>;
-            //  if (res.status === 200) {
-            //    const model = res.body as Attachment;
-            //    observe.next(model);
-            //  }
-            //  else
-            //    observe.error({ status: res.status, error: res.body });
-            //  observe.complete();
-            //if (a instanceof UploadEvent) {
-            //  Object.assign(item, {
-            //    progress: a.loaded / a.total
-            //  });
-            //  return;
-            //}
-            observe.next(r);
-            observe.complete();
-        }, e => observe.error(e));
+        source.subscribe({
+            next: r => {
+                //TODO progress
+                //if (event instanceof ProgressEvent) {
+                //  observe.next(new UploadEvent(
+                //    file.name,
+                //    (event as ProgressEvent).loaded,
+                //    (event as ProgressEvent).total
+                //  ));
+                //} else if (event instanceof HttpResponse) {
+                //  const res = event as HttpResponse<any>;
+                //  if (res.status === 200) {
+                //    const model = res.body as Attachment;
+                //    observe.next(model);
+                //  }
+                //  else
+                //    observe.error({ status: res.status, error: res.body });
+                //  observe.complete();
+                //if (a instanceof UploadEvent) {
+                //  Object.assign(item, {
+                //    progress: a.loaded / a.total
+                //  });
+                //  return;
+                //}
+                observe.next(r);
+                observe.complete();
+            }, error: e => observe.error(e)
+        });
     });
 }
 class PositionError {
@@ -5822,8 +5836,9 @@ class ActionBase {
                 this._accounts.getAll(origin.map(r => r.userId)).subscribe(u => this._sb.toast('SentTo', number, (action.adjective || action.past || action.title).toLowerCase(), this._translate.join(u.map(u => u.name))));
             else
                 this._sb.toast('Sent', number, (action.adjective || action.past || action.title).toLowerCase());
-        }, e => {
+        }), catchError(e => {
             this._handleError(e, 'SendErr');
+            throw new Error();
         }));
     }
     _handleError(response, message, ...args) {
@@ -6039,12 +6054,14 @@ class ActionPicker extends ActionBase {
                 this.workingChange.emit(true);
                 this.working = true;
                 return super._ok(action, params).
-                    subscribe(() => {
-                    this.working = false;
-                    this.workingChange.emit(false);
-                }, e => {
-                    this.working = false;
-                    this.workingChange.emit(false);
+                    subscribe({
+                    next: () => {
+                        this.working = false;
+                        this.workingChange.emit(false);
+                    }, error: e => {
+                        this.working = false;
+                        this.workingChange.emit(false);
+                    }
                 });
             }
         });
@@ -6712,64 +6729,68 @@ class CubeService {
      */
     _decorate(cube, xAxis, series) {
         return (source) => new Observable(observe => {
-            source.subscribe(r => {
-                const observables = [];
-                const options = this._session.profile.cubes.find(c => c.name === cube);
-                const axisTypeMap = {};
-                options.axes.forEach(x => axisTypeMap[x.name] = x.dataType);
-                if (!r.length) {
-                    observe.next(r);
-                    observe.complete();
-                    return;
-                }
-                const base = r[0].points;
-                r.forEach((s, i) => {
-                    s.points.forEach(p => {
-                        if (!p.x)
-                            return;
-                        const pobservable = forkJoin(p.x.split(AXES_CODE_DIVIDER).map((k, j) => this._type.get(axisTypeMap[xAxis[j]], k))).
-                            pipe(tap(o => p.name = o.join(AXES_LABEL_DIVIDER)));
-                        observables.push(pobservable);
-                        if (i > 0) {
-                            let j = 0, missing = true;
-                            while (j < base.length) {
-                                let x = base[j].x;
-                                if (p.x === x) {
-                                    missing = false;
-                                    break;
+            source.subscribe({
+                next: r => {
+                    const observables = [];
+                    const options = this._session.profile.cubes.find(c => c.name === cube);
+                    const axisTypeMap = {};
+                    options.axes.forEach(x => axisTypeMap[x.name] = x.dataType);
+                    if (!r.length) {
+                        observe.next(r);
+                        observe.complete();
+                        return;
+                    }
+                    const base = r[0].points;
+                    r.forEach((s, i) => {
+                        s.points.forEach(p => {
+                            if (!p.x)
+                                return;
+                            const pobservable = forkJoin(p.x.split(AXES_CODE_DIVIDER).map((k, j) => this._type.get(axisTypeMap[xAxis[j]], k))).
+                                pipe(tap(o => p.name = o.join(AXES_LABEL_DIVIDER)));
+                            observables.push(pobservable);
+                            if (i > 0) {
+                                let j = 0, missing = true;
+                                while (j < base.length) {
+                                    let x = base[j].x;
+                                    if (p.x === x) {
+                                        missing = false;
+                                        break;
+                                    }
+                                    if (p.x < x)
+                                        break;
+                                    j++;
+                                }
+                                if (missing) {
+                                    const clone = { x: p.x, y: 0 };
+                                    base.splice(j, 0, clone);
+                                    const cobservable = forkJoin(p.x.split(AXES_CODE_DIVIDER).map((k, j) => this._type.get(axisTypeMap[xAxis[j]], k))).
+                                        pipe(tap(o => clone.name = o.join(AXES_LABEL_DIVIDER)));
+                                    observables.push(cobservable);
                                 }
-                                if (p.x < x)
-                                    break;
-                                j++;
-                            }
-                            if (missing) {
-                                const clone = { x: p.x, y: 0 };
-                                base.splice(j, 0, clone);
-                                const cobservable = forkJoin(p.x.split(AXES_CODE_DIVIDER).map((k, j) => this._type.get(axisTypeMap[xAxis[j]], k))).
-                                    pipe(tap(o => clone.name = o.join(AXES_LABEL_DIVIDER)));
-                                observables.push(cobservable);
                             }
+                        });
+                        if (s.index) {
+                            const index = options.indices.find(i => i.name === s.index);
+                            s.title = index.title;
+                        }
+                        else if (s.name) {
+                            const sobservable = forkJoin(s.name.split(AXES_CODE_DIVIDER).map((k, i) => this._type.get(axisTypeMap[series[i]], k))).pipe(tap(v => s.title = v.join(AXES_LABEL_DIVIDER)));
+                            observables.push(sobservable);
                         }
                     });
-                    if (s.index) {
-                        const index = options.indices.find(i => i.name === s.index);
-                        s.title = index.title;
-                    }
-                    else if (s.name) {
-                        const sobservable = forkJoin(s.name.split(AXES_CODE_DIVIDER).map((k, i) => this._type.get(axisTypeMap[series[i]], k))).pipe(tap(v => s.title = v.join(AXES_LABEL_DIVIDER)));
-                        observables.push(sobservable);
-                    }
-                });
-                if (observables.length)
-                    forkJoin(observables).subscribe(() => {
+                    if (observables.length)
+                        forkJoin(observables).subscribe({
+                            next: () => {
+                                observe.next(r);
+                                observe.complete();
+                            }, error: e => observe.error(e)
+                        });
+                    else {
                         observe.next(r);
                         observe.complete();
-                    }, e => observe.error(e));
-                else {
-                    observe.next(r);
-                    observe.complete();
-                }
-            }, e => observe.error(e));
+                    }
+                }, error: e => observe.error(e)
+            });
         });
     }
     /**
@@ -6779,27 +6800,31 @@ class CubeService {
     _decorateTable(cube, columns) {
         const ccube = this._session.profile.cubes.find(c => c.name === cube), axes = ccube.axes.filter(a => !columns || columns.indexOf(a.name) > -1);
         return (source) => new Observable(observe => {
-            source.subscribe(r => {
-                const observables = [];
-                r.forEach(row => axes.forEach(a => {
-                    const { name, dataType } = a, value = row[name];
-                    if (value !== undefined) {
-                        // keep key
-                        row['_' + name] = value;
-                        const observable = this._type.get(dataType, value).pipe(tap(v => row[name] = v || value));
-                        observables.push(observable);
-                    }
-                }));
-                if (observables.length)
-                    forkJoin(observables).subscribe(() => {
-                        observe.next(r);
+            source.subscribe({
+                next: r => {
+                    const observables = [];
+                    r.forEach(row => axes.forEach(a => {
+                        const { name, dataType } = a, value = row[name];
+                        if (value !== undefined) {
+                            // keep key
+                            row['_' + name] = value;
+                            const observable = this._type.get(dataType, value).pipe(tap(v => row[name] = v || value));
+                            observables.push(observable);
+                        }
+                    }));
+                    if (observables.length)
+                        forkJoin(observables).subscribe({
+                            next: () => {
+                                observe.next(r);
+                                observe.complete();
+                            }, error: e => observe.error(e)
+                        });
+                    else {
+                        observe.next([]);
                         observe.complete();
-                    }, e => observe.error(e));
-                else {
-                    observe.next([]);
-                    observe.complete();
-                }
-            }, e => observe.error(e));
+                    }
+                }, error: e => observe.error(e)
+            });
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeService, deps: [{ token: BIZDOC_CONFIG }, { token: i1$3.HttpClient }, { token: DatasourceService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -7125,7 +7150,9 @@ class PanesRouter {
     }
     navigate(commands, options) {
         return new Promise((resolve, reject) => {
-            this._events$.pipe(filter(e => e instanceof NavigationStart), first()).subscribe((e) => resolve(e.pane), reject);
+            this._events$.pipe(filter(e => e instanceof NavigationStart), first()).subscribe({
+                next: (e) => resolve(e.pane), error: reject
+            });
             this._navigate$.next(isArray(commands) ? { commands: commands, ...options } : { component: commands, ...options });
         });
     }
@@ -7254,7 +7281,7 @@ class ChatInfo {
     format(person) {
         if (this._config && isString(this._config.app)) {
             const { app } = this._config;
-            return `<a href="${app.formatArgs(person.id)}">${name}</a>`;
+            return `<a href="${app.formatArgs(person.id)}">${person.name} </a>`;
         }
         else if (this._config !== false)
             return `<a data-info="${person.id}">${person.name}</a>`;
@@ -7335,7 +7362,7 @@ class IdentityName {
      * @param e
      */
     chat(e) {
-        const userId = e.srcElement.getAttribute('data-info');
+        const userId = e.target.getAttribute('data-info');
         userId &&
             this._chat.open(userId, { mode: this.chating });
     }
@@ -7970,7 +7997,7 @@ class ExpandedItemComponent {
             target = await this._target(id);
         }
         if (substituteId) {
-            const substituting = await this._accounts.get(substituteId).toPromise();
+            const substituting = await firstValueFrom(this._accounts.get(substituteId));
             if (replied) {
                 const time = this._fromNow(replied), action = this._session.profile.actions.find(a => a.name === action), adjective = (action.adjective || action.title).toLowerCase();
                 if (target)
@@ -8025,12 +8052,12 @@ class ExpandedItemComponent {
             if ((origin.byId || origin.userId) === this._session.userId)
                 this.note = this._translate.get('ActionByYou', adjective);
             else if (origin.byId) {
-                const who = await this._accounts.get(origin.userId).toPromise();
-                const by = await this._accounts.get(origin.byId).toPromise();
+                const who = await firstValueFrom(this._accounts.get(origin.userId));
+                const by = await firstValueFrom(this._accounts.get(origin.byId));
                 this.note = this._translate.get('ActionByBy', adjective, by.name, who.name);
             }
             else {
-                const who = await this._accounts.get(origin.userId).toPromise();
+                const who = await firstValueFrom(this._accounts.get(origin.userId));
                 this.note = this._translate.get('ActionBy', adjective, who.name);
             }
         }
@@ -8040,7 +8067,7 @@ class ExpandedItemComponent {
                 if (ownerById === this._session.profile.byId)
                     this.note = this._translate.personalize('YouSubmittedNoteBy', this._session.profile.byGender, this._session.profile.name, time);
                 else {
-                    const by = await this._accounts.get(ownerById).toPromise();
+                    const by = await firstValueFrom(this._accounts.get(ownerById));
                     if (this._session.isImpersonating)
                         this.note = this._translate.personalize('SubmittedNoteBy', by.gender, this._formatUserElement(by), this._session.profile.name, time);
                     else
@@ -8058,8 +8085,7 @@ class ExpandedItemComponent {
     async _target(id) {
         const origin = this.model.recipients.filter(r => r.originId === id);
         if (origin.length) {
-            const users = await this._accounts.getAll(origin.map(r => r.userId)).
-                toPromise();
+            const users = await firstValueFrom(this._accounts.getAll(origin.map(r => r.userId)));
             return this._translate.join(users.map(u => this._formatUserElement(u)));
         }
     }
@@ -8092,7 +8118,7 @@ class ExpandedItemComponent {
         const { senderId } = this.model;
         // sender
         if (senderId && (senderId !== this._session.userId)) {
-            const who = await this._accounts.get(senderId).toPromise();
+            const who = await firstValueFrom(this._accounts.get(senderId));
             this.sender = this._formatUserElement(who);
         }
         this._comments();
@@ -8112,7 +8138,7 @@ class ExpandedItemComponent {
         recipients = recipients.filter((r, i) => recipients.indexOf(r) === i); /* unique */
         if (recipients.length > 0) {
             if (recipients.indexOf(this._session.userId) < 0 || recipients.length > 1) {
-                const users = await this._accounts.getAll(recipients.filter(r => r !== this._session.userId)).toPromise();
+                const users = await firstValueFrom(this._accounts.getAll(recipients.filter(r => r !== this._session.userId)));
                 const names = users.map(p => this._formatUserElement(p));
                 recipients.indexOf(this._session.userId) > -1 &&
                     names.push(this._translate.get('Yourself'));
@@ -8125,7 +8151,7 @@ class ExpandedItemComponent {
        * @param e
        */
     chat(e) {
-        const userId = e.srcElement.getAttribute('data-info');
+        const userId = e.target.getAttribute('data-info');
         userId &&
             this._chat.open(userId);
     }
@@ -8148,18 +8174,20 @@ class ExpandedItemComponent {
         }).afterClosed().subscribe(args => {
             if (args) {
                 this.mode = 'working';
-                this._mailbox.send(id, version, formId, null, action, args).subscribe(async (r) => {
-                    const caction = this._session.profile.actions.find(a => a.name === action), adjective = caction.adjective || caction.title;
-                    const target = await this._target(id);
-                    if (target)
-                        this._sb.toast('SentTo', number, adjective.toLowerCase(), target);
-                    else
-                        this._sb.toast('Sent', number, adjective.toLowerCase());
-                    this.sent.emit(this.model);
-                    this.mode = 'done';
-                }, e => {
-                    this._handleResponse(e, this.model, 'SendErr');
-                    this.mode = 'failed';
+                this._mailbox.send(id, version, formId, null, action, args).subscribe({
+                    next: async (r) => {
+                        const caction = this._session.profile.actions.find(a => a.name === action), adjective = caction.adjective || caction.title;
+                        const target = await this._target(id);
+                        if (target)
+                            this._sb.toast('SentTo', number, adjective.toLowerCase(), target);
+                        else
+                            this._sb.toast('Sent', number, adjective.toLowerCase());
+                        this.sent.emit(this.model);
+                        this.mode = 'done';
+                    }, error: e => {
+                        this._handleResponse(e, this.model, 'SendErr');
+                        this.mode = 'failed';
+                    }
                 });
             }
         });
@@ -8354,27 +8382,33 @@ class BrowseItemsComponent {
             });
         });
     }
-    open(item, evt) {
-        this._retrieve(item).subscribe(() => this.onopen.next(item), () => this._sb.error());
+    open(item, _) {
+        this._retrieve(item).subscribe({
+            next: () => this.onopen.next(item), error: () => this._sb.error()
+        });
     }
     view(item, evt) {
         evt.stopPropagation();
-        this._retrieve(item).subscribe(() => this.onview.next(item), () => this._sb.error());
+        this._retrieve(item).subscribe({
+            next: () => this.onview.next(item), error: () => this._sb.error()
+        });
     }
     refresh() {
         this._pendingItems = {};
         this._loading$.next(true);
         return this._mailbox.findAll({ ...this.filters, folderId: this.folderId, type: this.filterType }, { take: TAKE }).
             pipe(finalize(() => this._loading$.next(false))).
-            subscribe(r => {
-            this.selection.clear();
-            this.dataSource = new MatTableDataSource(r);
-            this.sort.active = this.sorting;
-            this.sort.start = this.direction;
-            this.dataSource.sort = this.sort;
-            this.dataSource.paginator = this.paginator;
-            this.paginator.pageIndex > 0 && this.paginator.firstPage();
-        }, () => this._sb.error());
+            subscribe({
+            next: r => {
+                this.selection.clear();
+                this.dataSource = new MatTableDataSource(r);
+                this.sort.active = this.sorting;
+                this.sort.start = this.direction;
+                this.dataSource.sort = this.sort;
+                this.dataSource.paginator = this.paginator;
+                this.paginator.pageIndex > 0 && this.paginator.firstPage();
+            }, error: () => this._sb.error()
+        });
     }
     _group(data) {
         const groups = {};
@@ -8407,10 +8441,12 @@ class BrowseItemsComponent {
     flag(item, evt) {
         const extra = item;
         extra.working = true;
-        this._mailbox.flag(item.id, !item.flag).subscribe(() => {
-            item.flag = !item.flag;
-            extra.working = false;
-        }, () => extra.working = false);
+        this._mailbox.flag(item.id, !item.flag).subscribe({
+            next: () => {
+                item.flag = !item.flag;
+                extra.working = false;
+            }, error: () => extra.working = false
+        });
         evt.stopPropagation();
     }
     get sorting() {
@@ -8439,10 +8475,12 @@ class BrowseItemsComponent {
     }
     toggleExpanded(item, event) {
         if (this.expandedElement != item) {
-            this._retrieve(item).subscribe(() => {
-                //playAudio('navigation_hover-tap');
-                this.expandedElement = item;
-            }, () => this._sb.error());
+            this._retrieve(item).subscribe({
+                next: () => {
+                    //playAudio('navigation_hover-tap');
+                    this.expandedElement = item;
+                }, error: () => this._sb.error()
+            });
         }
         else
             this.expandedElement = null;
@@ -8468,33 +8506,37 @@ class BrowseItemsComponent {
     _sharedActions() {
         if (this.selection.hasValue() && !this.isAllDraft()) {
             this.sharedActions = [];
-            forkJoin(this.selection.selected.map(i => this._retrieve(i))).subscribe((m) => {
-                if (!m[0].actions)
-                    return;
-                const actions = m[0].actions.slice();
-                for (let i = 1; i < m.length; i++) {
-                    let item = m[i];
-                    if (!item.actions)
+            forkJoin(this.selection.selected.map(i => this._retrieve(i))).subscribe({
+                next: (m) => {
+                    if (!m[0].actions)
                         return;
-                    for (let j = 0; j < actions.length; j++) {
-                        if (item.actions.indexOf(actions[j]) < 0)
-                            actions.splice(j, 1);
+                    const actions = m[0].actions.slice();
+                    for (let i = 1; i < m.length; i++) {
+                        let item = m[i];
+                        if (!item.actions)
+                            return;
+                        for (let j = 0; j < actions.length; j++) {
+                            if (item.actions.indexOf(actions[j]) < 0)
+                                actions.splice(j, 1);
+                        }
                     }
+                    this.sharedActions = this._session.profile.actions.filter(a => actions.indexOf(a.name) > -1 && (this.selection.selected.length === 1 || a.multiple !== false));
                 }
-                this.sharedActions = this._session.profile.actions.filter(a => actions.indexOf(a.name) > -1 && (this.selection.selected.length === 1 || a.multiple !== false));
-            }, undefined);
+            });
         }
         else
             this.sharedActions = [];
     }
     copy(item) {
-        this._mailbox.copy(item.documentId).subscribe(i => {
-            this._sb.toast('Copied', i.number || formTitle(item.formId));
-            this._router.navigate(['mailbox/i', i.id.encodeId()], {
-                state: { item: i },
-                policy: OpenPolicy.Clear
-            });
-        }, () => this._sb.error());
+        this._mailbox.copy(item.documentId).subscribe({
+            next: i => {
+                this._sb.toast('Copied', i.number || formTitle(item.formId));
+                this._router.navigate(['mailbox/i', i.id.encodeId()], {
+                    state: { item: i },
+                    policy: OpenPolicy.Clear
+                });
+            }, error: () => this._sb.error()
+        });
         function formTitle(name) {
             const form = this._session.profile.forms.find(f => f.name === name);
             return form.title;
@@ -8509,8 +8551,7 @@ class BrowseItemsComponent {
         const items = this.selection.selected.slice();
         const errors = new Subject();
         errors.pipe().subscribe(m => this._sb.errorString(m));
-        const promises = items.map(m => fn(m).pipe(tap(() => {
-        }, (e) => {
+        const promises = items.map(m => fn(m).pipe(catchError((e) => {
             let message;
             switch (e.status) {
                 case 404:
@@ -8527,6 +8568,7 @@ class BrowseItemsComponent {
                     message = this._translate.get(error);
             }
             errors.next(message);
+            throw new Error();
         }), finalize(() => m.working = false)));
         return forkJoin(promises).pipe(tap(() => {
             errors.unsubscribe();
@@ -8730,7 +8772,7 @@ class TagsComponent {
     }
     add(event) {
         if (!this.auto.isOpen) {
-            const { input, value } = event;
+            const { chipInput, value } = event;
             if ((value || '').trim()) {
                 const tag = value.trim();
                 this.data.tags.push(tag);
@@ -8738,9 +8780,7 @@ class TagsComponent {
                     this._options.push(tag);
                 this._save();
             }
-            if (input) {
-                input.value = '';
-            }
+            chipInput?.clear();
             this.control.setValue(null);
         }
     }
@@ -8842,7 +8882,7 @@ class AvatarComponent {
     }
     _initials(name) {
         this.initials = name.split(REGEX).map(p => p.charAt(0).toUpperCase()).
-            join('').substr(0, 3);
+            join('').substring(0, 3);
         let c = this.initials.charCodeAt(0);
         if (this.initials.length > 1)
             c += this.initials.charCodeAt(1) * 18;
@@ -9063,7 +9103,7 @@ class ComposeFormComponent {
                 this.model.attachments.push(model);
                 this.working = false;
                 this.workingChange.emit(false);
-            }), catchError(e => {
+            }), catchError$1(e => {
                 this._handleError(e, 'UploadFailed', f.name);
                 this.working = false;
                 this.workingChange.emit(false);
@@ -9464,8 +9504,8 @@ class ComposePaneComponent {
      * @param event
      */
     handleKeydown(event) {
-        if (event.ctrlKey && (event.which === 83 || event.which === 115)) {
-            if (this.dirty && !this.working)
+        if (event.ctrlKey && (event.key === 's' || event.key === 'S')) {
+            this.dirty && !this.working &&
                 this.save();
             event.preventDefault();
         }
@@ -9564,7 +9604,7 @@ class BrowsePaneComponent {
     get folder() { return this._session.profile.folders.find(f => f.name === this.folderId); }
     openFilter(evt) {
         //this.filterElement.nativeElement.scrollIntoView({ behavior: 'smooth' });
-        this._popup.open(BrowseFilterComponent, evt.srcElement, { position: 'end' }).
+        this._popup.open(BrowseFilterComponent, evt.target, { position: 'end' }).
             opened().subscribe(e => {
             e.folderId = this.folderId;
             e.values = this.filters;
@@ -9577,7 +9617,7 @@ class BrowsePaneComponent {
    * @param event
    */
     handleKeydown(event) {
-        if (event.ctrlKey && (event.which === 70 || event.which === 102)) {
+        if (event.ctrlKey && (event.key === 'f' || event.key === 'F')) {
             this.search.nativeElement.focus();
             event.preventDefault();
         }
@@ -9753,13 +9793,15 @@ class CubeAccumulationChartComponent {
         this._service.series(this.cube, this._xAxis, {
             filters: this.filters,
             scope: this.scope
-        }).subscribe(r => {
-            this.dataSource = r[0].points;
-            this._draw();
-            this.loadingChange.emit(false);
-        }, (e) => {
-            this._sb.error(errResource(e));
-            this.loadingChange.emit(false);
+        }).subscribe({
+            next: r => {
+                this.dataSource = r[0].points;
+                this._draw();
+                this.loadingChange.emit(false);
+            }, error: (e) => {
+                this._sb.error(errResource(e));
+                this.loadingChange.emit(false);
+            }
         });
     }
     _draw() {
@@ -10021,13 +10063,15 @@ class CubeChartComponent {
             indices: this.indices, series: this.series,
             filters: this.filters,
             scope: this.scope
-        }).subscribe(r => {
-            this._data = r;
-            this._draw();
-            this.loadingChange.emit(false);
-        }, (e) => {
-            this._sb.error(errResource(e));
-            this.loadingChange.emit(false);
+        }).subscribe({
+            next: r => {
+                this._data = r;
+                this._draw();
+                this.loadingChange.emit(false);
+            }, error: (e) => {
+                this._sb.error(errResource(e));
+                this.loadingChange.emit(false);
+            }
         });
     }
     /** */
@@ -10287,8 +10331,7 @@ class CubeGridComponent {
             pipe(tap(r => this._rows = r));
         promises.push(observe);
         // prepare
-        this._prepare =
-            forkJoin(promises).toPromise();
+        this._prepare = firstValueFrom(forkJoin(promises));
         this.execute();
     }
     /** */
@@ -10301,27 +10344,29 @@ class CubeGridComponent {
     execute() {
         this.loadingChange.emit(true);
         this._service.series(this._cube.name, this._xAxis, { series: this._series, filters: this.filters, indices: this._indices }).
-            subscribe(series => {
-            this._prepare.then(() => {
-                const rows = [];
-                series.filter(s => s.index).forEach(s => {
-                    const row = { title: s.title, type: 'Index', key: s.index };
-                    this._normalize(row, s.points);
-                    rows.push(row);
-                });
-                this._rows.forEach(r => {
-                    const row = { title: r.value, key: r.key }, serie = series.find(s => s.name === r.key);
-                    serie &&
-                        this._normalize(row, serie.points);
-                    rows.push(row);
+            subscribe({
+            next: series => {
+                this._prepare.then(() => {
+                    const rows = [];
+                    series.filter(s => s.index).forEach(s => {
+                        const row = { title: s.title, type: 'Index', key: s.index };
+                        this._normalize(row, s.points);
+                        rows.push(row);
+                    });
+                    this._rows.forEach(r => {
+                        const row = { title: r.value, key: r.key }, serie = series.find(s => s.name === r.key);
+                        serie &&
+                            this._normalize(row, serie.points);
+                        rows.push(row);
+                    });
+                    this.dataSource = rows;
+                    this._draw();
+                    this.loadingChange.emit(false);
                 });
-                this.dataSource = rows;
-                this._draw();
+            }, error: (e) => {
+                this._sb.error(errResource(e));
                 this.loadingChange.emit(false);
-            });
-        }, (e) => {
-            this._sb.error(errResource(e));
-            this.loadingChange.emit(false);
+            }
         });
     }
     _normalize(row, points) {
@@ -10972,18 +11017,18 @@ class CubeSpreadsheetComponent {
                     width: 120
                 }];
             // acquire columns source
-            let observe = this._ds.all(xAxis.dataType).toPromise().
+            let promise = firstValueFrom(this._ds.all(xAxis.dataType)).
                 then(c => {
                 this._xcolumns = c;
                 c.forEach(_ => this.columns.push({
                     width: 90
                 }));
             });
-            promises.push(observe);
+            promises.push(promise);
             // acquire rows source
-            observe = this._ds.all(yAxis.dataType).toPromise().
+            promise = firstValueFrom(this._ds.all(yAxis.dataType)).
                 then(r => this._yrows = r);
-            promises.push(observe);
+            promises.push(promise);
             this._prepare = Promise.all(promises);
         }
         else {
@@ -11021,25 +11066,29 @@ class CubeSpreadsheetComponent {
         this.loadingChange.emit(true);
         if (this._series)
             this._service.series(this.cube, this._xAxis, { series: this._series, filters: this.filters, indices: this._indices }).
-                subscribe(data => {
-                this._prepare.then(() => {
-                    this._dataseries(data);
-                    this._draw();
+                subscribe({
+                next: data => {
+                    this._prepare.then(() => {
+                        this._dataseries(data);
+                        this._draw();
+                        this.loadingChange.emit(false);
+                    });
+                }, error: e => {
+                    this._sb.error(errResource(e));
                     this.loadingChange.emit(false);
-                });
-            }, e => {
-                this._sb.error(errResource(e));
-                this.loadingChange.emit(false);
+                }
             });
         else
             this._service.table(this._cube.name, this._xAxis, { filters: this.filters, indices: this._indices }).
-                subscribe(data => {
-                this._datatable(data);
-                this._draw();
-                this.loadingChange.emit(false);
-            }, e => {
-                this._sb.error(errResource(e));
-                this.loadingChange.emit(false);
+                subscribe({
+                next: data => {
+                    this._datatable(data);
+                    this._draw();
+                    this.loadingChange.emit(false);
+                }, error: e => {
+                    this._sb.error(errResource(e));
+                    this.loadingChange.emit(false);
+                }
             });
     }
     _datatable(data) {
@@ -11776,16 +11825,16 @@ class TaggingDirective {
     _handleKeydown(evt) {
         if (!this._instance)
             return;
-        if (evt.char && !TEXT_CHAR.test(evt.char))
+        !TEXT_CHAR.test(evt.key) &&
             this._close();
-        else if (evt.keyCode == UP_ARROW || evt.keyCode == DOWN_ARROW) {
+        if (evt.key == 'ArrowUp' || evt.key == 'ArrowDown') {
             this._instance.keyManager.onKeydown(evt);
             const { key } = this._instance.keyManager.activeItem;
             this._assign(key);
             evt.preventDefault();
             evt.stopPropagation();
         }
-        else if (evt.keyCode === ENTER) {
+        else if (evt.key === 'Enter') {
             if (this._instance.keyManager.activeItemIndex > -1) {
                 const { key, value } = this._instance.keyManager.activeItem;
                 this._select(key, value);
@@ -11793,7 +11842,7 @@ class TaggingDirective {
             evt.preventDefault();
             evt.stopPropagation();
         }
-        else if (evt.keyCode == ESCAPE) {
+        else if (evt.key === 'Escape') {
             this._close();
             evt.preventDefault();
             evt.stopPropagation();
@@ -11939,18 +11988,16 @@ class EditInputComponent {
         this.autofocus && setTimeout(this.focus.bind(this));
     }
     _key(evt) {
-        if (evt.cancelBubble)
-            return;
-        if (evt.which === ENTER && !evt.shiftKey) {
+        if (evt.key === 'Enter' && !evt.shiftKey) {
             this._submit();
-            event.preventDefault();
-            event.stopPropagation();
+            evt.preventDefault();
+            evt.stopPropagation();
         }
-        else if (evt.which === ESCAPE) {
+        else if (evt.key === 'Escape') {
             if (this._textElement.nativeElement.value && this._textElement.nativeElement.value.length) {
                 this._textElement.nativeElement.value = null;
-                event.preventDefault();
-                event.stopPropagation();
+                evt.preventDefault();
+                evt.stopPropagation();
             }
         }
     }
@@ -11966,7 +12013,7 @@ class EditInputComponent {
             this.onOk.emit({ text, resource: this._resource, image: this._image });
     }
     _textChange(evt) {
-        this._text = evt.srcElement.value;
+        this._text = evt.target.value;
         this.change.emit(this._text);
     }
     _htmlChange(evt) {
@@ -12048,7 +12095,7 @@ class EditInputComponent {
                 let reader = new FileReader();
                 reader.onload = function (event) {
                     const { result } = event.target;
-                    me._image = result.substr(22);
+                    me._image = result.substring(22);
                 };
                 reader.readAsDataURL(blob);
             }
@@ -12162,7 +12209,7 @@ class TaggingPipe {
         return this._sanitizer.bypassSecurityTrustHtml(text);
     }
     _click(evt) {
-        const src = evt.srcElement;
+        const src = evt.target;
         if (src.tagName === 'A') {
             const id = src.getAttribute('data-id');
             if (id) {
@@ -12295,7 +12342,7 @@ class CommentComponent {
      * @param e
      */
     chat(e) {
-        const userId = e.srcElement.getAttribute('data-info');
+        const userId = e.target.getAttribute('data-info');
         userId &&
             this._chat.open(userId);
     }
@@ -12332,10 +12379,12 @@ class CommentComponent {
             ok: 'Delete',
             color: 'warn'
         }).subscribe(ok => {
-            ok && this._mailbox.removecomment(this.item.id).subscribe(() => {
-                this.item.deleted = true;
-                this.deleted.emit();
-            }, () => this._ps.error());
+            ok && this._mailbox.removecomment(this.item.id).subscribe({
+                next: () => {
+                    this.item.deleted = true;
+                    this.deleted.emit();
+                }, error: () => this._ps.error()
+            });
         });
     }
     edits() {
@@ -12353,7 +12402,7 @@ class CommentComponent {
             positionStrategy: this._overlay.position().global().centerHorizontally().centerVertically(),
         });
         oRef.attach(new TemplatePortal(this.previewTemplate, this._vc));
-        merge(oRef.keydownEvents().pipe(filter(k => k.keyCode === ESCAPE)), oRef.backdropClick()).subscribe(() => oRef.detach());
+        merge(oRef.keydownEvents().pipe(filter(k => k.key === 'Escape')), oRef.backdropClick()).subscribe(() => oRef.detach());
     }
     votes() {
         this._open(CommentLikesComponent, {
@@ -12388,7 +12437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 args: ['previewTemplate']
             }] } });
 
-const TYPING_NOTIFY = 500, TYPING_MESSAGE_TIME = 1500;
+const TYPING_NOTIFY$1 = 500, TYPING_MESSAGE_TIME = 1500;
 class CommentsComponent {
     /** comments ctor */
     constructor(_accounts, _session, _sb, _translate, _chat, _mailbox, _messaging, _config) {
@@ -12440,7 +12489,7 @@ class CommentsComponent {
             comment.deleted = true;
             this.change.emit();
         });
-        this._textChange.pipe(debounceTime(TYPING_NOTIFY), takeUntil$1(this._destroy)).subscribe(() => this._mailbox.typing(this.model.documentId));
+        this._textChange.pipe(debounceTime(TYPING_NOTIFY$1), takeUntil$1(this._destroy)).subscribe(() => this._mailbox.typing(this.model.documentId).subscribe());
     }
     _formatUserElement(person) {
         if (this._config.chating !== false)
@@ -12453,7 +12502,7 @@ class CommentsComponent {
      * @param e
      */
     chat(e) {
-        const userId = e.srcElement.getAttribute('data-info');
+        const userId = e.target.getAttribute('data-info');
         userId &&
             this._chat.open(userId);
     }
@@ -12548,16 +12597,18 @@ class CommentsComponent {
         const options = { ...evt };
         if (this._replyTo)
             options.parentId = this._replyTo.id;
-        this._mailbox.comment(this.model.documentId, options).subscribe(c => {
-            this.model.comments.push(c);
-            this.input.clear();
-            this.model.viewed = c.time;
-            this.change.emit();
-            setTimeout(() => this._scrollToBottom());
-            this.sending = false;
-        }, () => {
-            this._sb.error();
-            this.sending = false;
+        this._mailbox.comment(this.model.documentId, options).subscribe({
+            next: c => {
+                this.model.comments.push(c);
+                this.input.clear();
+                this.model.viewed = c.time;
+                this.change.emit();
+                setTimeout(() => this._scrollToBottom());
+                this.sending = false;
+            }, error: () => {
+                this._sb.error();
+                this.sending = false;
+            }
         });
     }
     ngOnDestroy() {
@@ -12744,41 +12795,45 @@ class ExploreItemsComponent {
     _view() {
         this._loading$.next(true);
         (this.index ? this._service.resolveIndex(this.cube, this.index) :
-            this._service.resolve(this.cube, this.axes)).subscribe(e => {
-            const { columns, template } = e;
-            (this.index ? this._service.indices(this.cube, this.index, this.axes, { scope: this.scope }) :
-                this._service.explore(this.cube, this.axes, { scope: this.scope })).subscribe(r => {
-                if (this.index && !columns.length) {
-                    this._cube.axes.
-                        filter(a => this.axes[a.name] === undefined && a.selectionMode !== 'None' &&
-                        r.find(row => row[a.name] !== undefined)).
-                        forEach(a => columns.push({ controlType: 'text', name: a.name, label: a.title }));
-                    const index = this._cube.indices.find(i => i.name === this.index);
-                    columns.push({
-                        controlType: 'number', name: 'value', label: index.title,
-                        kind: FieldKind.Currency
-                    });
-                    this.columns = columns;
-                    this.displayedColumns = columns.map(c => c.name);
-                    this._template = null;
-                    this.selectable = false;
-                }
-                else {
-                    this.columns = columns;
-                    this.displayedColumns =
-                        columns.filter(c => !c.flags || (c.flags.indexOf('Hidden') < 0 && c.flags.indexOf('Key') < 0)).
-                            map(c => c.name);
-                    this._template = template;
-                    this.selectable = template !== null;
-                }
-                this._datasource(r);
-            }, () => {
+            this._service.resolve(this.cube, this.axes)).subscribe({
+            next: e => {
+                const { columns, template } = e;
+                (this.index ? this._service.indices(this.cube, this.index, this.axes, { scope: this.scope }) :
+                    this._service.explore(this.cube, this.axes, { scope: this.scope })).subscribe({
+                    next: r => {
+                        if (this.index && !columns.length) {
+                            this._cube.axes.
+                                filter(a => this.axes[a.name] === undefined && a.selectionMode !== 'None' &&
+                                r.find(row => row[a.name] !== undefined)).
+                                forEach(a => columns.push({ controlType: 'text', name: a.name, label: a.title }));
+                            const index = this._cube.indices.find(i => i.name === this.index);
+                            columns.push({
+                                controlType: 'number', name: 'value', label: index.title,
+                                kind: FieldKind.Currency
+                            });
+                            this.columns = columns;
+                            this.displayedColumns = columns.map(c => c.name);
+                            this._template = null;
+                            this.selectable = false;
+                        }
+                        else {
+                            this.columns = columns;
+                            this.displayedColumns =
+                                columns.filter(c => !c.flags || (c.flags.indexOf('Hidden') < 0 && c.flags.indexOf('Key') < 0)).
+                                    map(c => c.name);
+                            this._template = template;
+                            this.selectable = template !== null;
+                        }
+                        this._datasource(r);
+                    }, error: () => {
+                        this._loading$.next(false);
+                        this._sb.error();
+                    }
+                });
+            }, error: () => {
                 this._loading$.next(false);
                 this._sb.error();
-            });
-        }, () => {
-            this._loading$.next(false);
-            this._sb.error();
+            }
         });
     }
     _datasource(data) {
@@ -13916,7 +13971,7 @@ class WorkflowComponent {
      * @param event
      */
     handleKeyboardEvent(event) {
-        if (this.dirty && event.ctrlKey && (event.which === 83 || event.which === 115)) {
+        if (this.dirty && event.ctrlKey && (event.key === 's' || event.key === 'S')) {
             this.save();
             event.preventDefault();
         }
@@ -14000,7 +14055,7 @@ class WorkflowComponent {
         this._form.workflow.connectors = obj.connectors;
         this._form.workflow.nodes = obj.nodes.filter(n => n.id !== 'version');
         this.saving = true;
-        return this._service.save(this._form).toPromise().then(v => {
+        return firstValueFrom(this._service.save(this._form)).then(v => {
             this._ps.toast('ChangesSaved');
             if (this._form.workflow.version < v) {
                 this._ps.toast('DiagramVersion', v);
@@ -14057,7 +14112,7 @@ class UtilityRef {
     execute(args) {
         return this._http.post(`/api/utility/${encodeURIComponent(this._utility.name)}`, args, { observe: 'response' }).pipe(tap((r) => {
             this._jobId = r.headers.get('job-id');
-        }), map((r) => r.body), catchError((e) => {
+        }), map((r) => r.body), catchError$1((e) => {
             if (e.status === 406) // validation exception
                 this._sb.errorString(e.error);
             else
@@ -14945,7 +15000,7 @@ class TraceViewComponent extends TraceBase {
          * @param id
          */
         function profileOf(id) {
-            return me._accounts.get(id).toPromise();
+            return firstValueFrom(me._accounts.get(id));
         }
         /**
          * user name, chat anchor tag
@@ -15228,7 +15283,7 @@ class TraceViewComponent extends TraceBase {
         this._data && this._filter();
     }
     chat(e) {
-        const userId = e.srcElement.getAttribute('data-info');
+        const userId = e.target.getAttribute('data-info');
         userId &&
             this._chat.open(userId);
     }
@@ -15602,24 +15657,25 @@ class ScheduleViewComponent {
         }
         this.starting = dates[0],
             this.ending = dates[dates.length - 1];
-        this._mailbox.events(this.starting, this.ending).subscribe(r => {
-            const data = r.map(e => {
-                return {
-                    Id: e.id,
-                    documentId: e.documentId,
-                    StartTime: new Date(e.starting),
-                    EndTime: e.ending ? new Date(e.ending) : null,
-                    Subject: e.title,
-                    IsAllDay: !e.ending || e.ending === e.starting
-                };
-            });
-            this.schedule.eventSettings.dataSource = data;
-            this.page = this.starting.valueOf();
-        }, () => this._sb.error());
+        this._mailbox.events(this.starting, this.ending).subscribe({
+            next: r => {
+                const data = r.map(e => {
+                    return {
+                        Id: e.id,
+                        documentId: e.documentId,
+                        StartTime: new Date(e.starting),
+                        EndTime: e.ending ? new Date(e.ending) : null,
+                        Subject: e.title,
+                        IsAllDay: !e.ending || e.ending === e.starting
+                    };
+                });
+                this.schedule.eventSettings.dataSource = data;
+                this.page = this.starting.valueOf();
+            }, error: () => this._sb.error()
+        });
     }
     drag(_) {
-        this._mailbox.changeEvent(1, { starting: null }).subscribe(() => {
-        }, () => this._sb.error());
+        this._mailbox.changeEvent(1, { starting: null }).subscribe({ error: () => this._sb.error() });
     }
     nav(e) {
         switch (e.action) {
@@ -15723,7 +15779,7 @@ class FormResolve {
         this._service = _service;
     }
     onResolve(params) {
-        return this._service.form(params['id']).toPromise();
+        return firstValueFrom(this._service.form(params['id']));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: FormResolve, deps: [{ token: SystemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: FormResolve }); }
@@ -15787,7 +15843,7 @@ class CubeMatrixBase {
                     delete axes[g];
             });
         this.axes = axes;
-        this._listen().then(() => {
+        this._listen().subscribe(() => {
             const combination = this._combine(axes);
             this.title = combination.join(ACCOUNT_DELIMITER);
         });
@@ -15809,10 +15865,10 @@ class CubeMatrixBase {
         const axes = { ...this.axes };
         axes[name] = value;
         this.onFilter(axes);
-        this._listen().then(() => this.values[name] = value);
+        this._listen().subscribe(() => this.values[name] = value);
     }
     _listen() {
-        return this.table.loadingChange.pipe(filter$1(ok => !ok), first$1()).toPromise();
+        return this.table.loadingChange.pipe(filter$1(ok => !ok), first$1());
     }
     onFilter(axes) {
         this.axes = axes;
@@ -15825,14 +15881,14 @@ class CubeMatrixBase {
         const axes = { ...pattern.axes };
         this._service.base(this.cube, axes, this.originalAxes);
         this.axes = { ...axes, ...this.values };
-        this._listen().then(() => {
+        this._listen().subscribe(() => {
             this.title = pattern.title;
             this.pattern = pattern;
         });
     }
     reset() {
         this._populate();
-        this._listen().then(() => {
+        this._listen().subscribe(() => {
             this.pattern = null;
             this.title = null;
         });
@@ -15915,10 +15971,11 @@ class CubeMatrixComponent {
             this.xAxis = this.cube.axes.find(a => a.name === this._xAxis);
             this.series = this.cube.axes.find(a => a.name === this._series);
             this.data = null;
-            this._prepare = forkJoin(this._ds.all(this.series.dataType).pipe(tap(r => this.rows = r)), this._ds.all(this.xAxis.dataType).pipe(tap(c => this.columns = c))).toPromise().then(() => {
-                this._indices && this._addindices();
-                this._sum && this._addsumheaders();
-            });
+            this._prepare = firstValueFrom(forkJoin([this._ds.all(this.series.dataType).pipe(tap(r => this.rows = r)),
+                this._ds.all(this.xAxis.dataType).pipe(tap(c => this.columns = c)).pipe(tap(() => {
+                    this._indices && this._addindices();
+                    this._sum && this._addsumheaders();
+                }))]));
             this.refresh();
         }
         else if (changes['filters'])
@@ -15983,20 +16040,23 @@ class CubeMatrixComponent {
             filters: this.filters,
             inverseIndices: this.indexAt === 'XAxis',
             scope: this.scope
-        }).subscribe(r => {
-            const data = this._serialize(r);
-            this._clone(data);
-            this._sum && this._calculatesum(data);
-            this._totals(data);
-            this._stringify(data);
-            this.data = data;
-            clearTimeout(progressTask);
-            this.loadingChange.next(this.loading = false);
-        }, (e) => {
-            this._sb.error(errResource(e));
-            clearTimeout(progressTask);
-            this.loadingChange.next(this.loading = false);
-            this.loadingChange.error(e);
+        }).subscribe({
+            next: r => {
+                const data = this._serialize(r);
+                this._clone(data);
+                this._sum && this._calculatesum(data);
+                this._totals(data);
+                this._stringify(data);
+                this.data = data;
+                clearTimeout(progressTask);
+                this.loadingChange.next(this.loading = false);
+            },
+            error: (e) => {
+                this._sb.error(errResource(e));
+                clearTimeout(progressTask);
+                this.loadingChange.next(this.loading = false);
+                this.loadingChange.error(e);
+            }
         }));
     }
     _serialize(series) {
@@ -16397,7 +16457,7 @@ class NotificationBase {
         return this._chat.format(person);
     }
     open(e) {
-        const userId = e.srcElement.getAttribute('data-info');
+        const userId = e.target.getAttribute('data-info');
         if (userId)
             this._chat.open(userId);
         else if (this.notification.recipientId)
@@ -16469,7 +16529,7 @@ class CubeAnomalyNotification {
         forkJoin(observables).subscribe(a => this.axes = this._translate.join(a.map((e, i) => e || this.notification.axes[i])));
     }
     open(e) {
-        const id = e.srcElement.getAttribute('data-info');
+        const id = e.target.getAttribute('data-info');
         if (id) {
             this._router.navigate(['mailbox/i', parseInt(id).encodeId()]);
         }
@@ -16547,7 +16607,7 @@ class LikedNotification extends NotificationBase {
         this._accounts = _accounts;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LikedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: AccountService }, { token: TranslateService }, { token: RouterImpl }, { token: SessionService }, { token: ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: LikedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-container *ngIf='message'>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: LikedNotification, selector: "bizdoc-liked-notification", 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, dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
@@ -16555,6 +16615,7 @@ class LikedNotification extends NotificationBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LikedNotification, decorators: [{
             type: Component,
             args: [{
+                    selector: 'bizdoc-liked-notification',
                     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>
@@ -16778,7 +16839,7 @@ class NotificationsComponentBase {
         }
     }
     _getInjector(item) {
-        return Injector.create([{ provide: NOTIFICATION_DATA, useValue: item }], this._injector);
+        return Injector.create({ providers: [{ provide: NOTIFICATION_DATA, useValue: item }], parent: this._injector });
     }
 }
 
@@ -16918,7 +16979,7 @@ class NotificationsTableComponent extends NotificationsComponentBase {
             this.selection.select(...this.dataSource.data);
     }
     openFilter(evt) {
-        const popupRef = this._popup.open(NotificationsFilterComponent, evt.srcElement);
+        const popupRef = this._popup.open(NotificationsFilterComponent, evt.target);
         popupRef.opened().
             subscribe(e => {
             e.form.setValue({ text: this.dataSource.filter, showDeleted: this.showDeleted });
@@ -17128,10 +17189,12 @@ class ContactsComponent {
         this.selected.next(item);
     }
     forget(item) {
-        this._service.forget(item.id).subscribe(() => {
-            item.forgotten = true;
-            this.contacts.remove(item);
-        }, () => this._sb.error());
+        this._service.forget(item.id).subscribe({
+            next: () => {
+                item.forgotten = true;
+                this.contacts.remove(item);
+            }, error: () => this._sb.error()
+        });
     }
     ngOnDestroy() {
         this._destroy.next();
@@ -17170,7 +17233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: PaneRef }, { type: TranslateService }, { type: PanesRouter }]; } });
 
-const CONTACT_TYPING_NOTE = 1500;
+const TYPING_NOTIFY = 500, CONTACT_TYPING_NOTE = 1500;
 class ConversationComponent {
     constructor(config, _service, _messaging, _translate, _accounts, _sb, _vc, _overlay) {
         this._service = _service;
@@ -17216,26 +17279,30 @@ class ConversationComponent {
             if (e.contactId === this.contact.id)
                 this.watermark = e.time;
         });
-        this._textChange.pipe(debounceTime(350), takeUntil$1(this._destroy)).subscribe(() => this._service.typing(this.contact.id));
+        this._textChange.pipe(debounceTime(TYPING_NOTIFY), takeUntil$1(this._destroy)).subscribe(() => this._service.typing(this.contact.id));
     }
     ngOnChanges(_) {
         this.profile &&
             this._preserveDraft && this._persist();
-        this._accounts.get(this.contact.id).subscribe(u => {
-            this.profile = u;
-        }, () => this._sb.error());
+        this._accounts.get(this.contact.id).subscribe({
+            next: u => {
+                this.profile = u;
+            }, error: () => this._sb.error()
+        });
         // latest
         this.watermark = this.contact.visited || this.contact.watermark ? (this.contact.visited && this.contact.watermark ?
             this.contact.watermark > this.contact.visited ?
                 this.contact.watermark : this.contact.visited :
             this.contact.watermark || this.contact.visited) : null;
         // fetch
-        this._service.conversations(this.contact.id).subscribe(cs => {
-            this.items = cs.reverse();
-            this._scrollToBottom();
-            !this.contact.count &&
-                this.focus();
-        }, () => this._sb.error());
+        this._service.conversations(this.contact.id).subscribe({
+            next: c => {
+                this.items = c.reverse();
+                this._scrollToBottom();
+                !this.contact.count &&
+                    this.focus();
+            }, error: () => this._sb.error()
+        });
         if (this._preserveDraft) {
             const text = localStorage.getItem(this.contact.id);
             if (text)
@@ -17268,14 +17335,16 @@ class ConversationComponent {
     }
     send(evt) {
         this.sending = true;
-        this._service.send(this.contact.id, evt).subscribe(c => {
-            this.items.push(c);
-            this._input.clear();
-            this._scrollToBottom();
-            this.sending = false;
-        }, e => {
-            this.sending = false;
-            this._sb.error();
+        this._service.send(this.contact.id, evt).subscribe({
+            next: c => {
+                this.items.push(c);
+                this._input.clear();
+                this._scrollToBottom();
+                this.sending = false;
+            }, error: e => {
+                this.sending = false;
+                this._sb.error();
+            }
         });
     }
     onFocus() {
@@ -17303,7 +17372,7 @@ class ConversationComponent {
             positionStrategy: this._overlay.position().global().centerHorizontally().centerVertically(),
         });
         oRef.attach(new TemplatePortal(this.previewTemplate, this._vc, { item }));
-        merge(oRef.keydownEvents().pipe(filter(k => k.keyCode === ESCAPE)), oRef.backdropClick()).subscribe(() => oRef.detach());
+        merge(oRef.keydownEvents().pipe(filter(k => k.key === 'Escape')), oRef.backdropClick()).subscribe(() => oRef.detach());
     }
     ngOnDestroy() {
         if (this._typingTask)
@@ -17760,42 +17829,42 @@ class DocumentInfoPaneComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DocumentInfoPaneComponent, deps: [{ token: PaneRef }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: DocumentInfoPaneComponent, selector: "ng-component", ngImport: i0, template: `<bizdoc-document [model]=model></bizdoc-document>`, isInline: true, dependencies: [{ kind: "component", type: DocumentInfoComponent, selector: "bizdoc-document", inputs: ["model"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: DocumentInfoPaneComponent, selector: "bizdoc-document-info-pane", ngImport: i0, template: `<bizdoc-document [model]=model></bizdoc-document>`, isInline: true, dependencies: [{ kind: "component", type: DocumentInfoComponent, selector: "bizdoc-document", inputs: ["model"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DocumentInfoPaneComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'bizdoc-document-info-pane',
                     template: `<bizdoc-document [model]=model></bizdoc-document>`
                 }]
         }], ctorParameters: function () { return [{ type: PaneRef }, { type: SessionService }]; } });
 
-class ItemResolver {
+class CubeItemResolver {
     constructor(_service) {
         this._service = _service;
     }
     onResolve(params, queryParams) {
         return this._service.item(params['cube'], queryParams, params['key']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ItemResolver, deps: [{ token: CubeService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ItemResolver }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeItemResolver, deps: [{ token: CubeService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeItemResolver }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ItemResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeItemResolver, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: CubeService }]; } });
-class ItemResolveService {
-    constructor(_service, _router) {
+class CubeItemResolveService {
+    constructor(_service) {
         this._service = _service;
-        this._router = _router;
     }
     resolve(route) {
         return this._service.item(route.params['cube'], route.queryParams, route.params['key']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ItemResolveService, deps: [{ token: CubeService }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ItemResolveService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeItemResolveService, deps: [{ token: CubeService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeItemResolveService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ItemResolveService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeItemResolveService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: CubeService }, { type: i1$4.Router }]; } });
+        }], ctorParameters: function () { return [{ type: CubeService }]; } });
 
 class UserNamePipe {
     transform(value) {
@@ -17873,7 +17942,7 @@ class OptionsComponent {
             return item ? item.name : null;
         };
         this.voating = !config.comments || config.comments.voting !== false;
-        merge(overlayRef.keydownEvents().pipe(filter(k => k.keyCode === 27)), overlayRef.backdropClick()).
+        merge(overlayRef.keydownEvents().pipe(filter(k => k.key === 'Escape')), overlayRef.backdropClick()).
             subscribe(() => overlayRef.dispose());
     }
     ngOnInit() {
@@ -17942,7 +18011,7 @@ class OptionsComponent {
                     this.notifications.open();
             }
         this.form.valueChanges.pipe(debounceTime(200), takeUntil$1(this._destroy)).subscribe(() => this.form.valid &&
-            this._session.update(this.form.getRawValue()).subscribe(undefined, () => this._sb.error()));
+            this._session.update(this.form.getRawValue()).subscribe({ error: () => this._sb.error() }));
     }
     _toggle(group, active, ...controls) {
         controls.forEach(name => {
@@ -17956,17 +18025,14 @@ class OptionsComponent {
         this.form.controls['notifications'].controls['sound'].setValue(!this.options.notifications.sound);
     }
     addTag(event) {
-        const input = event.input;
-        const value = event.value;
+        const { chipInput, value } = event;
         // Add our fruit
         if ((value || '').trim()) {
             this.options.tags.push(value.trim());
             this.form.patchValue({});
         }
         // Reset the input value 
-        if (input) {
-            input.value = '';
-        }
+        chipInput?.clear();
     }
     removeTag(tag) {
         this.options.tags.remove(tag);
@@ -18047,10 +18113,12 @@ class OptionsService {
             direction: this._dir.value
         });
         const oRef = this._overlay.create(config);
-        const injector = Injector.create([
-            { provide: OPTION_PANEL, useValue: { open: section } },
-            { provide: OverlayRef, useValue: oRef },
-        ], this._injector);
+        const injector = Injector.create({
+            providers: [
+                { provide: OPTION_PANEL, useValue: { open: section } },
+                { provide: OverlayRef, useValue: oRef },
+            ], parent: this._injector
+        });
         const portal = new ComponentPortal(OptionsComponent, null, injector);
         oRef.attach(portal);
         oRef.backdropClick().subscribe(() => oRef.dispose());
@@ -18101,7 +18169,7 @@ class AppHttpInterceptor {
             setHeaders: headers,
             url
         });
-        const handle = next.handle(request).pipe(catchError((e) => {
+        const handle = next.handle(request).pipe(catchError$1((e) => {
             if (this._authenticationInProgress$)
                 return this._authenticationInProgress$;
             else if (e.status === 401)
@@ -18110,12 +18178,15 @@ class AppHttpInterceptor {
                     return this.intercept(req, next);
                 }));
             else
-                return throwError(e);
+                throw new Error(e.message);
         }));
         if (!req.headers.has('no-progress')) {
             this._ongoingCounter$.next(1);
-            return handle.pipe(tap(event => event instanceof HttpResponse
-                && this._ongoingCounter$.next(0), () => this._ongoingCounter$.next(0)));
+            return handle.pipe(tap({
+                next: event => event instanceof HttpResponse
+                    && this._ongoingCounter$.next(0),
+                error: () => this._ongoingCounter$.next(0)
+            }));
         }
         else
             return handle;
@@ -18128,7 +18199,7 @@ class AppHttpInterceptor {
         this.active$ = this._ongoingCounter$.asObservable().pipe(map(c => c > 0));
         if (baseUrl) {
             if (baseUrl.endsWith('/'))
-                this._baseUrl = baseUrl.substr(0, baseUrl.length - 1);
+                this._baseUrl = baseUrl.substring(0, baseUrl.length - 1);
             else
                 this._baseUrl = baseUrl;
         }
@@ -18324,17 +18395,19 @@ class ImpersonateDialog {
                 filter(u => u.name.toLowerCase().indexOf(name) > -1 && u.id !== this._me);
         })) : of([])));
         this.logging = false;
-        _dialogRef.keydownEvents().pipe(takeUntil$1(this._destroy), filter(k => k.keyCode === ENTER)).
+        _dialogRef.keydownEvents().pipe(takeUntil$1(this._destroy), filter(k => k.key === 'Enter')).
             subscribe(() => this.item && this.go());
     }
     go() {
         this.logging = true;
-        this._session.impersonate(this.item.id).subscribe(() => {
-            this.logging = false;
-            this._dialogRef.close(true);
-        }, () => {
-            this.logging = false;
-            this._sb.error();
+        this._session.impersonate(this.item.id).subscribe({
+            next: () => {
+                this.logging = false;
+                this._dialogRef.close(true);
+            }, error: () => {
+                this.logging = false;
+                this._sb.error();
+            }
         });
     }
     display(item) {
@@ -18505,7 +18578,7 @@ class QuickNotificationsComponent extends NotificationsComponentBase {
         });
     }
     open(item, evt) {
-        if (evt.srcElement.tagName !== 'MAT-ICON') {
+        if (evt.target.tagName !== 'MAT-ICON') {
             if (!item.read)
                 this._service.read(item.id, item.sent, true).subscribe(() => item.read = true);
             this._popupRef.close();
@@ -18633,7 +18706,7 @@ class SearchService {
         this._cr = _cr;
     }
     _createInjector() {
-        return Injector.create([], this._injector);
+        return Injector.create({ providers: [], parent: this._injector });
     }
     search(value) {
         const profile = this._session.profile;
@@ -18774,7 +18847,7 @@ class QuickToolsComponent {
     notifs(evt) {
         this.profile.notifications.length &&
             this._session.notificationsTouch();
-        this._popup.open(QuickNotificationsComponent, evt.srcElement, { position: 'start' });
+        this._popup.open(QuickNotificationsComponent, evt.target, { position: 'start' });
     }
     open(evt) {
         if (this.searching)
@@ -18893,8 +18966,8 @@ class SlotsComponent {
                     parent = relativeTo || this.panes[this.selectedIndex];
                     let parentpath = parent.path;
                     while (path.startsWith('../')) {
-                        parentpath = parentpath.substr(0, parentpath.lastIndexOf('/'));
-                        path = path.substr(3);
+                        parentpath = parentpath.substring(0, parentpath.lastIndexOf('/'));
+                        path = path.substring(3);
                     }
                     path = parentpath + '/' + path;
                 }
@@ -19454,7 +19527,7 @@ class SlotsComponent {
                 if (isPromise(value))
                     await value.then(r => data[key] = r);
                 else if (isObservable(value))
-                    await value.pipe(tap(r => data[key] = r)).toPromise();
+                    await firstValueFrom(value.pipe(tap(r => data[key] = r)));
                 else
                     data[key] = value;
             }
@@ -19797,7 +19870,7 @@ class SlotsComponent {
         else if (isPromise(ok))
             return ok;
         else
-            return ok.toPromise();
+            return firstValueFrom(ok);
     }
     scrollTo(index) {
         const item = this._children.item(index);
@@ -19825,14 +19898,14 @@ class SlotsComponent {
         el.focus();
     }
     onPaneResize(pane, event) {
-        const el = event.srcElement.previousElementSibling;
+        const el = event.target.previousElementSibling;
         const // remember mouse down info
         width = el.clientWidth, d = this._rtl ? -1 : 1;
-        event.srcElement.classList.add('resizing');
+        event.target.classList.add('resizing');
         this.dragging = true;
         document.onmousemove = onMouseMove;
         document.onmouseup = () => {
-            event.srcElement.classList.remove('resizing');
+            event.target.classList.remove('resizing');
             document.onmousemove = document.onmouseup = null;
             this.dragging = false;
         };
@@ -19844,15 +19917,15 @@ class SlotsComponent {
         }
     }
     onTabResize(event) {
-        const el = event.srcElement.nextElementSibling;
+        const el = event.target.nextElementSibling;
         const me = this, 
         // remember mouse down info
         width = el.clientWidth, d = this._rtl ? 1 : -1;
-        event.srcElement.classList.add('resizing');
+        event.target.classList.add('resizing');
         this.dragging = true;
         document.onmousemove = onMouseMove;
         document.onmouseup = () => {
-            event.srcElement.classList.remove('resizing');
+            event.target.classList.remove('resizing');
             document.onmousemove = document.onmouseup = null;
             this.dragging = false;
             me.enableNavigationArrows();
@@ -19924,7 +19997,7 @@ function prepareRoutes(routes, treePath) {
             fullPath,
             regEx: new RegExp('^' + fullPath.
                 replace('/', '\\/').
-                replace(PANE_PARAMS_REGEX, e => `(?<${e.substr(1)}>[\\w@\\-]*)`))
+                replace(PANE_PARAMS_REGEX, e => `(?<${e.substring(1)}>[\\w@\\-]*)`))
         });
         if (route.children) {
             let children = prepareRoutes(route.children, fullPath);
@@ -20177,10 +20250,10 @@ class HomeComponent extends HomeBase {
     }
     /** options */
     options(evt) {
-        this._popup.open(QuickOptionsComponent, evt.srcElement, { position: 'end' });
+        this._popup.open(QuickOptionsComponent, evt.target, { position: 'end' });
     }
     signout(evt) {
-        this._popup.open(QuickSignComponent, evt.srcElement, { position: 'end' });
+        this._popup.open(QuickSignComponent, evt.target, { position: 'end' });
     }
     nav(path) {
         this._router.navigate([path]);
@@ -20209,15 +20282,17 @@ class HomeComponent extends HomeBase {
     _create() {
         this.creating = true;
         this._mailbox.create(this.forms[0].name).
-            subscribe(r => {
-            this.creating = false;
-            this._router.navigate(['mailbox/i', r.id.encodeId()], {
-                policy: OpenPolicy.Clear,
-                state: { item: r }
-            });
-        }, (e) => {
-            this._handleErr(e);
-            this.creating = false;
+            subscribe({
+            next: r => {
+                this.creating = false;
+                this._router.navigate(['mailbox/i', r.id.encodeId()], {
+                    policy: OpenPolicy.Clear,
+                    state: { item: r }
+                });
+            }, error: (e) => {
+                this._handleErr(e);
+                this.creating = false;
+            }
         });
     }
     _handleErr(response) {
@@ -20269,7 +20344,7 @@ class HomeComponent extends HomeBase {
      * @param event
      */
     handleKeyboardEvent(event) {
-        if (event.altKey && (event.which === 110 || event.which === 78)) {
+        if (event.altKey && (event.key === 'n' || event.key === 'N')) {
             if (this.submenu === 'new')
                 this.submenu = null;
             else {
@@ -20282,7 +20357,7 @@ class HomeComponent extends HomeBase {
             }
             event.preventDefault();
         }
-        else if (event.ctrlKey && event.which === 190) {
+        else if (event.ctrlKey && event.key === '.') {
             if (this.submenu && !this._collapseToggle) {
                 this.submenuMode = this.submenuMode === 'shrink' ? 'full' : 'shrink';
                 this._collapseToggle = true;
@@ -20315,7 +20390,7 @@ class CopyDialog {
     constructor(_service, dialogRef) {
         this._service = _service;
         this.search = new FormControl();
-        dialogRef.keydownEvents().pipe(filter(k => k.keyCode === ENTER)).
+        dialogRef.keydownEvents().pipe(filter(k => k.key === 'Enter')).
             subscribe(() => this.selectedItem && dialogRef.close(this.selectedItem));
     }
     ngOnInit() {
@@ -20352,17 +20427,21 @@ class FormSelectorSheet {
         this.forms = _session.profile.forms.filter(f => f.creatable);
     }
     open(form) {
-        this._mailbox.create(form).subscribe(i => this._route(i), e => this._error(e));
+        this._mailbox.create(form).subscribe({
+            next: i => this._route(i), error: e => this._error(e)
+        });
         this._bsRef.dismiss();
     }
     copy(event) {
         event.preventDefault();
         this._bsRef.afterDismissed().subscribe(() => this._dialog.open(CopyDialog).afterClosed().subscribe(i => {
             i &&
-                this._mailbox.copy(i.documentId).subscribe(i => {
-                    this._sb.toast('Copied', i.number || this._getForm(i.formId).title);
-                    this._route(i);
-                }, e => this._error(e));
+                this._mailbox.copy(i.documentId).subscribe({
+                    next: i => {
+                        this._sb.toast('Copied', i.number || this._getForm(i.formId).title);
+                        this._route(i);
+                    }, error: e => this._error(e)
+                });
         }));
         this._bsRef.dismiss();
     }
@@ -20500,7 +20579,7 @@ class HomeMobileComponent extends HomeBase {
     }
     /** options */
     options(evt) {
-        this._popup.open(QuickOptionsComponent, evt.srcElement, { position: 'end' });
+        this._popup.open(QuickOptionsComponent, evt.target, { position: 'end' });
     }
     signout() {
         this.menuDrawer.close();
@@ -20745,7 +20824,7 @@ const PANES_CONFIG = [{
                         path: 'i/:template/:key',
                         component: ExploreItemPaneComponent,
                         policy: OpenPolicy.Tab | OpenPolicy.Expandable,
-                        resolve: { item: ItemResolver }
+                        resolve: { item: CubeItemResolver }
                     }]
             },
             {
@@ -20964,7 +21043,7 @@ class CanDeactivateCompose {
     constructor(_sb) {
         this._sb = _sb;
     }
-    canDeactivate(component, _currentRoute, _currentState, _nextState) {
+    canDeactivate(component) {
         if (component.form.dirty)
             return this._sb.ask('SaveChangesAsk', 'SaveChanges', { i18n: true, color: 'primary', ok: 'Save', cancel: 'Ignore' }).pipe(switchMap(ok => {
                 if (ok)
@@ -21224,7 +21303,10 @@ class RecipientResolveService {
                 return of(item);
         }
         const id = route.paramMap.get('id').decodeId();
-        return this._mailbox.get(id).pipe(tap(null, () => this._sb.error()));
+        return this._mailbox.get(id).pipe(catchError(() => {
+            this._sb.error();
+            throw new Error();
+        }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: RecipientResolveService, deps: [{ token: MailboxService }, { token: PromptService }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: RecipientResolveService }); }
@@ -21247,7 +21329,10 @@ class DocumentResolveService {
                 return of(item);
         }
         const id = route.paramMap.get('id').decodeId();
-        return this._mailbox.info(id).pipe(tap(null, () => this._sb.error()));
+        return this._mailbox.info(id).pipe(catchError(() => {
+            this._sb.error();
+            throw new Error();
+        }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DocumentResolveService, deps: [{ token: MailboxService }, { token: PromptService }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DocumentResolveService }); }
@@ -21325,11 +21410,12 @@ class DocumentInfoPageComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DocumentInfoPageComponent, deps: [{ token: i1$4.ActivatedRoute }, { token: WindowTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: DocumentInfoPageComponent, selector: "ng-component", ngImport: i0, template: `<bizdoc-document [model]=model></bizdoc-document>`, isInline: true, dependencies: [{ kind: "component", type: DocumentInfoComponent, selector: "bizdoc-document", inputs: ["model"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: DocumentInfoPageComponent, selector: "bizdoc-document-info-page", ngImport: i0, template: `<bizdoc-document [model]=model></bizdoc-document>`, isInline: true, dependencies: [{ kind: "component", type: DocumentInfoComponent, selector: "bizdoc-document", inputs: ["model"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DocumentInfoPageComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'bizdoc-document-info-page',
                     template: `<bizdoc-document [model]=model></bizdoc-document>`
                 }]
         }], ctorParameters: function () { return [{ type: i1$4.ActivatedRoute }, { type: WindowTitleService }]; } });
@@ -21353,20 +21439,26 @@ const ROUTES = [
     {
         path: 'mailbox',
         children: [
-            {
-                path: 'i/:id/views',
-                resolve: { item: RecipientResolveService },
-                component: DocumentViewMobileComponent
-            },
             {
                 path: 'i/:id',
                 component: ComposeComponent,
-                resolve: { item: RecipientResolveService },
-                canDeactivate: [CanDeactivateCompose],
+                resolve: {
+                    item: () => inject(RecipientResolveService).resolve(inject(ActivatedRouteSnapshot))
+                },
+                children: [
+                    {
+                        path: 'views',
+                        component: DocumentViewMobileComponent
+                    },
+                ],
+                canDeactivate: [() => inject(CanDeactivateCompose).
+                        canDeactivate(inject(ComposeComponent))],
             },
             {
                 path: 'd/:id', component: DocumentInfoPageComponent,
-                resolve: { item: DocumentResolveService }
+                resolve: {
+                    item: () => inject(DocumentResolveService).resolve(inject(ActivatedRouteSnapshot))
+                }
             },
             {
                 path: 'f/:id', component: BrowseComponent,
@@ -21705,7 +21797,7 @@ class MapComponent {
                 });
                 infowindow.open(map, marker);
             }, MARKER_DELAY);
-        this._ref.keydownEvents().pipe(filter(k => k.keyCode === ESCAPE)).subscribe(() => this._ref.detach());
+        this._ref.keydownEvents().pipe(filter(k => k.key === 'Escape')).subscribe(() => this._ref.detach());
         this._ref.backdropClick().pipe().subscribe(() => this._ref.detach());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MapComponent, deps: [{ token: i1$1.OverlayRef }, { token: LOCATION_DATA }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -21782,9 +21874,12 @@ class CubeMatrixPopupComponent extends CubeMatrixBase {
         this.originalAxes = base;
     }
     ngOnInit() {
-        this.table.loadingChange.pipe(filter$1(ok => !ok), first$1()).subscribe(() => this.preloading = false, (e) => {
-            if (e.status === 401)
-                this._ref.close();
+        this.table.loadingChange.pipe(filter$1(ok => !ok), first$1()).subscribe({
+            next: () => this.preloading = false,
+            error: (e) => {
+                if (e.status === 401)
+                    this._ref.close();
+            }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeMatrixPopupComponent, deps: [{ token: PopupRef }, { token: POPUP_DATA }, { token: CubeService }, { token: DatasourceService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -22280,19 +22375,20 @@ class FileInput {
             '.' + AttachmentInfo.fileExt(item.fileName) + ',' + item.contentType;
         this._prompt({ multiple: false, accept }).then(files => {
             this._mailbox.checkIn(this._model.id, this._model.version, item.id, files[0]).
-                pipe().
-                subscribe(a => {
-                delete item.checkedOut;
-                Object.assign(item, a);
-                if (this.multiple) {
-                    const index = this.value.indexOf(item.id);
-                    // replace value with new id
-                    this.value.splice(index, 1, a.id);
-                }
-                else
-                    this.value = a.id;
-                this._sb.toast(this._translate.get('CheckedIn', item.fileName));
-            }, e => this._handleError(e));
+                subscribe({
+                next: a => {
+                    delete item.checkedOut;
+                    Object.assign(item, a);
+                    if (this.multiple) {
+                        const index = this.value.indexOf(item.id);
+                        // replace value with new id
+                        this.value.splice(index, 1, a.id);
+                    }
+                    else
+                        this.value = a.id;
+                    this._sb.toast(this._translate.get('CheckedIn', item.fileName));
+                }, error: e => this._handleError(e)
+            });
         });
     }
     checkOut(item) {
@@ -22303,13 +22399,15 @@ class FileInput {
         });
     }
     discard(item) {
-        const task = () => this._mailbox.removeattachment(this._model.id, item.id).subscribe(_ => {
-            this.items.remove(item);
-            this._value = this.multiple ? this.items.length ? this.items.map(i => i.id) : null : null;
-            this._onChange && this._onChange(this.value);
-            const aitem = this._model.attachments.find(a => a.id === item.id);
-            aitem.deleted = true;
-        }, e => this._handleError(e));
+        const task = () => this._mailbox.removeattachment(this._model.id, item.id).subscribe({
+            next: () => {
+                this.items.remove(item);
+                this._value = this.multiple ? this.items.length ? this.items.map(i => i.id) : null : null;
+                this._onChange && this._onChange(this.value);
+                const aitem = this._model.attachments.find(a => a.id === item.id);
+                aitem.deleted = true;
+            }, error: e => this._handleError(e)
+        });
         if (this._model.draft)
             task();
         else
@@ -22441,10 +22539,7 @@ class FileInput {
                 this._input.nativeElement.multiple = options.multiple;
         }
         this._input.nativeElement.click();
-        return new Promise((resolve, reject) => {
-            this._pending.pipe(first()).
-                subscribe(resolve, reject);
-        });
+        return firstValueFrom(this._pending);
     }
     /**
      *
@@ -22452,7 +22547,7 @@ class FileInput {
      */
     _change(evt) {
         this._onTouched && this._onTouched();
-        const { files } = evt.srcElement;
+        const { files } = evt.target;
         const arr = [];
         for (var i = 0; i < files.length; i++) {
             let file = files.item(i);
@@ -22492,7 +22587,7 @@ class FileInput {
                 if (item.checkedOut) {
                     // check in
                     let observable = this._mailbox.checkIn(this._model.id, this._model.version, item.id, file).
-                        pipe(reportProgress(item), catchError(e => {
+                        pipe(reportProgress(item), catchError$1(e => {
                         this._handleError(e);
                         return of(false);
                     }), tap((a) => {
@@ -22509,7 +22604,7 @@ class FileInput {
                 else if (this.canEdit(item)) {
                     // existing item, override
                     let observable = this._mailbox.upload(this._model.id, this._model.formId, this._model.version, file, { isPrivate: true }).
-                        pipe(reportProgress(item), catchError(e => {
+                        pipe(reportProgress(item), catchError$1(e => {
                         this._handleError(e);
                         return of(false);
                     }), tap((a) => {
@@ -22529,7 +22624,7 @@ class FileInput {
                 //this.items.push(this._createItem(a));
                 // upload new
                 let observable = this._mailbox.upload(this._model.id, this._model.formId, this._model.version, file, { isPrivate: true }).
-                    pipe(/*TODO reportProgress(item), */ catchError(e => {
+                    pipe(/*TODO reportProgress(item), */ catchError$1(e => {
                     this._handleError(e);
                     return of(false);
                 }), tap((a) => {
@@ -23617,13 +23712,15 @@ class CubeDocumentsWidget {
         this.dataSource.sort = this.sort;
     }
     open(item) {
-        this._mailbox.info(item.id).subscribe(item => {
-            this._router.navigate(['mailbox/d', item.documentId.encodeId()], {
-                state: {
-                    item
-                }
-            });
-        }, () => this._sb.error());
+        this._mailbox.info(item.id).subscribe({
+            next: item => {
+                this._router.navigate(['mailbox/d', item.documentId.encodeId()], {
+                    state: {
+                        item
+                    }
+                });
+            }, error: () => this._sb.error()
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeDocumentsWidget, deps: [{ token: RouterImpl }, { token: MailboxService }, { token: PromptService }, { token: WidgetRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: CubeDocumentsWidget, selector: "ng-component", host: { properties: { "style.height": "this.height" } }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z0\" matSort @list>\r\n  <ng-container matColumnDef=\"number\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Number' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element)\">#{{element.number}}</a></td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"subject\">\r\n    <th mat-header-cell *matHeaderCellDef> {{'Subject' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"text\"> {{element.subject}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"state\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'Status' | translate}} </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.state | state }} </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\r\n  <tr mat-row @item *matRowDef=\"let row; columns: columns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}td.text{text-overflow:ellipsis;max-width:100px;white-space:nowrap;overflow:hidden}:host{overflow:hidden;display:block}:host:hover{overflow-y:auto!important}\n"], dependencies: [{ kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5$3.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5$3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }], animations: [
@@ -23734,12 +23831,14 @@ class RecentsWidget {
     _navigate(item, commands, extra) {
         item.loading = true;
         this._service.get(item.id).
-            subscribe(i => {
-            this._router.navigate(['mailbox/i', item.id.encodeId(), ...commands], { ...extra, state: { item: i } });
-            item.loading = false;
-        }, () => {
-            this._ps.error();
-            item.loading = false;
+            subscribe({
+            next: i => {
+                this._router.navigate(['mailbox/i', item.id.encodeId(), ...commands], { ...extra, state: { item: i } });
+                item.loading = false;
+            }, error: () => {
+                this._ps.error();
+                item.loading = false;
+            }
         });
     }
     open(item) {
@@ -24111,7 +24210,7 @@ let CompareGroupsWidget = CompareGroupsWidget_1 = class CompareGroupsWidget {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CompareGroupsWidget, deps: [{ token: TranslateService }, { token: WidgetRef }, { token: i0.ElementRef }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: CompareGroupsWidget, selector: "ng-component", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, providers: [LineSeriesService, CrosshairService, ColumnSeriesService], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: CompareGroupsWidget, selector: "bizdoc-compare-groups", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, providers: [LineSeriesService, CrosshairService, ColumnSeriesService], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true }); }
 };
 CompareGroupsWidget = CompareGroupsWidget_1 = __decorate([
     BizDoc({
@@ -24122,6 +24221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             type: Component,
             args: [{
                     //templateUrl: './compare-groups.widget.html',
+                    selector: 'bizdoc-compare-groups',
                     template: '',
                     providers: [LineSeriesService, CrosshairService, ColumnSeriesService],
                     host: {
@@ -26161,11 +26261,13 @@ class CombinationPickerBody {
         this._axes.forEach(a => values[a.name] && (args[a.name] = values[a.name]));
         this._service.combinations(this._cube.name, args, { take: this._data.limit, progress: false }).
             pipe(finalize(() => this._working = false)).
-            subscribe(r => {
-            this._combinations = r;
-            this._switchMode('results');
-            r.length === this._data.limit && this._snackbar.toast('TakeMore');
-        }, () => this._snackbar.error());
+            subscribe({
+            next: r => {
+                this._combinations = r;
+                this._switchMode('results');
+                r.length === this._data.limit && this._snackbar.toast('TakeMore');
+            }, error: () => this._snackbar.error()
+        });
     }
     /**
      * item select
@@ -26201,11 +26303,10 @@ class CombinationPickerBody {
             ...defaults
         };
         codes.slice(0, this._axes.length).forEach((a, i) => axes[this._axes[i].name] = a);
-        this._accountInfo.popup(axes, evt.srcElement, {
+        this._accountInfo.popup(axes, evt.target, {
             ...this._data.exploreSettings,
             cube: this._cube.name
         });
-        evt.cancelBubble = true;
         evt.preventDefault();
         evt.stopPropagation();
     }
@@ -26521,10 +26622,10 @@ class CombinationPool {
             control.valueChanges.pipe(debounceTime(250), takeUntil$1(this._destroy)).subscribe(v => {
                 this.model[a.name] = v;
                 this._populate().
-                    then(() => this.modelChange.next(this.model));
+                    pipe(tap(() => this.modelChange.next(this.model))).subscribe();
             });
         });
-        this._populate();
+        this._populate().subscribe();
     }
     _populate() {
         this.working = true;
@@ -26534,7 +26635,7 @@ class CombinationPool {
             if (val)
                 values[a.name] = val;
         });
-        return this._service.constraints(this._cube.name, values, { source: this.source }).toPromise().then(r => {
+        return this._service.constraints(this._cube.name, values, { source: this.source }).pipe(tap(r => {
             Object.keys(r).forEach(t => {
                 this._values[t] = r[t];
                 const keys = this._keys[t] = Object.keys(r[t]);
@@ -26549,7 +26650,7 @@ class CombinationPool {
             });
             Object.assign(this._values, r);
             this.working = false;
-        });
+        }));
     }
     clear(axis) {
         const control = this.form.controls[axis];
@@ -27044,7 +27145,7 @@ class QuickCommentComponent {
         this._destroy = new Subject();
     }
     ngOnInit() {
-        this._textChange.pipe(debounceTime$1(TYPING_NOTIFY), takeUntil(this._destroy)).subscribe(() => this._mailbox.typing(this.model.documentId));
+        this._textChange.pipe(debounceTime$1(TYPING_NOTIFY$1), takeUntil(this._destroy)).subscribe(() => this._mailbox.typing(this.model.documentId).subscribe());
         this._messaging.commentTyping$.pipe(takeUntil(this._destroy), filter$1(e => e.id === this.model.documentId)).
             subscribe(e => {
             this._accounts.get(e.userId).subscribe(u => {
@@ -27058,12 +27159,14 @@ class QuickCommentComponent {
         const { text, resource } = evt;
         this.sending = true;
         this._mailbox.comment(this.model.documentId, { text, resource }).
-            subscribe(c => {
-            this.model.comments.push(c);
-            this.sending = false;
-        }, () => {
-            this._sb.error();
-            this.sending = false;
+            subscribe({
+            next: c => {
+                this.model.comments.push(c);
+                this.sending = false;
+            }, error: () => {
+                this._sb.error();
+                this.sending = false;
+            }
         });
     }
     ngOnDestroy() {
@@ -27156,8 +27259,7 @@ class CubeBase {
             return null;
         const axes = {};
         this._viewRef.options.aggregate.forEach(a => axes[a] = this.originalAxes[a]);
-        return await this._service.nameOf(axes, this.cube.name).
-            toPromise();
+        return await firstValueFrom(this._service.nameOf(axes, this.cube.name));
     }
     aggregate(originalAxes) {
         const axes = { ...originalAxes };
@@ -27522,14 +27624,17 @@ class TimelineViewComponent {
                 }
                 if (l.byId) {
                     const who = this._users.get(l.userId), by = this._users.get(l.byId);
-                    const promise = forkJoin(who, by).pipe(tap(ns => {
+                    const promise = forkJoin([who, by]).pipe(tap(ns => {
                         const [who, by] = ns;
                         task.name = this._translate.get('By', who.name, by.name);
                         //    if (l.role) {
                         //        const role = this.session.profile.roles.find(o => o.name === l.role);
                         //        if (role) task.name += `, ${role.name}`;
                         //    }
-                    }, () => this._ps.error()));
+                    }), catchError(() => {
+                        this._ps.error();
+                        throw new Error();
+                    }));
                     promisses.push(promise);
                 }
                 else if (l.userId) {
@@ -27539,7 +27644,10 @@ class TimelineViewComponent {
                         //        const role = this.session.profile.roles.find(o => o.name === l.role);
                         //        if (role) task.name += `, ${role.name}`;
                         //    }
-                    }, () => this._ps.error()));
+                    }), catchError(() => {
+                        this._ps.error();
+                        throw new Error();
+                    }));
                     promisses.push(promise);
                 }
             });
@@ -27561,7 +27669,7 @@ class TimelineViewComponent {
                 if (r.substituteId) {
                     const by = this._users.get(r.substituteId);
                     const who = this._users.get(r.userId);
-                    const promise = forkJoin(who, by).pipe(tap(u => {
+                    const promise = forkJoin([who, by]).pipe(tap(u => {
                         task.name = this._translate.get('WhoSubstituting', u[0].name, u[1].name);
                         if (u[0].role)
                             task.name += `, ${u[0].role}`;
@@ -27570,7 +27678,10 @@ class TimelineViewComponent {
                             if (role)
                                 task.name += `, ${role.name}`;
                         }
-                    }, () => this._ps.error()));
+                    }), catchError(() => {
+                        this._ps.error();
+                        throw new Error();
+                    }));
                     promisses.push(promise);
                 }
                 else {
@@ -27583,7 +27694,10 @@ class TimelineViewComponent {
                             if (role)
                                 task.name += `, ${role.name}`;
                         }
-                    }, () => this._ps.error()));
+                    }), catchError(() => {
+                        this._ps.error();
+                        throw new Error();
+                    }));
                     promisses.push(promise);
                 }
                 if (r.nodeId) {
@@ -27702,7 +27816,7 @@ class CubeSumComponent {
             this._fish(axis);
     }
     async _strict(axis) {
-        const keys = await this._ds.keys(this.primaryAxis.dataType).toPromise(), keyIndex = keys.indexOf(axis);
+        const keys = await firstValueFrom(this._ds.keys(this.primaryAxis.dataType)), keyIndex = keys.indexOf(axis);
         const filters = { ...this.filters };
         const axes = [axis];
         if (keyIndex > 0)
@@ -27710,11 +27824,11 @@ class CubeSumComponent {
         if (keyIndex === keys.length - 1)
             axes.push(keys[keyIndex + 1]);
         filters[this.primaryAxis.name] = axis;
-        const results = await this._service.series(this._cube.name, this.primaryAxis.name, {
+        const results = await firstValueFrom(this._service.series(this._cube.name, this.primaryAxis.name, {
             indices: this.indices,
             scope: this.scope,
             filters
-        }).toPromise().catch(this._handleErr.bind(this));
+        })).catch(this._handleErr.bind(this));
         for (var i = 0; i < results.length; i++) {
             const { index, title, points } = results[i];
             for (var j = 0; j < points.length; j++) {
@@ -27745,18 +27859,18 @@ class CubeSumComponent {
         }
         const parallel = async (direction) => {
             const parentKey = this.filters[this.parentAxis];
-            const parentKeys = await this._ds.keys(this._parentAxis.dataType).toPromise();
+            const parentKeys = await firstValueFrom(this._ds.keys(this._parentAxis.dataType));
             const index = parentKeys.indexOf((isArray(parentKey) ? parentKey[0] : parentKey)), scope = parentKeys[index + direction];
             if (!scope)
                 return;
             filters[this.parentAxis] = scope;
             const axis = keys[keys.length + direction];
             filters[this.primaryAxis.name] = axis;
-            const results = await this._service.series(this._cube.name, this.primaryAxis.name, {
+            const results = await firstValueFrom(this._service.series(this._cube.name, this.primaryAxis.name, {
                 indices: this.indices,
                 scope: this.scope,
                 filters
-            }).toPromise().catch(this._handleErr.bind(this));
+            })).catch(this._handleErr.bind(this));
             const level = { axis, indices: [], scope };
             for (var i = 0; i < results.length; i++) {
                 const { index, title, points } = results[i];
@@ -27783,11 +27897,10 @@ class CubeSumComponent {
         try {
             const filters = { ...this.filters };
             delete filters[this.xAxis];
-            const results = this._results = await this._service.series(this._cube.name, this.xAxis, {
+            const results = this._results = await firstValueFrom(this._service.series(this._cube.name, this.xAxis, {
                 indices: this.indices, filters,
                 scope: this.scope
-            }).
-                toPromise().catch(this._handleErr.bind(this));
+            })).catch(this._handleErr.bind(this));
             this.current = {
                 axis,
                 value: 0,
@@ -27872,8 +27985,7 @@ class CubeSumComponent {
     async getAggregateLabel() {
         const axes = { ...this.filters };
         delete axes[this.xAxis];
-        return await this._service.nameOf(axes, this._cube.name).
-            toPromise();
+        return await firstValueFrom(this._service.nameOf(axes, this._cube.name));
     }
     _calculate(level) {
         const indices = level.indices
@@ -27966,17 +28078,17 @@ class CubeSumComponent {
     async _parallel(direction, parentKey) {
         if (!this._parentAxis)
             return;
-        const parentKeys = await this._ds.keys(this._parentAxis.dataType).toPromise();
+        const parentKeys = await firstValueFrom(this._ds.keys(this._parentAxis.dataType));
         const keyIndex = parentKeys.indexOf((isArray(parentKey) ? parentKey[0] : parentKey)), scope = parentKeys[keyIndex + direction];
         if (!scope)
             return;
         const filters = { ...this.filters };
         filters[this.parentAxis] = scope;
         delete filters[this.xAxis];
-        const results = this._scoperesults = await this._service.series(this._cube.name, this.xAxis, {
+        const results = this._scoperesults = await firstValueFrom(this._service.series(this._cube.name, this.xAxis, {
             indices: this.indices, filters,
             scope: this.scope
-        }).toPromise().catch(this._handleErr.bind(this));
+        })).catch(this._handleErr.bind(this));
         this._scope = scope;
         if (!results.some(s => s.points.length))
             return;
@@ -27984,7 +28096,7 @@ class CubeSumComponent {
             scope,
             indices: []
         };
-        const parentTitle = await this._ds.get(this._parentAxis.dataType, scope).toPromise();
+        const parentTitle = await firstValueFrom(this._ds.get(this._parentAxis.dataType, scope));
         for (var j = 0; j < results.length; j++) {
             let { index, title, points, name } = results[j], q = direction > 0 ? 0 : points.length - 1, point = points[q];
             if (index) {
@@ -28203,16 +28315,18 @@ let CubeExploreViewComponent = class CubeExploreViewComponent extends CubeBase {
     item(evt) {
         const { keys } = evt;
         this.loading = true;
-        this._service.item(this.cube.name, this.axes, keys).subscribe(item => {
-            this._router.navigate(['cube', this.cube.name, 'explore', 'i', evt.template, keys[0]], {
-                queryParams: this.axes,
-                state: { item },
-                group: this.group,
-            });
-            this.loading = false;
-        }, e => {
-            this.loading = false;
-            this._sb.error(e.status === 401 ? 'Unauthorized' : null);
+        this._service.item(this.cube.name, this.axes, keys).subscribe({
+            next: item => {
+                this._router.navigate(['cube', this.cube.name, 'explore', 'i', evt.template, keys[0]], {
+                    queryParams: this.axes,
+                    state: { item },
+                    group: this.group,
+                });
+                this.loading = false;
+            }, error: e => {
+                this.loading = false;
+                this._sb.error(e.status === 401 ? 'Unauthorized' : null);
+            }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeExploreViewComponent, deps: [{ token: DocumentViewRef }, { token: PromptService }, { token: RouterImpl }, { token: CubeService }, { token: DatasourceService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -28320,15 +28434,17 @@ class CubeParallelComponent {
             indices: this.indices,
             groupIndices: true,
             scope: this.scope
-        }).subscribe(r => {
-            this._data = r;
-            this._draw();
-            if (this.items.length)
-                this.width = Math.max(Math.round(this.size / this.items.length), 150) + 'px';
-            this._loading.next(false);
-        }, (e) => {
-            this._sb.error(errResource(e));
-            this._loading.next(false);
+        }).subscribe({
+            next: r => {
+                this._data = r;
+                this._draw();
+                if (this.items.length)
+                    this.width = Math.max(Math.round(this.size / this.items.length), 150) + 'px';
+                this._loading.next(false);
+            }, error: (e) => {
+                this._sb.error(errResource(e));
+                this._loading.next(false);
+            }
         });
     }
     _draw() {
@@ -28506,7 +28622,7 @@ let CubeUsageComponent = class CubeUsageComponent {
         this._instance = this._vc.createComponent(comp).instance;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeUsageComponent, deps: [{ token: ReportRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: CubeUsageComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: CubeUsageComponent, selector: "bizdoc-cube-usage", ngImport: i0, template: '', isInline: true }); }
 };
 CubeUsageComponent = __decorate([
     BizDoc({
@@ -28516,6 +28632,7 @@ CubeUsageComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubeUsageComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'bizdoc-cube-usage',
                     template: ''
                 }]
         }], ctorParameters: function () { return [{ type: ReportRef }, { type: i0.ViewContainerRef }]; } });
@@ -28662,7 +28779,7 @@ let CubePerformanceWidget = CubePerformanceWidget_1 = class CubePerformanceWidge
             });
             const cube = this._session.profile.cubes.find(c => c.name === this._widgetRef.options.cube || this._widgetRef.options.cube == null);
             const axis = cube.axes.find(a => a.name === this._widgetRef.options.series);
-            const title = await this._type.get(axis.dataType, item.series).toPromise();
+            const title = await firstValueFrom(this._type.get(axis.dataType, item.series));
             series.push({
                 type: 'Line',
                 xName: 'date',
@@ -28698,7 +28815,7 @@ let CubePerformanceWidget = CubePerformanceWidget_1 = class CubePerformanceWidge
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CubePerformanceWidget, deps: [{ token: TranslateService }, { token: WidgetRef }, { token: i0.ElementRef }, { token: DatasourceService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: CubePerformanceWidget, selector: "ng-component", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, providers: [LineSeriesService, CrosshairService, ColumnSeriesService], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: CubePerformanceWidget, selector: "bizdoc-cube-performance", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, providers: [LineSeriesService, CrosshairService, ColumnSeriesService], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true }); }
 };
 CubePerformanceWidget = CubePerformanceWidget_1 = __decorate([
     BizDoc({
@@ -28709,6 +28826,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             type: Component,
             args: [{
                     //templateUrl: './compare.widget.html',
+                    selector: 'bizdoc-cube-performance',
                     template: '',
                     providers: [LineSeriesService, CrosshairService, ColumnSeriesService],
                     host: {
@@ -29443,7 +29561,7 @@ class MobileModule {
             SharedModule], exports: [HomeMobileComponent, BrowseComponent, CubeMobileViewComponent, ComposeComponent, ReportComponent, FormSelectorSheet, CopyDialog, SchedulerComponent, NotificationsComponent,
             ChatComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MobileModule, providers: [CanDeactivateCompose,
-            ItemResolveService,
+            CubeItemResolveService,
             RecipientResolveService, DocumentResolveService
         ], imports: [CommonModule,
             HttpClientModule,
@@ -29458,7 +29576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         ChatComponent, CubeMatrixMobileComponent, DocumentViewMobileComponent
                     ],
                     providers: [CanDeactivateCompose,
-                        ItemResolveService,
+                        CubeItemResolveService,
                         RecipientResolveService, DocumentResolveService
                     ],
                     imports: [
@@ -29533,30 +29651,32 @@ class TraceElementComponent {
     assign(recipient) {
         this._dialog.open(ReassignDialog, { data: { exclude: [recipient.userId] } }).afterClosed().
             subscribe((m) => {
-            m && this._utilityRef.execute({ id: recipient.id, ...m }).subscribe(r => {
-                Object.assign(this.model, r);
-            }, () => this._sb.error());
+            m && this._utilityRef.execute({ id: recipient.id, ...m }).subscribe({
+                next: r => {
+                    Object.assign(this.model, r);
+                }, error: () => this._sb.error()
+            });
         });
     }
     async recipientInfo(recipient) {
         const info = [];
-        const who = await this._accounts.get(recipient.userId).toPromise();
+        const who = await firstValueFrom(this._accounts.get(recipient.userId));
         if (recipient.escalated) {
             const escalation = this.timeline.log.find(l => l.type === 'Escalation' && l.recipientId === recipient.originId);
-            const to = await this._accounts.get(escalation.userId).toPromise();
+            const to = await firstValueFrom(this._accounts.get(escalation.userId));
             info.push(this._translate.get('EscalatedBy', this._chat.format(to), this._chat.format(who)));
         }
         if (recipient.substituteId) {
-            const substitute = await this._accounts.get(recipient.substituteId).toPromise();
+            const substitute = await firstValueFrom(this._accounts.get(recipient.substituteId));
             if (recipient.byId) {
-                const by = await this._accounts.get(recipient.byId).toPromise();
+                const by = await firstValueFrom(this._accounts.get(recipient.byId));
                 info.push(this._translate.get('SubstitutingBy', this._chat.format(who), this._chat.format(substitute), this._chat.format(by)));
             }
             else
                 info.push(this._translate.get('Substituting', this._chat.format(who), this._chat.format(substitute)));
         }
         else if (recipient.byId) {
-            const by = await this._accounts.get(recipient.byId).toPromise();
+            const by = await firstValueFrom(this._accounts.get(recipient.byId));
             info.push(this._translate.get('By', this._chat.format(who), this._chat.format(by)));
         }
         else
@@ -29581,7 +29701,7 @@ class TraceElementComponent {
         });
     }
     chat(e) {
-        const userId = e.srcElement.getAttribute('data-info');
+        const userId = e.target.getAttribute('data-info');
         userId &&
             this._chat.open(userId);
     }
@@ -29651,36 +29771,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 args: ['nameInput', { static: true, read: ElementRef }]
             }] } });
 
-class SearchInput {
-    constructor() {
-        this.valueChange = new EventEmitter();
-        this._search = new FormControl(null);
-    }
-    ngOnInit() {
-        this._search.valueChanges.subscribe(v => this.valueChange.emit(v));
-    }
-    _leave() {
-        this._search.setValue(null);
-        document.activeElement.blur();
-    }
-    ngOnDestroy() {
-        this.valueChange.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SearchInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SearchInput, selector: "bizdoc-search-input", outputs: { valueChange: "valueChange" }, host: { listeners: { "keydown.escape": "_leave()" } }, ngImport: i0, template: `<input matInput [formControl]=_search autocomplete="off" #searchInput />
-  <mat-icon class="mat-icon-rtl-mirror" (click)="searchInput.focus()">search</mat-icon>`, isInline: true, styles: ["input{width:0px;text-align:end;transition:all .2s ease-in-out}\n", "input:focus{width:200px}\n"], dependencies: [{ kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i9$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SearchInput, decorators: [{
-            type: Component,
-            args: [{ selector: 'bizdoc-search-input', template: `<input matInput [formControl]=_search autocomplete="off" #searchInput />
-  <mat-icon class="mat-icon-rtl-mirror" (click)="searchInput.focus()">search</mat-icon>`, styles: ["input{width:0px;text-align:end;transition:all .2s ease-in-out}\n", "input:focus{width:200px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { valueChange: [{
-                type: Output
-            }], _leave: [{
-                type: HostListener,
-                args: ['keydown.escape']
-            }] } });
-
 let ManageCubeIndexUtility = class ManageCubeIndexUtility {
     constructor(_dir, _ref, session, _vc, _sb, _overlay) {
         this._dir = _dir;
@@ -29736,7 +29826,7 @@ let ManageCubeIndexUtility = class ManageCubeIndexUtility {
             hasBackdrop: true,
             panelClass: 'home-panel'
         });
-        merge(oRef.backdropClick(), oRef.keydownEvents().pipe(filter(k => k.keyCode === ESCAPE))).pipe(takeUntil$1(this._destroy)).subscribe(() => oRef.detach());
+        merge(oRef.backdropClick(), oRef.keydownEvents().pipe(filter(k => k.key === 'Escape'))).pipe(takeUntil$1(this._destroy)).subscribe(() => oRef.detach());
     }
     _find(axes) {
         const n = this.names.length;
@@ -29813,6 +29903,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 args: ['editTmpl', { static: true }]
             }] } });
 
+class SearchInput {
+    constructor() {
+        this.valueChange = new EventEmitter();
+        this._search = new FormControl(null);
+    }
+    ngOnInit() {
+        this._search.valueChanges.subscribe(v => this.valueChange.emit(v));
+    }
+    _leave() {
+        this._search.setValue(null);
+        document.activeElement.blur();
+    }
+    ngOnDestroy() {
+        this.valueChange.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SearchInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SearchInput, selector: "bizdoc-search-input", outputs: { valueChange: "valueChange" }, host: { listeners: { "keydown.escape": "_leave()" } }, ngImport: i0, template: `<input matInput [formControl]=_search autocomplete="off" #searchInput />
+  <mat-icon class="mat-icon-rtl-mirror" (click)="searchInput.focus()">search</mat-icon>`, isInline: true, styles: ["input{width:0px;text-align:end;transition:all .2s ease-in-out}\n", "input:focus{width:200px}\n"], dependencies: [{ kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i9$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SearchInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'bizdoc-search-input', template: `<input matInput [formControl]=_search autocomplete="off" #searchInput />
+  <mat-icon class="mat-icon-rtl-mirror" (click)="searchInput.focus()">search</mat-icon>`, styles: ["input{width:0px;text-align:end;transition:all .2s ease-in-out}\n", "input:focus{width:200px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { valueChange: [{
+                type: Output
+            }], _leave: [{
+                type: HostListener,
+                args: ['keydown.escape']
+            }] } });
+
 let PermissionsUtility = class PermissionsUtility {
     constructor(_utilityRef, _session, _sb, _fb) {
         this._utilityRef = _utilityRef;
@@ -29864,10 +29984,12 @@ let PermissionsUtility = class PermissionsUtility {
         this.dirty = true;
     }
     save() {
-        this._utilityRef.execute(this._data).subscribe(() => {
-            this.dirty = false;
-            this._sb.toast('ChangesSaved');
-        }, () => this._sb.error());
+        this._utilityRef.execute(this._data).subscribe({
+            next: () => {
+                this.dirty = false;
+                this._sb.toast('ChangesSaved');
+            }, error: () => this._sb.error()
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: PermissionsUtility, deps: [{ token: UtilityRef }, { token: SessionService }, { token: PromptService }, { token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: PermissionsUtility, selector: "ng-component", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar>\r\n  <button mat-button (click)=\"save()\" color=\"primary\" [disabled]=\"!dirty\">{{'SaveChanges'|translate}}</button>\r\n  <span class=\"divider\"></span>\r\n  <bizdoc-search-input (valueChange)=\"search($event)\"></bizdoc-search-input>\r\n  <button mat-button [matMenuTriggerFor]=\"formMenu\">{{form?.title}} <mat-icon>arrow_drop_down</mat-icon></button>\r\n  <mat-menu #formMenu>\r\n    <button mat-menu-item *ngFor=\"let f of forms\" (click)=\"formChange(f.name)\">{{f.title}}</button>\r\n  </mat-menu>\r\n</mat-toolbar>\r\n<table mat-table matSort [dataSource]=\"dataSource\">\r\n  <ng-container matColumnDef=\"title\" sticky>\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Permission' | translate}}</th>\r\n    <td mat-cell *matCellDef=\"let item\"> {{item.title || item.name}}</td>\r\n  </ng-container>\r\n  <ng-container [matColumnDef]=\"r.name\" *ngFor=\"let r of roles\">\r\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{r.title}}</th>\r\n    <td mat-cell *matCellDef=\"let item\"> <mat-checkbox [checked]=\"item[r.name]\" [value]=\"r.name\" (change)=\"change(item, $event)\"></mat-checkbox> </td>\r\n  </ng-container>\r\n  <tr mat-header-row *matHeaderRowDef=\"displayColumns; sticky: true\"></tr>\r\n  <tr mat-row *matRowDef=\"let item; columns: displayColumns;\"></tr>\r\n</table>\r\n", styles: ["table{width:100%}::ng-deep .mat-mdc-row{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5$3.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5$3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i9$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i9.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: SearchInput, selector: "bizdoc-search-input", outputs: ["valueChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
@@ -29959,12 +30081,14 @@ class SystemDiffComponent {
         this._working.pipe(takeUntil$1(this._destroy), debounceTime(100)).subscribe(v => v && (this.progress = v));
         this._working.next(50);
         // populate versions
-        this._utilityRef.populate().subscribe(e => {
-            this.versions = e;
-            this._working.next(100);
-            e.length > 1 &&
-                this.compare(0);
-        }, () => this._sb.error());
+        this._utilityRef.populate().subscribe({
+            next: e => {
+                this.versions = e;
+                this._working.next(100);
+                e.length > 1 &&
+                    this.compare(0);
+            }, error: () => this._sb.error()
+        });
     }
     /**
      *
@@ -29976,24 +30100,26 @@ class SystemDiffComponent {
             return;
         const { time: date2 } = version;
         this._working.next(25);
-        this._utilityRef.execute({ date1, date2 }).subscribe(r => {
-            this.html = '';
-            this._working.next(50);
-            this.activeDate = date1;
-            const results = this._compare(r[0], r[1]);
-            if (results)
-                results.then(d => {
-                    this._working.next(75);
-                    this.html = this._generate(d);
-                    this._scrollTop();
+        this._utilityRef.execute({ date1, date2 }).subscribe({
+            next: r => {
+                this.html = '';
+                this._working.next(50);
+                this.activeDate = date1;
+                const results = this._compare(r[0], r[1]);
+                if (results)
+                    results.then(d => {
+                        this._working.next(75);
+                        this.html = this._generate(d);
+                        this._scrollTop();
+                        this._working.next(100);
+                        this.none = false;
+                    });
+                else {
                     this._working.next(100);
-                    this.none = false;
-                });
-            else {
-                this._working.next(100);
-                this.none = true;
-            }
-        }, () => this._sb.error());
+                    this.none = true;
+                }
+            }, error: () => this._sb.error()
+        });
     }
     _scrollTop() {
         setTimeout(() => this.contents.nativeElement.parentElement.scroll({ top: 0, behavior: 'smooth' }));
@@ -30052,7 +30178,7 @@ class SystemDiffComponent {
                 else if (!b.find(b => b == e)) {
                     const length = diff.push(e);
                     if (scope.nodes.indexOf('positions') > -1) {
-                        const promise = this._accounts.get(e).toPromise().then(v => diff[length - 1] = v.name);
+                        const promise = firstValueFrom(this._accounts.get(e)).then(v => diff[length - 1] = v.name);
                         promises.push(promise);
                     }
                     diff[STATE + (length - 1).toString()] = ChangeState.Added;
@@ -30077,7 +30203,7 @@ class SystemDiffComponent {
                         else if (!a.find(a => a == e)) {
                             const length = diff.push(e);
                             if (scope.nodes.indexOf('positions') > -1) {
-                                const promise = this._accounts.get(e).toPromise().then(v => diff[length - 1] = v.name);
+                                const promise = firstValueFrom(this._accounts.get(e)).then(v => diff[length - 1] = v.name);
                                 promises.push(promise);
                             }
                             diff[STATE + (length - 1).toString()] = ChangeState.Removed;
@@ -30126,7 +30252,7 @@ class SystemDiffComponent {
                         }
                         if (scope.nodes.indexOf('positions') > -1) {
                             diff[ORIGINAL_VALUE + k] = aVal;
-                            const promise = this._ds.get(scope.type, k).toPromise().then(v => {
+                            const promise = firstValueFrom(this._ds.get(scope.type, k)).then(v => {
                                 const name = isString(v) ? v : v[Object.keys(v)[0]];
                                 diff[name] = obj;
                                 if (bVal === undefined)
@@ -30144,12 +30270,12 @@ class SystemDiffComponent {
                 else {
                     diff[k] = aVal;
                     if (k === 'userId') {
-                        const promise = this._accounts.get(aVal).toPromise().then(v => diff[k] = v.name);
+                        const promise = firstValueFrom(this._accounts.get(aVal)).then(v => diff[k] = v.name);
                         promises.push(promise);
                     }
                     if (bVal !== undefined) {
                         if (k === 'userId') {
-                            const promise = this._accounts.get(bVal).toPromise().then(v => diff[ORIGINAL_VALUE + k] = v.name);
+                            const promise = firstValueFrom(this._accounts.get(bVal)).then(v => diff[ORIGINAL_VALUE + k] = v.name);
                             promises.push(promise);
                         }
                         else
@@ -30168,14 +30294,14 @@ class SystemDiffComponent {
                     if (scope.nodes.indexOf('positions') > -1) {
                         const obj = [];
                         diff[ORIGINAL_VALUE + k] = bVal;
-                        const promise = this._ds.get(scope.type, k).toPromise().then(v => {
+                        const promise = firstValueFrom(this._ds.get(scope.type, k)).then(v => {
                             const name = isString(v) ? v : v[Object.keys(v)[0]];
                             diff[name] = obj;
                             diff[STATE + name] = ChangeState.Removed;
                         });
                         promises.push(promise);
                         bVal && bVal.forEach((e, i) => {
-                            const promise = this._accounts.get(e).toPromise().then(v => obj[i] = v.name);
+                            const promise = firstValueFrom(this._accounts.get(e)).then(v => obj[i] = v.name);
                             promises.push(promise);
                         });
                     }
@@ -30191,7 +30317,7 @@ class SystemDiffComponent {
                         else {
                             diff[k] = bVal;
                             if (k === 'userId') {
-                                const promise = this._accounts.get(bVal).toPromise().then(v => diff[k] = v.name);
+                                const promise = firstValueFrom(this._accounts.get(bVal)).then(v => diff[k] = v.name);
                                 promises.push(promise);
                             }
                         }
@@ -30262,7 +30388,7 @@ class SystemDiffComponent {
                 else {
                     const length = prestine.push(e);
                     if (scope.nodes.indexOf('positions') > -1) {
-                        const promise = this._accounts.get(e).toPromise().then(v => prestine[length - 1] = v.name);
+                        const promise = firstValueFrom(this._accounts.get(e)).then(v => prestine[length - 1] = v.name);
                         promises.push(promise);
                     }
                 }
@@ -30282,7 +30408,7 @@ class SystemDiffComponent {
                         return;
                     promises.push(promise);
                     if (scope.nodes.indexOf('positions') > -1) {
-                        const promise = this._ds.get(scope.type, k).toPromise().then(v => prestine[isString(v) ? v : v[Object.keys(v)[0]]] = obj);
+                        const promise = firstValueFrom(this._ds.get(scope.type, k)).then(v => prestine[isString(v) ? v : v[Object.keys(v)[0]]] = obj);
                         promises.push(promise);
                     }
                     else
@@ -30291,7 +30417,7 @@ class SystemDiffComponent {
                 else {
                     prestine[k] = aVal;
                     if (k === 'userId') {
-                        const promise = this._accounts.get(aVal).toPromise().then(v => prestine[k] = v.name);
+                        const promise = firstValueFrom(this._accounts.get(aVal)).then(v => prestine[k] = v.name);
                         promises.push(promise);
                     }
                 }
@@ -30413,7 +30539,7 @@ class SystemDiffComponent {
      * @param evt
      */
     collapse(evt) {
-        let el = evt.srcElement;
+        let el = evt.target;
         while (el && !el.classList.contains('scope'))
             el = el.parentElement;
         el && el.classList.toggle('collapse') && el.classList.remove('focus');
@@ -30431,7 +30557,7 @@ class SystemDiffComponent {
      */
     focusIn(evt) {
         this.focusOut();
-        let el = evt.srcElement;
+        let el = evt.target;
         while (el && !el.classList.contains('scope'))
             el = el.parentElement;
         el && !el.classList.contains('collapse') && el.classList.add('focus');
@@ -30666,33 +30792,35 @@ class DocumentTraceComponent {
     _open(id) {
         this.diagram?.destroy();
         this.loading = 'buffer';
-        this._utilityRef.populate(id).subscribe(e => {
-            this._highLightedIds = [];
-            this.model = e;
-            this._timeline();
-            this.mode = 'diagram';
-            this.loading = null;
-            this._cd.detectChanges();
-            this.diagram = new Diagram({
-                width: '100%', height: '100%',
-                snapSettings: this.snapSettings,
-                layout: this.layout,
-                getConnectorDefaults: this.connDefaults,
-                selectedItems: this.selectedItems,
-                tool: this.diagramTool,
-                constraints: this.diagramConstraints,
-                getNodeDefaults: this.nodeDefaults,
-                scrollSettings: this.scrollSettings,
-                nodes: e.diagram.nodes,
-                connectors: e.diagram.connectors,
-                selectionChange: this.selectionChange.bind(this)
-            }, this.diagramElement.nativeElement);
-            this._version();
-            this._indicators();
-            this.diagram.fitToPage();
-        }, () => {
-            this.loading = null;
-            this._sb.error();
+        this._utilityRef.populate(id).subscribe({
+            next: e => {
+                this._highLightedIds = [];
+                this.model = e;
+                this._timeline();
+                this.mode = 'diagram';
+                this.loading = null;
+                this._cd.detectChanges();
+                this.diagram = new Diagram({
+                    width: '100%', height: '100%',
+                    snapSettings: this.snapSettings,
+                    layout: this.layout,
+                    getConnectorDefaults: this.connDefaults,
+                    selectedItems: this.selectedItems,
+                    tool: this.diagramTool,
+                    constraints: this.diagramConstraints,
+                    getNodeDefaults: this.nodeDefaults,
+                    scrollSettings: this.scrollSettings,
+                    nodes: e.diagram.nodes,
+                    connectors: e.diagram.connectors,
+                    selectionChange: this.selectionChange.bind(this)
+                }, this.diagramElement.nativeElement);
+                this._version();
+                this._indicators();
+                this.diagram.fitToPage();
+            }, error: () => {
+                this.loading = null;
+                this._sb.error();
+            }
         });
     }
     open(item) {
@@ -31134,10 +31262,12 @@ let PatternsComponent = class PatternsComponent {
         });
     }
     save() {
-        this._ref.execute(this.dataSource.data).subscribe(() => {
-            this.dirty = false;
-            this._sb.toast('ChangesSaved');
-        }, () => this._sb.error());
+        this._ref.execute(this.dataSource.data).subscribe({
+            next: () => {
+                this.dirty = false;
+                this._sb.toast('ChangesSaved');
+            }, error: () => this._sb.error()
+        });
     }
     ngOnDestroy() {
         this._destroy.next();
@@ -31209,9 +31339,11 @@ class PositionsComponent {
         }));
     }
     _prepare() {
-        return forkJoin(this._service.datatypes().
-            pipe(tap$1(t => this.datatypes =
-            t.filter(t => t.assignable))), this._datasources.map('users').pipe(tap$1(u => this.profiles = u)));
+        return forkJoin([this._service.datatypes().
+                pipe(tap$1(t => this.datatypes =
+                t.filter(t => t.assignable))),
+            this._datasources.map('users').pipe(tap$1(u => this.profiles = u))
+        ]);
     }
     search(value) {
         this.dataSource.filter = value;
@@ -31220,48 +31352,50 @@ class PositionsComponent {
         const type = this.type = this.datatypes.find(t => t.name === name);
         const roles = this.roles = this._session.profile.roles.filter(r => r.dataType === name);
         this.loading = 'query';
-        this._datasources.all(type.name).subscribe(t => {
-            this.source = t;
-            const model = this._everything[type.name];
-            let positions = model.positions;
-            if (!positions)
-                positions = model.positions = {};
-            if (!model.groups)
-                model.groups = [];
-            if (!model.patterns)
-                model.patterns = [];
-            roles.forEach(r => {
-                if (!positions[r.name])
-                    positions[r.name] = {};
-            });
-            this.positions = positions;
-            const rows = [];
-            model.patterns && model.patterns.forEach(p => {
-                const row = { type: 'pattern', key: p.name };
-                row[type.columns ? type.columns[0].name : 'value'] = p.title;
-                rows.push(row);
-            });
-            model.groups && model.groups.forEach(g => {
-                const row = { type: 'group', key: g.name };
-                row[type.columns ? type.columns[0].name : 'value'] = g.title;
-                rows.push(row);
-            });
-            t.forEach(t => {
-                const row = { type: 'key', ...t };
-                type.columns && type.columns.forEach(c => {
-                    row[c.name] = t.value[c.name];
+        this._datasources.all(type.name).subscribe({
+            next: t => {
+                this.source = t;
+                const model = this._everything[type.name];
+                let positions = model.positions;
+                if (!positions)
+                    positions = model.positions = {};
+                if (!model.groups)
+                    model.groups = [];
+                if (!model.patterns)
+                    model.patterns = [];
+                roles.forEach(r => {
+                    if (!positions[r.name])
+                        positions[r.name] = {};
                 });
-                rows.push(row);
-            });
-            this.dataSource = new MatTableDataSource(rows);
-            this.dataSource.sort = this.sort;
-            this._columns();
-            !roles.length &&
-                this._dialog.open(this.noRoleTpl).afterClosed().subscribe(ok => ok && this.newRole());
-            this.loading = null;
-        }, () => {
-            this.loading = null;
-            this._ps.error();
+                this.positions = positions;
+                const rows = [];
+                model.patterns && model.patterns.forEach(p => {
+                    const row = { type: 'pattern', key: p.name };
+                    row[type.columns ? type.columns[0].name : 'value'] = p.title;
+                    rows.push(row);
+                });
+                model.groups && model.groups.forEach(g => {
+                    const row = { type: 'group', key: g.name };
+                    row[type.columns ? type.columns[0].name : 'value'] = g.title;
+                    rows.push(row);
+                });
+                t.forEach(t => {
+                    const row = { type: 'key', ...t };
+                    type.columns && type.columns.forEach(c => {
+                        row[c.name] = t.value[c.name];
+                    });
+                    rows.push(row);
+                });
+                this.dataSource = new MatTableDataSource(rows);
+                this.dataSource.sort = this.sort;
+                this._columns();
+                !roles.length &&
+                    this._dialog.open(this.noRoleTpl).afterClosed().subscribe(ok => ok && this.newRole());
+                this.loading = null;
+            }, error: () => {
+                this.loading = null;
+                this._ps.error();
+            }
         });
     }
     _columns() {
@@ -31275,7 +31409,7 @@ class PositionsComponent {
     edit(key, evt) {
         if (evt.target.tagName === 'MAT-ICON')
             return;
-        let cell = evt.srcElement;
+        let cell = evt.target;
         while (cell.tagName !== 'TD')
             cell = cell.parentElement;
         const role = cell.getAttribute('data-role');
@@ -31285,14 +31419,14 @@ class PositionsComponent {
         let positions = this.positions[role][key];
         if (!positions)
             positions = this.positions[role][key] = [];
-        this._popup.open(PositionsPopup, evt.srcElement, {
+        this._popup.open(PositionsPopup, evt.target, {
             data: { title: crole.title, positions }
         }).opened().subscribe(e => e.valueChange.pipe(takeUntil$1(this._destroy)).subscribe(() => this.dirty = true));
     }
     _openDialog(tmpl, form, values) {
         form.reset(values);
         const dialogRef = this._dialog.open(tmpl);
-        dialogRef.keydownEvents().pipe(filter(k => k.keyCode === ENTER), takeUntil$1(dialogRef.afterClosed())).
+        dialogRef.keydownEvents().pipe(filter(k => k.key === 'Enter'), takeUntil$1(dialogRef.afterClosed())).
             subscribe(() => form.valid && dialogRef.close(form.value));
         return dialogRef.afterClosed().pipe(switchMap(v => v ? of(v) : EMPTY));
     }
@@ -31378,7 +31512,7 @@ class PositionsComponent {
      * @param event
      */
     handleKeyboardEvent(event) {
-        if (this.dirty && event.ctrlKey && (event.which === 83 || event.which === 115)) {
+        if (this.dirty && event.ctrlKey && (event.key === 's' || event.key === 'S')) {
             this.save();
             event.preventDefault();
         }
@@ -31386,7 +31520,7 @@ class PositionsComponent {
     save() {
         this.saving = true;
         this.loading = 'indeterminate';
-        return this._utilityRef.execute(this._everything).toPromise().then(() => {
+        return firstValueFrom(this._utilityRef.execute(this._everything)).then(() => {
             this._ps.toast('ChangesSaved');
             this.dirty = false;
             this.loading = null;
@@ -31472,7 +31606,7 @@ class PositionsComponent {
                 addcolumns(g.name, row);
                 rows.push(row);
             });
-            let datasource = await this._datasources.all(type.name).toPromise();
+            let datasource = await firstValueFrom(this._datasources.all(type.name));
             datasource.forEach(d => {
                 const row = {
                     index: rows.length + 1,
@@ -31515,7 +31649,7 @@ class PositionsComponent {
         book.save(`${this._translate.get('Positions')}.xlsx`);
     }
     // async upload(evt: InputEvent) {
-    //   const { files } = evt.srcElement as HTMLInputElement;
+    //   const { files } = evt.target as HTMLInputElement;
     //   if (files && files.length) {
     //     const file = files.item(0);
     //     var reader = new FileReader();
@@ -32210,7 +32344,7 @@ class IconPickerComponent {
         });
         const portal = new TemplatePortal(this.panel, this._vc);
         this._overlayRef.attach(portal);
-        merge(this._overlayRef.backdropClick(), this._overlayRef.keydownEvents().pipe(filter$1(k => k.keyCode === ESCAPE))).subscribe(() => this._overlayRef.detach());
+        merge(this._overlayRef.backdropClick(), this._overlayRef.keydownEvents().pipe(filter$1(k => k.key === 'Escape'))).subscribe(() => this._overlayRef.detach());
     }
     _trackBy(index, el) {
         return el.name;
@@ -32657,7 +32791,7 @@ class ActionDesignerComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ActionDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: ActionDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <div [formGroup]=\"form\" class=\"column\">\r\n      <div>\r\n        <mat-checkbox formControlName=\"multiple\">{{'EnableMultipleSelection'|translate}}</mat-checkbox>\r\n      </div>\r\n      <h2 class=\"mat-title\">{{'Labels'|translate}}</h2>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"Past\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"verb\" [placeholder]=\"Verb\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjective\" [placeholder]=\"Adjective\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjectivePlural\" [placeholder]=\"AdjectivePlural\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"you\" [placeholder]=\"You\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <div>\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "view", "context"], outputs: ["continue", "back", "save"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: ActionDesignerComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\">\r\n  <ng-template bizdocEditContent>\r\n    <div [formGroup]=\"form\" class=\"column\">\r\n      <div>\r\n        <mat-checkbox formControlName=\"multiple\">{{'EnableMultipleSelection'|translate}}</mat-checkbox>\r\n      </div>\r\n      <h2 class=\"mat-title\">{{'Labels'|translate}}</h2>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"Past\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"verb\" [placeholder]=\"Verb\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjective\" [placeholder]=\"Adjective\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"adjectivePlural\" [placeholder]=\"AdjectivePlural\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"you\" [placeholder]=\"You\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <div>\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "view", "context"], outputs: ["continue", "back", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ActionDesignerComponent, decorators: [{
             type: Component,
@@ -33396,7 +33530,7 @@ class StateDesignComponent extends DesignerTypeElementComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: StateDesignComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: StateDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n      <div class=\"row\">\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n        <bizdoc-color-picker formControlName=\"backgroundColor\" [label]=\"'BackgroundColor'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"'Past'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"future\" [placeholder]=\"'Future'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n    </form>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "view", "context"], outputs: ["continue", "back", "save"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: StateDesignComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\">\r\n  <ng-template bizdocEditContent>\r\n    <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n      <div class=\"row\">\r\n        <bizdoc-color-picker formControlName=\"color\" [label]=\"'Color'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n        <bizdoc-color-picker formControlName=\"backgroundColor\" [label]=\"'BackgroundColor'|translate\" class=\"flex\"></bizdoc-color-picker>\r\n      </div>\r\n      <bizdoc-localized-string formControlName=\"past\" [placeholder]=\"'Past'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n      <bizdoc-localized-string formControlName=\"future\" [placeholder]=\"'Future'|translate\" required class=\"flex column\"></bizdoc-localized-string>\r\n    </form>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ColorPicker, selector: "bizdoc-color-picker", inputs: ["label", "value", "required", "disabled"], outputs: ["valueChanges"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "view", "context"], outputs: ["continue", "back", "save"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: StateDesignComponent, decorators: [{
             type: Component,
@@ -33768,12 +33902,10 @@ class ControlPropertiesComponent {
      * @param event
      */
     handleKeyboardEvent(event) {
-        if (event.ctrlKey) {
-            if (event.which === 83 || event.which === 115) {
-                this.form.dirty && this.save();
-                event.preventDefault();
-                event.stopPropagation();
-            }
+        if (event.ctrlKey && (event.key === 's' || event.key === 'S')) {
+            this.form.dirty && this.save();
+            event.preventDefault();
+            event.stopPropagation();
         }
     }
     ngOnInit() {
@@ -33829,12 +33961,10 @@ class SectionPropertiesComponent {
      * @param event
      */
     handleKeyboardEvent(event) {
-        if (event.ctrlKey) {
-            if (event.which === 83 || event.which === 115) {
-                this.form.dirty && this.save();
-                event.preventDefault();
-                event.stopPropagation();
-            }
+        if (event.ctrlKey && (event.key === 's' || event.key === 'S')) {
+            this.form.dirty && this.save();
+            event.preventDefault();
+            event.stopPropagation();
         }
     }
     ngOnInit() {
@@ -33867,12 +33997,10 @@ class BoxSettingsComponent {
      * @param event
      */
     handleKeyboardEvent(event) {
-        if (event.ctrlKey) {
-            if (event.which === 83 || event.which === 115) {
-                this.form.dirty && this.save();
-                event.preventDefault();
-                event.stopPropagation();
-            }
+        if (event.ctrlKey && (event.key === 's' || event.key === 'S')) {
+            this.form.dirty && this.save();
+            event.preventDefault();
+            event.stopPropagation();
         }
     }
     save() { this._paneRef.close(this.form.value); }
@@ -34791,10 +34919,12 @@ class DesignerModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DesignerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: DesignerModule, declarations: [LocalizedStringComponent, LocalizedStringControlDesigner,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: DesignerModule, declarations: [SearchInput, ColorPicker,
+            LocalizedStringComponent, LocalizedStringControlDesigner,
             ExpressionFieldDesigner, AutocompleteControlDesigner, SignatureControlDesigner, AddressControlDesigner, RadioButtonControlDesigner, ChecklistControlDesigner, YesNoControlDesigner, CheckboxControlDesigner, DateRangeControlDesigner, TimeControlDesigner, TimespanControlDesigner, DateControlDesigner, ControlOptionsComponent, SelectControlDesigner, HtmlFieldDesigner, TextAreaFieldDesigner, NumberControlDesigner, FileControlDesigner, InputFieldDesigner], imports: [CommonModule,
             ReactiveFormsModule,
-            SharedModule], exports: [LocalizedStringComponent, LocalizedStringControlDesigner,
+            SharedModule], exports: [SearchInput, ColorPicker,
+            LocalizedStringComponent, LocalizedStringControlDesigner,
             ExpressionFieldDesigner, AutocompleteControlDesigner, SignatureControlDesigner, AddressControlDesigner, RadioButtonControlDesigner, ChecklistControlDesigner, YesNoControlDesigner, CheckboxControlDesigner, DateRangeControlDesigner, TimeControlDesigner, TimespanControlDesigner, DateControlDesigner, SelectControlDesigner, HtmlFieldDesigner, TextAreaFieldDesigner, NumberControlDesigner, FileControlDesigner, InputFieldDesigner] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DesignerModule, imports: [CommonModule,
             ReactiveFormsModule,
@@ -34804,6 +34934,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             type: NgModule,
             args: [{
                     declarations: [
+                        SearchInput, ColorPicker,
                         LocalizedStringComponent, LocalizedStringControlDesigner,
                         ExpressionFieldDesigner, AutocompleteControlDesigner, SignatureControlDesigner, AddressControlDesigner, RadioButtonControlDesigner, ChecklistControlDesigner, YesNoControlDesigner, CheckboxControlDesigner, DateRangeControlDesigner, TimeControlDesigner, TimespanControlDesigner, DateControlDesigner, ControlOptionsComponent, SelectControlDesigner, HtmlFieldDesigner, TextAreaFieldDesigner, NumberControlDesigner, FileControlDesigner, InputFieldDesigner,
                     ],
@@ -34813,6 +34944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         SharedModule
                     ],
                     exports: [
+                        SearchInput, ColorPicker,
                         LocalizedStringComponent, LocalizedStringControlDesigner,
                         ExpressionFieldDesigner, AutocompleteControlDesigner, SignatureControlDesigner, AddressControlDesigner, RadioButtonControlDesigner, ChecklistControlDesigner, YesNoControlDesigner, CheckboxControlDesigner, DateRangeControlDesigner, TimeControlDesigner, TimespanControlDesigner, DateControlDesigner, SelectControlDesigner, HtmlFieldDesigner, TextAreaFieldDesigner, NumberControlDesigner, FileControlDesigner, InputFieldDesigner,
                     ]
@@ -35205,7 +35337,6 @@ class SystemModule {
             FormDesignerComponent, SectionPropertiesComponent, BoxSettingsComponent, DesignControlComponent, ControlPropertiesComponent,
             PermissionsUtility, ManageCubeIndexUtility, ProfileSettingsDialog,
             UtilityWrapperComponent, UtilityPaneComponent,
-            SearchInput, ColorPicker,
             ReassignDialog,
             SystemDiffComponent, DocumentTraceComponent, TraceElementComponent, ProfilerComponent,
             PositionsComponent, PositionsPopup,
@@ -35251,7 +35382,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         FormDesignerComponent, SectionPropertiesComponent, BoxSettingsComponent, DesignControlComponent, ControlPropertiesComponent,
                         PermissionsUtility, ManageCubeIndexUtility, ProfileSettingsDialog,
                         UtilityWrapperComponent, UtilityPaneComponent,
-                        SearchInput, ColorPicker,
                         ReassignDialog,
                         SystemDiffComponent, DocumentTraceComponent, TraceElementComponent, ProfilerComponent,
                         PositionsComponent, PositionsPopup,
@@ -35280,7 +35410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         PositionsComponent,
                         WorkflowComponent,
                         RoleNodeComponent,
-                        PatternsComponent,
+                        PatternsComponent
                     ],
                 }]
         }] });
@@ -35359,7 +35489,7 @@ class DesktopModule {
             CubeMatrixPaneComponent,
             SchedulerPaneComponent,
             ContactsPaneComponent, ConversationPaneComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DesktopModule, providers: [ComposeDismiss, SearchService, DocumentResolver, RecipientResolver, ItemResolver,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DesktopModule, providers: [ComposeDismiss, SearchService, DocumentResolver, RecipientResolver, CubeItemResolver,
             PanesRouter, AdminDismiss], imports: [CommonModule,
             HttpClientModule,
             ReactiveFormsModule,
@@ -35389,7 +35519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         SchedulerPaneComponent,
                         ContactsPaneComponent, ConversationPaneComponent,
                         CubeListingComponent, DocumentListingComponent, PathListingComponent, GuideListingComponent],
-                    providers: [ComposeDismiss, SearchService, DocumentResolver, RecipientResolver, ItemResolver,
+                    providers: [ComposeDismiss, SearchService, DocumentResolver, RecipientResolver, CubeItemResolver,
                         PanesRouter, AdminDismiss],
                     imports: [
                         CommonModule,
@@ -35496,5 +35626,5 @@ function withRoute(routes) {
  * 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, CubeMatrixComponent, CubeParallelComponent, CubePerformanceWidget, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateControlDesigner, DateFormatPipe, DateRangeControlDesigner, DateRangePipe, DesignerModule, DesignerRef, DifferencePipe, 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, ItemResolveService, JoinPipe, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NgxComponentOutlet, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, 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, StateDirective, StatePipe, SubstitutionComponent, SwapAnimation, TagsComponent, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimePicker, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, 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, DesignerModule, DesignerRef, DifferencePipe, 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, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NgxComponentOutlet, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, 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, StateDirective, StatePipe, SubstitutionComponent, SwapAnimation, TagsComponent, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimePicker, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, programName, registerComponents };
 //# sourceMappingURL=bizdoc-core.mjs.map