@bizdoc/core 1.6.14 → 1.7.0-next.1

package/bundles/bizdoc-core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/animations'), require('@angular/core'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/cdk/bidi'), require('@angular/platform-browser'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('@angular/common'), require('@angular/flex-layout/flex'), require('@angular/material/tooltip'), require('@angular/material/core'), require('@angular/material/stepper'), require('@angular/material/paginator'), require('@angular/material/datepicker'), require('@syncfusion/ej2-base'), require('moment'), require('@microsoft/signalr'), require('firebase/app'), require('firebase/messaging'), require('ngx-cookie-service'), require('@angular/material/dialog'), require('@angular/forms'), require('@angular/material/checkbox'), require('@angular/material/form-field'), require('@angular/material/slide-toggle'), require('@angular/cdk/a11y'), require('brace'), require('brace/mode/javascript'), require('brace/theme/github'), require('brace/ext/language_tools'), require('@angular/material/select'), require('@angular/cdk/coercion'), require('@angular/material/autocomplete'), require('@angular/material/input'), require('@angular/cdk/text-field'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/snack-bar'), require('@angular/material/menu'), require('@angular/material/divider'), require('@angular/platform-browser/animations'), require('@angular/router'), require('ngx-moment'), require('@angular/material/chips'), require('@angular/cdk/drag-drop'), require('@angular/cdk/layout'), require('@angular/material/expansion'), require('@angular/material/table'), require('@angular/material/sort'), require('@angular/material/tabs'), require('@angular/material/bottom-sheet'), require('@angular/material/sidenav'), require('@angular/material/card'), require('@angular/material/grid-list'), require('@angular/material/badge'), require('@angular/material/button-toggle'), require('@angular/material/progress-bar'), require('@angular/material/list'), require('@angular/material/toolbar'), require('@angular/material/radio'), require('@angular/flex-layout'), require('@angular/cdk/scrolling'), require('@angular/cdk/collections'), require('@angular/flex-layout/extended'), require('@angular/cdk/keycodes'), require('@ctrl/ngx-emoji-mart'), require('@syncfusion/ej2-angular-charts'), require('xlsx'), require('@syncfusion/ej2-charts'), require('@syncfusion/ej2-angular-grids'), require('@syncfusion/ej2-pivotview'), require('@syncfusion/ej2-angular-spreadsheet'), require('lottie-web/build/player/lottie'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-schedule'), require('@okta/okta-angular'), require('@okta/okta-signin-widget'), require('@syncfusion/ej2-angular-circulargauge'), require('@syncfusion/ej2-angular-kanban'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-lineargauge'), require('@okta/okta-auth-js')) :
-  typeof define === 'function' && define.amd ? define('@bizdoc/core', ['exports', '@angular/animations', '@angular/core', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/cdk/bidi', '@angular/platform-browser', '@angular/material/button', '@angular/material/icon', '@angular/material/progress-spinner', '@angular/common', '@angular/flex-layout/flex', '@angular/material/tooltip', '@angular/material/core', '@angular/material/stepper', '@angular/material/paginator', '@angular/material/datepicker', '@syncfusion/ej2-base', 'moment', '@microsoft/signalr', 'firebase/app', 'firebase/messaging', 'ngx-cookie-service', '@angular/material/dialog', '@angular/forms', '@angular/material/checkbox', '@angular/material/form-field', '@angular/material/slide-toggle', '@angular/cdk/a11y', 'brace', 'brace/mode/javascript', 'brace/theme/github', 'brace/ext/language_tools', '@angular/material/select', '@angular/cdk/coercion', '@angular/material/autocomplete', '@angular/material/input', '@angular/cdk/text-field', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/snack-bar', '@angular/material/menu', '@angular/material/divider', '@angular/platform-browser/animations', '@angular/router', 'ngx-moment', '@angular/material/chips', '@angular/cdk/drag-drop', '@angular/cdk/layout', '@angular/material/expansion', '@angular/material/table', '@angular/material/sort', '@angular/material/tabs', '@angular/material/bottom-sheet', '@angular/material/sidenav', '@angular/material/card', '@angular/material/grid-list', '@angular/material/badge', '@angular/material/button-toggle', '@angular/material/progress-bar', '@angular/material/list', '@angular/material/toolbar', '@angular/material/radio', '@angular/flex-layout', '@angular/cdk/scrolling', '@angular/cdk/collections', '@angular/flex-layout/extended', '@angular/cdk/keycodes', '@ctrl/ngx-emoji-mart', '@syncfusion/ej2-angular-charts', 'xlsx', '@syncfusion/ej2-charts', '@syncfusion/ej2-angular-grids', '@syncfusion/ej2-pivotview', '@syncfusion/ej2-angular-spreadsheet', 'lottie-web/build/player/lottie', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-schedule', '@okta/okta-angular', '@okta/okta-signin-widget', '@syncfusion/ej2-angular-circulargauge', '@syncfusion/ej2-angular-kanban', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-lineargauge', '@okta/okta-auth-js'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.bizdoc = global.bizdoc || {}, global.bizdoc.core = {}), global.ng.animations, global.ng.core, global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.bidi, global.ng.platformBrowser, global.ng.material.button, global.ng.material.icon, global.ng.material.progressSpinner, global.ng.common, global.ng.flexLayout.flex, global.ng.material.tooltip, global.ng.material.core, global.ng.material.stepper, global.ng.material.paginator, global.ng.material.datepicker, global.ej2Base, global.moment$k, global.signalr, global.firebase, global.messaging, global.i2, global.ng.material.dialog, global.ng.forms, global.ng.material.checkbox, global.ng.material.formField, global.ng.material.slideToggle, global.ng.cdk.a11y, global.brace, null, null, null, global.ng.material.select, global.ng.cdk.coercion, global.ng.material.autocomplete, global.ng.material.input, global.ng.cdk.textField, global.i2$2, global.ng.material.snackBar, global.ng.material.menu, global.ng.material.divider, global.ng.platformBrowser.animations, global.ng.router, global.i14, global.ng.material.chips, global.ng.cdk.dragDrop, global.ng.cdk.layout, global.ng.material.expansion, global.ng.material.table, global.ng.material.sort, global.ng.material.tabs, global.ng.material.bottomSheet, global.ng.material.sidenav, global.ng.material.card, global.ng.material.gridList, global.ng.material.badge, global.ng.material.buttonToggle, global.ng.material.progressBar, global.ng.material.list, global.ng.material.toolbar, global.ng.material.radio, global.ng.flexLayout, global.ng.cdk.scrolling, global.ng.cdk.collections, global.ng.flexLayout.extended, global.ng.cdk.keycodes, global.ngxemojimart, global.ej2charts, global.xlsx, global.ej2charts1, global.ej2grids, global.ej2Pivotview, global.ej2spreadsheet, global.player, global.ej2diagrams, global.i8$2, global.oktaAngular, global.OktaSignIn, global.ej2AngularCirculargauge, global.ej2kanban, global.ej2AngularPivotview, global.ej2AngularLineargauge, global.oktaAuthJs));
-}(this, (function (exports, animations, i0, i1, rxjs, operators, i1$2, portal, i3$1, i1$1, i7, i8, i6$1, i10, i9$1, i12, i6, stepper, i9, i3, ej2Base, moment$k, signalr, firebase, messaging, i2, i7$2, i1$3, i7$1, i1$4, i1$5, i2$1, brace, javascript, github, language_tools, i4, coercion, i5, i9$2, i3$2, i2$2, i3$3, i9$3, i10$1, animations$1, i1$6, i14, i3$4, i20, layout, i6$3, i6$4, i6$5, i7$4, i2$4, i11$1, i7$3, i6$2, i13, i9$4, i5$1, i2$5, i6$6, radio, i2$3, i11, collections, i21, keycodes, i4$1, i7$5, XLSX, ej2Charts, i6$7, ej2Pivotview, i8$1, player, i11$2, i8$2, oktaAngular, OktaSignIn, ej2AngularCirculargauge, i9$5, ej2AngularPivotview, ej2AngularLineargauge, oktaAuthJs) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/animations'), require('@angular/core'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/cdk/bidi'), require('@angular/platform-browser'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('@angular/common'), require('@angular/flex-layout/flex'), require('@angular/material/tooltip'), require('@angular/material/core'), require('@angular/material/stepper'), require('@angular/material/paginator'), require('@angular/material/datepicker'), require('@syncfusion/ej2-base'), require('moment'), require('@microsoft/signalr'), require('firebase/app'), require('firebase/messaging'), require('ngx-cookie-service'), require('@angular/material/dialog'), require('@angular/forms'), require('@angular/material/checkbox'), require('@angular/material/form-field'), require('@angular/material/slide-toggle'), require('@angular/cdk/a11y'), require('brace'), require('brace/mode/javascript'), require('brace/theme/github'), require('brace/ext/language_tools'), require('@angular/material/select'), require('@angular/cdk/coercion'), require('@angular/material/autocomplete'), require('@angular/material/input'), require('@angular/cdk/text-field'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/snack-bar'), require('@angular/material/menu'), require('@angular/material/divider'), require('@angular/platform-browser/animations'), require('@angular/router'), require('ngx-moment'), require('@angular/material/chips'), require('@angular/cdk/drag-drop'), require('@angular/cdk/layout'), require('@angular/material/expansion'), require('@angular/material/table'), require('@angular/material/sort'), require('@angular/material/tabs'), require('@angular/material/bottom-sheet'), require('@angular/material/sidenav'), require('@angular/material/card'), require('@angular/material/grid-list'), require('@angular/material/badge'), require('@angular/material/button-toggle'), require('@angular/material/progress-bar'), require('@angular/material/list'), require('@angular/material/toolbar'), require('@angular/material/radio'), require('@angular/flex-layout'), require('@angular/cdk/scrolling'), require('@angular/cdk/collections'), require('@angular/flex-layout/extended'), require('@angular/cdk/keycodes'), require('@ctrl/ngx-emoji-mart'), require('@syncfusion/ej2-angular-charts'), require('xlsx'), require('@syncfusion/ej2-charts'), require('@syncfusion/ej2-angular-grids'), require('@syncfusion/ej2-pivotview'), require('@syncfusion/ej2-angular-spreadsheet'), require('lottie-web/build/player/lottie'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-schedule'), require('@okta/okta-signin-widget'), require('@okta/okta-angular'), require('@syncfusion/ej2-angular-circulargauge'), require('@syncfusion/ej2-angular-kanban'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-lineargauge'), require('@okta/okta-auth-js')) :
+  typeof define === 'function' && define.amd ? define('@bizdoc/core', ['exports', '@angular/animations', '@angular/core', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/cdk/bidi', '@angular/platform-browser', '@angular/material/button', '@angular/material/icon', '@angular/material/progress-spinner', '@angular/common', '@angular/flex-layout/flex', '@angular/material/tooltip', '@angular/material/core', '@angular/material/stepper', '@angular/material/paginator', '@angular/material/datepicker', '@syncfusion/ej2-base', 'moment', '@microsoft/signalr', 'firebase/app', 'firebase/messaging', 'ngx-cookie-service', '@angular/material/dialog', '@angular/forms', '@angular/material/checkbox', '@angular/material/form-field', '@angular/material/slide-toggle', '@angular/cdk/a11y', 'brace', 'brace/mode/javascript', 'brace/theme/github', 'brace/ext/language_tools', '@angular/material/select', '@angular/cdk/coercion', '@angular/material/autocomplete', '@angular/material/input', '@angular/cdk/text-field', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/snack-bar', '@angular/material/menu', '@angular/material/divider', '@angular/platform-browser/animations', '@angular/router', 'ngx-moment', '@angular/material/chips', '@angular/cdk/drag-drop', '@angular/cdk/layout', '@angular/material/expansion', '@angular/material/table', '@angular/material/sort', '@angular/material/tabs', '@angular/material/bottom-sheet', '@angular/material/sidenav', '@angular/material/card', '@angular/material/grid-list', '@angular/material/badge', '@angular/material/button-toggle', '@angular/material/progress-bar', '@angular/material/list', '@angular/material/toolbar', '@angular/material/radio', '@angular/flex-layout', '@angular/cdk/scrolling', '@angular/cdk/collections', '@angular/flex-layout/extended', '@angular/cdk/keycodes', '@ctrl/ngx-emoji-mart', '@syncfusion/ej2-angular-charts', 'xlsx', '@syncfusion/ej2-charts', '@syncfusion/ej2-angular-grids', '@syncfusion/ej2-pivotview', '@syncfusion/ej2-angular-spreadsheet', 'lottie-web/build/player/lottie', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-schedule', '@okta/okta-signin-widget', '@okta/okta-angular', '@syncfusion/ej2-angular-circulargauge', '@syncfusion/ej2-angular-kanban', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-lineargauge', '@okta/okta-auth-js'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.bizdoc = global.bizdoc || {}, global.bizdoc.core = {}), global.ng.animations, global.ng.core, global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.bidi, global.ng.platformBrowser, global.ng.material.button, global.ng.material.icon, global.ng.material.progressSpinner, global.ng.common, global.ng.flexLayout.flex, global.ng.material.tooltip, global.ng.material.core, global.ng.material.stepper, global.ng.material.paginator, global.ng.material.datepicker, global.ej2Base, global.moment$k, global.signalr, global.firebase, global.messaging, global.i2, global.ng.material.dialog, global.ng.forms, global.ng.material.checkbox, global.ng.material.formField, global.ng.material.slideToggle, global.ng.cdk.a11y, global.brace, null, null, null, global.ng.material.select, global.ng.cdk.coercion, global.ng.material.autocomplete, global.ng.material.input, global.ng.cdk.textField, global.i2$2, global.ng.material.snackBar, global.ng.material.menu, global.ng.material.divider, global.ng.platformBrowser.animations, global.ng.router, global.i14, global.ng.material.chips, global.ng.cdk.dragDrop, global.ng.cdk.layout, global.ng.material.expansion, global.ng.material.table, global.ng.material.sort, global.ng.material.tabs, global.ng.material.bottomSheet, global.ng.material.sidenav, global.ng.material.card, global.ng.material.gridList, global.ng.material.badge, global.ng.material.buttonToggle, global.ng.material.progressBar, global.ng.material.list, global.ng.material.toolbar, global.ng.material.radio, global.ng.flexLayout, global.ng.cdk.scrolling, global.ng.cdk.collections, global.ng.flexLayout.extended, global.ng.cdk.keycodes, global.ngxemojimart, global.ej2charts, global.xlsx, global.ej2charts1, global.ej2grids, global.ej2Pivotview, global.ej2spreadsheet, global.player, global.ej2diagrams, global.i8$2, global.OktaSignIn, global.oktaAngular, global.ej2AngularCirculargauge, global.ej2kanban, global.ej2AngularPivotview, global.ej2AngularLineargauge, global.oktaAuthJs));
+}(this, (function (exports, animations, i0, i1, rxjs, operators, i1$2, portal, i3$1, i1$1, i7, i8, i6$1, i10, i9$1, i12, i6, stepper, i9, i3, ej2Base, moment$k, signalr, firebase, messaging, i2, i7$2, i1$3, i7$1, i1$4, i1$5, i2$1, brace, javascript, github, language_tools, i4, coercion, i5, i9$2, i3$2, i2$2, i3$3, i9$3, i10$1, animations$1, i1$6, i14, i3$4, i20, layout, i6$3, i6$4, i6$5, i7$4, i2$4, i11$1, i7$3, i6$2, i13, i9$4, i5$1, i2$5, i6$6, radio, i2$3, i11, collections, i21, keycodes, i4$1, i7$5, XLSX, ej2Charts, i6$7, ej2Pivotview, i8$1, player, i11$2, i8$2, OktaSignIn, oktaAngular, ej2AngularCirculargauge, i9$5, ej2AngularPivotview, ej2AngularLineargauge, oktaAuthJs) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1295,7 +1295,6 @@
           this._themeChange = new rxjs.Subject();
           this.loaded = this._loaded.asObservable();
           this.themeChange = this._themeChange.asObservable();
-          this._guide = new rxjs.Subject();
           this._firebase = new FirebaseService(this._config ? this._config.firebase : null, this);
           ('serviceWorker' in navigator) && this._loadSw();
           _config && _config.maps && this._loadMaps();
@@ -1471,7 +1470,9 @@
                       observe.next();
                       _this._loaded.next();
                   }
-                  _this._connect();
+                  _this._hub.state !== signalr.HubConnectionState.Connected && _this._hub.start();
+                  _this._firebase.state !== FirebaseState.Activated &&
+                      _this._firebase.activate();
               }, function () { return observe.error(); });
           });
       };
