@bizdoc/core 2.6.2 → 2.7.2

package/fesm2022/bizdoc-core.mjs

@@ -79,7 +79,7 @@ import * as i6$1 from '@angular/material/divider';
 import * as i10$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import * as i5$4 from '@angular/cdk/layout';
+import * as i7$4 from '@angular/cdk/layout';
 import { LayoutModule, Breakpoints } from '@angular/cdk/layout';
 import * as i11$1 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
@@ -89,7 +89,7 @@ import * as i6$2 from '@angular/material/sort';
 import { MatSortModule, MatSort } from '@angular/material/sort';
 import * as i7$2 from '@angular/material/paginator';
 import { MatPaginatorIntl, MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
-import * as i7$4 from '@angular/material/tabs';
+import * as i7$5 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i2$a from '@angular/material/bottom-sheet';
 import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
@@ -113,7 +113,7 @@ import * as i2$b from '@angular/material/radio';
 import { MatRadioModule, MatRadioButton } from '@angular/material/radio';
 import * as i7$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i5$5 from '@angular/cdk/scrolling';
+import * as i5$4 from '@angular/cdk/scrolling';
 import { CdkScrollableModule, ScrollingModule } from '@angular/cdk/scrolling';
 import { Platform } from '@angular/cdk/platform';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
@@ -947,7 +947,7 @@ class HubService {
         }
         this._connection = new HubConnectionBuilder().withUrl('/chub', {
             //     logger: LogLevel.Debug,
-            accessTokenFactory: this._auth.getAuthToken.bind(this),
+            accessTokenFactory: () => this._auth.getAuthToken(), // arrow call, 'this' bug
             //skipNegotiation: true,
         }).withAutomaticReconnect().build();
         this._connection.on('newMail', (data) => this._newMail.next(data));
@@ -6420,7 +6420,7 @@ class GuideService {
             content: this._translate.get('MailboxHelp'),
             title: this._translate.get('Mailbox')
         });
