@bizdoc/core 1.6.14 → 1.7.0-next.1

package/fesm2015/bizdoc-core.js

@@ -128,8 +128,8 @@ import * as i11 from '@syncfusion/ej2-angular-diagrams';
 import { Diagram, UndoRedo, ConnectorDrawingTool, DiagramConstraints, DiagramTools, NodeConstraints, ConnectorConstraints, SelectorConstraints, Node, SymbolPaletteComponent, ComplexHierarchicalTree, ConnectorBridging, BpmnDiagrams, DataBinding, LineRouting, LineDistribution, LayoutAnimation, PortVisibility, ConnectionPointOrigin, SnapConstraints, ComplexHierarchicalTreeService, DiagramModule, SymbolPaletteModule, ConnectorBridgingService, LineRoutingService, BpmnDiagramsService, LayoutAnimationService, UndoRedoService, SnappingService, ConnectorEditingService, ToolBase } from '@syncfusion/ej2-angular-diagrams';
 import * as i8$1 from '@syncfusion/ej2-angular-schedule';
 import { Schedule, Day, WorkWeek, Month, MonthAgenda, Agenda, Year, ScheduleModule, ExcelExportService as ExcelExportService$2, DayService, WorkWeekService, MonthService, MonthAgendaService, ICalendarExportService, AgendaService, YearService } from '@syncfusion/ej2-angular-schedule';
-import { OKTA_CONFIG } from '@okta/okta-angular';
 import * as OktaSignIn from '@okta/okta-signin-widget';
+import { OKTA_CONFIG } from '@okta/okta-angular';
 import { CircularGauge, Annotations, GaugeTooltip, CircularGaugeComponent, Legend as Legend$1, CircularGaugeModule, AnnotationsService, GaugeTooltipService, LegendService as LegendService$1 } from '@syncfusion/ej2-angular-circulargauge';
 import * as i9$5 from '@syncfusion/ej2-angular-kanban';
 import { KanbanComponent, KanbanModule } from '@syncfusion/ej2-angular-kanban';
@@ -990,7 +990,6 @@ class SessionService {
         this._themeChange = new Subject();
         this.loaded = this._loaded.asObservable();
         this.themeChange = this._themeChange.asObservable();
-        this._guide = new Subject();
         this._firebase = new FirebaseService(this._config ? this._config.firebase : null, this);
         ('serviceWorker' in navigator) && this._loadSw();
         _config && _config.maps && this._loadMaps();
@@ -1100,7 +1099,9 @@ class SessionService {
                     observe.next();
                     this._loaded.next();
                 }
-                this._connect();
+                this._hub.state !== HubConnectionState.Connected && this._hub.start();
+                this._firebase.state !== FirebaseState.Activated &&
+                    this._firebase.activate();
             }, () => observe.error());
         });
     }