@@ -1481,43 +1482,29 @@
       SessionService.prototype.registerDevice = function (type, token) {
           return this._http.post('/api/account/registerDevice', { type: type, token: token });
       };
-      SessionService.prototype.pushRefresh = function (profile) {
-          var _this = this;
-          this._profile = profile;
-          this._connect();
-          return this._changeTheme(this.theme).pipe(operators.tap(function () { return _this._loaded.next(); }));
-      };
-      SessionService.prototype._connect = function () {
-          this._hub.state !== signalr.HubConnectionState.Connected && this._hub.start();
-          this._firebase.state !== FirebaseState.Activated &&
-              this._firebase.activate();
-      };
-      SessionService.prototype.mayImpersonate = function (search, credentials) {
-          var _a = credentials || {}, username = _a.username, password = _a.password;
+      SessionService.prototype.mayImpersonate = function (search) {
           return this._http.put('/api/account/granted', {
-              username: username,
-              password: password,
               search: search
           });
       };
       SessionService.prototype.impersonate = function (userId) {
-          return this._http.post('/api/account/switch', {
+          return this._http.post('/api/account/impersonate', {
               userId: userId
           });
       };
       SessionService.prototype.inboxTouch = function () {
           var _this = this;
-          this._http.put('/api/account/inboxview', {}, { headers: { 'no-progress': 'true' } }).pipe(operators.tap(function (e) {
+          return this._http.put('/api/account/inboxview', {}, { headers: { 'no-progress': 'true' } }).pipe(operators.tap(function (e) {
               _this.profile.inboxCount = 0;
               _this.profile.options.inboxView = e.time;
-          })).subscribe();
+          })).toPromise();
       };
       SessionService.prototype.notificationsTouch = function () {
           var _this = this;
-          this._http.put('/api/account/notificationsView', {}, { headers: { 'no-progress': 'true' } }).pipe(operators.tap(function (e) {
+          return this._http.put('/api/account/notificationsView', {}, { headers: { 'no-progress': 'true' } }).pipe(operators.tap(function (e) {
               _this.profile.notificationsCount = 0;
               _this.profile.options.notificationsView = e.time;
-          })).subscribe();
+          })).toPromise();
       };
       SessionService.prototype._getBrowserLang = function () {
           var lang = navigator.language;
@@ -10348,7 +10335,7 @@
       /** */
       CubeChartComponent.prototype._prepare = function () {
           var _this = this;
-          var chartType = this._info.view.chartType;
+          var _a = this._info.view, chartType = _a.chartType, indexChartType = _a.indexChartType;
           this.series = this._data.map(function (s) {
               switch (s.type) {
                   case 'Index':
@@ -10360,8 +10347,9 @@
                           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
@@ -10375,7 +10363,7 @@
                           dataSource: s.points,
                           type: chartType || 'Column',
                           marker: {
-                              visible: chartType === 'Line' || chartType === 'Spline',
+                              visible: !chartType || chartType === 'Line' || chartType === 'Spline',
                               height: 10,
                               width: 10
                           }
@@ -10418,12 +10406,12 @@
       ;
       CubeChartComponent.prototype.pointClick = function (evt) {
           var _a = this._info.view, xAxis = _a.xAxis, series = _a.series;
-          var axes = {}, serie = this._data[evt.seriesIndex], type = serie.type, name = serie.name;
-          if (series && series.length && type !== 'Index')
+          var axes = {}, serie = this._data[evt.seriesIndex], type = serie.type, name = serie.name, points = serie.points;
+          if (series && series.length)
               for (var i = 0; i < series.length; i++)
                   axes[series[i]] = name.split(AXES_CODE_DIVIDER)[i];
           for (var i = 0; i < xAxis.length; i++) {
-              var x = evt.series.dataSource[evt.pointIndex].x;
+              var x = points[evt.pointIndex].x;
               axes[xAxis[i]] = x.split(AXES_CODE_DIVIDER)[i];
           }
           this.explore.emit({ axes: axes, index: type === 'Index' ? name : null });
@@ -17036,79 +17024,48 @@
       { path: '', redirectTo: 'dashboard', pathMatch: 'full' }
   ];
 
-  var DEFAULT_SCOPES = ["openid", "profile", 'email'];
   var AuthenticationImpl = /** @class */ (function () {
       function AuthenticationImpl() {
       }
       return AuthenticationImpl;
-  }());
-  var OktaAuthentication = /** @class */ (function (_super) {
-      __extends(OktaAuthentication, _super);
-      function OktaAuthentication(_okta) {
-          var _this = _super.call(this) || this;
-          _this._okta = _okta;
-          return _this;
-      }
-      OktaAuthentication.prototype.signIn = function (username, password, rememberMe, impersonate) {
-          var _this = this;
-          return rxjs.from(this._okta.oktaAuth.signInWithCredentials({ password: password, username: username, }).
-              then(function (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';
-              }
-          }));
-      };
-      OktaAuthentication.prototype.signOut = function () {
-          return rxjs.from(this._okta.oktaAuth.signOut());
-      };
-      return OktaAuthentication;
-  }(AuthenticationImpl));
-  OktaAuthentication.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaAuthentication, deps: [{ token: oktaAngular.OKTA_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  OktaAuthentication.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaAuthentication });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaAuthentication, decorators: [{
-              type: i0.Injectable
-          }], ctorParameters: function () {
-          return [{ type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: [oktaAngular.OKTA_CONFIG]
-                      }] }];
-      } });
+  }());
+
   var FormAuthentication = /** @class */ (function (_super) {
       __extends(FormAuthentication, _super);
-      function FormAuthentication(_http, _session) {
+      function FormAuthentication(_http) {
           var _this = _super.call(this) || this;
           _this._http = _http;
-          _this._session = _session;
           return _this;
       }
-      FormAuthentication.prototype.signIn = function (username, password, rememberMe, impersonate) {
+      FormAuthentication.prototype.getAccessToken = function () {
+          var accessToken = this._accessToken ||
+              sessionStorage.getItem('token') ||
+              localStorage.getItem('token');
+          return accessToken;
+      };
+      FormAuthentication.prototype.authenticate = function (username, password, options) {
           var _this = this;
-          if (!rememberMe)
-              localStorage.clear();
+          if (options === void 0) { options = {}; }
           return new rxjs.Observable(function (observe) {
-              _this._http.post('/api/account/login', {
+              _this._http.post('/api/aspidentity/login', {
                   username: username,
-                  password: password,
-                  rememberMe: rememberMe,
-                  impersonate: impersonate !== '' ? impersonate : null
+                  password: password
               }).subscribe(function (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(function () {
-                      observe.next(LoginResult.OK);
-                      observe.complete();
-                  });
+                  else {
+                      sessionStorage.setItem('token', r.tokenId);
+                  }
+                  observe.next();
+                  observe.complete();
               }, function (e) {
                   var reason;
-                  switch (e.statusCode) {
+                  switch (e.status) {
                       default:
                           reason = LoginResult.Failed;
                   }
@@ -17117,10 +17074,10 @@
           });
       };
       FormAuthentication.prototype.signOut = function () {
-          return this._http.post('/api/account/signout', null);
+          return this._http.post('/api/aspidentity/signout', null).toPromise();
       };
       FormAuthentication.prototype.forgot = function (email) {
-          return this._http.post('/api/account/forgot', { email: email });
+          return this._http.post('/api/aspidentity/forgot', { email: email });
       };
       Object.defineProperty(FormAuthentication.prototype, "photo", {
           get: function () {
@@ -17145,11 +17102,11 @@
       });
       return FormAuthentication;
   }(AuthenticationImpl));
-  FormAuthentication.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: FormAuthentication, deps: [{ token: i1__namespace.HttpClient }, { token: SessionService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  FormAuthentication.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: FormAuthentication, deps: [{ token: i1__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   FormAuthentication.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: FormAuthentication });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: FormAuthentication, decorators: [{
               type: i0.Injectable
-          }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }, { type: SessionService }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }]; } });
   var LoginResult;
   (function (LoginResult) {
       LoginResult[LoginResult["OK"] = 0] = "OK";
@@ -17249,7 +17206,7 @@
       }
       CredetialsComponent.prototype.ngOnInit = function () {
           var _this = this;
-          this.users$ = this.impersonate.valueChanges.pipe(operators.debounceTime(250), operators.takeUntil(this._destroy), operators.switchMap(function () { return _this._session.mayImpersonate('', { username: _this.username.value, password: _this.password.value }); }));
+          this.users$ = this.impersonate.valueChanges.pipe(operators.debounceTime(250), operators.takeUntil(this._destroy), operators.switchMap(function () { return _this._auth.authenticate(_this.username.value, _this.password.value); }), operators.switchMap(function () { return _this._session.mayImpersonate(''); }));
       };
       CredetialsComponent.prototype.toggleHide = function (evt) {
           this.hide = !this.hide;
@@ -17279,7 +17236,13 @@
           this.form.disable({ emitEvent: false });
           this.loggingChange.emit(true);
           var _a = this.form.value, username = _a.username, password = _a.password, rememberMe = _a.rememberMe, impersonate = _a.impersonate;
-          this._auth.signIn(username, password, rememberMe, impersonate).subscribe(function () { return _this.success.emit(); }, function (e) {
+          this._auth.authenticate(username, password, { rememberMe: rememberMe }).
+              subscribe(function () {
+              if (impersonate)
+                  _this._session.impersonate(impersonate).subscribe(function () { return _this.success.emit(); });
+              else
+                  _this.success.emit();
+          }, function (e) {
               var message;
               switch (e) {
                   default:
@@ -17480,6 +17443,48 @@
                   }]
           }], ctorParameters: function () { return [{ type: i1__namespace$2.OverlayRef }, { type: SessionService }]; } });
 
+  var DEFAULT_SCOPES = ["openid", "profile", 'email'];
+  var OktaAuthentication = /** @class */ (function (_super) {
+      __extends(OktaAuthentication, _super);
+      function OktaAuthentication(_okta) {
+          var _this = _super.call(this) || this;
+          _this._okta = _okta;
+          return _this;
+      }
+      OktaAuthentication.prototype.getAccessToken = function () {
+          return this._okta.oktaAuth.getAccessToken();
+      };
+      OktaAuthentication.prototype.isAuthenticated = function () {
+          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';
+      //      }
+      //    }));
+      //}
+      OktaAuthentication.prototype.signOut = function () {
+          return this._okta.oktaAuth.signOut();
+      };
+      return OktaAuthentication;
+  }(AuthenticationImpl));
+  OktaAuthentication.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaAuthentication, deps: [{ token: oktaAngular.OKTA_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  OktaAuthentication.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaAuthentication });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaAuthentication, decorators: [{
+              type: i0.Injectable
+          }], ctorParameters: function () {
+          return [{ type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: [oktaAngular.OKTA_CONFIG]
+                      }] }];
+      } });
+
+  /** */
   var OktaComponent = /** @class */ (function () {
       //hide = true;
       //readonly username = new FormControl(null, Validators.required);
@@ -17492,8 +17497,7 @@
       //});
       //@ViewChild('uname', { read: ElementRef }) usernameElement: ElementRef<HTMLInputElement>;
       //signing: boolean;
-      function OktaComponent(_session, _translate, _overlayRef, _config, _okta) {
-          this._session = _session;
+      function OktaComponent(_translate, _overlayRef, _config, _okta) {
           this._translate = _translate;
           this._overlayRef = _overlayRef;
           this._config = _config;
@@ -17522,16 +17526,13 @@
                       '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(function (tokens) { return __awaiter(_this, void 0, void 0, function () {
-              var _this = this;
               return __generator(this, function (_a) {
                   switch (_a.label) {
                       case 0:
@@ -17542,7 +17543,7 @@
                       case 1:
                           // In this flow the redirect to Okta occurs in a hidden iframe
                           _a.sent();
-                          this._session.refresh().subscribe(function () { return _this._overlayRef.detach(); });
+                          this._overlayRef.detach();
                           return [2 /*return*/];
                   }
               });
@@ -17556,13 +17557,13 @@
       };
       return OktaComponent;
   }());
-  OktaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaComponent, deps: [{ token: SessionService }, { token: TranslateService }, { token: i1__namespace$2.OverlayRef }, { token: BIZDOC_CONFIG }, { token: oktaAngular.OKTA_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  OktaComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaComponent, deps: [{ token: TranslateService }, { token: i1__namespace$2.OverlayRef }, { token: BIZDOC_CONFIG }, { token: oktaAngular.OKTA_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
   OktaComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: OktaComponent, selector: "ng-component", ngImport: i0__namespace, template: "<div id=\"sign-in-widget\"></div>", isInline: true });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaComponent, decorators: [{
               type: i0.Component,
               args: [{ template: "<div id=\"sign-in-widget\"></div>" }]
           }], ctorParameters: function () {
-          return [{ type: SessionService }, { type: TranslateService }, { type: i1__namespace$2.OverlayRef }, { type: undefined, decorators: [{
+          return [{ type: TranslateService }, { type: i1__namespace$2.OverlayRef }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [BIZDOC_CONFIG]
                       }] }, { type: undefined, decorators: [{
@@ -18300,9 +18301,103 @@
                   args: [i7$5.AccumulationChartComponent]
               }] } });
 
+  /** opens cube preview and explore */
+  var CubeInfo = /** @class */ (function () {
+      function CubeInfo(_session, _service, _router, _popup, _cf) {
+          this._session = _session;
+          this._service = _service;
+          this._router = _router;
+          this._popup = _popup;
+          this._cf = _cf;
+      }
+      CubeInfo.prototype.navigate = function (axes, options) {
+          var _a = options || {}, cube = _a.cube, view = _a.view, serie = _a.serie, xAxis = _a.xAxis, filters = _a.filters, aggregate = _a.aggregate, indices = _a.indices, sum = _a.sum;
+          var ccube = cube ? this._session.profile.cubes.find(function (c) { return 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: indices, aggregate: aggregate, filters: filters, sum: sum }
+              });
+          }
+      };
+      /**
+       *
+       * @param axes
+       * @param options
+       */
+      CubeInfo.prototype.popup = function (axes, element, options) {
+          var cube = options && options.cube ? this._session.profile.cubes.find(function (c) { return c.name === options.cube; }) : this._session.profile.cubes[0];
+          var template = cube.template;
+          if (isArray(axes))
+              axes = this._mapAxes(cube, axes);
+          if (template) {
+              var comp = this._cf.component(template);
+              this._open(comp, element, {
+                  axes: axes,
+                  options: options
+              });
+          }
+          else {
+              if (!options)
+                  throw 'no options';
+              this._open(CubeInfoComponent, element, {
+                  axes: axes,
+                  options: options
+              });
+          }
+      };
+      /**
+       *
+       * @param axes
+       * @param options
+       */
+      CubeInfo.prototype.explore = function (axes, options) {
+          var _a = options || {}, index = _a.index, base = _a.base, name = _a.cube, scope = _a.scope;
+          var cube = name ? this._session.profile.cubes.find(function (c) { return 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: index,
+                  scope: scope
+              }
+          });
+      };
+      /**
+       * axes as map
+       * @param cube
+       * @param axes
+       */
+      CubeInfo.prototype._mapAxes = function (cube, axes) {
+          var filters = {};
+          axes.forEach(function (a, i) { return a && (filters[cube.axes[i].name] = a); });
+          return filters;
+      };
+      CubeInfo.prototype._open = function (comp, element, data) {
+          this._popup.open(comp, element, {
+              data: data
+          });
+      };
+      return CubeInfo;
+  }());
+  CubeInfo.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeInfo, deps: [{ token: SessionService }, { token: CubeService }, { token: RouterImpl }, { token: Popup }, { token: BizDocComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  CubeInfo.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeInfo });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeInfo, decorators: [{
+              type: i0.Injectable
+          }], ctorParameters: function () { return [{ type: SessionService }, { type: CubeService }, { type: RouterImpl }, { type: Popup }, { type: BizDocComponentFactoryResolver }]; } });
+
   var CubeAnalysisBase = /** @class */ (function () {
-      function CubeAnalysisBase(ref, _session, _ds, _service) {
+      function CubeAnalysisBase(ref, _info, _session, _ds, _service) {
           var _this = this;
+          this._info = _info;
           this._session = _session;
           this._ds = _ds;
           this._service = _service;
@@ -18332,6 +18427,23 @@
               _this._data && _this.onResize(d);
           });
       }
+      Object.defineProperty(CubeAnalysisBase.prototype, "series", {
+          get: function () { return this._series; },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(CubeAnalysisBase.prototype, "xAxis", {
+          get: function () { return this._xAxis; },
+          enumerable: false,
+          configurable: true
+      });
+      CubeAnalysisBase.prototype.explore = function (axes, options) {
+          this._info.explore(axes, {
+              cube: this._cube.name,
+              index: options && options.index ? options.index : null,
+              scope: this._options.scope
+          });
+      };
       CubeAnalysisBase.prototype.onBind = function (data) {
           var _this = this;
           var observables = [];
@@ -18365,11 +18477,11 @@
       return CubeAnalysisBase;
   }());
   CubeAnalysisBase.nextId = 0;
-  CubeAnalysisBase.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeAnalysisBase, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  CubeAnalysisBase.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeAnalysisBase, deps: [{ token: WidgetRef }, { token: CubeInfo }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
   CubeAnalysisBase.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: CubeAnalysisBase, ngImport: i0__namespace });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeAnalysisBase, decorators: [{
               type: i0.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 }]; } });
 
   i7$5.AccumulationChart.Inject(i7$5.AccumulationDataLabel, i7$5.AccumulationTooltip);
   function cardColor() {
@@ -18378,8 +18490,8 @@
   /** statistics component*/
   var CubeAccumAnalysisWidget = /** @class */ (function (_super) {
       __extends(CubeAccumAnalysisWidget, _super);
-      function CubeAccumAnalysisWidget(ref, session, ds, cube, _elementRef) {
-          var _this = _super.call(this, ref, session, ds, cube) || this;
+      function CubeAccumAnalysisWidget(ref, info, session, ds, cube, _elementRef) {
+          var _this = _super.call(this, ref, info, session, ds, cube) || this;
           _this._elementRef = _elementRef;
           _this.data = [];
           _this.startAngle = 0;
@@ -18473,6 +18585,7 @@
                   background: 'transparent',
                   legendSettings: this.legend,
                   enableAnimation: true,
+                  pointClick: this.pointClick.bind(this),
                   tooltip: this.tooltip,
                   currencyCode: this.currencyCode,
                   tooltipRender: this.tooltipRender.bind(this),
@@ -18480,13 +18593,20 @@
                   series: series
               }, this._elementRef.nativeElement);
       };
+      CubeAccumAnalysisWidget.prototype.pointClick = function (evt) {
+          var axes = {};
+          var x = evt.series.dataSource[evt.pointIndex].x.split(AXES_CODE_DIVIDER);
+          for (var i = 0; i < this.xAxis.length; i++)
+              axes[this.xAxis[i]] = x[i];
+          this.explore(axes);
+      };
       CubeAccumAnalysisWidget.prototype.ngOnDestroy = function () {
           this.chart && this.chart.destroy();
           _super.prototype.ngOnDestroy.call(this);
       };
       return CubeAccumAnalysisWidget;
   }(CubeAnalysisBase));
-  CubeAccumAnalysisWidget.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeAccumAnalysisWidget, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CubeAccumAnalysisWidget.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeAccumAnalysisWidget, deps: [{ token: WidgetRef }, { token: CubeInfo }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CubeAccumAnalysisWidget.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeAccumAnalysisWidget, decorators: [{
               type: i0.Component,
@@ -18499,14 +18619,14 @@
                           dir: 'ltr'
                       }
                   }]
-          }], ctorParameters: function () { return [{ type: WidgetRef }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: i0__namespace.ElementRef }]; } });
+          }], ctorParameters: function () { return [{ type: WidgetRef }, { type: CubeInfo }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: i0__namespace.ElementRef }]; } });
 
   i7$5.Chart.Inject(i7$5.DateTime, i7$5.BarSeries, i7$5.AreaSeries, i7$5.BubbleSeries, i7$5.ColumnSeries, i7$5.LineSeries, i7$5.PolarSeries, i7$5.RadarSeries, i7$5.SplineSeries, i7$5.SplineAreaSeries, i7$5.ScatterSeries, i7$5.StackingLineSeries, i7$5.StackingAreaSeries, i7$5.StackingColumnSeries, i7$5.StackingBarSeries, i7$5.StepAreaSeries, i7$5.StepLineSeries);
   /** statistics component*/
   var CubeChartAnalysisWidget = /** @class */ (function (_super) {
       __extends(CubeChartAnalysisWidget, _super);
-      function CubeChartAnalysisWidget(ref, session, ds, cube, _elementRef, _translate) {
-          var _this = _super.call(this, ref, session, ds, cube) || this;
+      function CubeChartAnalysisWidget(ref, session, ds, cube, info, _elementRef, _translate) {
+          var _this = _super.call(this, ref, info, session, ds, cube) || this;
           _this._elementRef = _elementRef;
           _this._translate = _translate;
           _this.type = _this._options.chartType || 'Column';
@@ -18546,12 +18666,14 @@
       }
       CubeChartAnalysisWidget.prototype.onLoad = function (data) {
           var _this = this;
-          this.series = data.map(function (s) {
+          var series = data.map(function (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
                       },
@@ -18567,7 +18689,7 @@
                   };
           });
           this.chart && this.chart.destroy();
-          if (data.entries.length || this.series.length > 1)
+          if (series.length)
               this.chart = new i7$5.Chart({
                   width: '100%',
                   height: this.height,
@@ -18578,16 +18700,27 @@
                   primaryXAxis: this.primaryXAxis,
                   primaryYAxis: this.primaryYAxis,
                   tooltip: this.tooltip,
-                  //tooltipRender: this.tooltipRender.bind(this),
                   palettes: this.palettes,
                   currencyCode: this.currencyCode,
-                  series: this.series,
+                  series: series,
+                  pointClick: this.pointClick.bind(this),
                   legendSettings: {
                       isInversed: this._session.inverse,
-                      visible: this.series.length > 1
+                      visible: series.length > 1
                   }
               }, this._elementRef.nativeElement);
       };
+      CubeChartAnalysisWidget.prototype.pointClick = function (evt) {
+          var axes = {}, serie = this._data[evt.seriesIndex], type = serie.type, name = serie.name, points = serie.points;
+          if (this.series.length && type !== 'Index')
+              for (var i = 0; i < this.series.length; i++)
+                  axes[this.series[i]] = name.split(AXES_CODE_DIVIDER)[i];
+          for (var i = 0; i < this.xAxis.length; i++) {
+              var x = points[evt.pointIndex].x;
+              axes[this.xAxis[i]] = x.split(AXES_CODE_DIVIDER)[i];
+          }
+          this.explore(axes, { index: type === 'Index' ? name : null });
+      };
       CubeChartAnalysisWidget.prototype.onThemeChange = function () {
           this.onBind(this._data);
       };
@@ -18609,7 +18742,7 @@
       };
       return CubeChartAnalysisWidget;
   }(CubeAnalysisBase));
