@bizdoc/core 2.4.3 → 2.4.5

package/fesm2022/bizdoc-core.mjs

@@ -133,6 +133,7 @@ import { UndoRedo, ConnectorBridging, ConnectorEditing, Snapping, Diagram, BpmnD
 import { DiagramTools as DiagramTools$1, DiagramConstraints as DiagramConstraints$1, ConnectionPointOrigin, SnapConstraints, Diagram as Diagram$1, NodeConstraints as NodeConstraints$1, ComplexHierarchicalTreeService, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, LineDistributionService, ComplexHierarchicalTree, BpmnDiagrams as BpmnDiagrams$1, DataBinding, LineDistribution } from '@syncfusion/ej2-angular-diagrams';
 import * as i5$3 from '@syncfusion/ej2-angular-schedule';
 import { ScheduleModule, ExcelExportService as ExcelExportService$2, DayService, WorkWeekService, MonthService, MonthAgendaService, ICalendarExportService, AgendaService, YearService, Day, WorkWeek, Month, MonthAgenda, Agenda, Year, Schedule } from '@syncfusion/ej2-angular-schedule';
+import { DIALOG_DATA } from '@angular/cdk/dialog';
 import * as i10$2 from '@syncfusion/ej2-angular-kanban';
 import { KanbanComponent, KanbanModule } from '@syncfusion/ej2-angular-kanban';
 import * as i3$4 from '@syncfusion/ej2-angular-inputs';
@@ -5262,7 +5263,7 @@ class TypeAutocomplete {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TypeAutocomplete, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i2$8.FocusMonitor }, { token: i0.ElementRef }, { token: SessionService }, { token: DatasourceService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: TypeAutocomplete, selector: "bizdoc-autocomplete", inputs: { _type: ["type", "_type"], placeholder: "placeholder", text: "text", required: "required", disabled: "disabled", value: "value", minimumChars: "minimumChars", textFormControlName: "textFormControlName", textFormControl: "textFormControl" }, outputs: { textChange: "textChange", optionSelected: "optionSelected" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy", "id": "this.id" }, classAttribute: "row" }, providers: [{ provide: MatFormFieldControl, useExisting: TypeAutocomplete }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "trigger", first: true, predicate: ["input"], descendants: true, read: MatAutocompleteTrigger, static: true }], ngImport: i0, template: `<input matInput [matAutocomplete]="auto" [placeholder]="placeholder" [formControl]="_control" #input
-      (focus)="_onFocus()" (blur)="_onBlur()" [disabled]="disabled" [required]="required"/>
+      (focus)="_onFocus()" (blur)="_onBlur()" [required]="required"/>
       <mat-autocomplete #auto (optionSelected)="_optionSelected($event)" [displayWith]='displayFn'>
         @for (v of _items$ | async; track v) {
           <mat-option [value]="v">
@@ -5285,7 +5286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                     selector: 'bizdoc-autocomplete',
                     providers: [{ provide: MatFormFieldControl, useExisting: TypeAutocomplete }],
                     template: `<input matInput [matAutocomplete]="auto" [placeholder]="placeholder" [formControl]="_control" #input
-      (focus)="_onFocus()" (blur)="_onBlur()" [disabled]="disabled" [required]="required"/>
+      (focus)="_onFocus()" (blur)="_onBlur()" [required]="required"/>
       <mat-autocomplete #auto (optionSelected)="_optionSelected($event)" [displayWith]='displayFn'>
         @for (v of _items$ | async; track v) {
           <mat-option [value]="v">
@@ -6565,7 +6566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
 
 const DOCUMENT_MODEL = new InjectionToken('model');
 class MailboxService {
-    constructor(_session, _auth, messaging, _http) {
+    constructor(messaging, _session, _auth, _http) {
         this._session = _session;
         this._auth = _auth;
         this._http = _http;
@@ -6924,13 +6925,13 @@ class MailboxService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MailboxService, deps: [{ token: SessionService }, { token: AuthenticationImpl }, { token: HubService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MailboxService, deps: [{ token: HubService }, { token: SessionService }, { token: AuthenticationImpl }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MailboxService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: MailboxService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: SessionService }, { type: AuthenticationImpl }, { type: HubService }, { type: i1.HttpClient }] });
+        }], ctorParameters: () => [{ type: HubService }, { type: SessionService }, { type: AuthenticationImpl }, { type: i1.HttpClient }] });
 function isHttpResponse(event) {
     return event.type === HttpEventType.Response;
 }
@@ -9351,10 +9352,8 @@ class FormRef {
     constructor(_router, _configuration) {
         this._router = _router;
         this._configuration = _configuration;
-        this._saving = new Subject();
-        this._stateChange = new Subject();
-        this._modelChange = new Subject();
-        this._navigating = new Subject();
+        this._stateChange$ = new Subject();
+        this._create$ = new Subject();
         this._help = _configuration.guide;
     }
     /** configuration options */
@@ -9362,23 +9361,12 @@ class FormRef {
         return this._configuration.options || {};
     }
     get name() { return this._configuration.name; }
-    /** intercept save */
-    saving() {
-        return this._saving.asObservable();
-    }
-    /** listen to page navigate events */
-    navigating() {
-        return this._navigating.asObservable();
-    }
-    modelChange() {
-        return this._modelChange.asObservable();
-    }
     get mode() { return this._mode; }
     /** user guide */
     get help() { return this._help; }
     set help(val) {
         this._help = val;
-        this._stateChange.next();
+        this._stateChange$.next();
     }
     /**
      * navigate to a form page
@@ -9389,12 +9377,16 @@ class FormRef {
             queryParams: { page },
         });
     }
+    /**
+     * Overlay form mode
+     * @param model
+     */
+    complete(model) {
+        this._create$.next(model);
+    }
     /** release events */
     _destroy() {
-        this._saving.complete();
-        this._stateChange.complete();
-        this._modelChange.complete();
-        this._navigating.complete();
+        this._stateChange$.complete();
     }
 }
 
@@ -9502,8 +9494,7 @@ class ComposeFormComponent {
     }
     ngOnInit() {
         this._fileElement.nativeElement.addEventListener('change', this._fileChangeListener.bind(this));
-        this._messaging.callback$.pipe(takeUntil(this._destroy)).subscribe(e => this._instance.onMessage
-            && this._instance.onMessage(e.message));
+        this._messaging.callback$.pipe(takeUntil(this._destroy)).subscribe(e => this._instance.onMessage && this._instance.onMessage(e.message));
         this._messaging.editing$.pipe(takeUntil(this._destroy)).subscribe(e => e.id === this.model.id &&
             this._editing(e.userId));
         this._messaging.update$.pipe(takeUntil(this._destroy)).subscribe(e => {
@@ -9528,9 +9519,8 @@ class ComposeFormComponent {
         });
     }
     ngOnChanges(changes) {
-        if (changes['page'] && !changes['page'].firstChange) {
-            this._formRef._navigating.next(changes['page'].currentValue);
-        }
+        if (changes['page'] && !changes['page'].firstChange)
+            this._navPage(changes['page'].currentValue);
         else {
             this._formRef && this._formRef._destroy();
             this.form = this._session.profile.forms.find(f => f.name === this.model.formId);
@@ -9539,7 +9529,7 @@ class ComposeFormComponent {
                 throw (`Form '${this.form.name}' model missing '[Template()]' attribute.`);
             const comp = this._cf.component(this.form.template);
             this._formRef = new FormRef(this._router, this.form);
-            this._formRef._stateChange.pipe(startWith()).
+            this._formRef._stateChange$.pipe(startWith()).
                 subscribe(() => this.help = this._formRef.help);
             const injector = Injector.create({
                 providers: [
@@ -9555,7 +9545,7 @@ class ComposeFormComponent {
             this._instance = componentRef.instance;
             this._formRef._mode = this._instance.mode = this.mode;
             this.page !== undefined &&
-                this._formRef._navigating.next(this.page);
+                this._navPage(this.page);
             this._instance.form.statusChanges.pipe(takeUntil(this._destroy)).subscribe(() => {
                 const { dirty, valid } = this._instance.form;
                 this.dirty = dirty;
@@ -9572,6 +9562,11 @@ class ComposeFormComponent {
             this._reset();
         }
     }
+    _navPage(page) {
+        if (!this._instance.onNavigate)
+            throw 'Implement fomr onNavigate';
+        this._instance.onNavigate(page);
+    }
     _fileChangeListener(ev) {
         const { files } = ev.target, arr = [];
         if (files && files.length) {
@@ -9688,10 +9683,7 @@ class ComposeFormComponent {
      */
     save(feedback = true) {
         this._applychanges();
-        const saveArgs = { cancel: false };
-        this._formRef._saving.next(saveArgs);
-        if (saveArgs.cancel)
-            return of(false);
+        //const saveArgs = { cancel: false } as SaveEventArgs;
         if (this._instance.onSave) {
             const result = this._instance.onSave();
             if (isBoolean(result)) {
@@ -9739,7 +9731,6 @@ class ComposeFormComponent {
         }));
     }
     back() {
-        this._formRef._navigating.next(undefined);
         this._router.navigate([], {
             queryParams: { page: undefined },
         });
@@ -9872,7 +9863,6 @@ class ComposeFormComponent {
         });
         if (emitEvent !== false) {
             this.modelChange.emit(this.model);
-            this._formRef._modelChange.next(this.model);
         }
     }
     ngOnDestroy() {
@@ -17465,10 +17455,210 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                     args: [NOTIFICATION_DATA]
                 }] }, { type: AccountService }, { type: TranslateService }, { type: RouterImpl }, { type: SessionService }, { type: ChatInfo }] });
 
-class InviteNotification {
-    constructor(_router, _mailbox, session, translate, notification) {
+class OverlayFormComponent {
+    constructor(session, _router, _injector, _cf, _guide, _messaging, formId) {
         this._router = _router;
+        this._injector = _injector;
+        this._cf = _cf;
+        this._guide = _guide;
+        this._messaging = _messaging;
+        this.created$ = new Subject();
+        this._destroy = new Subject();
+        this.form = session.profile.forms.find(f => f.name === formId);
+    }
+    ngOnInit() {
+        if (!this.form.template)
+            throw (`Form '${this.form.name}' model missing '[Template()]' attribute.`);
+        const comp = this._cf.component(this.form.template);
+        this._formRef = new FormRef(this._router, this.form);
+        // create on form event
+        this._formRef._create$.pipe(takeUntil(this._destroy)).
+            subscribe({
+            next: m => {
+                this.creating = true;
+                this.created$.next(m);
+            },
+            error: this.created$.error.bind(this)
+        });
+        const injector = Injector.create({
+            providers: [
+                {
+                    provide: FormRef, useValue: this._formRef
+                }
+            ], parent: this._injector
+        });
+        const componentRef = this.container.createComponent(comp, { injector });
+        const instance = componentRef.instance;
+        this._formRef._mode = instance.mode = 'overlay';
+        // callback
+        this._messaging.callback$.pipe(takeUntil(this._destroy)).subscribe(e => instance.onMessage && instance.onMessage(e.message));
+    }
+    guide() {
+        this._guide.start(this.form.guide);
+    }
+    ngOnDestroy() {
+        this.created$.unsubscribe();
+        this._destroy.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: OverlayFormComponent, deps: [{ token: SessionService }, { token: RouterImpl }, { token: i0.Injector }, { token: BizDocComponentFactoryResolver }, { token: GuideService }, { token: HubService }, { token: DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: OverlayFormComponent, selector: "ng-component", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+  <h1 class="mat-h1 row">{{form.title}}
+  @if(form.guide) {
+    <span class="divider"></span>
+    <button mat-icon-button (click)="guide()" [bizdocTooltip]="'Help'|translate"><mat-icon>support</mat-icon></button>
+  }
+  </h1>
+  <hr />
+  <mat-progress-bar mode="indeterminate" [style.visibility]="creating ? 'visible':'hidden'"></mat-progress-bar>
+  <ng-container #container></ng-container>`, isInline: true, styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i7$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: OverlayFormComponent, decorators: [{
+            type: Component,
+            args: [{ template: `
+  <h1 class="mat-h1 row">{{form.title}}
+  @if(form.guide) {
+    <span class="divider"></span>
+    <button mat-icon-button (click)="guide()" [bizdocTooltip]="'Help'|translate"><mat-icon>support</mat-icon></button>
+  }
+  </h1>
+  <hr />
+  <mat-progress-bar mode="indeterminate" [style.visibility]="creating ? 'visible':'hidden'"></mat-progress-bar>
+  <ng-container #container></ng-container>`, host: {}, styles: [":host{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: () => [{ type: SessionService }, { type: RouterImpl }, { type: i0.Injector }, { type: BizDocComponentFactoryResolver }, { type: GuideService }, { type: HubService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DIALOG_DATA]
+                }] }], propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container', { static: true, read: ViewContainerRef }]
+            }] } });
+
+class DocumentFactory {
+    constructor(_session, _mailbox, _ps, _overlay, _dir, _router) {
+        this._session = _session;
         this._mailbox = _mailbox;
+        this._ps = _ps;
+        this._overlay = _overlay;
+        this._dir = _dir;
+        this._router = _router;
+    }
+    create(formId) {
+        const form = this._session.profile.forms.find(f => f.name == formId);
+        return new Observable(observe => {
+            switch (form.mode) {
+                case 'Overlay':
+                    const overlayRef = this._overlay.create({
+                        positionStrategy: this._overlay.position().global().
+                            centerHorizontally().centerVertically(),
+                        hasBackdrop: true,
+                        height: '90vh',
+                        width: '90vw',
+                        direction: this._dir.value,
+                        backdropClass: 'cdk-overlay-transparent-backdrop',
+                        panelClass: 'home-panel'
+                    });
+                    const injector = Injector.create({
+                        providers: [
+                            {
+                                provide: DIALOG_DATA,
+                                useValue: formId
+                            }
+                        ]
+                    });
+                    const portal = new ComponentPortal(OverlayFormComponent, null, injector);
+                    const compRef = overlayRef.attach(portal);
+                    compRef.instance.created$.
+                        subscribe(m => {
+                        if (m !== false)
+                            this._mailbox.create(formId, m).subscribe({
+                                next: d => {
+                                    observe.next(d);
+                                },
+                                error: e => {
+                                    this._error(e);
+                                    overlayRef.detach();
+                                    observe.error();
+                                },
+                                complete: () => {
+                                    overlayRef.detach();
+                                    observe.complete();
+                                }
+                            });
+                        else {
+                            observe.error();
+                            overlayRef.detach();
+                        }
+                    });
+                    merge(overlayRef.backdropClick(), overlayRef.keydownEvents().pipe(filter$1(k => k.key === 'Escape'))).
+                        subscribe(() => {
+                        observe.error();
+                        overlayRef.detach();
+                    });
+                default:
+                    this._mailbox.create(formId).subscribe({
+                        next: m => observe.next(m),
+                        error: e => {
+                            this._error(e);
+                            observe.error();
+                        },
+                        complete: () => observe.complete()
+                    });
+            }
+        });
+    }
+    _nav(item) {
+        this._router.navigate(['mailbox/i', item.id.encodeId()], {
+            policy: OpenPolicy.Clear,
+            state: { item }
+        });
+    }
+    copy(documentId) {
+        return new Observable(observe => this._mailbox.copy(documentId).
+            subscribe({
+            next: d => {
+                this._ps.toast('Copied', d.number);
+                observe.next();
+            }, error: e => {
+                this._error(e);
+                observe.error();
+            },
+            complete: () => observe.complete()
+        }));
+    }
+    /**
+     * Handle http error response
+     * @param e
+     */
+    _error(e) {
+        if (e.constructor.name === 'PositionError')
+            switch (e.code) {
+                case 1:
+                    this._ps.error('UserDeniedGeoErr');
+                    break;
+                default:
+                    this._ps.error('GeoErr');
+            }
+        else
+            switch (e.status) {
+                case 406: // server ValidationException thrown
+                    const message = e.error;
+                    this._ps.errorString(message);
+                    break;
+                default:
+                    this._ps.error();
+            }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: DocumentFactory, deps: [{ token: SessionService }, { token: MailboxService }, { token: PromptService }, { token: i1$1.Overlay }, { token: i1$3.Directionality }, { token: RouterImpl }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: DocumentFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: DocumentFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: SessionService }, { type: MailboxService }, { type: PromptService }, { type: i1$1.Overlay }, { type: i1$3.Directionality }, { type: RouterImpl }] });
+
+class InviteNotification {
+    constructor(_router, _factory, session, translate, notification) {
+        this._router = _router;
+        this._factory = _factory;
         this.notification = notification;
         const form = session.profile.forms.find(f => f.name == notification.formId);
         this.message = notification.message ||
@@ -17484,17 +17674,17 @@ class InviteNotification {
         if (this.notification.recipientId)
             this._router.navigate(['mailbox/i', this.notification.recipientId.encodeId()]);
         else
-            this._mailbox.create(this.notification.formId).subscribe(m => {
+            this._factory.create(this.notification.formId).subscribe(m => {
                 this._router.navigate(['mailbox/i', m.id.encodeId()]);
             });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: InviteNotification, deps: [{ token: RouterImpl }, { token: MailboxService }, { token: SessionService }, { token: TranslateService }, { token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: InviteNotification, deps: [{ token: RouterImpl }, { token: DocumentFactory }, { token: SessionService }, { token: TranslateService }, { token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: InviteNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span [innerHTML]="message"></span>`, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: InviteNotification, decorators: [{
             type: Component,
             args: [{ template: `<span [innerHTML]="message"></span>` }]
-        }], ctorParameters: () => [{ type: RouterImpl }, { type: MailboxService }, { type: SessionService }, { type: TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: RouterImpl }, { type: DocumentFactory }, { type: SessionService }, { type: TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NOTIFICATION_DATA]
                 }] }], propDecorators: { open: [{
@@ -19992,7 +20182,7 @@ class SlotsComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SlotsComponent, deps: [{ token: PANES_DATA }, { token: SessionService }, { token: i0.ChangeDetectorRef }, { token: PanesRouter }, { token: WindowTitleService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SlotsComponent, selector: "bizdoc-panes-outlet", outputs: { dialogChange: "dialogChange" }, host: { listeners: { "document:keydown": "handleKeydown($event)", "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "_panesContainerRef", first: true, predicate: ["panesEl"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_tabsElement", first: true, predicate: ["tabsEl"], descendants: true }, { propertyName: "_scrollable", first: true, predicate: CdkScrollable, descendants: true, static: true }], ngImport: i0, template: "<div #panesEl class=\"panes\"\n     cdkScrollable\n     @panes\n     (scroll)=\"enableNavigationArrows($event)\">\n  <!---->\n  @if (prev) {\n  <div class=\"scroll-arrow\" (click)=\"scrollBy(-400)\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleColor]=\"accent\">\n    <i class=\"material-icons mat-icon-rtl-mirror\">\n      arrow_back_ios\n    </i>\n  </div>\n  }\n  <!--panes-->\n  @for (p of panes; track p; let i = $index) {\n  <div (mouseenter)=\"selectedIndex !== i && !dragging && select(i)\"\n       (click)=\"select(i)\"\n       [class.active]=\"selectedIndex === i && panes.length > 1\" class=\"pane-content\" @pane>\n    <ng-container [cdkPortalOutlet]=\"p._portal\" (attached)=\"p._instance = $event.instance\"></ng-container>\n  </div>\n  @if (i < panes.length - 1) {\n  <div class=\"pane-separator\" (mousedown)=\"onPaneResize(p, $event)\"></div>\n  }\n  }\n  <!--dialog-->\n  @if (dialog) {\n  <div class=\"backdrop\" (click)=\"closeTab(0)\"></div>\n  }\n  <!--next-->\n  @if (next) {\n  <div class=\"scroll-arrow forward\">\n    <i class=\"material-icons mat-icon-rtl-mirror\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleRadius]=\"30\" [matRippleColor]=\"accent\"\n       (click)=\"scrollBy(400)\">\n      arrow_forward_ios\n    </i>\n  </div>\n  }\n</div>\n<!--tabs-->\n@if (tabs.length) {\n<div class=\"tabs-separator\" (mousedown)=\"onTabResize($event)\"></div>\n<div class=\"tabs mat-elevation-z18\" #tabsEl [@tabs]=\"tabsAnimation\" (@tabs.done)=\"done()\">\n  <!--title-->\n  <div class=\"row tabs-title\">\n    @if (swapTab) {\n    <button mat-icon-button (click)=\"tabBack()\" [bizdocTooltip]=\"prevGroup || ('Back'|translate)\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon></button>\n    }\n    <h2>{{group}}</h2>\n    @if (!dialog) {\n    <button mat-icon-button (click)=\"expandTab()\" [bizdocTooltip]=\"'Expand'| translate\"><mat-icon class=\"mat-icon-rtl-mirror\" style=\"font-size: 22px\">open_in_full</mat-icon></button>\n    }\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"collapse()\" bizdocTooltip=\"Esc\"><mat-icon>close</mat-icon></button>\n  </div>\n  <nav mat-tab-nav-bar color=\"accent\" [disablePagination]=\"true\" [tabPanel]=\"tabPanel\">\n    @for (t of tabs; track t; let i = $index) {\n    <a mat-tab-link class=\"mat-tab-link\"\n       (click)=\"selectedTabIndex = i\"\n       [active]=\"selectedTabIndex === i\">\n      <mat-icon [matBadge]=\"t.badge\" [matBadgeHidden]=\"!t.badge\" matBadgeSize=\"small\" matBadgeColor=\"accent\" aria-hidden=\"false\">{{t.icon}}</mat-icon>&nbsp;\n      {{t.title}}\n      @if (t.dismissable) {\n      <mat-icon (click)=\"closeTab(i)\" class=\"tool\">close</mat-icon>\n      }\n      <!--inline=\"true\"-->\n    </a>\n    }\n  </nav>\n  <mat-tab-nav-panel #tabPanel class=\"flex\">\n    @for (t of tabs; track t; let i = $index) {\n    <div [style.display]=\"selectedTabIndex === i ? '': 'none'\" class=\"tab\" [@tab]=\"selectedTabIndex\">\n      <ng-container [cdkPortalOutlet]=\"t._portal\" (attached)=\"t._instance = $event.instance\"></ng-container>\n    </div>\n    }\n  </mat-tab-nav-panel>\n</div>\n}\n", styles: [":host{flex:1;overflow:hidden;display:flex}.scroll-arrow{position:sticky;cursor:pointer;top:50%;z-index:200}.scroll-arrow i{font-size:50px;opacity:.2}.scroll-arrow i:hover{opacity:.9}.scroll-arrow:first-child{left:0}.scroll-arrow:last-child{right:0}.panes{overflow-x:auto;flex:1;height:100%;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.panes .pane-content{-webkit-flex-grow:1;flex-grow:1;min-width:420px;overflow-y:auto;overflow-x:clip}.panes .pane-content>*{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;overflow-x:hidden;flex-grow:1}.pane-separator,.tabs-separator{cursor:ew-resize;background-repeat:no-repeat;background-position:center;display:table;height:100%;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.pane-separator{width:8px}.tabs-separator{width:12px}::ng-deep .mat-mdc-tab-link-container{overflow-x:auto;border-bottom:1px solid lightgray;-ms-overflow-style:none;scrollbar-width:none}::ng-deep .mat-mdc-tab-link-container::-webkit-scrollbar{display:none}::ng-deep .mat-mdc-tab-nav-panel{overflow-y:auto}.tabs{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;z-index:300;-webkit-flex-grow:0;flex-shrink:1;flex-basis:0;max-width:80vw}.tabs .tabs-title{align-items:center}.tabs .tabs-title h2{font-size:x-large;margin:9px;font-weight:100}.tabs .tabs-title:hover{opacity:1}.tabs .mat-mdc-tab-link .tool{opacity:0}.tabs .mat-mdc-tab-link:hover .tool{opacity:1}.tabs .tab{overflow-y:auto;overflow-x:hidden;display:flex;height:100%}\n"], dependencies: [{ kind: "directive", type: i5$5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i2$5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i7$3.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i7$3.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i7$3.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: i5$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: SlotsComponent, selector: "bizdoc-panes-outlet", outputs: { dialogChange: "dialogChange" }, host: { listeners: { "document:keydown": "handleKeydown($event)", "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "_panesContainerRef", first: true, predicate: ["panesEl"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_tabsElement", first: true, predicate: ["tabsEl"], descendants: true }, { propertyName: "_scrollable", first: true, predicate: CdkScrollable, descendants: true, static: true }], ngImport: i0, template: "<div #panesEl class=\"panes\"\n     cdkScrollable\n     @panes\n     (scroll)=\"enableNavigationArrows($event)\">\n  <!---->\n  @if (prev) {\n  <div class=\"scroll-arrow\" (click)=\"scrollBy(-400)\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleColor]=\"accent\">\n    <i class=\"material-icons mat-icon-rtl-mirror\">\n      arrow_back_ios\n    </i>\n  </div>\n  }\n  <!--panes-->\n  @for (p of panes; track p; let i = $index) {\n  <div (mouseenter)=\"selectedIndex !== i && !dragging && select(i)\"\n       (click)=\"select(i)\"\n       [class.active]=\"selectedIndex === i && panes.length > 1\" class=\"pane-content\" @pane>\n    <ng-container [cdkPortalOutlet]=\"p._portal\" (attached)=\"p._instance = $event.instance\"></ng-container>\n  </div>\n  @if (i < panes.length - 1) {\n  <div class=\"pane-separator\" (mousedown)=\"onPaneResize(p, $event)\"></div>\n  }\n  }\n  <!--dialog-->\n  @if (dialog) {\n  <div class=\"backdrop\" (click)=\"closeTab(0)\"></div>\n  }\n  <!--next-->\n  @if (next) {\n  <div class=\"scroll-arrow forward\">\n    <i class=\"material-icons mat-icon-rtl-mirror\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleRadius]=\"30\" [matRippleColor]=\"accent\"\n       (click)=\"scrollBy(400)\">\n      arrow_forward_ios\n    </i>\n  </div>\n  }\n</div>\n<!--tabs-->\n@if (tabs.length) {\n<div class=\"tabs-separator\" (mousedown)=\"onTabResize($event)\"></div>\n<div class=\"tabs mat-elevation-z18\" #tabsEl [@tabs]=\"tabsAnimation\" (@tabs.done)=\"done()\">\n  <!--title-->\n  <div class=\"row tabs-title\">\n    @if (swapTab) {\n    <button mat-icon-button (click)=\"tabBack()\" [bizdocTooltip]=\"prevGroup || ('Back'|translate)\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon></button>\n    }\n    <h2>{{group}}</h2>\n    @if (!dialog) {\n    <button mat-icon-button (click)=\"expandTab()\" [bizdocTooltip]=\"'Expand'| translate\"><mat-icon class=\"mat-icon-rtl-mirror\" style=\"font-size: 22px\">open_in_full</mat-icon></button>\n    }\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"collapse()\" bizdocTooltip=\"Esc\"><mat-icon>close</mat-icon></button>\n  </div>\n  <nav mat-tab-nav-bar color=\"accent\" [disablePagination]=\"true\" [tabPanel]=\"tabPanel\">\n    @for (t of tabs; track t; let i = $index) {\n    <a mat-tab-link class=\"mat-tab-link\"\n       (click)=\"selectedTabIndex = i\"\n       [active]=\"selectedTabIndex === i\">\n      <mat-icon [matBadge]=\"t.badge\" [matBadgeHidden]=\"!t.badge\" matBadgeSize=\"small\" matBadgeColor=\"accent\" aria-hidden=\"false\">{{t.icon}}</mat-icon>&nbsp;\n      {{t.title}}\n      @if (t.dismissable) {\n      <mat-icon (click)=\"closeTab(i)\" class=\"tool\">close</mat-icon>\n      }\n      <!--inline=\"true\"-->\n    </a>\n    }\n  </nav>\n  <mat-tab-nav-panel #tabPanel class=\"flex\">\n    @for (t of tabs; track t; let i = $index) {\n    <div [style.display]=\"selectedTabIndex === i ? '': 'none'\" class=\"tab\" [@tab]=\"selectedTabIndex\">\n      <ng-container [cdkPortalOutlet]=\"t._portal\" (attached)=\"t._instance = $event.instance\"></ng-container>\n    </div>\n    }\n  </mat-tab-nav-panel>\n</div>\n}\n", styles: [":host{flex:1;overflow:hidden;display:flex}.scroll-arrow{position:sticky;cursor:pointer;align-self:center;top:50%;z-index:200}.scroll-arrow i{font-size:50px;opacity:.2}.scroll-arrow i:hover{opacity:.9}.scroll-arrow:first-child{left:0}.scroll-arrow:last-child{right:0}.panes{overflow-x:auto;flex:1;height:100%;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.panes .pane-content{-webkit-flex-grow:1;flex-grow:1;min-width:420px;overflow-y:auto;overflow-x:clip}.panes .pane-content>*{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;overflow-x:hidden;flex-grow:1}.pane-separator,.tabs-separator{cursor:ew-resize;background-repeat:no-repeat;background-position:center;display:table;height:100%;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.pane-separator{width:8px}.tabs-separator{width:12px}::ng-deep .mat-mdc-tab-link-container{overflow-x:auto;border-bottom:1px solid lightgray;-ms-overflow-style:none;scrollbar-width:none}::ng-deep .mat-mdc-tab-link-container::-webkit-scrollbar{display:none}::ng-deep .mat-mdc-tab-nav-panel{overflow-y:auto}.tabs{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;z-index:300;-webkit-flex-grow:0;flex-shrink:1;flex-basis:0;max-width:80vw}.tabs .tabs-title{align-items:center}.tabs .tabs-title h2{font-size:x-large;margin:9px;font-weight:100}.tabs .tabs-title:hover{opacity:1}.tabs .mat-mdc-tab-link .tool{opacity:0}.tabs .mat-mdc-tab-link:hover .tool{opacity:1}.tabs .tab{overflow-y:auto;overflow-x:hidden;display:flex;height:100%}\n"], dependencies: [{ kind: "directive", type: i5$5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i2$5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i7$3.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i7$3.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i7$3.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: i5$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
             panesAnimation,
             paneAnimation,
             paramAnimation,
@@ -20010,7 +20200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                         queryAnimation,
                         tabsAnimation,
                         tabAnimation
-                    ], template: "<div #panesEl class=\"panes\"\n     cdkScrollable\n     @panes\n     (scroll)=\"enableNavigationArrows($event)\">\n  <!---->\n  @if (prev) {\n  <div class=\"scroll-arrow\" (click)=\"scrollBy(-400)\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleColor]=\"accent\">\n    <i class=\"material-icons mat-icon-rtl-mirror\">\n      arrow_back_ios\n    </i>\n  </div>\n  }\n  <!--panes-->\n  @for (p of panes; track p; let i = $index) {\n  <div (mouseenter)=\"selectedIndex !== i && !dragging && select(i)\"\n       (click)=\"select(i)\"\n       [class.active]=\"selectedIndex === i && panes.length > 1\" class=\"pane-content\" @pane>\n    <ng-container [cdkPortalOutlet]=\"p._portal\" (attached)=\"p._instance = $event.instance\"></ng-container>\n  </div>\n  @if (i < panes.length - 1) {\n  <div class=\"pane-separator\" (mousedown)=\"onPaneResize(p, $event)\"></div>\n  }\n  }\n  <!--dialog-->\n  @if (dialog) {\n  <div class=\"backdrop\" (click)=\"closeTab(0)\"></div>\n  }\n  <!--next-->\n  @if (next) {\n  <div class=\"scroll-arrow forward\">\n    <i class=\"material-icons mat-icon-rtl-mirror\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleRadius]=\"30\" [matRippleColor]=\"accent\"\n       (click)=\"scrollBy(400)\">\n      arrow_forward_ios\n    </i>\n  </div>\n  }\n</div>\n<!--tabs-->\n@if (tabs.length) {\n<div class=\"tabs-separator\" (mousedown)=\"onTabResize($event)\"></div>\n<div class=\"tabs mat-elevation-z18\" #tabsEl [@tabs]=\"tabsAnimation\" (@tabs.done)=\"done()\">\n  <!--title-->\n  <div class=\"row tabs-title\">\n    @if (swapTab) {\n    <button mat-icon-button (click)=\"tabBack()\" [bizdocTooltip]=\"prevGroup || ('Back'|translate)\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon></button>\n    }\n    <h2>{{group}}</h2>\n    @if (!dialog) {\n    <button mat-icon-button (click)=\"expandTab()\" [bizdocTooltip]=\"'Expand'| translate\"><mat-icon class=\"mat-icon-rtl-mirror\" style=\"font-size: 22px\">open_in_full</mat-icon></button>\n    }\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"collapse()\" bizdocTooltip=\"Esc\"><mat-icon>close</mat-icon></button>\n  </div>\n  <nav mat-tab-nav-bar color=\"accent\" [disablePagination]=\"true\" [tabPanel]=\"tabPanel\">\n    @for (t of tabs; track t; let i = $index) {\n    <a mat-tab-link class=\"mat-tab-link\"\n       (click)=\"selectedTabIndex = i\"\n       [active]=\"selectedTabIndex === i\">\n      <mat-icon [matBadge]=\"t.badge\" [matBadgeHidden]=\"!t.badge\" matBadgeSize=\"small\" matBadgeColor=\"accent\" aria-hidden=\"false\">{{t.icon}}</mat-icon>&nbsp;\n      {{t.title}}\n      @if (t.dismissable) {\n      <mat-icon (click)=\"closeTab(i)\" class=\"tool\">close</mat-icon>\n      }\n      <!--inline=\"true\"-->\n    </a>\n    }\n  </nav>\n  <mat-tab-nav-panel #tabPanel class=\"flex\">\n    @for (t of tabs; track t; let i = $index) {\n    <div [style.display]=\"selectedTabIndex === i ? '': 'none'\" class=\"tab\" [@tab]=\"selectedTabIndex\">\n      <ng-container [cdkPortalOutlet]=\"t._portal\" (attached)=\"t._instance = $event.instance\"></ng-container>\n    </div>\n    }\n  </mat-tab-nav-panel>\n</div>\n}\n", styles: [":host{flex:1;overflow:hidden;display:flex}.scroll-arrow{position:sticky;cursor:pointer;top:50%;z-index:200}.scroll-arrow i{font-size:50px;opacity:.2}.scroll-arrow i:hover{opacity:.9}.scroll-arrow:first-child{left:0}.scroll-arrow:last-child{right:0}.panes{overflow-x:auto;flex:1;height:100%;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.panes .pane-content{-webkit-flex-grow:1;flex-grow:1;min-width:420px;overflow-y:auto;overflow-x:clip}.panes .pane-content>*{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;overflow-x:hidden;flex-grow:1}.pane-separator,.tabs-separator{cursor:ew-resize;background-repeat:no-repeat;background-position:center;display:table;height:100%;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.pane-separator{width:8px}.tabs-separator{width:12px}::ng-deep .mat-mdc-tab-link-container{overflow-x:auto;border-bottom:1px solid lightgray;-ms-overflow-style:none;scrollbar-width:none}::ng-deep .mat-mdc-tab-link-container::-webkit-scrollbar{display:none}::ng-deep .mat-mdc-tab-nav-panel{overflow-y:auto}.tabs{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;z-index:300;-webkit-flex-grow:0;flex-shrink:1;flex-basis:0;max-width:80vw}.tabs .tabs-title{align-items:center}.tabs .tabs-title h2{font-size:x-large;margin:9px;font-weight:100}.tabs .tabs-title:hover{opacity:1}.tabs .mat-mdc-tab-link .tool{opacity:0}.tabs .mat-mdc-tab-link:hover .tool{opacity:1}.tabs .tab{overflow-y:auto;overflow-x:hidden;display:flex;height:100%}\n"] }]
+                    ], template: "<div #panesEl class=\"panes\"\n     cdkScrollable\n     @panes\n     (scroll)=\"enableNavigationArrows($event)\">\n  <!---->\n  @if (prev) {\n  <div class=\"scroll-arrow\" (click)=\"scrollBy(-400)\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleColor]=\"accent\">\n    <i class=\"material-icons mat-icon-rtl-mirror\">\n      arrow_back_ios\n    </i>\n  </div>\n  }\n  <!--panes-->\n  @for (p of panes; track p; let i = $index) {\n  <div (mouseenter)=\"selectedIndex !== i && !dragging && select(i)\"\n       (click)=\"select(i)\"\n       [class.active]=\"selectedIndex === i && panes.length > 1\" class=\"pane-content\" @pane>\n    <ng-container [cdkPortalOutlet]=\"p._portal\" (attached)=\"p._instance = $event.instance\"></ng-container>\n  </div>\n  @if (i < panes.length - 1) {\n  <div class=\"pane-separator\" (mousedown)=\"onPaneResize(p, $event)\"></div>\n  }\n  }\n  <!--dialog-->\n  @if (dialog) {\n  <div class=\"backdrop\" (click)=\"closeTab(0)\"></div>\n  }\n  <!--next-->\n  @if (next) {\n  <div class=\"scroll-arrow forward\">\n    <i class=\"material-icons mat-icon-rtl-mirror\" matRipple [matRippleUnbounded]=\"true\" [matRippleCentered]=\"true\" [matRippleRadius]=\"30\" [matRippleColor]=\"accent\"\n       (click)=\"scrollBy(400)\">\n      arrow_forward_ios\n    </i>\n  </div>\n  }\n</div>\n<!--tabs-->\n@if (tabs.length) {\n<div class=\"tabs-separator\" (mousedown)=\"onTabResize($event)\"></div>\n<div class=\"tabs mat-elevation-z18\" #tabsEl [@tabs]=\"tabsAnimation\" (@tabs.done)=\"done()\">\n  <!--title-->\n  <div class=\"row tabs-title\">\n    @if (swapTab) {\n    <button mat-icon-button (click)=\"tabBack()\" [bizdocTooltip]=\"prevGroup || ('Back'|translate)\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_back</mat-icon></button>\n    }\n    <h2>{{group}}</h2>\n    @if (!dialog) {\n    <button mat-icon-button (click)=\"expandTab()\" [bizdocTooltip]=\"'Expand'| translate\"><mat-icon class=\"mat-icon-rtl-mirror\" style=\"font-size: 22px\">open_in_full</mat-icon></button>\n    }\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"collapse()\" bizdocTooltip=\"Esc\"><mat-icon>close</mat-icon></button>\n  </div>\n  <nav mat-tab-nav-bar color=\"accent\" [disablePagination]=\"true\" [tabPanel]=\"tabPanel\">\n    @for (t of tabs; track t; let i = $index) {\n    <a mat-tab-link class=\"mat-tab-link\"\n       (click)=\"selectedTabIndex = i\"\n       [active]=\"selectedTabIndex === i\">\n      <mat-icon [matBadge]=\"t.badge\" [matBadgeHidden]=\"!t.badge\" matBadgeSize=\"small\" matBadgeColor=\"accent\" aria-hidden=\"false\">{{t.icon}}</mat-icon>&nbsp;\n      {{t.title}}\n      @if (t.dismissable) {\n      <mat-icon (click)=\"closeTab(i)\" class=\"tool\">close</mat-icon>\n      }\n      <!--inline=\"true\"-->\n    </a>\n    }\n  </nav>\n  <mat-tab-nav-panel #tabPanel class=\"flex\">\n    @for (t of tabs; track t; let i = $index) {\n    <div [style.display]=\"selectedTabIndex === i ? '': 'none'\" class=\"tab\" [@tab]=\"selectedTabIndex\">\n      <ng-container [cdkPortalOutlet]=\"t._portal\" (attached)=\"t._instance = $event.instance\"></ng-container>\n    </div>\n    }\n  </mat-tab-nav-panel>\n</div>\n}\n", styles: [":host{flex:1;overflow:hidden;display:flex}.scroll-arrow{position:sticky;cursor:pointer;align-self:center;top:50%;z-index:200}.scroll-arrow i{font-size:50px;opacity:.2}.scroll-arrow i:hover{opacity:.9}.scroll-arrow:first-child{left:0}.scroll-arrow:last-child{right:0}.panes{overflow-x:auto;flex:1;height:100%;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.panes .pane-content{-webkit-flex-grow:1;flex-grow:1;min-width:420px;overflow-y:auto;overflow-x:clip}.panes .pane-content>*{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;overflow-x:hidden;flex-grow:1}.pane-separator,.tabs-separator{cursor:ew-resize;background-repeat:no-repeat;background-position:center;display:table;height:100%;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.pane-separator{width:8px}.tabs-separator{width:12px}::ng-deep .mat-mdc-tab-link-container{overflow-x:auto;border-bottom:1px solid lightgray;-ms-overflow-style:none;scrollbar-width:none}::ng-deep .mat-mdc-tab-link-container::-webkit-scrollbar{display:none}::ng-deep .mat-mdc-tab-nav-panel{overflow-y:auto}.tabs{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;z-index:300;-webkit-flex-grow:0;flex-shrink:1;flex-basis:0;max-width:80vw}.tabs .tabs-title{align-items:center}.tabs .tabs-title h2{font-size:x-large;margin:9px;font-weight:100}.tabs .tabs-title:hover{opacity:1}.tabs .mat-mdc-tab-link .tool{opacity:0}.tabs .mat-mdc-tab-link:hover .tool{opacity:1}.tabs .tab{overflow-y:auto;overflow-x:hidden;display:flex;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [PANES_DATA]
@@ -20482,21 +20672,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
 
 const DEBOUNCE_SEARCH_TIME = 200;
 class ComposeMenuComponent {
-    constructor(_session, _mailbox, _ps, _router) {
+    constructor(_session, _mailbox, _factory, _router) {
         this._session = _session;
         this._mailbox = _mailbox;
-        this._ps = _ps;
+        this._factory = _factory;
         this._router = _router;
         this.change = new EventEmitter();
         this.search = new FormControl(null);
         this._destroy = new Subject();
-        this._working = new Subject();
+        this._working$ = new Subject();
         this.defaultgroup = { forms: [] };
         this.groups = [];
     }
     ngOnInit() {
         this.items = this.search.valueChanges.pipe(takeUntil(this._destroy), debounceTime(DEBOUNCE_SEARCH_TIME), switchMap(v => this._mailbox.findAll(v ? { contains: v } : { type: 'recent' }, { take: 5 })));
-        this._working.pipe(takeUntil(this._destroy), debounceTime(200)).subscribe(v => this.working = v);
+        this._working$.pipe(takeUntil(this._destroy), debounceTime(200)).subscribe(v => this.working = v);
         this._session.profile.forms.forEach(f => {
             if (!f.creatable)
                 return;
@@ -20515,27 +20705,23 @@ class ComposeMenuComponent {
         });
     }
     clear() { this.search.setValue(null); }
-    create(form) {
-        this._working.next(true);
-        this._mailbox.create(form).subscribe({
+    create(formId) {
+        this._working$.next(true);
+        this._factory.create(formId).subscribe({
             next: i => this._nav(i),
-            error: e => this._error(e),
-            complete: () => this._working.next(false)
+            complete: () => this._working$.next(false)
         });
     }
     copy(item) {
-        this._working.next(true);
+        this._working$.next(true);
         this.search.disable();
-        this._mailbox.copy(item.documentId).
+        this._factory.copy(item.documentId).
             subscribe({
             next: i => {
-                this.search.setValue(null);
-                this._ps.toast('Copied', i.number);
+                this.clear();
                 this._nav(i);
-            }, error: e => {
-                this._error(e);
             }, complete: () => {
-                this._working.next(false);
+                this._working$.next(false);
                 this.search.enable();
             }
         });
@@ -20547,40 +20733,17 @@ class ComposeMenuComponent {
             state: { item }
         });
     }
-    /**
-     * Handle http error response
-     * @param e
-     */
-    _error(e) {
-        if (e.constructor.name === 'PositionError')
-            switch (e.code) {
-                case 1:
-                    this._ps.error('UserDeniedGeoErr');
-                    break;
-                default:
-                    this._ps.error('GeoErr');
-            }
-        else
-            switch (e.status) {
-                case 406: // server ValidationException thrown
-                    const message = e.error;
-                    this._ps.errorString(message);
-                    break;
-                default:
-                    this._ps.error();
-            }
-    }
     ngOnDestroy() {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ComposeMenuComponent, deps: [{ token: SessionService }, { token: MailboxService }, { token: PromptService }, { token: PanesRouter }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ComposeMenuComponent, deps: [{ token: SessionService }, { token: MailboxService }, { token: DocumentFactory }, { token: PanesRouter }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: { change: "change" }, ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"container\">\n  <h1 class=\"mat-h1\">{{'New'|translate}}</h1>\n  <!--<span class=\"mat-subheader\">BizDoc</span>-->\n\n  <mat-nav-list dense>\n    @for (f of defaultgroup.forms; track f) {\n      <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n        <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n        <span matListItemTitle>{{f.title}}</span>\n      </mat-list-item>\n    }\n    @for (g of groups; track g; let index = $index) {\n      @if (index) {\n        <mat-divider></mat-divider>\n      }\n      <h3 mat-subheader>{{g.title}}</h3>\n      @for (f of g.forms; track f) {\n        <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n          <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n          <span matListItemTitle>{{f.title}}</span>\n        </mat-list-item>\n      }\n    }\n  </mat-nav-list>\n</div>\n<!--<mat-spinner radius=\"25\" *ngIf=\"creating===f.name\"></mat-spinner>-->\n", styles: ["h1{font-weight:500;margin:0 16px}form{padding:8px}hr{opacity:.4}\n"], dependencies: [{ kind: "component", type: i7$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i2$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$4.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ComposeMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-new-menu', animations: [], template: "<mat-progress-bar mode=\"indeterminate\" [style.visibility]=\"working ? 'visible':'hidden'\"></mat-progress-bar>\n<div class=\"container\">\n  <h1 class=\"mat-h1\">{{'New'|translate}}</h1>\n  <!--<span class=\"mat-subheader\">BizDoc</span>-->\n\n  <mat-nav-list dense>\n    @for (f of defaultgroup.forms; track f) {\n      <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n        <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n        <span matListItemTitle>{{f.title}}</span>\n      </mat-list-item>\n    }\n    @for (g of groups; track g; let index = $index) {\n      @if (index) {\n        <mat-divider></mat-divider>\n      }\n      <h3 mat-subheader>{{g.title}}</h3>\n      @for (f of g.forms; track f) {\n        <mat-list-item (click)=\"create(f.name)\" [attr.data-help]=\"f.name + '-form'\">\n          <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n          <span matListItemTitle>{{f.title}}</span>\n        </mat-list-item>\n      }\n    }\n  </mat-nav-list>\n</div>\n<!--<mat-spinner radius=\"25\" *ngIf=\"creating===f.name\"></mat-spinner>-->\n", styles: ["h1{font-weight:500;margin:0 16px}form{padding:8px}hr{opacity:.4}\n"] }]
-        }], ctorParameters: () => [{ type: SessionService }, { type: MailboxService }, { type: PromptService }, { type: PanesRouter }], propDecorators: { change: [{
+        }], ctorParameters: () => [{ type: SessionService }, { type: MailboxService }, { type: DocumentFactory }, { type: PanesRouter }], propDecorators: { change: [{
                 type: Output
             }] } });
 
@@ -20630,13 +20793,13 @@ class HomeComponent extends HomeBase {
         this._pinned = value;
         this._is('pinned', value);
     }
-    constructor(_router, _service, _mailbox, _popup, _sb, _guide, injector, session, messaging, translate, snackBar, config) {
+    constructor(_router, _service, _mailbox, _factory, _popup, _guide, injector, session, messaging, translate, snackBar, config) {
         super(session, messaging, translate, snackBar, injector, config);
         this._router = _router;
         this._service = _service;
         this._mailbox = _mailbox;
+        this._factory = _factory;
         this._popup = _popup;
-        this._sb = _sb;
         this._guide = _guide;
         this.sysAdmin = this._session.isSystem;
         this.forms = this._session.profile.forms.filter(f => f.creatable);
@@ -20688,44 +20851,16 @@ class HomeComponent extends HomeBase {
     }
     _create() {
         this.creating = true;
-        this._mailbox.create(this.forms[0].name).
+        this._factory.create(this.forms[0].name).
             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;
-            }
+            }, complete: () => this.creating = false
         });
     }
-    _handleErr(response) {
-        if (response.constructor.name === 'PositionError')
-            switch (response.code) {
-                case 1:
-                    this._sb.error('UserDeniedGeoErr');
-                    break;
-                default:
-                    this._sb.error('GeoErr');
-            }
-        else
-            switch (response.status) {
-                case 401:
-                    this._sb.error('Unauthorized');
-                    break;
-                case 406:
-                    this._sb.errorString(response.error);
-                    break;
-                case 426: // license
-                    this._sb.error('LicenseErr');
-                    break;
-                default:
-                    this._sb.error();
-            }
-    }
     opensubmenu(menu) {
         if (this.submenu === menu)
             this.submenuMode = this.submenuMode === 'full' ? 'shrink' : 'full';
@@ -20836,13 +20971,13 @@ class HomeComponent extends HomeBase {
         const item = evt.option.value;
         item.instance.onPick();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HomeComponent, deps: [{ token: PanesRouter }, { token: SearchService }, { token: MailboxService }, { token: Popup }, { token: PromptService }, { token: GuideService }, { token: i0.Injector }, { token: SessionService }, { token: HubService }, { token: TranslateService }, { token: i3.MatSnackBar }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HomeComponent, deps: [{ token: PanesRouter }, { token: SearchService }, { token: MailboxService }, { token: DocumentFactory }, { token: Popup }, { token: GuideService }, { token: i0.Injector }, { token: SessionService }, { token: HubService }, { token: TranslateService }, { token: i3.MatSnackBar }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: HomeComponent, selector: "bizdoc-home", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "mat-app-background" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }, { propertyName: "main", first: true, predicate: SlotsComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "trigger", first: true, predicate: ["input"], descendants: true, read: MatAutocompleteTrigger }], usesInheritance: true, ngImport: i0, template: "<!-- menu -->\n<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n     [class.dialog]=\"dialog\"\n     class=\"nav-menu row\">\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n      <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n        <button mat-raised-button\n                [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                (click)=\"opennew()\" [disabled]=\"creating\"\n                [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n          <mat-icon>add</mat-icon>\n          <span class=\"nav-label\">{{'Compose'| translate}}</span>\n        </button>\n      </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n                       (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n                       data-help=\"dashboard\"\n                       [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       [class.active]=\"activeMenu === 'mailbox'\"\n                       [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n        <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n                       (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n                       [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (chatEnabled) {\n        <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n                       (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n                       [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n        </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n        <mat-list-item (click)=\"opensubmenu('cube')\"\n                       [class.active]=\"activeMenu === 'cube'\"\n                       [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n          <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (profile.reports.length) {\n        <mat-list-item (click)=\"opensubmenu('reports')\"\n                       [class.active]=\"activeMenu === 'reports'\"\n                       [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (sysAdmin) {\n        <mat-divider></mat-divider>\n        <mat-list-item (click)=\"opensubmenu('admin')\"\n                       [class.active]=\"activeMenu === 'admin'\"\n                       [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n          <mat-icon matListItemIcon>device_hub</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n        </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"sign-in\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n              [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      <span class=\"divider\"></span>\n      <button mat-icon-button [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n  <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n    @if (submenu !== 'new') {\n    <div class=\"action\">\n      <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n    </div>\n    }\n    @switch (submenu) {\n    @case ('new') {\n    <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n    }\n    @case ('mailbox') {\n    <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n    }\n    @case ('admin') {\n    <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n    }\n    @case ('reports') {\n    <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n    }\n    @case ('cube') {\n    <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n    }\n    }\n  </div>\n  }\n  @if (dialog) {\n  <div class=\"backdrop\"></div>\n  }\n</div>\n<div class=\"main\">\n  <!-- title -->\n  <div class=\"row header\" [@title]=\"main.titleVariant\">\n    <h1>\n      @if (main.swap) {\n      <button mat-icon-button (click)=\"main.back()\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button>\n      }\n      @for (p of main.panes; track p; let first = $first) {\n      @if (!first) {\n      <span class=\"breadcrumbs\">\\</span>\n      }\n      {{p.title}}\n      }\n      @if (main.panes[0]?.guide) {\n      <button mat-icon-button (click)=\"guide(main.panes[0].guide)\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help</mat-icon></button>\n      }\n    </h1>\n    <span class=\"divider\">\n    </span>\n    <!--search-->\n    <input type=\"text\"\n           [@search]=\"searching\"\n           (@search.done)=\"searching && focus()\"\n           #input\n           (keydown.escape)=\"collapse($event)\"\n           [attr.aria-label]=\"'Search'|translate\"\n           [formControl]=\"search\"\n           [matAutocomplete]=\"auto\" class=\"search-box\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"goto($event)\" [displayWith]=\"displayWith\">\n      @for (o of results | async; track o) {\n      <mat-option [value]=\"o\">\n        <ng-container (attached)=\"onAttached(o, $event)\" [cdkPortalOutlet]=\"o.portal\"></ng-container>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    <button mat-icon-button (click)=\"toggle($event)\" [bizdocTooltip]=\"'Search'|translate\" class=\"tool\"><mat-icon>search</mat-icon></button>\n    <!--notifications-->\n    <button mat-icon-button (click)=\"notifs($event)\" [bizdocTooltip]=\"'Notifications'|translate\" bizdocTooltipPosition=\"start\" class=\"tool\"\n            [attr.aria-label]=\"'Notifications'| translate\"\n            data-help=\"notifications\">\n      <mat-icon matListItemIcon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\"\n                matBadgeColor=\"accent\" aria-hidden=\"false\"\n                [class.filled]=\"profile.notificationsCount\">\n        {{profile.options.notifications.active ? 'notifications':'notifications_off'}}\n      </mat-icon>\n    </button>\n  </div>\n  <!--panes & tabs-->\n  <bizdoc-panes-outlet (dialogChange)=\"dialog = $event\" #main></bizdoc-panes-outlet>\n</div>\n", styles: [":host{display:flex;height:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{z-index:1}.nav-menu .sub-menu{min-width:210px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}.main{flex:1;overflow-x:hidden;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.main .header{align-items:center;min-width:max-content}.main .header h1{font-size:xx-large;margin:12px;font-weight:100}.main .header h1 button{vertical-align:middle}.main .header h1 .breadcrumbs{font-size:smaller}.main .header .search-box{font-size:large}\n"], dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i5$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i2$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatIconAnimate, selector: "[matAnimate]" }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: AdminMenuComponent, selector: "bizdoc-admin-menu", inputs: ["collapsed"] }, { kind: "component", type: SlotsComponent, selector: "bizdoc-panes-outlet", outputs: ["dialogChange"] }, { kind: "component", type: CubeMenuComponent, selector: "bizdoc-cube-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: ReportsMenuComponent, selector: "bizdoc-reports-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: FoldersMenuComponent, selector: "bizdoc-folders-menu", inputs: ["collapsed"], outputs: ["change"] }, { kind: "component", type: ComposeMenuComponent, selector: "bizdoc-new-menu", outputs: ["change"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [submenuAnimation, panesTitleAnimation, searchAnimation] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HomeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-home', host: { class: 'mat-app-background' }, animations: [submenuAnimation, panesTitleAnimation, searchAnimation], template: "<!-- menu -->\n<div [class.nav-collapsed]=\"collapsed\" [class.nav-open]=\"submenu\"\n     [class.dialog]=\"dialog\"\n     class=\"nav-menu row\">\n  <div class=\"column\">\n    <div>\n      @if (forms.length) {\n      <div [class.active]=\"activeMenu === 'new'\" class=\"new-container\">\n        <button mat-raised-button\n                [bizdocTooltip]=\"'Compose'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                (click)=\"opennew()\" [disabled]=\"creating\"\n                [attr.aria-label]=\"'Compose'| translate\" color=\"primary\" data-help=\"compose\">\n          <mat-icon>add</mat-icon>\n          <span class=\"nav-label\">{{'Compose'| translate}}</span>\n        </button>\n      </div>\n      }\n      <mat-nav-list>\n        <mat-list-item [attr.aria-label]=\"'Dashboard' | translate\"\n                       (click)=\"nav('dashboard')\" [class.active]=\"activeMenu === 'dashboard'\"\n                       data-help=\"dashboard\"\n                       [bizdocTooltip]=\"'Dashboard'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon>apps</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Dashboard' | translate}}</span>\n        </mat-list-item>\n        <mat-list-item (click)=\"mails()\" [bizdocTooltip]=\"'Mailbox'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       [class.active]=\"activeMenu === 'mailbox'\"\n                       [attr.aria-label]=\"'Mailbox' | translate\" data-help=\"folders\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.inboxCount\" [matBadgeHidden]=\"profile.inboxCount < 1\" matBadgeColor=\"accent\" aria-hidden=\"false\">inbox</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Mailbox' | translate}}</span>\n        </mat-list-item>\n        @if (schedulerEnabled) {\n        <mat-list-item [attr.aria-label]=\"'Scheduler' | translate\"\n                       (click)=\"nav('schedule')\" [class.active]=\"activeMenu === 'schedule'\"\n                       [bizdocTooltip]=\"'Scheduler'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon class=\"mat-icon-rtl-mirror\">date_range</mat-icon><span class=\"nav-label\" matListItemTitle>{{ 'Scheduler' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (chatEnabled) {\n        <mat-list-item data-help=\"chat\" [attr.aria-label]=\"'Chat' | translate\"\n                       (click)=\"nav('contacts')\" [class.active]=\"activeMenu === 'contacts'\"\n                       [bizdocTooltip]=\"'Chat'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\">\n          <mat-icon matListItemIcon [matBadge]=\"profile.conversationsCount\" [matBadgeHidden]=\"!profile.conversationsCount\" matBadgeColor=\"accent\" aria-hidden=\"false\">chat</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{ 'Chat' | translate}}</span>\n        </mat-list-item>\n        }\n        <mat-divider></mat-divider>\n        @if (enableAnalysis && profile.cubes.length) {\n        <mat-list-item (click)=\"opensubmenu('cube')\"\n                       [class.active]=\"activeMenu === 'cube'\"\n                       [bizdocTooltip]=\"'Cube'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\"\n                       data-help=\"cube\" [attr.aria-label]=\"'Cube' | translate\">\n          <mat-icon matListItemIcon>equalizer</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Cube' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (profile.reports.length) {\n        <mat-list-item (click)=\"opensubmenu('reports')\"\n                       [class.active]=\"activeMenu === 'reports'\"\n                       [bizdocTooltip]=\"'Reports'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" data-help=\"reports\" [attr.aria-label]=\"'Reports' | translate\">\n          <mat-icon matListItemIcon>list_alt</mat-icon><span class=\"nav-label\" matListItemTitle>{{'Reports' | translate}}</span>\n        </mat-list-item>\n        }\n        @if (sysAdmin) {\n        <mat-divider></mat-divider>\n        <mat-list-item (click)=\"opensubmenu('admin')\"\n                       [class.active]=\"activeMenu === 'admin'\"\n                       [bizdocTooltip]=\"'System'|translate\" bizdocTooltipPosition=\"end\" [bizdocTooltipDisabled]=\"!collapsed\" [attr.aria-label]=\"'System' | translate\">\n          <mat-icon matListItemIcon>device_hub</mat-icon>\n          <span class=\"nav-label\" matListItemTitle>{{'Workflow' | translate}}</span>\n        </mat-list-item>\n        }\n      </mat-nav-list>\n    </div>\n    <span class=\"divider\"></span>\n    <!--<lottie name=\"lf30_editor_qr7zgmcs\" *ngIf=\"loading\"></lottie>-->\n    <div class=\"sign-in\">\n      <button mat-icon-button data-help=\"sign-in\" [bizdocTooltip]=\"'Settings' | translate\" bizdocTooltipPosition=\"above\"\n              [attr.aria-label]=\"'Settings' | translate\" (click)=\"options($event)\">\n        <mat-icon matAnimate=\"rotate\">settingson</mat-icon>\n      </button>\n      <span class=\"divider\"></span>\n      <button mat-icon-button [attr.aria-label]=\"'Power' | translate\" (click)=\"signout($event)\" [bizdocTooltip]=\"'Exit'|translate\" bizdocTooltipPosition=\"above\">\n        <mat-icon class=\"mat-icon-rtl-mirror\">logout</mat-icon>\n      </button>\n    </div>\n  </div>\n  <!-- -->\n  @if (submenu) {\n  <div class=\"sub-menu\" (mouseleave)=\"collapsesubmenu()\" [@submenu]=\"submenuMode\" (@submenu.done)=\"resize()\">\n    @if (submenu !== 'new') {\n    <div class=\"action\">\n      <button mat-icon-button (click)=\"togglePinned()\" [bizdocTooltip]=\"(pinned?'Collapse':'Expand')|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">{{pinned ? 'push_pin' : 'menu'}}</mat-icon></button>\n    </div>\n    }\n    @switch (submenu) {\n    @case ('new') {\n    <bizdoc-new-menu (change)=\"closesubmenu()\"></bizdoc-new-menu>\n    }\n    @case ('mailbox') {\n    <bizdoc-folders-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-folders-menu>\n    }\n    @case ('admin') {\n    <bizdoc-admin-menu [collapsed]=\"submenuMode === 'shrink'\"></bizdoc-admin-menu>\n    }\n    @case ('reports') {\n    <bizdoc-reports-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-reports-menu>\n    }\n    @case ('cube') {\n    <bizdoc-cube-menu [collapsed]=\"submenuMode === 'shrink'\" (change)=\"collapsesubmenu()\"></bizdoc-cube-menu>\n    }\n    }\n  </div>\n  }\n  @if (dialog) {\n  <div class=\"backdrop\"></div>\n  }\n</div>\n<div class=\"main\">\n  <!-- title -->\n  <div class=\"row header\" [@title]=\"main.titleVariant\">\n    <h1>\n      @if (main.swap) {\n      <button mat-icon-button (click)=\"main.back()\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon></button>\n      }\n      @for (p of main.panes; track p; let first = $first) {\n      @if (!first) {\n      <span class=\"breadcrumbs\">\\</span>\n      }\n      {{p.title}}\n      }\n      @if (main.panes[0]?.guide) {\n      <button mat-icon-button (click)=\"guide(main.panes[0].guide)\" [bizdocTooltip]=\"'Help'|translate\"><mat-icon>help</mat-icon></button>\n      }\n    </h1>\n    <span class=\"divider\">\n    </span>\n    <!--search-->\n    <input type=\"text\"\n           [@search]=\"searching\"\n           (@search.done)=\"searching && focus()\"\n           #input\n           (keydown.escape)=\"collapse($event)\"\n           [attr.aria-label]=\"'Search'|translate\"\n           [formControl]=\"search\"\n           [matAutocomplete]=\"auto\" class=\"search-box\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"goto($event)\" [displayWith]=\"displayWith\">\n      @for (o of results | async; track o) {\n      <mat-option [value]=\"o\">\n        <ng-container (attached)=\"onAttached(o, $event)\" [cdkPortalOutlet]=\"o.portal\"></ng-container>\n      </mat-option>\n      }\n    </mat-autocomplete>\n    <button mat-icon-button (click)=\"toggle($event)\" [bizdocTooltip]=\"'Search'|translate\" class=\"tool\"><mat-icon>search</mat-icon></button>\n    <!--notifications-->\n    <button mat-icon-button (click)=\"notifs($event)\" [bizdocTooltip]=\"'Notifications'|translate\" bizdocTooltipPosition=\"start\" class=\"tool\"\n            [attr.aria-label]=\"'Notifications'| translate\"\n            data-help=\"notifications\">\n      <mat-icon matListItemIcon [matBadge]=\"profile.notificationsCount\" [matBadgeHidden]=\"!profile.notificationsCount\"\n                matBadgeColor=\"accent\" aria-hidden=\"false\"\n                [class.filled]=\"profile.notificationsCount\">\n        {{profile.options.notifications.active ? 'notifications':'notifications_off'}}\n      </mat-icon>\n    </button>\n  </div>\n  <!--panes & tabs-->\n  <bizdoc-panes-outlet (dialogChange)=\"dialog = $event\" #main></bizdoc-panes-outlet>\n</div>\n", styles: [":host{display:flex;height:100%}::ng-deep .nav-collapsed .mdc-list-item{padding-right:0}::ng-deep [dir=rtl] .nav-collapsed .mdc-list-item{padding-left:0}.nav-menu{z-index:1}.nav-menu .sub-menu{min-width:210px;display:block;z-index:1;overflow-x:hidden;align-self:stretch}.nav-menu .sub-menu .action{display:flex;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.nav-menu .new-container{margin:8px 8px 0;text-align:center}.nav-menu .new-container button{min-width:35px;padding:0 14px;height:40px}.nav-menu .new-container button .mat-icon{margin-right:2px;margin-left:2px}.nav-menu .nav-icon{display:none}.nav-menu.nav-collapsed .nav-icon{display:unset}.nav-menu.nav-collapsed .nav-label{display:none}.nav-menu.nav-collapsed .sign-in{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center}.nav-menu .sign-in{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;margin-bottom:5px;align-items:baseline}.backdrop{position:absolute;z-index:200;width:100%;height:100%;display:block;background:#424242;opacity:.8}.main{flex:1;overflow-x:hidden;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.main .header{align-items:center;min-width:max-content}.main .header h1{font-size:xx-large;margin:12px;font-weight:100}.main .header h1 button{vertical-align:middle}.main .header h1 .breadcrumbs{font-size:smaller}.main .header .search-box{font-size:large}\n"] }]
-        }], ctorParameters: () => [{ type: PanesRouter }, { type: SearchService }, { type: MailboxService }, { type: Popup }, { type: PromptService }, { type: GuideService }, { type: i0.Injector }, { type: SessionService }, { type: HubService }, { type: TranslateService }, { type: i3.MatSnackBar }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: PanesRouter }, { type: SearchService }, { type: MailboxService }, { type: DocumentFactory }, { type: Popup }, { type: GuideService }, { type: i0.Injector }, { type: SessionService }, { type: HubService }, { type: TranslateService }, { type: i3.MatSnackBar }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
                 }] }], propDecorators: { drawer: [{
@@ -20894,11 +21029,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
 /** form selector component */
 class FormSelectorSheet {
     /** form selector ctor */
-    constructor(_dialog, _bsRef, _sb, _mailbox, _router, _session) {
+    constructor(_dialog, _bsRef, _sb, _factory, _router, _session) {
         this._dialog = _dialog;
         this._bsRef = _bsRef;
         this._sb = _sb;
-        this._mailbox = _mailbox;
+        this._factory = _factory;
         this._router = _router;
         this._session = _session;
         this._done = new Subject();
@@ -20906,8 +21041,8 @@ class FormSelectorSheet {
         this.forms = _session.profile.forms.filter(f => f.creatable);
     }
     open(form) {
-        this._mailbox.create(form).subscribe({
-            next: i => this._route(i), error: e => this._error(e)
+        this._factory.create(form).subscribe({
+            next: i => this._nav(i),
         });
         this._bsRef.dismiss();
     }
@@ -20915,43 +21050,13 @@ class FormSelectorSheet {
         event.preventDefault();
         this._bsRef.afterDismissed().subscribe(() => this._dialog.open(CopyDialog).afterClosed().subscribe(i => {
             i &&
-                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._factory.copy(i.documentId).subscribe({
+                    next: i => this._nav(i)
                 });
         }));
         this._bsRef.dismiss();
     }
-    _getForm(name) {
-        return this._session.profile.forms.find(f => f.name === name);
-    }
-    _error(response) {
-        if (response.constructor.name === 'PositionError')
-            switch (response.code) {
-                case 1:
-                    this._sb.error('UserDeniedGeoErr');
-                    break;
-                default:
-                    this._sb.error('GeoErr');
-            }
-        else
-            switch (response.status) {
-                case 401:
-                    this._sb.error('Unauthorized');
-                    break;
-                case 406:
-                    this._sb.errorString(response.error);
-                    break;
-                case 426: // license
-                    this._sb.error('LicenseErr');
-                    break;
-                default:
-                    this._sb.error();
-            }
-    }
-    _route(item) {
+    _nav(item) {
         this._done.next(item);
         this._router.navigate(['mailbox/i', item.id.encodeId()], {
             state: {
@@ -20959,13 +21064,13 @@ class FormSelectorSheet {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: FormSelectorSheet, deps: [{ token: i2$2.MatDialog }, { token: i2$a.MatBottomSheetRef }, { token: PromptService }, { token: MailboxService }, { token: i1$4.Router }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: FormSelectorSheet, deps: [{ token: i2$2.MatDialog }, { token: i2$a.MatBottomSheetRef }, { token: PromptService }, { token: DocumentFactory }, { token: i1$4.Router }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: FormSelectorSheet, selector: "bizdoc-form-selector", ngImport: i0, template: "<mat-nav-list role=\"list\">\n  @for (f of forms; track f) {\n    <a mat-list-item role=\"listitem\" (click)=\"open(f.name)\">\n      <span matListItemTitle>{{f.title}}</span>\n      <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n    </a>\n  }\n  <mat-divider></mat-divider>\n  <a mat-list-item role=\"listitem\" (click)=\"copy($event)\">\n    <span matListItemTitle>{{'Elipsis'| translate: ('Copy' | translate)}}</span>\n  </a>\n</mat-nav-list>\n", dependencies: [{ kind: "component", type: i2$4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i2$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: FormSelectorSheet, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-form-selector', template: "<mat-nav-list role=\"list\">\n  @for (f of forms; track f) {\n    <a mat-list-item role=\"listitem\" (click)=\"open(f.name)\">\n      <span matListItemTitle>{{f.title}}</span>\n      <mat-icon matListItemIcon>{{f.icon || 'description'}}</mat-icon>\n    </a>\n  }\n  <mat-divider></mat-divider>\n  <a mat-list-item role=\"listitem\" (click)=\"copy($event)\">\n    <span matListItemTitle>{{'Elipsis'| translate: ('Copy' | translate)}}</span>\n  </a>\n</mat-nav-list>\n" }]
-        }], ctorParameters: () => [{ type: i2$2.MatDialog }, { type: i2$a.MatBottomSheetRef }, { type: PromptService }, { type: MailboxService }, { type: i1$4.Router }, { type: SessionService }] });
+        }], ctorParameters: () => [{ type: i2$2.MatDialog }, { type: i2$a.MatBottomSheetRef }, { type: PromptService }, { type: DocumentFactory }, { type: i1$4.Router }, { type: SessionService }] });
 
 class ChatMobileComponent {
     constructor() {
@@ -26284,7 +26389,8 @@ class TypeSelect {
         if (!this._configuration)
             throw `${this.type} is not a known BizDoc type.`;
         if (this._configuration.columns)
-            this._column = this._configuration.columns.find(c => !c.flags || c.flags.indexOf('Key') < 0);
+            this._column = this._configuration.columns.
+                find(c => !c.flags || c.flags.indexOf('Key') < 0);
         this._items$ = this._service.all(this.type);
         this._control.valueChanges.pipe(takeUntil(this._destroy)).subscribe(v => {
             if (this._multiple) {
@@ -26320,7 +26426,7 @@ class TypeSelect {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TypeSelect, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i2$8.FocusMonitor }, { token: i0.ElementRef }, { token: SessionService }, { token: DatasourceService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: TypeSelect, selector: "bizdoc-select", inputs: { type: "type", scope: "scope", multiple: "multiple", placeholder: "placeholder", required: "required", disabled: "disabled", text: "text", value: "value" }, outputs: { selectionChange: "selectionChange", textChange: "textChange" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy", "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: TypeSelect }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: MatSelect, descendants: true, static: true }], ngImport: i0, template: `<mat-select [placeholder]="placeholder" [formControl]="_control" [multiple]='multiple'
-      (focusin)="_onFocus()" (focusout)="_onBlur()" [disabled]="disabled" [compareWith]='_compareWithKey' [required]="required">
+      (focusin)="_onFocus()" (focusout)="_onBlur()" [compareWith]='_compareWithKey' [required]="required">
       @if (!required && !multiple) {
         <mat-option [value]="null">
           {{ 'None' | translate }}
@@ -26344,7 +26450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                     selector: 'bizdoc-select',
                     providers: [{ provide: MatFormFieldControl, useExisting: TypeSelect }],
                     template: `<mat-select [placeholder]="placeholder" [formControl]="_control" [multiple]='multiple'
-      (focusin)="_onFocus()" (focusout)="_onBlur()" [disabled]="disabled" [compareWith]='_compareWithKey' [required]="required">
+      (focusin)="_onFocus()" (focusout)="_onBlur()" [compareWith]='_compareWithKey' [required]="required">
       @if (!required && !multiple) {
         <mat-option [value]="null">
           {{ 'None' | translate }}
@@ -30372,7 +30478,7 @@ class SharedModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: SharedModule, declarations: [LocalizedStringPipe, HelpTipComponent, BoxFormComponent, BoxFormRowComponent, BoxFormControlComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: SharedModule, declarations: [OverlayFormComponent, LocalizedStringPipe, HelpTipComponent, BoxFormComponent, BoxFormRowComponent, BoxFormControlComponent,
             PerformanceWindComponent, PerformanceHiloComponent,
             CubeUsageComponent,
             CubeDocumentsComponent,
@@ -30515,7 +30621,7 @@ class SharedModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SharedModule, providers: [Popup,
             CookieService,
             DocumentInfo, AttachmentInfo, MapInfo, CubeInfo,
-            MailboxService, SessionService, HubService,
+            MailboxService, SessionService, DocumentFactory, HubService,
             CubeService, DatasourceService,
             DateRangePipe, AgoPipe, DurationFormatPipe,
             WindowTitleService, NotificationsService,
@@ -30552,7 +30658,7 @@ class SharedModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [LocalizedStringPipe, HelpTipComponent, BoxFormComponent, BoxFormRowComponent, BoxFormControlComponent,
+                    declarations: [OverlayFormComponent, LocalizedStringPipe, HelpTipComponent, BoxFormComponent, BoxFormRowComponent, BoxFormControlComponent,
                         PerformanceWindComponent, PerformanceHiloComponent,
                         CubeUsageComponent,
                         CubeDocumentsComponent,
@@ -30649,7 +30755,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                     providers: [Popup,
                         CookieService,
                         DocumentInfo, AttachmentInfo, MapInfo, CubeInfo,
-                        MailboxService, SessionService, HubService,
+                        MailboxService, SessionService, DocumentFactory, HubService,
                         CubeService, DatasourceService,
                         DateRangePipe, AgoPipe, DurationFormatPipe,
                         WindowTitleService, NotificationsService,
@@ -36900,5 +37006,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressControlDesigner, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AutocompleteControlDesigner, AvatarComponent, BIZDOC_CONFIG, BackNavigation, BizDoc, BizDocApp, BizDocComponentFactoryResolver, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, CheckboxControlDesigner, ChecklistControlDesigner, CollapseNavigation, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareGroupDirective, CompareGroupsWidget, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeItemResolveService, CubeMatrixComponent, CubeParallelComponent, CubePerformanceWidget, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateControlDesigner, DateFormatPipe, DateRangeControlDesigner, DateRangePipe, DesignerCubeFilterComponent, DesignerModule, DesignerRef, DifferencePipe, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, ExpressionFieldDesigner, FONT_FAMILY, FadeSlideInOut, FieldKind, FileControlDesigner, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideRef, GuideService, HelpTipComponent, HtmlFieldDesigner, INBOX, IdentityName, InputFieldDesigner, JoinPipe, JsonPipe, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NodeRef, NoneComponent, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, OptionsComponent, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RadioButtonControlDesigner, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SelectControlDesigner, SessionService, ShakeAnimation, SharedModule, SignatureControlDesigner, SlotRouterDirective, SpContainer, StateDirective, StatePipe, StickyToolbar, SubstitutionComponent, SwapAnimation, Tab, TagsComponent, TagsControlDesigner, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimePicker, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, VirtualTabs, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, getMonthList, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, programName, registerComponents };
+export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressControlDesigner, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AutocompleteControlDesigner, AvatarComponent, BIZDOC_CONFIG, BackNavigation, BizDoc, BizDocApp, BizDocComponentFactoryResolver, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, CheckboxControlDesigner, ChecklistControlDesigner, CollapseNavigation, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareGroupDirective, CompareGroupsWidget, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeItemResolveService, CubeMatrixComponent, CubeParallelComponent, CubePerformanceWidget, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateControlDesigner, DateFormatPipe, DateRangeControlDesigner, DateRangePipe, DesignerCubeFilterComponent, DesignerModule, DesignerRef, DifferencePipe, DocumentFactory, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, ExpressionFieldDesigner, FONT_FAMILY, FadeSlideInOut, FieldKind, FileControlDesigner, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideRef, GuideService, HelpTipComponent, HtmlFieldDesigner, INBOX, IdentityName, InputFieldDesigner, JoinPipe, JsonPipe, L18nPipe, LayoutComponent, ListingRef, LocalizedStringComponent, LocalizedStringControlDesigner, LocalizedStringPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationBase, NavigationClose, NavigationEnd, NavigationExpand, NavigationFocus, NavigationMode, NavigationPaneBase, NavigationResize, NavigationStart, NodeRef, NoneComponent, NotificationsTableComponent, NumberControlDesigner, OpenPolicy, OptionsComponent, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RadioButtonControlDesigner, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SelectControlDesigner, SessionService, ShakeAnimation, SharedModule, SignatureControlDesigner, SlotRouterDirective, SpContainer, StateDirective, StatePipe, StickyToolbar, SubstitutionComponent, SwapAnimation, Tab, TagsComponent, TagsControlDesigner, TasksComponent, TextAreaFieldDesigner, TimeAgoPipe, TimeControlDesigner, TimePicker, TimespanControlDesigner, TimespanInput, ToNowPipe, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, VirtualTabs, WidgetItemComponent, WidgetRef, YesNoControlDesigner, cleanup, getMonthList, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, programName, registerComponents };
 //# sourceMappingURL=bizdoc-core.mjs.map