@@ -1110,38 +1111,27 @@ class SessionService {
     registerDevice(type, token) {
         return this._http.post('/api/account/registerDevice', { type, token });
     }
-    pushRefresh(profile) {
-        this._profile = profile;
-        this._connect();
-        return this._changeTheme(this.theme).pipe(tap(() => this._loaded.next()));
-    }
-    _connect() {
-        this._hub.state !== HubConnectionState.Connected && this._hub.start();
-        this._firebase.state !== FirebaseState.Activated &&
-            this._firebase.activate();
-    }
-    mayImpersonate(search, credentials) {
-        const { username, password } = credentials || {};
+    mayImpersonate(search) {
         return this._http.put('/api/account/granted', {
-            username, password, search
+            search
         });
     }
     impersonate(userId) {
-        return this._http.post('/api/account/switch', {
+        return this._http.post('/api/account/impersonate', {
             userId
         });
     }
     inboxTouch() {
-        this._http.put('/api/account/inboxview', {}, { headers: { 'no-progress': 'true' } }).pipe(tap(e => {
+        return this._http.put('/api/account/inboxview', {}, { headers: { 'no-progress': 'true' } }).pipe(tap(e => {
             this.profile.inboxCount = 0;
             this.profile.options.inboxView = e.time;
-        })).subscribe();
+        })).toPromise();
     }
     notificationsTouch() {
-        this._http.put('/api/account/notificationsView', {}, { headers: { 'no-progress': 'true' } }).pipe(tap(e => {
+        return this._http.put('/api/account/notificationsView', {}, { headers: { 'no-progress': 'true' } }).pipe(tap(e => {
             this.profile.notificationsCount = 0;
             this.profile.options.notificationsView = e.time;
-        })).subscribe();
+        })).toPromise();
     }
     _getBrowserLang() {
         let lang = navigator.language;
@@ -9540,7 +9530,7 @@ class CubeChartComponent {
     }
     /** */
     _prepare() {
-        const { view: { chartType } } = this._info;
+        const { view: { chartType, indexChartType } } = this._info;
         this.series = this._data.map(s => {
             switch (s.type) {
                 case 'Index':
@@ -9552,8 +9542,9 @@ class CubeChartComponent {
                         type: 'Spline',
                         width: 2,
                         fill: this._session.getPrimery(),
+                        stackingGroup: 'index',
                         marker: {
-                            visible: true,
+                            visible: !indexChartType || indexChartType === 'Line' || indexChartType === 'Spline',
                             shape: 'Diamond',
                             height: 10,
                             width: 10
@@ -9567,7 +9558,7 @@ class CubeChartComponent {
                         dataSource: s.points,
                         type: chartType || 'Column',
                         marker: {
-                            visible: chartType === 'Line' || chartType === 'Spline',
+                            visible: !chartType || chartType === 'Line' || chartType === 'Spline',
                             height: 10,
                             width: 10
                         }
@@ -9610,12 +9601,12 @@ class CubeChartComponent {
     ;
     pointClick(evt) {
         const { view: { xAxis, series } } = this._info;
-        const axes = {}, serie = this._data[evt.seriesIndex], { type, name } = serie;
-        if (series && series.length && type !== 'Index')
+        const axes = {}, serie = this._data[evt.seriesIndex], { type, name, points } = serie;
+        if (series && series.length)
             for (let i = 0; i < series.length; i++)
                 axes[series[i]] = name.split(AXES_CODE_DIVIDER)[i];
         for (let i = 0; i < xAxis.length; i++) {
-            const x = evt.series.dataSource[evt.pointIndex].x;
+            const x = points[evt.pointIndex].x;
             axes[xAxis[i]] = x.split(AXES_CODE_DIVIDER)[i];
         }
         this.explore.emit({ axes, index: type === 'Index' ? name : null });
@@ -15815,66 +15806,40 @@ const ROUTES = [
     { path: '', redirectTo: 'dashboard', pathMatch: 'full' }
 ];
 
-const DEFAULT_SCOPES = ["openid", "profile", 'email'];
 class AuthenticationImpl {
-}
-class OktaAuthentication extends AuthenticationImpl {
-    constructor(_okta) {
-        super();
-        this._okta = _okta;
-    }
-    signIn(username, password, rememberMe, impersonate) {
-        return from(this._okta.oktaAuth.signInWithCredentials({ password, username, }).
-            then(transaction => {
-            if (transaction.status === 'SUCCESS') {
-                this._okta.oktaAuth.session.setCookieAndRedirect(transaction.sessionToken); // Sets a cookie on redirect
-                //this._okta.oktaAuth.token.getWithRedirect({sessionToken: transaction.sessionToken, responseType: 'id_token'})
-            }
-            else {
-                throw 'We cannot handle the ' + transaction.status + ' status';
-            }
-        }));
-    }
-    signOut() {
-        return from(this._okta.oktaAuth.signOut());
-    }
-}
-OktaAuthentication.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaAuthentication, deps: [{ token: OKTA_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-OktaAuthentication.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaAuthentication });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaAuthentication, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [OKTA_CONFIG]
-                }] }]; } });
+}
+
 class FormAuthentication extends AuthenticationImpl {
-    constructor(_http, _session) {
+    constructor(_http) {
         super();
         this._http = _http;
-        this._session = _session;
     }
-    signIn(username, password, rememberMe, impersonate) {
-        if (!rememberMe)
-            localStorage.clear();
+    getAccessToken() {
+        const accessToken = this._accessToken ||
+            sessionStorage.getItem('token') ||
+            localStorage.getItem('token');
+        return accessToken;
+    }
+    authenticate(username, password, options = {}) {
         return new Observable(observe => {
-            this._http.post('/api/account/login', {
-                username, password,
-                rememberMe,
-                impersonate: impersonate !== '' ? impersonate : null
+            this._http.post('/api/aspidentity/login', {
+                username, password
             }).subscribe(r => {
-                if (rememberMe) {
+                if (options.rememberMe) {
+                    localStorage.setItem('token', r.tokenId);
                     localStorage.setItem('username', username);
                     localStorage.setItem('displayName', r.name);
                     r.photo && localStorage.setItem('photo', r.photo);
-                    (r.byGender || r.gender) && localStorage.setItem('gender', r.byGender || r.gender);
+                    (r.gender) && localStorage.setItem('gender', r.gender);
                 }
-                this._session.pushRefresh(r).subscribe(() => {
-                    observe.next(LoginResult.OK);
-                    observe.complete();
-                });
-            }, e => {
+                else {
+                    sessionStorage.setItem('token', r.tokenId);
+                }
+                observe.next();
+                observe.complete();
+            }, (e) => {
                 let reason;
-                switch (e.statusCode) {
+                switch (e.status) {
                     default:
                         reason = LoginResult.Failed;
                 }
@@ -15883,10 +15848,10 @@ class FormAuthentication extends AuthenticationImpl {
         });
     }
     signOut() {
-        return this._http.post('/api/account/signout', null);
+        return this._http.post('/api/aspidentity/signout', null).toPromise();
     }
     forgot(email) {
-        return this._http.post('/api/account/forgot', { email });
+        return this._http.post('/api/aspidentity/forgot', { email });
     }
     get photo() {
         return localStorage.getItem('photo');
@@ -15898,11 +15863,11 @@ class FormAuthentication extends AuthenticationImpl {
         return localStorage.getItem('username');
     }
 }
-FormAuthentication.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: FormAuthentication, deps: [{ token: i1.HttpClient }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable });
+FormAuthentication.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: FormAuthentication, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 FormAuthentication.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: FormAuthentication });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: FormAuthentication, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: SessionService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
 var LoginResult;
 (function (LoginResult) {
     LoginResult[LoginResult["OK"] = 0] = "OK";
@@ -15999,7 +15964,7 @@ class CredetialsComponent {
         });
     }
     ngOnInit() {
-        this.users$ = this.impersonate.valueChanges.pipe(debounceTime(250), takeUntil(this._destroy), switchMap(() => this._session.mayImpersonate('', { username: this.username.value, password: this.password.value })));
+        this.users$ = this.impersonate.valueChanges.pipe(debounceTime(250), takeUntil(this._destroy), switchMap(() => this._auth.authenticate(this.username.value, this.password.value)), switchMap(() => this._session.mayImpersonate('')));
     }
     toggleHide(evt) {
         this.hide = !this.hide;
@@ -16028,7 +15993,13 @@ class CredetialsComponent {
         this.form.disable({ emitEvent: false });
         this.loggingChange.emit(true);
         const { value: { username, password, rememberMe, impersonate } } = this.form;
-        this._auth.signIn(username, password, rememberMe, impersonate).subscribe(() => this.success.emit(), e => {
+        this._auth.authenticate(username, password, { rememberMe }).
+            subscribe(() => {
+            if (impersonate)
+                this._session.impersonate(impersonate).subscribe(() => this.success.emit());
+            else
+                this.success.emit();
+        }, e => {
             let message;
             switch (e) {
                 default:
@@ -16225,6 +16196,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.OverlayRef }, { type: SessionService }]; } });
 
+const DEFAULT_SCOPES = ["openid", "profile", 'email'];
+class OktaAuthentication extends AuthenticationImpl {
+    constructor(_okta) {
+        super();
+        this._okta = _okta;
+    }
+    getAccessToken() {
+        return this._okta.oktaAuth.getAccessToken();
+    }
+    isAuthenticated() {
+        return this._okta.oktaAuth.isAuthenticated();
+    }
+    //signIn(username: string, password: string, rememberMe: boolean): Observable<any> {
+    //  return from(this._okta.oktaAuth.signInWithCredentials({ password, username, }).
+    //    then(transaction => {
+    //      if (transaction.status === 'SUCCESS') {
+    //        this._okta.oktaAuth.session.setCookieAndRedirect(transaction.sessionToken); // Sets a cookie on redirect
+    //        //this._okta.oktaAuth.token.getWithRedirect({sessionToken: transaction.sessionToken, responseType: 'id_token'})
+    //      } else {
+    //        throw 'We cannot handle the ' + transaction.status + ' status';
+    //      }
+    //    }));
+    //}
+    signOut() {
+        return this._okta.oktaAuth.signOut();
+    }
+}
+OktaAuthentication.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaAuthentication, deps: [{ token: OKTA_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+OktaAuthentication.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaAuthentication });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaAuthentication, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [OKTA_CONFIG]
+                }] }]; } });
+
+/** */
 class OktaComponent {
     //hide = true;
     //readonly username = new FormControl(null, Validators.required);
@@ -16237,8 +16245,7 @@ class OktaComponent {
     //});
     //@ViewChild('uname', { read: ElementRef }) usernameElement: ElementRef<HTMLInputElement>;
     //signing: boolean;
-    constructor(_session, _translate, _overlayRef, _config, _okta) {
-        this._session = _session;
+    constructor(_translate, _overlayRef, _config, _okta) {
         this._translate = _translate;
         this._overlayRef = _overlayRef;
         this._config = _config;
@@ -16266,20 +16273,18 @@ class OktaComponent {
                     'primaryauth.submit': this._translate.get('SignIn'),
                 },
             },
-            authParams: {
-                issuer: `https://${okta.domain}/oauth2/${okta.serverId || 'default'}`,
-                scopes: okta.scopes || DEFAULT_SCOPES
-            },
+            authClient: this._okta.oktaAuth,
             useInteractionCodeFlow: false,
         });
         signIn.showSignInToGetTokens({
             el: '#sign-in-widget',
+            scopes: DEFAULT_SCOPES
         }).then((tokens) => __awaiter(this, void 0, void 0, function* () {
             // Remove the widget
             signIn.remove();
             // In this flow the redirect to Okta occurs in a hidden iframe
             yield this._okta.oktaAuth.handleLoginRedirect(tokens);
-            this._session.refresh().subscribe(() => this._overlayRef.detach());
+            this._overlayRef.detach();
         })).catch(err => {
             // Typically due to misconfiguration
             throw err;
@@ -16289,12 +16294,12 @@ class OktaComponent {
         //this.usernameElement.nativeElement.focus();
     }
 }
-OktaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaComponent, deps: [{ token: SessionService }, { token: TranslateService }, { token: i1$2.OverlayRef }, { token: BIZDOC_CONFIG }, { token: OKTA_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+OktaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaComponent, deps: [{ token: TranslateService }, { token: i1$2.OverlayRef }, { token: BIZDOC_CONFIG }, { token: OKTA_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
 OktaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: OktaComponent, selector: "ng-component", ngImport: i0, template: `<div id="sign-in-widget"></div>`, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaComponent, decorators: [{
             type: Component,
             args: [{ template: `<div id="sign-in-widget"></div>` }]
-        }], ctorParameters: function () { return [{ type: SessionService }, { type: TranslateService }, { type: i1$2.OverlayRef }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: TranslateService }, { type: i1$2.OverlayRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
                 }] }, { type: undefined, decorators: [{
@@ -16996,8 +17001,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                 args: [AccumulationChartComponent]
             }] } });
 
+/** opens cube preview and explore */
+class CubeInfo {
+    constructor(_session, _service, _router, _popup, _cf) {
+        this._session = _session;
+        this._service = _service;
+        this._router = _router;
+        this._popup = _popup;
+        this._cf = _cf;
+    }
+    navigate(axes, options) {
+        const { cube, view, serie, xAxis, filters, aggregate, indices, sum } = options || {};
+        const ccube = cube ? this._session.profile.cubes.find(c => c.name === cube) : this._session.profile.cubes[0];
+        if (isArray(axes))
+            axes = this._mapAxes(ccube, axes);
+        if (view)
+            this._router.navigate(['cube', ccube.name, 'v', view], {
+                queryParams: axes
+            });
+        else {
+            this._router.navigate(['cube', ccube.name, 'i', xAxis, serie], {
+                queryParams: axes,
+                state: { indices, aggregate, filters, sum }
+            });
+        }
+    }
+    /**
+     *
+     * @param axes
+     * @param options
+     */
+    popup(axes, element, options) {
+        const cube = options && options.cube ? this._session.profile.cubes.find(c => c.name === options.cube) : this._session.profile.cubes[0];
+        const { template } = cube;
+        if (isArray(axes))
+            axes = this._mapAxes(cube, axes);
+        if (template) {
+            const comp = this._cf.component(template);
+            this._open(comp, element, {
+                axes,
+                options
+            });
+        }
+        else {
+            if (!options)
+                throw 'no options';
+            this._open(CubeInfoComponent, element, {
+                axes,
+                options
+            });
+        }
+    }
+    /**
+     *
+     * @param axes
+     * @param options
+     */
+    explore(axes, options) {
+        const { index, base, cube: name, scope } = options || {};
+        const cube = name ? this._session.profile.cubes.find(c => c.name === name) : this._session.profile.cubes[0];
+        if (isArray(axes))
+            axes = this._mapAxes(cube, axes);
+        base && this._service.base(cube.name, axes, base);
+        this._router.navigate(['cube', cube.name, 'explore'], {
+            queryParams: axes,
+            state: {
+                index, scope
+            }
+        });
+    }
+    /**
+     * axes as map
+     * @param cube
+     * @param axes
+     */
+    _mapAxes(cube, axes) {
+        const filters = {};
+        axes.forEach((a, i) => a && (filters[cube.axes[i].name] = a));
+        return filters;
+    }
+    _open(comp, element, data) {
+        this._popup.open(comp, element, {
+            data
+        });
+    }
+}
+CubeInfo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeInfo, deps: [{ token: SessionService }, { token: CubeService }, { token: RouterImpl }, { token: Popup }, { token: BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+CubeInfo.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeInfo });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeInfo, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: SessionService }, { type: CubeService }, { type: RouterImpl }, { type: Popup }, { type: BizDocComponentFactoryResolver }]; } });
+
 class CubeAnalysisBase {
-    constructor(ref, _session, _ds, _service) {
+    constructor(ref, _info, _session, _ds, _service) {
+        this._info = _info;
         this._session = _session;
         this._ds = _ds;
         this._service = _service;
@@ -17027,6 +17124,15 @@ class CubeAnalysisBase {
             this._data && this.onResize(d);
         });
     }
+    get series() { return this._series; }
+    get xAxis() { return this._xAxis; }
+    explore(axes, options) {
+        this._info.explore(axes, {
+            cube: this._cube.name,
+            index: options && options.index ? options.index : null,
+            scope: this._options.scope
+        });
+    }
     onBind(data) {
         const observables = [];
         data.forEach(s => {
@@ -17058,11 +17164,11 @@ class CubeAnalysisBase {
     }
 }
 CubeAnalysisBase.nextId = 0;
-CubeAnalysisBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeAnalysisBase, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }], target: i0.ɵɵFactoryTarget.Directive });
+CubeAnalysisBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeAnalysisBase, deps: [{ token: WidgetRef }, { token: CubeInfo }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }], target: i0.ɵɵFactoryTarget.Directive });
 CubeAnalysisBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: CubeAnalysisBase, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeAnalysisBase, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: WidgetRef }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }]; } });