-  CubeChartAnalysisWidget.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeChartAnalysisWidget, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: i0__namespace.ElementRef }, { token: TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CubeChartAnalysisWidget.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeChartAnalysisWidget, deps: [{ token: WidgetRef }, { token: SessionService }, { token: DatasourceService }, { token: CubeService }, { token: CubeInfo }, { token: i0__namespace.ElementRef }, { token: TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CubeChartAnalysisWidget.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeChartAnalysisWidget, decorators: [{
               type: i0.Component,
@@ -18622,7 +18755,7 @@
                           dir: 'ltr'
                       }
                   }]
-          }], ctorParameters: function () { return [{ type: WidgetRef }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: i0__namespace.ElementRef }, { type: TranslateService }]; } });
+          }], ctorParameters: function () { return [{ type: WidgetRef }, { type: SessionService }, { type: DatasourceService }, { type: CubeService }, { type: CubeInfo }, { type: i0__namespace.ElementRef }, { type: TranslateService }]; } });
 
   exports.CubeAnalysisWidget = /** @class */ (function () {
       function CubeAnalysisWidget(_ref, _resolver, _injector, _vc) {
@@ -19212,7 +19345,9 @@
           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;
@@ -20836,8 +20971,9 @@
           }] });
 
   var AppHttpInterceptor = /** @class */ (function () {
-      function AppHttpInterceptor(baseUrl, _session, _messaging) {
+      function AppHttpInterceptor(baseUrl, _session, _auth, _messaging) {
           this._session = _session;
+          this._auth = _auth;
           this._messaging = _messaging;
           this._ongoing = new rxjs.Subject();
           this.active$ = this._ongoing.asObservable().pipe(operators.map(function (c) { return c > 0; }));
@@ -20852,27 +20988,31 @@
       }
       AppHttpInterceptor.prototype.intercept = function (req, next) {
           var _this = this;
-          var url = this._baseUrl + req.url;
+          var url = this._baseUrl + req.url, connectionId = this._messaging.connectionId, headers = {
+              'accept-language': this._session.language,
+          };
+          if (connectionId)
+              headers['connection-id'] = connectionId;
+          var accessToken = this._auth.getAccessToken();
+          if (accessToken)
+              headers['Authorization'] = "Bearer " + accessToken;
           var request = req.clone({
-              setHeaders: {
-                  'accept-language': this._session.language,
-                  'connection-id': this._messaging.connectionId || ''
-              },
+              setHeaders: headers,
               url: url
           });
-          var observe = next.handle(request).pipe(operators.catchError(function (e) {
-              return rxjs.throwError(e);
-          }));
-          if (!req.headers.has('no-progress')) {
+          var noprogress = req.headers.has('no-progress');
+          if (!noprogress) {
               this._ongoing.next(1);
-              return observe.pipe(operators.tap(function (event) { return event instanceof i1.HttpResponse
+              return next.handle(request)
+                  .pipe(operators.tap(function (event) { return event instanceof i1.HttpResponse
                   && _this._ongoing.next(0); }, function () { return _this._ongoing.next(0); }));
           }
-          return observe;
+          else
+              return next.handle(request);
       };
       return AppHttpInterceptor;
   }());
-  AppHttpInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AppHttpInterceptor, deps: [{ token: 'BASE_URL', optional: true }, { token: SessionService }, { token: HubService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  AppHttpInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AppHttpInterceptor, deps: [{ token: 'BASE_URL', optional: true }, { token: SessionService }, { token: AuthenticationImpl }, { token: HubService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   AppHttpInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AppHttpInterceptor, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AppHttpInterceptor, decorators: [{
               type: i0.Injectable,
@@ -20883,7 +21023,7 @@
                           args: ['BASE_URL']
                       }, {
                           type: i0.Optional
-                      }] }, { type: SessionService }, { type: HubService }];
+                      }] }, { type: SessionService }, { type: AuthenticationImpl }, { type: HubService }];
       } });
 
   /** sign component*/