-        if (!this._config || this._config.chating !== false)
+        if (!this._config || this._config.chat !== false)
             steps.push({
                 selector: '[data-help=chat]', content: this._translate.get('ChatHelp'),
                 execute: !mobile,
@@ -7932,7 +7932,7 @@ class ChatInfo {
         this._session = _session;
         this._isMobile = isMobile();
         this._open$ = new Subject();
-        this._config = config.chating;
+        this._config = config.chat;
     }
     /**
      *
@@ -7996,7 +7996,7 @@ class IdentityName {
         this._chat = _chat;
         this._accounts = _accounts;
         this.chating = 'room';
-        if (config.chating === false)
+        if (config.chat === false)
             this.chating = 'none';
     }
     ngOnChanges() {
@@ -10080,13 +10080,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
 /** browse component*/
 class BrowsePaneComponent {
     /** browse ctor */
-    constructor(_pane, _session, _popup, _router, _directionality, _translate, _dialog) {
+    constructor(_pane, _session, _popup, _router, _directionality, _translate, _breakpointObserver, _dialog) {
         this._pane = _pane;
         this._session = _session;
         this._popup = _popup;
         this._router = _router;
         this._directionality = _directionality;
         this._translate = _translate;
+        this._breakpointObserver = _breakpointObserver;
         this._dialog = _dialog;
         this.searching = false;
         this.contains = new FormControl();
@@ -10152,13 +10153,23 @@ class BrowsePaneComponent {
             this.searching = false;
         }
     }
+    /**
+     *
+     * @param item
+     */
     open(item) {
         this._router.navigate(['mailbox/i', item.id.encodeId()], {
             state: {
                 item: { ...item }
             },
+            policy: this._breakpointObserver.isMatched([Breakpoints.Medium, Breakpoints.Small])
+                ? OpenPolicy.Clear : null
         });
     }
+    /**
+     *
+     * @param item
+     */
     view(item) {
         this._router.navigate(['mailbox/i', item.id.encodeId(), 'views'], {
             state: {
@@ -10183,13 +10194,13 @@ class BrowsePaneComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: BrowsePaneComponent, deps: [{ token: PaneRef }, { token: SessionService }, { token: Popup }, { token: PanesRouter }, { token: i7.Directionality }, { token: TranslateService }, { token: i2$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: BrowsePaneComponent, deps: [{ token: PaneRef }, { token: SessionService }, { token: Popup }, { token: PanesRouter }, { token: i7.Directionality }, { token: TranslateService }, { token: i7$4.BreakpointObserver }, { token: i2$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: BrowsePaneComponent, selector: "bizdoc-browse-pane", host: { listeners: { "document:keydown": "handleKeydown($event)" } }, viewQueries: [{ propertyName: "items", first: true, predicate: BrowseItemsComponent, descendants: true, static: true }, { propertyName: "filterEl", first: true, predicate: ["filterEl"], descendants: true, read: ElementRef }, { propertyName: "search", first: true, predicate: ["searchEl"], descendants: true, read: ElementRef }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\n  @if (!items.selection.isEmpty()) {\n  <!--<button mat-icon-button (click)=\"items.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\" [attr.aria-label]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>-->\n  @if (items.isAllDraft()) {\n  <button mat-icon-button (click)=\"items.discardAll()\" [bizdocTooltip]=\"'DiscardSelected' | translate : items.selection.selected.length\" [attr.aria-label]=\"'DiscardSelected' | translate : items.selection.selected.length\"><mat-icon>delete_sweep</mat-icon></button>\n  <button mat-button color=\"primary\" (click)=\"items.submitAll()\">{{'SubmitSelected' | translate : items.selection.selected.length }}</button>\n  }\n  @if (items.sharedActions.length === 1) {\n  <button mat-button color=\"primary\" (click)=\"sendAll(items.sharedActions[0].name)\" [bizdocTooltip]=\"items.sharedActions[0].title\">\n    @if (items.sharedActions[0].icon) {\n    <mat-icon>{{items.sharedActions[0].icon}}</mat-icon>\n    }{{'SendSelected' | translate : items.selection.selected.length}}\n  </button>\n  }\n  @else if (items.sharedActions.length > 1) {\n  <button mat-button color=\"primary\" [matMenuTriggerFor]=\"action\" [bizdocTooltip]=\"'Send' | translate\" [attr.aria-label]=\"'Send' | translate\">\n    {{'SendSelected'| translate : items.selection.selected.length }}\n  </button>\n  <mat-menu #action>\n    @for (a of items.sharedActions | sort : 'group'; track a; let i = $index) {\n    @if (i > 0 && items.sharedActions[i-1].group !== a.group) {\n    <mat-divider>\n    </mat-divider>\n    }\n    <button mat-menu-item (click)=\"sendAll(a.name)\" [attr.aria-label]=\"a.title\">\n      {{ a.title }}\n    </button>\n    }\n  </mat-menu>\n  }\n  <!--<button mat-icon-button (click)=\"items.paginator.previousPage()\" [bizdocTooltip]=\"'PrevPage' | translate\" [attr.aria-label]=\"'PrevPage' | translate\" [disabled]=\"!items.paginator.hasPreviousPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\n  <button mat-icon-button (click)=\"items.paginator.nextPage()\" [bizdocTooltip]=\"'NextPage' | translate\" [attr.aria-label]=\"'NextPage' | translate\" [disabled]=\"!items.paginator.hasNextPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>-->\n  } @else {\n  <!--<button mat-icon-button (click)=\"openSearch()\"\n    [bizdocTooltip]=\"'Search'|translate\" class=\"tool\">\n    <mat-icon>search</mat-icon>\n  </button>\n  [@search]=\"searching\"\n  (@search.done)=\"searching && focus()\"-->\n  <input matInput\n         [formControl]=\"contains\" autocomplete=\"off\" placeholder=\"{{'SearchFolders' | translate}}\"\n         class=\"mat-body search-box\"\n         #searchEl\n         (keydown.escape)=\"clearSearch($event)\">\n  @if (contains.value) {\n  <mat-icon (click)=\"clearSearch()\">close</mat-icon>\n  }\n  <span class=\"divider\"></span>\n  <!--<button mat-icon-button (click)=\"items.paginator.previousPage()\" [bizdocTooltip]=\"'PrevPage' | translate\" [attr.aria-label]=\"'PrevPage' | translate\" [disabled]=\"!items.paginator.hasPreviousPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\n  <button mat-icon-button (click)=\"items.paginator.nextPage()\" [bizdocTooltip]=\"'NextPage' | translate\" [attr.aria-label]=\"'NextPage' | translate\" [disabled]=\"!items.paginator.hasNextPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>-->\n  <button mat-icon-button (click)=\"openFilter($event)\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter' | translate\" #filterEl><mat-icon>filter_list</mat-icon></button>\n  }\n</mat-toolbar>\n<bizdoc-browse-items [filters]=\"filters\" [folderId]=\"folderId\" [filterType]=\"filterType\"\n                     (open)=\"open($event)\" (view)=\"view($event) \" #items></bizdoc-browse-items>\n", styles: [":host{min-width:560px}\n"], dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: BrowseItemsComponent, selector: "bizdoc-browse-items", inputs: ["folderId", "filterType", "filters"], outputs: ["open", "view"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [searchAnimation] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: BrowsePaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-browse-pane', animations: [searchAnimation], template: "<mat-toolbar class=\"nav-toolbar\">\n  @if (!items.selection.isEmpty()) {\n  <!--<button mat-icon-button (click)=\"items.refresh()\" [bizdocTooltip]=\"'Refresh' | translate\" [attr.aria-label]=\"'Refresh' | translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>-->\n  @if (items.isAllDraft()) {\n  <button mat-icon-button (click)=\"items.discardAll()\" [bizdocTooltip]=\"'DiscardSelected' | translate : items.selection.selected.length\" [attr.aria-label]=\"'DiscardSelected' | translate : items.selection.selected.length\"><mat-icon>delete_sweep</mat-icon></button>\n  <button mat-button color=\"primary\" (click)=\"items.submitAll()\">{{'SubmitSelected' | translate : items.selection.selected.length }}</button>\n  }\n  @if (items.sharedActions.length === 1) {\n  <button mat-button color=\"primary\" (click)=\"sendAll(items.sharedActions[0].name)\" [bizdocTooltip]=\"items.sharedActions[0].title\">\n    @if (items.sharedActions[0].icon) {\n    <mat-icon>{{items.sharedActions[0].icon}}</mat-icon>\n    }{{'SendSelected' | translate : items.selection.selected.length}}\n  </button>\n  }\n  @else if (items.sharedActions.length > 1) {\n  <button mat-button color=\"primary\" [matMenuTriggerFor]=\"action\" [bizdocTooltip]=\"'Send' | translate\" [attr.aria-label]=\"'Send' | translate\">\n    {{'SendSelected'| translate : items.selection.selected.length }}\n  </button>\n  <mat-menu #action>\n    @for (a of items.sharedActions | sort : 'group'; track a; let i = $index) {\n    @if (i > 0 && items.sharedActions[i-1].group !== a.group) {\n    <mat-divider>\n    </mat-divider>\n    }\n    <button mat-menu-item (click)=\"sendAll(a.name)\" [attr.aria-label]=\"a.title\">\n      {{ a.title }}\n    </button>\n    }\n  </mat-menu>\n  }\n  <!--<button mat-icon-button (click)=\"items.paginator.previousPage()\" [bizdocTooltip]=\"'PrevPage' | translate\" [attr.aria-label]=\"'PrevPage' | translate\" [disabled]=\"!items.paginator.hasPreviousPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\n  <button mat-icon-button (click)=\"items.paginator.nextPage()\" [bizdocTooltip]=\"'NextPage' | translate\" [attr.aria-label]=\"'NextPage' | translate\" [disabled]=\"!items.paginator.hasNextPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>-->\n  } @else {\n  <!--<button mat-icon-button (click)=\"openSearch()\"\n    [bizdocTooltip]=\"'Search'|translate\" class=\"tool\">\n    <mat-icon>search</mat-icon>\n  </button>\n  [@search]=\"searching\"\n  (@search.done)=\"searching && focus()\"-->\n  <input matInput\n         [formControl]=\"contains\" autocomplete=\"off\" placeholder=\"{{'SearchFolders' | translate}}\"\n         class=\"mat-body search-box\"\n         #searchEl\n         (keydown.escape)=\"clearSearch($event)\">\n  @if (contains.value) {\n  <mat-icon (click)=\"clearSearch()\">close</mat-icon>\n  }\n  <span class=\"divider\"></span>\n  <!--<button mat-icon-button (click)=\"items.paginator.previousPage()\" [bizdocTooltip]=\"'PrevPage' | translate\" [attr.aria-label]=\"'PrevPage' | translate\" [disabled]=\"!items.paginator.hasPreviousPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\n  <button mat-icon-button (click)=\"items.paginator.nextPage()\" [bizdocTooltip]=\"'NextPage' | translate\" [attr.aria-label]=\"'NextPage' | translate\" [disabled]=\"!items.paginator.hasNextPage()\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_right</mat-icon></button>-->\n  <button mat-icon-button (click)=\"openFilter($event)\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter' | translate\" #filterEl><mat-icon>filter_list</mat-icon></button>\n  }\n</mat-toolbar>\n<bizdoc-browse-items [filters]=\"filters\" [folderId]=\"folderId\" [filterType]=\"filterType\"\n                     (open)=\"open($event)\" (view)=\"view($event) \" #items></bizdoc-browse-items>\n", styles: [":host{min-width:560px}\n"] }]
-        }], ctorParameters: () => [{ type: PaneRef }, { type: SessionService }, { type: Popup }, { type: PanesRouter }, { type: i7.Directionality }, { type: TranslateService }, { type: i2$2.MatDialog }], propDecorators: { items: [{
+        }], ctorParameters: () => [{ type: PaneRef }, { type: SessionService }, { type: Popup }, { type: PanesRouter }, { type: i7.Directionality }, { type: TranslateService }, { type: i7$4.BreakpointObserver }, { type: i2$2.MatDialog }], propDecorators: { items: [{
                 type: ViewChild,
                 args: [BrowseItemsComponent, { static: true }]
             }], filterEl: [{
@@ -12973,7 +12984,7 @@ class CommentComponent {
         }
     }
     _formatUserElement(person) {
-        if (this._config.chating !== false)
+        if (this._config.chat !== false)
             return this._chat.format(person);
         else
             return person.nick || person.name;
@@ -13133,7 +13144,7 @@ class CommentsComponent {
         this._textChange.pipe(debounceTime(TYPING_NOTIFY$1), takeUntil(this._destroy)).subscribe(() => this._mailbox.typing(this.model.documentId).subscribe());
     }
     _formatUserElement(person) {
-        if (this._config.chating !== false)
+        if (this._config.chat !== false)
             return this._chat.format(person);
         else
             return person.nick || person.name;
@@ -13632,27 +13643,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
 
 /** */
 class ReportRef {
-    constructor(_configuration, args, _hub, dim) {
+    constructor(_configuration, args, _hub, _http, dim) {
         this._configuration = _configuration;
         this._hub = _hub;
-        this._resize = new BehaviorSubject(dim);
-        this._args = new BehaviorSubject(args);
+        this._http = _http;
+        this._resize$ = new BehaviorSubject(dim);
+        this._args$ = new BehaviorSubject(args);
     }
-    resize() { return this._resize.asObservable(); }
+    resize() { return this._resize$.asObservable(); }
     /** listen to progress events reported by backend code */
     progress() {
         return this._hub.reportProgress$.
             pipe(filter(e => e.name === this._configuration.name), map(e => e.progress));
     }
+    /**
+     *
+     * @param key
+     * @returns
+     */
+    item(key) {
+        return this._http.put(`/api/report/${encodeURIComponent(this._configuration.name)}`, key);
+    }
     /** configuration options */
     get options() {
         return this._configuration.options || {};
     }
     /** configuration name */
     get name() { return this._configuration.name; }
-    get arguments() { return this._args.value; }
+    get arguments() { return this._args$.value; }
     _destroy() {
-        this._resize.unsubscribe();
+        this._resize$.unsubscribe();
+        this._args$.unsubscribe();
     }
 }
 
@@ -13711,7 +13732,7 @@ class ReportViewerComponent {
         if (changes['report']) {
             this._destroy.next();
             this._reportRef && this._reportRef._destroy();
-            this._reportRef = new ReportRef(this.report, this.args, this._hub, this._dim());
+            this._reportRef = new ReportRef(this.report, this.args, this._hub, this._http, this._dim());
             if (this.report.template)
                 this._createView();
             else
@@ -13723,10 +13744,10 @@ class ReportViewerComponent {
                 if (this.progress > 0)
                     this.progress = i.progress;
             });
-            this._resizing.pipe(debounceTime(150)).subscribe(() => this._reportRef._resize.next(this._dim()));
+            this._resizing.pipe(debounceTime(150)).subscribe(() => this._reportRef._resize$.next(this._dim()));
         }
         if (changes['args'])
-            this._reportRef._args.next(this.args);
+            this._reportRef._args$.next(this.args);
     }
     /** */
     _createView() {
@@ -18074,7 +18095,7 @@ class ConversationComponent {
         this._top = false;
         this._textChange = new Subject();
         this._destroy = new Subject();
-        this._preserveDraft = config.chating && config.chating.preserveDraft;
+        this._preserveDraft = config.chat && config.chat.preserveDraft;
     }
     ngOnInit() {
         this._messaging.chatTyping$.pipe(takeUntil(this._destroy)).subscribe(e => {
@@ -18435,7 +18456,7 @@ class DashboardComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DashboardComponent, deps: [{ token: GuideService }, { token: SessionService }, { token: PaneRef, optional: true }, { token: WindowTitleService }, { token: i5$4.BreakpointObserver }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DashboardComponent, deps: [{ token: GuideService }, { token: SessionService }, { token: PaneRef, optional: true }, { token: WindowTitleService }, { token: i7$4.BreakpointObserver }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: DashboardComponent, selector: "bizdoc-dashboard", viewQueries: [{ propertyName: "components", predicate: WidgetItemComponent, descendants: true }], ngImport: i0, template: "<mat-grid-list [cols]=\"cols\" @deshboard>\n  @for (w of widgets; track w) {\n    <mat-grid-tile [colspan]=\"w.cols && w.cols <= cols ? w.cols : 1\" [rowspan]=\"w.rows || 1\">\n      <mat-card @card>\n        <mat-card-header>\n          <mat-card-title [attr.data-guide]=\"'widget-'+w.name\">\n            <span>{{w.title}}</span>\n            <span class=\"divider\"></span>\n            <button mat-icon-button (click)=\"widget.refresh()\" [bizdocTooltip]=\"'Refresh'|translate\" [attr.aria-label]=\"'Refresh'|translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\n            @if (w.arguments?.length||w.argumentsTemplate) {\n              <button mat-icon-button (click)=\"widget.filter($event)\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n            }\n            @if (w.guide) {\n              <button mat-icon-button (click)=\"guide(w.guide)\" [bizdocTooltip]=\"'Help' | translate\" [attr.aria-label]=\"'Help'|translate\"><mat-icon>help_outline</mat-icon></button>\n            }\n          </mat-card-title>\n        </mat-card-header>\n        <mat-card-content>\n          <bizdoc-widget [model]=\"w\" #widget></bizdoc-widget>\n        </mat-card-content>\n      </mat-card>\n    </mat-grid-tile>\n  }\n</mat-grid-list>\n", styles: [":host{width:100%;height:100%;overflow-y:auto}@media only screen and (min-width: 600px){:host{min-width:600px}}.mat-mdc-card{width:calc(100% - 20px);height:calc(100% - 20px);overflow:hidden}.mat-mdc-card ::ng-deep .mat-mdc-card-header-text{width:100%}.mat-mdc-card .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.mat-mdc-card .mat-mdc-card-content{height:inherit}.mat-mdc-card:hover{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}\n"], dependencies: [{ kind: "component", type: i11.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i11.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i11.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i8$2.MatGridList, selector: "mat-grid-list", inputs: ["cols", "gutterSize", "rowHeight"], exportAs: ["matGridList"] }, { kind: "component", type: i8$2.MatGridTile, selector: "mat-grid-tile", inputs: ["rowspan", "colspan"], exportAs: ["matGridTile"] }, { 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: "component", type: WidgetItemComponent, selector: "bizdoc-widget", inputs: ["model"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [deshboardAnimation, deshboardCardAnimation] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DashboardComponent, decorators: [{
@@ -18443,7 +18464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
             args: [{ selector: 'bizdoc-dashboard', animations: [deshboardAnimation, deshboardCardAnimation], template: "<mat-grid-list [cols]=\"cols\" @deshboard>\n  @for (w of widgets; track w) {\n    <mat-grid-tile [colspan]=\"w.cols && w.cols <= cols ? w.cols : 1\" [rowspan]=\"w.rows || 1\">\n      <mat-card @card>\n        <mat-card-header>\n          <mat-card-title [attr.data-guide]=\"'widget-'+w.name\">\n            <span>{{w.title}}</span>\n            <span class=\"divider\"></span>\n            <button mat-icon-button (click)=\"widget.refresh()\" [bizdocTooltip]=\"'Refresh'|translate\" [attr.aria-label]=\"'Refresh'|translate\"><mat-icon matAnimate=\"rotate\">autorenew</mat-icon></button>\n            @if (w.arguments?.length||w.argumentsTemplate) {\n              <button mat-icon-button (click)=\"widget.filter($event)\" [bizdocTooltip]=\"'Filter' | translate\" [attr.aria-label]=\"'Filter'|translate\"><mat-icon>filter_list</mat-icon></button>\n            }\n            @if (w.guide) {\n              <button mat-icon-button (click)=\"guide(w.guide)\" [bizdocTooltip]=\"'Help' | translate\" [attr.aria-label]=\"'Help'|translate\"><mat-icon>help_outline</mat-icon></button>\n            }\n          </mat-card-title>\n        </mat-card-header>\n        <mat-card-content>\n          <bizdoc-widget [model]=\"w\" #widget></bizdoc-widget>\n        </mat-card-content>\n      </mat-card>\n    </mat-grid-tile>\n  }\n</mat-grid-list>\n", styles: [":host{width:100%;height:100%;overflow-y:auto}@media only screen and (min-width: 600px){:host{min-width:600px}}.mat-mdc-card{width:calc(100% - 20px);height:calc(100% - 20px);overflow:hidden}.mat-mdc-card ::ng-deep .mat-mdc-card-header-text{width:100%}.mat-mdc-card .mat-mdc-card-title{display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.mat-mdc-card .mat-mdc-card-content{height:inherit}.mat-mdc-card:hover{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}\n"] }]
         }], ctorParameters: () => [{ type: GuideService }, { type: SessionService }, { type: PaneRef, decorators: [{
                     type: Optional
-                }] }, { type: WindowTitleService }, { type: i5$4.BreakpointObserver }, { type: TranslateService }], propDecorators: { components: [{
+                }] }, { type: WindowTitleService }, { type: i7$4.BreakpointObserver }, { type: TranslateService }], propDecorators: { components: [{
                 type: ViewChildren,
                 args: [WidgetItemComponent]
             }] } });
@@ -18772,7 +18793,6 @@ class AppHttpInterceptor {
                 // there is already ongoing authentication, 
                 if (this._authenticating$)
                     return this._authenticating$;
-                eraseCookie(IMPERSONATE_COOKIE_NAME);
                 this._authenticating$ =
                     // give AuthenticationImpl to 
                     from(this._auth.authenticate()).
@@ -18809,8 +18829,8 @@ class HomeBase {
         this._snackBar = _snackBar;
         this._injector = _injector;
         this.schedulerEnabled = config.scheduler !== false;
-        this.chatEnabled = config.chating !== false &&
-            (!config.chating || !config.chating.app);
+        this.chatEnabled = config.chat !== false &&
+            (!config.chat || !config.chat.app);
         this.profile = _session.profile;
         this.enableAnalysis = _session.profile.cubes.some(c => c.views?.length);
     }
@@ -20151,7 +20171,7 @@ class SlotsComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", 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: "18.1.1", 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\" @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{cursor:pointer;align-self:center;position:sticky;top:50%;z-index:200}.scroll-arrow i{font-size:50px;opacity:.2}.scroll-arrow i:hover{opacity:.9}.scroll-arrow:first-child{margin-inline-start:-50px;left:0}.scroll-arrow:last-child{margin-inline-end:-50px;right:0}.panes{overflow-x:auto;position:relative;flex:1;height:100%;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.panes .pane{-webkit-flex-grow:1;flex-grow:1;min-width:420px;overflow-y:auto;overflow-x:clip}.panes .pane>*{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$4.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i7$4.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i7$4.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: "18.1.1", 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\" @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{cursor:pointer;align-self:center;position:sticky;top:50%;z-index:200}.scroll-arrow i{font-size:50px;opacity:.2}.scroll-arrow i:hover{opacity:.9}.scroll-arrow:first-child{margin-inline-start:-50px;left:0}.scroll-arrow:last-child{margin-inline-end:-50px;right:0}.panes{overflow-x:auto;position:relative;flex:1;height:100%;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.panes .pane{-webkit-flex-grow:1;flex-grow:1;min-width:420px;overflow-y:auto;overflow-x:clip}.panes .pane>*{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$4.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$5.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i7$5.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i7$5.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,
@@ -30529,8 +30549,6 @@ class SharedModule {
     static forChild(config) {
         const { formats, routingEngine, routes } = config || {};
         routes && PANES_CONFIG.push(...routes);
-        registerComponents(CORE_COMPONENTS);
-        registerComponents(CONTROLS_COMPONENTS$1);
         const providers = [{
                 provide: MAT_DATE_FORMATS, useValue: {
                     parse: {
@@ -30898,6 +30916,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                     ]
                 }]
         }] });
+registerComponents(CORE_COMPONENTS);
+registerComponents(CONTROLS_COMPONENTS$1);
 /* Syncfusion */
 registerLicense('ORg4AjUWIQA/Gnt2U1hhQlJBfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTX5Vd0diX3xYcHVQQGFd');
 
@@ -33659,7 +33679,7 @@ class IconPickerComponent {
         this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IconPickerComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i1$1.Overlay }, { token: i1.HttpClient }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i7.Directionality }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: { value: "value", required: "required", disabled: "disabled" }, outputs: { valueChanges: "valueChanges" }, host: { properties: { "id": "this.id", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<button mat-button (click)=\"open()\" [disabled]=\"disabled\" type=\"button\">\n  <mat-icon>{{value}}</mat-icon>\n  <mat-icon>arrow_drop_down</mat-icon>\n</button>\n<ng-template>\n  <div class=\"icon-palette\">\n    <input matInput [formControl]=\"filter\" (keydown.escape)=\"_clear()\" autocomplete=\"off\"/>\n    <cdk-virtual-scroll-viewport itemSize=\"100\" class=\"categories\" templateCacheSize=\"0\">\n      @for (i of items; track i.name) {\n      <mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>\n      }\n      <!--<div *cdkVirtualFor=\"let c of categories; track: _trackBy\">\n    @for(i of c.items; track: _trackBy)){<mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>}\n  </div>-->\n    </cdk-virtual-scroll-viewport>\n</div>\n</ng-template>\n", styles: [".icon-palette{max-height:400px;overflow-y:auto;max-width:450px}.categories{height:300px;width:300px}\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$5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i5$5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IconPickerComponent, selector: "bizdoc-icon-picker", inputs: { value: "value", required: "required", disabled: "disabled" }, outputs: { valueChanges: "valueChanges" }, host: { properties: { "id": "this.id", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<button mat-button (click)=\"open()\" [disabled]=\"disabled\" type=\"button\">\n  <mat-icon>{{value}}</mat-icon>\n  <mat-icon>arrow_drop_down</mat-icon>\n</button>\n<ng-template>\n  <div class=\"icon-palette\">\n    <input matInput [formControl]=\"filter\" (keydown.escape)=\"_clear()\" autocomplete=\"off\"/>\n    <cdk-virtual-scroll-viewport itemSize=\"100\" class=\"categories\" templateCacheSize=\"0\">\n      @for (i of items; track i.name) {\n      <mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>\n      }\n      <!--<div *cdkVirtualFor=\"let c of categories; track: _trackBy\">\n    @for(i of c.items; track: _trackBy)){<mat-icon (click)=\"_pick(i)\">{{i.name}}</mat-icon>}\n  </div>-->\n    </cdk-virtual-scroll-viewport>\n</div>\n</ng-template>\n", styles: [".icon-palette{max-height:400px;overflow-y:auto;max-width:450px}.categories{height:300px;width:300px}\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$4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i5$4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IconPickerComponent, decorators: [{
             type: Component,