+        }], ctorParameters: function () { return [{ type: WidgetRef }, { type: CubeInfo }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }]; } });
 
 AccumulationChart.Inject(AccumulationDataLabel, AccumulationTooltip);
 function cardColor() {
@@ -17070,8 +17176,8 @@ function cardColor() {
 }
 /** statistics component*/
 class CubeAccumAnalysisWidget extends CubeAnalysisBase {
-    constructor(ref, session, ds, cube, _elementRef) {
-        super(ref, session, ds, cube);
+    constructor(ref, info, session, ds, cube, _elementRef) {
+        super(ref, info, session, ds, cube);
         this._elementRef = _elementRef;
         this.data = [];
         this.startAngle = 0;
@@ -17164,6 +17270,7 @@ class CubeAccumAnalysisWidget extends CubeAnalysisBase {
                 background: 'transparent',
                 legendSettings: this.legend,
                 enableAnimation: true,
+                pointClick: this.pointClick.bind(this),
                 tooltip: this.tooltip,
                 currencyCode: this.currencyCode,
                 tooltipRender: this.tooltipRender.bind(this),
@@ -17171,12 +17278,19 @@ class CubeAccumAnalysisWidget extends CubeAnalysisBase {
                 series
             }, this._elementRef.nativeElement);
     }
+    pointClick(evt) {
+        const axes = {};
+        const x = evt.series.dataSource[evt.pointIndex].x.split(AXES_CODE_DIVIDER);
+        for (let i = 0; i < this.xAxis.length; i++)
+            axes[this.xAxis[i]] = x[i];
+        this.explore(axes);
+    }
     ngOnDestroy() {
         this.chart && this.chart.destroy();
         super.ngOnDestroy();
     }
 }
-CubeAccumAnalysisWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeAccumAnalysisWidget, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+CubeAccumAnalysisWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeAccumAnalysisWidget, deps: [{ token: WidgetRef }, { token: CubeInfo }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 CubeAccumAnalysisWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: CubeAccumAnalysisWidget, selector: "bizdoc-accum-cube-analysis", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeAccumAnalysisWidget, decorators: [{
             type: Component,
@@ -17189,13 +17303,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                         dir: 'ltr'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: WidgetRef }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: i0.ElementRef }]; } });
+        }], ctorParameters: function () { return [{ type: WidgetRef }, { type: CubeInfo }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: i0.ElementRef }]; } });
 
 Chart$1.Inject(DateTime$1, BarSeries$1, AreaSeries$1, BubbleSeries$1, ColumnSeries$1, LineSeries$1, PolarSeries$1, RadarSeries$1, SplineSeries$1, SplineAreaSeries$1, ScatterSeries$1, StackingLineSeries$1, StackingAreaSeries$1, StackingColumnSeries$1, StackingBarSeries$1, StepAreaSeries$1, StepLineSeries$1);
 /** statistics component*/
 class CubeChartAnalysisWidget extends CubeAnalysisBase {
-    constructor(ref, session, ds, cube, _elementRef, _translate) {
-        super(ref, session, ds, cube);
+    constructor(ref, session, ds, cube, info, _elementRef, _translate) {
+        super(ref, info, session, ds, cube);
         this._elementRef = _elementRef;
         this._translate = _translate;
         this.type = this._options.chartType || 'Column';
@@ -17233,12 +17347,14 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
         this.animation = { enable: true };
     }
     onLoad(data) {
-        this.series = data.map(s => {
+        const series = data.map(s => {
             if (s.type === 'Index')
                 return {
-                    yName: 'y', xName: 'name', type: this.indexType,
+                    yName: 'y', xName: 'name',
+                    type: this.indexType,
                     name: s.title,
                     width: 2,
+                    stackingGroup: 'index',
                     marker: {
                         shape: 'Diamond', width: 4
                     },
@@ -17254,7 +17370,7 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
                 };
         });
         this.chart && this.chart.destroy();
-        if (data.entries.length || this.series.length > 1)
+        if (series.length)
             this.chart = new Chart$1({
                 width: '100%',
                 height: this.height,
@@ -17265,16 +17381,27 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
                 primaryXAxis: this.primaryXAxis,
                 primaryYAxis: this.primaryYAxis,
                 tooltip: this.tooltip,
-                //tooltipRender: this.tooltipRender.bind(this),
                 palettes: this.palettes,
                 currencyCode: this.currencyCode,
-                series: this.series,
+                series,
+                pointClick: this.pointClick.bind(this),
                 legendSettings: {
                     isInversed: this._session.inverse,
-                    visible: this.series.length > 1
+                    visible: series.length > 1
                 }
             }, this._elementRef.nativeElement);
     }
+    pointClick(evt) {
+        const axes = {}, serie = this._data[evt.seriesIndex], { type, name, points } = serie;
+        if (this.series.length && type !== 'Index')
+            for (let i = 0; i < this.series.length; i++)
+                axes[this.series[i]] = name.split(AXES_CODE_DIVIDER)[i];
+        for (let i = 0; i < this.xAxis.length; i++) {
+            const x = points[evt.pointIndex].x;
+            axes[this.xAxis[i]] = x.split(AXES_CODE_DIVIDER)[i];
+        }
+        this.explore(axes, { index: type === 'Index' ? name : null });
+    }
     onThemeChange() {
         this.onBind(this._data);
     }
@@ -17295,7 +17422,7 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
         super.ngOnDestroy();
     }
 }
-CubeChartAnalysisWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeChartAnalysisWidget, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: i0.ElementRef }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+CubeChartAnalysisWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeChartAnalysisWidget, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: CubeInfo }, { token: i0.ElementRef }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
 CubeChartAnalysisWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: CubeChartAnalysisWidget, selector: "bizdoc-cube-chart-analysis", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeChartAnalysisWidget, decorators: [{
             type: Component,
@@ -17308,7 +17435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                         dir: 'ltr'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: WidgetRef }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: i0.ElementRef }, { type: TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: WidgetRef }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: CubeInfo }, { type: i0.ElementRef }, { type: TranslateService }]; } });
 
 let CubeAnalysisWidget = class CubeAnalysisWidget {
     constructor(_ref, _resolver, _injector, _vc) {
@@ -17884,7 +18011,9 @@ let PeersPerformanceWidget = PeersPerformanceWidget_1 = class PeersPerformanceWi
         this.tooltip = {
             enable: true, type: ['Range', 'Pointer'], textStyle: {
                 fontFamily: FONT_FAMILY
-            }
+            },
+            annotationSettings: {},
+            showAtMousePosition: false
         };
         this.margin = { left: 0, top: 0, right: 0, bottom: 0 };
         this._standardHigh = 0;
@@ -19441,8 +19570,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
         }] });
 
 class AppHttpInterceptor {
-    constructor(baseUrl, _session, _messaging) {
+    constructor(baseUrl, _session, _auth, _messaging) {
         this._session = _session;
+        this._auth = _auth;
         this._messaging = _messaging;
         this._ongoing = new Subject();
         this.active$ = this._ongoing.asObservable().pipe(map(c => c > 0));
@@ -19456,26 +19586,30 @@ class AppHttpInterceptor {
             this._baseUrl = '';
     }
     intercept(req, next) {
-        const url = this._baseUrl + req.url;
+        const url = this._baseUrl + req.url, connectionId = this._messaging.connectionId, headers = {
+            'accept-language': this._session.language,
+        };
+        if (connectionId)
+            headers['connection-id'] = connectionId;
+        const accessToken = this._auth.getAccessToken();
+        if (accessToken)
+            headers['Authorization'] = `Bearer ${accessToken}`;
         const request = req.clone({
-            setHeaders: {
-                'accept-language': this._session.language,
-                'connection-id': this._messaging.connectionId || ''
-            },
+            setHeaders: headers,
             url
         });
-        const observe = next.handle(request).pipe(catchError((e) => {
-            return throwError(e);
-        }));
-        if (!req.headers.has('no-progress')) {
+        const noprogress = req.headers.has('no-progress');
+        if (!noprogress) {
             this._ongoing.next(1);
-            return observe.pipe(tap(event => event instanceof HttpResponse
+            return next.handle(request)
+                .pipe(tap(event => event instanceof HttpResponse
                 && this._ongoing.next(0), () => this._ongoing.next(0)));
         }
-        return observe;
+        else
+            return next.handle(request);
     }
 }
-AppHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AppHttpInterceptor, deps: [{ token: 'BASE_URL', optional: true }, { token: SessionService }, { token: HubService }], target: i0.ɵɵFactoryTarget.Injectable });
+AppHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AppHttpInterceptor, deps: [{ token: 'BASE_URL', optional: true }, { token: SessionService }, { token: AuthenticationImpl }, { token: HubService }], target: i0.ɵɵFactoryTarget.Injectable });
 AppHttpInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AppHttpInterceptor, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AppHttpInterceptor, decorators: [{
             type: Injectable,
@@ -19485,7 +19619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                     args: ['BASE_URL']
                 }, {
                     type: Optional
-                }] }, { type: SessionService }, { type: HubService }]; } });
+                }] }, { type: SessionService }, { type: AuthenticationImpl }, { type: HubService }]; } });
 
 /** sign component*/
 class QuickSignComponent {
@@ -19498,10 +19632,19 @@ class QuickSignComponent {
     }
     signOut() {
         this._popupRef.close();
-        this._ps.ask('SignOutAsk', 'SignOut', { ok: 'Yes', cancel: 'No' }).subscribe(ok => ok && this._auth.signOut().subscribe(() => {
+        const task = () => {
             this._ps.mask('Goodbye');
             location.assign('/');
-        }));
+        };
+        this._ps.ask('SignOutAsk', 'SignOut', { ok: 'Yes', cancel: 'No' }).subscribe(ok => {
+            if (ok) {
+                if (this._auth.signOut)
+                    this._auth.signOut().
+                        then(task);
+                else
+                    task();
+            }
+        });
     }
     impersonate() {
         this._popupRef.close();
@@ -19995,7 +20138,7 @@ class QuickNotificationsComponent extends NotificationsComponentBase {
     }
 }
 QuickNotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: QuickNotificationsComponent, deps: [{ token: PopupRef }, { token: PanesRouter }, { token: NotificationsService }, { token: SessionService }, { token: i0.Injector }, { token: OptionsService }], target: i0.ɵɵFactoryTarget.Component });
-QuickNotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0, template: "<mat-nav-list role=\"list\">\r\n  <!--dense-->\r\n  <mat-list-item role=\"listitem\" *ngFor=\"let n of notifications | sort: 'sent' : 'desc' | slice:0:9; let i=index\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\r\n    <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matLine></h3>\r\n    <p matLine><span [matTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span></p>\r\n    <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\r\n    <mat-menu #options>\r\n      <ng-template matMenuContent let-muted=\"muted\">\r\n        <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\r\n      </ng-template>\r\n    </mat-menu>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n<div class=\"tools\">\r\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\r\n  <span class=\"divider\"></span>\r\n  <a (click)='options()'>{{'Options'|translate}}</a>\r\n</div>\r\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{display:flex;flex-direction:row;font-feature-settings:\"smcp\",\"c2sc\";font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"], components: [{ type: i2$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i6$1.MatLine, selector: "[mat-line], [matLine]" }, { type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9$2.MatMenuContent, selector: "ng-template[matMenuContent]" }], pipes: { "slice": i10.SlicePipe, "sort": ArraySortPipe, "amCalendar": i14.CalendarPipe, "amTimeAgo": i14.TimeAgoPipe, "translate": TranslatePipe, "async": i10.AsyncPipe } });
+QuickNotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0, template: "<mat-nav-list role=\"list\">\r\n  <!--dense-->\r\n  <mat-list-item role=\"listitem\" *ngFor=\"let n of notifications | sort: 'sent' : 'desc' | slice:0:9; let i=index\" class=\"item\" [class.read]=\"n.read\" (click)=\"open(n, $event)\">\r\n    <h3 *ngComponentOutlet=\"n.comp; injector: n.injector\" matLine></h3>\r\n    <p matLine><span [matTooltip]=\"n.sent | amCalendar\">{{n.sent | amTimeAgo }}</span></p>\r\n    <button mat-icon-button [matMenuTriggerFor]=\"options\" [matMenuTriggerData]=\"{muted: false}\" class=\"tool\"><mat-icon>more_vert</mat-icon></button>\r\n    <mat-menu #options>\r\n      <ng-template matMenuContent let-muted=\"muted\">\r\n        <button mat-menu-item (click)=\"mute(n, true)\">{{ (!(muted | async) ? 'Mute': 'Unmute') | translate}}</button>\r\n      </ng-template>\r\n    </mat-menu>\r\n  </mat-list-item>\r\n</mat-nav-list>\r\n<div class=\"tools row\">\r\n  <a (click)=\"all()\">{{'ShowAll'|translate}}</a>&nbsp;\r\n  <span class=\"divider\"></span>\r\n  <a (click)='options()'>{{'Options'|translate}}</a>\r\n</div>\r\n", styles: [".item .tool{opacity:.1}.item:hover .tool{opacity:1}.tools{font-feature-settings:\"smcp\",\"c2sc\";font-variant-caps:all-small-caps;font-size:medium;padding:8px}\n"], components: [{ type: i2$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i7.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i6$1.MatLine, selector: "[mat-line], [matLine]" }, { type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9$2.MatMenuContent, selector: "ng-template[matMenuContent]" }], pipes: { "slice": i10.SlicePipe, "sort": ArraySortPipe, "amCalendar": i14.CalendarPipe, "amTimeAgo": i14.TimeAgoPipe, "translate": TranslatePipe, "async": i10.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: QuickNotificationsComponent, decorators: [{
             type: Component,
             args: [{
@@ -21429,7 +21572,11 @@ class BizDocApp {
             document.dir = doc.dir = body.dir = this.dir = 'rtl';
             enableRtl();
         }
-        this._session.refresh().subscribe(this._initialize.bind(this), () => this._signIn.pop().subscribe(this._initialize.bind(this)));
+        this._connect();
+    }
+    _connect() {
+        this._session.refresh().subscribe(this._initialize.bind(this), () => this._signIn.pop().
+            subscribe(this._connect.bind(this)));
     }
     _initialize() {
         if (isMobile()) {
@@ -22044,97 +22191,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                 args: [TemplateRef, { static: true }]
             }] } });
 
-/** opens cube preview and explore */
-class CubeInfo {
-    constructor(_session, _service, _router, _popup, _cf) {
-        this._session = _session;
-        this._service = _service;
-        this._router = _router;
-        this._popup = _popup;
-        this._cf = _cf;
-    }
-    navigate(axes, options) {
-        const { cube, view, serie, xAxis, filters, aggregate, indices, sum } = options || {};
-        const ccube = cube ? this._session.profile.cubes.find(c => c.name === cube) : this._session.profile.cubes[0];
-        if (isArray(axes))
-            axes = this._mapAxes(ccube, axes);
-        if (view)
-            this._router.navigate(['cube', ccube.name, 'v', view], {
-                queryParams: axes
-            });
-        else {
-            this._router.navigate(['cube', ccube.name, 'i', xAxis, serie], {
-                queryParams: axes,
-                state: { indices, aggregate, filters, sum }
-            });
-        }
-    }
-    /**
-     *
-     * @param axes
-     * @param options
-     */
-    open(axes, element, options) {
-        const cube = options && options.cube ? this._session.profile.cubes.find(c => c.name === options.cube) : this._session.profile.cubes[0];
-        const { template } = cube;
-        if (isArray(axes))
-            axes = this._mapAxes(cube, axes);
-        if (template) {
-            const comp = this._cf.component(template);
-            this._open(comp, element, {
-                axes,
-                options
-            });
-        }
-        else {
-            if (!options)
-                throw 'no options';
-            this._open(CubeInfoComponent, element, {
-                axes,
-                options
-            });
-        }
-    }
-    /**
-     *
-     * @param axes
-     * @param options
-     */
-    explore(axes, options) {
-        const { index, base, cube: name, scope } = options || {};
-        const cube = name ? this._session.profile.cubes.find(c => c.name === name) : this._session.profile.cubes[0];
-        if (isArray(axes))
-            axes = this._mapAxes(cube, axes);
-        base && this._service.base(cube.name, axes, base);
-        this._router.navigate(['cube', cube.name, 'explore'], {
-            queryParams: axes,
-            state: {
-                index, scope
-            }
-        });
-    }
-    /**
-     * axes as map
-     * @param cube
-     * @param axes
-     */
-    _mapAxes(cube, axes) {
-        const filters = {};
-        axes.forEach((a, i) => a && (filters[cube.axes[i].name] = a));
-        return filters;
-    }
-    _open(comp, element, data) {
-        this._popup.open(comp, element, {
-            data
-        });
-    }
-}
-CubeInfo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeInfo, deps: [{ token: SessionService }, { token: CubeService }, { token: RouterImpl }, { token: Popup }, { token: BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
-CubeInfo.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeInfo });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: CubeInfo, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: SessionService }, { type: CubeService }, { type: RouterImpl }, { type: Popup }, { type: BizDocComponentFactoryResolver }]; } });
-
 const COMBINATION_PICKER_BODY = new InjectionToken('combination_body');
 /** */
 class CombinationPickerBody {
@@ -22252,7 +22308,7 @@ class CombinationPickerBody {
         const { defaults } = this._data.exploreSettings || {};
         const axes = Object.assign({}, defaults);
         codes.slice(0, this._axes.length).forEach((a, i) => axes[this._axes[i].name] = a);
-        this._accountInfo.open(axes, evt.srcElement, Object.assign(Object.assign({}, this._data.exploreSettings), { cube: this._cube.name }));
+        this._accountInfo.popup(axes, evt.srcElement, Object.assign(Object.assign({}, this._data.exploreSettings), { cube: this._cube.name }));
         evt.cancelBubble = true;
         evt.preventDefault();
         evt.stopPropagation();
@@ -23232,11 +23288,28 @@ const CORE_COMPONENTS = [
     CubeDocumentsComponent, CubeGridDocumentsComponent, TasksComponent, UsageReportArgs, UsageChartComponent, UsagePivotComponent
 ];
 class SharedModule {
-    static forChild() {
+    static forChild(config) {
+        const { formats, maps } = config || {};
         registerComponents(CORE_COMPONENTS);
+        const providers = [{
+                provide: RouterImpl, useClass: !config || !config.routing || config.routing === 'ng' ? NgRouter : PaneRouter
+            },
+            {
+                provide: MAT_DATE_FORMATS, useValue: {
+                    parse: {
+                        dateInput: 'LL',
+                    },
+                    display: {
+                        dateInput: (formats || {}).date || 'll',
+                        monthYearLabel: 'MMM YYYY',
+                        dateA11yLabel: 'LL',
+                        monthYearA11yLabel: 'MMMM YYYY',
+                    }
+                }
+            }];
         return {
             ngModule: SharedModule,
-            providers: []
+            providers
         };
     }
 }
@@ -23345,9 +23418,6 @@ SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
         GuideService, OptionsService,
         BizDocComponentFactoryResolver, PromptService, TranslateService,
         ToolbarService, HtmlEditorService,
-        {
-            provide: RouterImpl, useClass: isMobile() ? NgRouter : PaneRouter
-        },
         { provide: HTTP_INTERCEPTORS, useClass: AppHttpInterceptor, multi: true },
         { provide: APP_INITIALIZER, useFactory: TranslateProviderFactory, deps: [TranslateService], multi: true },
     ], imports: [[
@@ -23460,9 +23530,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                         GuideService, OptionsService,
                         BizDocComponentFactoryResolver, PromptService, TranslateService,
                         ToolbarService, HtmlEditorService,
-                        {
-                            provide: RouterImpl, useClass: isMobile() ? NgRouter : PaneRouter
-                        },
                         { provide: HTTP_INTERCEPTORS, useClass: AppHttpInterceptor, multi: true },
                         { provide: APP_INITIALIZER, useFactory: TranslateProviderFactory, deps: [TranslateService], multi: true },
                     ],
@@ -25770,7 +25837,7 @@ const SYSTEM_COMPONENTS = [RoleNodeComponent, ManageCubeIndexUtility, Permission
     PatternsComponent, SystemDiffComponent, DocumentTraceComponent];
 class SystemModule {
     static forChild() {
-        SYSTEM_COMPONENTS.forEach(c => REGISTRY[c['__bizdoc']] = c);
+        registerComponents(SYSTEM_COMPONENTS);
         return {
             ngModule: SystemModule,
             providers: []
@@ -26029,52 +26096,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                 }]
         }] });
 