@@ -20898,10 +21038,19 @@
       QuickSignComponent.prototype.signOut = function () {
           var _this = this;
           this._popupRef.close();
-          this._ps.ask('SignOutAsk', 'SignOut', { ok: 'Yes', cancel: 'No' }).subscribe(function (ok) { return ok && _this._auth.signOut().subscribe(function () {
+          var task = function () {
               _this._ps.mask('Goodbye');
               location.assign('/');
-          }); });
+          };
+          this._ps.ask('SignOutAsk', 'SignOut', { ok: 'Yes', cancel: 'No' }).subscribe(function (ok) {
+              if (ok) {
+                  if (_this._auth.signOut)
+                      _this._auth.signOut().
+                          then(task);
+                  else
+                      task();
+              }
+          });
       };
       QuickSignComponent.prototype.impersonate = function () {
           var _this = this;
@@ -21426,7 +21575,7 @@
       return QuickNotificationsComponent;
   }(NotificationsComponentBase));
   QuickNotificationsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: QuickNotificationsComponent, deps: [{ token: PopupRef }, { token: PanesRouter }, { token: NotificationsService }, { token: SessionService }, { token: i0__namespace.Injector }, { token: OptionsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  QuickNotificationsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0__namespace, 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__namespace$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2__namespace$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i7__namespace.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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9__namespace$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i6__namespace$1.MatLine, selector: "[mat-line], [matLine]" }, { type: i12__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9__namespace$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9__namespace$2.MatMenuContent, selector: "ng-template[matMenuContent]" }], pipes: { "slice": i10__namespace.SlicePipe, "sort": ArraySortPipe, "amCalendar": i14__namespace.CalendarPipe, "amTimeAgo": i14__namespace.TimeAgoPipe, "translate": TranslatePipe, "async": i10__namespace.AsyncPipe } });
+  QuickNotificationsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: QuickNotificationsComponent, selector: "bizdoc-notifications", usesInheritance: true, ngImport: i0__namespace, 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__namespace$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i2__namespace$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i7__namespace.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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9__namespace$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i6__namespace$1.MatLine, selector: "[mat-line], [matLine]" }, { type: i12__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9__namespace$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9__namespace$2.MatMenuContent, selector: "ng-template[matMenuContent]" }], pipes: { "slice": i10__namespace.SlicePipe, "sort": ArraySortPipe, "amCalendar": i14__namespace.CalendarPipe, "amTimeAgo": i14__namespace.TimeAgoPipe, "translate": TranslatePipe, "async": i10__namespace.AsyncPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: QuickNotificationsComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -22943,7 +23092,6 @@
   var REVISIT_TAB_REFRESH = 10000;
   var BizDocApp = /** @class */ (function () {
       function BizDocApp(_signIn, _vc, _cfr, _session, _messaging) {
-          var _this = this;
           this._signIn = _signIn;
           this._vc = _vc;
           this._cfr = _cfr;
@@ -22957,8 +23105,13 @@
               document.dir = doc.dir = body.dir = this.dir = 'rtl';
               ej2Base.enableRtl();
           }
-          this._session.refresh().subscribe(this._initialize.bind(this), function () { return _this._signIn.pop().subscribe(_this._initialize.bind(_this)); });
+          this._connect();
       }
+      BizDocApp.prototype._connect = function () {
+          var _this = this;
+          this._session.refresh().subscribe(this._initialize.bind(this), function () { return _this._signIn.pop().
+              subscribe(_this._connect.bind(_this)); });
+      };
       BizDocApp.prototype._initialize = function () {
           var _this = this;
           if (isMobile()) {
@@ -23623,99 +23776,6 @@
                   args: [i0.TemplateRef, { static: true }]
               }] } });
 