-class OktaHttpInterceptor {
-    constructor(_okta) {
-        this._okta = _okta;
-    }
-    _isAuthenticated() {
-        return from(this._okta.oktaAuth.isAuthenticated());
-    }
-    intercept(req, next) {
-        return this._isAuthenticated()
-            .pipe(switchMap$1(isAuthenticated => {
-            if (!isAuthenticated)
-                return next.handle(req);
-            const accessToken = this._okta.oktaAuth.getAccessToken();
-            req = req.clone({
-                setHeaders: {
-                    Authorization: `Bearer ${accessToken}`
-                }
-            });
-            return next.handle(req);
-        }));
-    }
-}
-OktaHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaHttpInterceptor, deps: [{ token: OKTA_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-OktaHttpInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaHttpInterceptor, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaHttpInterceptor, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [OKTA_CONFIG]
-                }] }]; } });
-
 class BizDocModule {
-    static forChild(config) {
-        const { components } = config || {};
-        components && registerComponents(components);
-        return {
-            ngModule: BizDocModule,
-            providers: []
-        };
-    }
     static forRoot(config) {
-        const { formats, routes, components, okta } = config;
+        const { formats, routes, components, okta, baseUrl } = config;
         registerComponents(components);
         const providers = [
             { provide: PANES_DATA, useValue: PANES_CONFIG.concat(routes || []) },
+            {
+                provide: BIZDOC_CONFIG,
+                useValue: config
+            },
             {
                 provide: MAT_DATE_FORMATS, useValue: {
                     parse: {
@@ -26088,10 +26119,6 @@ class BizDocModule {
                     }
                 }
             },
-            {
-                provide: BIZDOC_CONFIG,
-                useValue: config
-            }
         ];
         if (okta) {
             providers.push({
@@ -26105,15 +26132,19 @@ class BizDocModule {
                     }),
                 }
             });
-            providers.push({ provide: HTTP_INTERCEPTORS, useClass: OktaHttpInterceptor, multi: true });
             providers.push({
                 provide: AuthenticationImpl, useClass: OktaAuthentication
             });
         }
-        else
+        else {
             providers.push({
                 provide: AuthenticationImpl, useClass: FormAuthentication
             });
+        }
+        baseUrl &&
+            providers.push({
+                provide: 'BASE_URL', useValue: baseUrl
+            });
         return {
             ngModule: BizDocModule,
             providers
@@ -26136,7 +26167,7 @@ BizDocModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
             MobileModule,
             DesktopModule,
             SystemModule.forChild(),
-            SharedModule.forChild()
+            SharedModule.forChild({ routing: isMobile() ? 'ng' : 'pane' })
         ], SharedModule,
         MaterialModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: BizDocModule, decorators: [{
@@ -26155,7 +26186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                         MobileModule,
                         DesktopModule,
                         SystemModule.forChild(),
-                        SharedModule.forChild()
+                        SharedModule.forChild({ routing: isMobile() ? 'ng' : 'pane' })
                     ],
                     exports: [
                         SharedModule,
@@ -26164,9 +26195,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
                 }]
         }] });
 