-  /** opens cube preview and explore */
-  var CubeInfo = /** @class */ (function () {
-      function CubeInfo(_session, _service, _router, _popup, _cf) {
-          this._session = _session;
-          this._service = _service;
-          this._router = _router;
-          this._popup = _popup;
-          this._cf = _cf;
-      }
-      CubeInfo.prototype.navigate = function (axes, options) {
-          var _a = options || {}, cube = _a.cube, view = _a.view, serie = _a.serie, xAxis = _a.xAxis, filters = _a.filters, aggregate = _a.aggregate, indices = _a.indices, sum = _a.sum;
-          var ccube = cube ? this._session.profile.cubes.find(function (c) { return 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: indices, aggregate: aggregate, filters: filters, sum: sum }
-              });
-          }
-      };
-      /**
-       *
-       * @param axes
-       * @param options
-       */
-      CubeInfo.prototype.open = function (axes, element, options) {
-          var cube = options && options.cube ? this._session.profile.cubes.find(function (c) { return c.name === options.cube; }) : this._session.profile.cubes[0];
-          var template = cube.template;
-          if (isArray(axes))
-              axes = this._mapAxes(cube, axes);
-          if (template) {
-              var comp = this._cf.component(template);
-              this._open(comp, element, {
-                  axes: axes,
-                  options: options
-              });
-          }
-          else {
-              if (!options)
-                  throw 'no options';
-              this._open(CubeInfoComponent, element, {
-                  axes: axes,
-                  options: options
-              });
-          }
-      };
-      /**
-       *
-       * @param axes
-       * @param options
-       */
-      CubeInfo.prototype.explore = function (axes, options) {
-          var _a = options || {}, index = _a.index, base = _a.base, name = _a.cube, scope = _a.scope;
-          var cube = name ? this._session.profile.cubes.find(function (c) { return 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: index,
-                  scope: scope
-              }
-          });
-      };
-      /**
-       * axes as map
-       * @param cube
-       * @param axes
-       */
-      CubeInfo.prototype._mapAxes = function (cube, axes) {
-          var filters = {};
-          axes.forEach(function (a, i) { return a && (filters[cube.axes[i].name] = a); });
-          return filters;
-      };
-      CubeInfo.prototype._open = function (comp, element, data) {
-          this._popup.open(comp, element, {
-              data: data
-          });
-      };
-      return CubeInfo;
-  }());
-  CubeInfo.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeInfo, deps: [{ token: SessionService }, { token: CubeService }, { token: RouterImpl }, { token: Popup }, { token: BizDocComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  CubeInfo.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeInfo });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CubeInfo, decorators: [{
-              type: i0.Injectable
-          }], ctorParameters: function () { return [{ type: SessionService }, { type: CubeService }, { type: RouterImpl }, { type: Popup }, { type: BizDocComponentFactoryResolver }]; } });
-
   var COMBINATION_PICKER_BODY = new i0.InjectionToken('combination_body');
   /** */
   var CombinationPickerBody = /** @class */ (function () {
@@ -23838,7 +23898,7 @@
           var defaults = (this._data.exploreSettings || {}).defaults;
           var axes = Object.assign({}, defaults);
           codes.slice(0, this._axes.length).forEach(function (a, i) { return 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();
@@ -24982,11 +25042,28 @@
   var SharedModule = /** @class */ (function () {
       function SharedModule() {
       }
-      SharedModule.forChild = function () {
+      SharedModule.forChild = function (config) {
+          var _a = config || {}, formats = _a.formats, maps = _a.maps;
           registerComponents(CORE_COMPONENTS);
+          var providers = [{
+                  provide: RouterImpl, useClass: !config || !config.routing || config.routing === 'ng' ? NgRouter : PaneRouter
+              },
+              {
+                  provide: i6.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: providers
           };
       };
       return SharedModule;
@@ -25096,9 +25173,6 @@
           GuideService, OptionsService,
           BizDocComponentFactoryResolver, PromptService, TranslateService,
           i2$2.ToolbarService, i2$2.HtmlEditorService,
-          {
-              provide: RouterImpl, useClass: isMobile() ? NgRouter : PaneRouter
-          },
           { provide: i1.HTTP_INTERCEPTORS, useClass: AppHttpInterceptor, multi: true },
           { provide: i0.APP_INITIALIZER, useFactory: TranslateProviderFactory, deps: [TranslateService], multi: true },
       ], imports: [[
@@ -25211,9 +25285,6 @@
                           GuideService, OptionsService,
                           BizDocComponentFactoryResolver, PromptService, TranslateService,
                           i2$2.ToolbarService, i2$2.HtmlEditorService,
-                          {
-                              provide: RouterImpl, useClass: isMobile() ? NgRouter : PaneRouter
-                          },
                           { provide: i1.HTTP_INTERCEPTORS, useClass: AppHttpInterceptor, multi: true },
                           { provide: i0.APP_INITIALIZER, useFactory: TranslateProviderFactory, deps: [TranslateService], multi: true },
                       ],
@@ -27620,7 +27691,7 @@
       function SystemModule() {
       }
       SystemModule.forChild = function () {
-          SYSTEM_COMPONENTS.forEach(function (c) { return REGISTRY[c['__bizdoc']] = c; });
+          registerComponents(SYSTEM_COMPONENTS);
           return {
               ngModule: SystemModule,
               providers: []
@@ -27889,58 +27960,18 @@
                   }]
           }] });
 
-  var OktaHttpInterceptor = /** @class */ (function () {
-      function OktaHttpInterceptor(_okta) {
-          this._okta = _okta;
-      }
-      OktaHttpInterceptor.prototype._isAuthenticated = function () {
-          return rxjs.from(this._okta.oktaAuth.isAuthenticated());
-      };
-      OktaHttpInterceptor.prototype.intercept = function (req, next) {
-          var _this = this;
-          return this._isAuthenticated()
-              .pipe(rxjs.switchMap(function (isAuthenticated) {
-              if (!isAuthenticated)
-                  return next.handle(req);
-              var accessToken = _this._okta.oktaAuth.getAccessToken();
-              req = req.clone({
-                  setHeaders: {
-                      Authorization: "Bearer " + accessToken
-                  }
-              });
-              return next.handle(req);
-          }));
-      };
-      return OktaHttpInterceptor;
-  }());
-  OktaHttpInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaHttpInterceptor, deps: [{ token: oktaAngular.OKTA_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  OktaHttpInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaHttpInterceptor, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaHttpInterceptor, decorators: [{
-              type: i0.Injectable,
-              args: [{ providedIn: 'root' }]
-          }], ctorParameters: function () {
-          return [{ type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: [oktaAngular.OKTA_CONFIG]
-                      }] }];
-      } });
-
   var BizDocModule = /** @class */ (function () {
       function BizDocModule() {
       }
-      BizDocModule.forChild = function (config) {
-          var components = (config || {}).components;
-          components && registerComponents(components);
-          return {
-              ngModule: BizDocModule,
-              providers: []
-          };
-      };
       BizDocModule.forRoot = function (config) {
-          var formats = config.formats, routes = config.routes, components = config.components, okta = config.okta;
+          var formats = config.formats, routes = config.routes, components = config.components, okta = config.okta, baseUrl = config.baseUrl;
           registerComponents(components);
           var providers = [
               { provide: PANES_DATA, useValue: PANES_CONFIG.concat(routes || []) },
+              {
+                  provide: BIZDOC_CONFIG,
+                  useValue: config
+              },
               {
                   provide: i6.MAT_DATE_FORMATS, useValue: {
                       parse: {
@@ -27954,10 +27985,6 @@
                       }
                   }
               },
-              {
-                  provide: BIZDOC_CONFIG,
-                  useValue: config
-              }
           ];
           if (okta) {
               providers.push({
@@ -27971,15 +27998,19 @@
                       }),
                   }
               });
-              providers.push({ provide: i1.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: providers
@@ -28003,7 +28034,7 @@
               MobileModule,
               DesktopModule,
               SystemModule.forChild(),
-              SharedModule.forChild()
+              SharedModule.forChild({ routing: isMobile() ? 'ng' : 'pane' })
           ], SharedModule,
           MaterialModule] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: BizDocModule, decorators: [{
@@ -28022,7 +28053,7 @@
                           MobileModule,
                           DesktopModule,
                           SystemModule.forChild(),
-                          SharedModule.forChild()
+                          SharedModule.forChild({ routing: isMobile() ? 'ng' : 'pane' })
                       ],
                       exports: [
                           SharedModule,
@@ -28031,6 +28062,42 @@
                   }]
           }] });
 
+  var OktaHttpInterceptor = /** @class */ (function () {
+      function OktaHttpInterceptor(_okta) {
+          this._okta = _okta;
+      }
+      OktaHttpInterceptor.prototype._isAuthenticated = function () {
+          return rxjs.from(this._okta.oktaAuth.isAuthenticated());
+      };
+      OktaHttpInterceptor.prototype.intercept = function (req, next) {
+          var _this = this;
+          return this._isAuthenticated()
+              .pipe(rxjs.switchMap(function (isAuthenticated) {
+              if (!isAuthenticated)
+                  return next.handle(req);
+              var accessToken = _this._okta.oktaAuth.getAccessToken();
+              req = req.clone({
+                  setHeaders: {
+                      Authorization: "Bearer " + accessToken
+                  }
+              });
+              return next.handle(req);
+          }));
+      };
+      return OktaHttpInterceptor;
+  }());
+  OktaHttpInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaHttpInterceptor, deps: [{ token: oktaAngular.OKTA_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  OktaHttpInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaHttpInterceptor, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OktaHttpInterceptor, decorators: [{
+              type: i0.Injectable,
+              args: [{ providedIn: 'root' }]
+          }], ctorParameters: function () {
+          return [{ type: undefined, decorators: [{
+                          type: i0.Inject,
+                          args: [oktaAngular.OKTA_CONFIG]
+                      }] }];
+      } });
+
   /**
    * Generated bundle index. Do not edit.
    */