+class OktaHttpInterceptor {
+    constructor(_okta) {
+        this._okta = _okta;
+    }
+    _isAuthenticated() {
+        return from(this._okta.oktaAuth.isAuthenticated());
+    }
+    intercept(req, next) {
+        return this._isAuthenticated()
+            .pipe(switchMap$1(isAuthenticated => {
+            if (!isAuthenticated)
+                return next.handle(req);
+            const accessToken = this._okta.oktaAuth.getAccessToken();
+            req = req.clone({
+                setHeaders: {
+                    Authorization: `Bearer ${accessToken}`
+                }
+            });
+            return next.handle(req);
+        }));
+    }
+}
+OktaHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaHttpInterceptor, deps: [{ token: OKTA_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+OktaHttpInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaHttpInterceptor, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: OktaHttpInterceptor, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [OKTA_CONFIG]
+                }] }]; } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressInput, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AvatarComponent, BIZDOC_CONFIG, BizDoc, BizDocApp, BizDocModule, BrowseFilterComponent, BrowseItemsComponent, ChatInfo, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareDepartmentsWidget, CompareGroupDirective, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeDocumentsComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridDocumentsComponent, CubeInfo, CubeInfoTableComponent, CubeService, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateRangePipe, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemsComponent, FadeSlideInOut, FieldType, FilterPipe, FlowViewComponent, FormPipe, FormRef, GuideService, INBOX, IdentityName, JoinPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationEnd, NavigationSelected, NavigationStart, NgxComponentOutlet, NotificationsTableComponent, OktaHttpInterceptor, OpenPolicy, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SessionMode, SessionService, ShakeAnimation, SharedModule, SlotRouterDirective, StatePipe, SubstitutionComponent, TagsComponent, TasksComponent, TimePicker, TimespanInput, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, isArray, isBoolean, isDate, isMobile, isObject, isString, modelize, registerComponents };
+export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressInput, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AvatarComponent, BIZDOC_CONFIG, BizDoc, BizDocApp, BizDocModule, BrowseFilterComponent, BrowseItemsComponent, ChatInfo, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareDepartmentsWidget, CompareGroupDirective, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeDocumentsComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridDocumentsComponent, CubeInfo, CubeInfoTableComponent, CubeService, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateRangePipe, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemsComponent, FadeSlideInOut, FieldType, FilterPipe, FlowViewComponent, FormAuthentication, FormPipe, FormRef, GuideService, INBOX, IdentityName, JoinPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationEnd, NavigationSelected, NavigationStart, NgxComponentOutlet, NotificationsTableComponent, OktaAuthentication, OktaHttpInterceptor, OpenPolicy, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SessionMode, SessionService, ShakeAnimation, SharedModule, SlotRouterDirective, StatePipe, SubstitutionComponent, TagsComponent, TasksComponent, TimePicker, TimespanInput, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, isArray, isBoolean, isDate, isMobile, isObject, isString, modelize, registerComponents };
 //# sourceMappingURL=bizdoc-core.js.map