@@ -28045,6 +28112,7 @@
   exports.ArraySortPipe = ArraySortPipe;
   exports.AttachmentInfo = AttachmentInfo;
   exports.AttachmentPreview = AttachmentPreview;
+  exports.AuthenticationImpl = AuthenticationImpl;
   exports.AvatarComponent = AvatarComponent;
   exports.BIZDOC_CONFIG = BIZDOC_CONFIG;
   exports.BizDoc = BizDoc;
@@ -28089,6 +28157,7 @@
   exports.FadeSlideInOut = FadeSlideInOut;
   exports.FilterPipe = FilterPipe;
   exports.FlowViewComponent = FlowViewComponent;
+  exports.FormAuthentication = FormAuthentication;
   exports.FormPipe = FormPipe;
   exports.FormRef = FormRef;
   exports.GuideService = GuideService;
@@ -28105,6 +28174,7 @@
   exports.NavigationStart = NavigationStart;
   exports.NgxComponentOutlet = NgxComponentOutlet;
   exports.NotificationsTableComponent = NotificationsTableComponent;
+  exports.OktaAuthentication = OktaAuthentication;
   exports.OktaHttpInterceptor = OktaHttpInterceptor;
   exports.POPUP_DATA = POPUP_DATA;
   exports.PaneRef = PaneRef;