@bizdoc/core 1.17.7 → 1.17.9

package/fesm2015/bizdoc-core.mjs

@@ -983,11 +983,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 
 const EXCEL_ICON = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38,8H19.3335A2.33373,2.33373,0,0,0,17,10.3335V20H38Z" fill="#21a366"/><path d="M56.6665,8H38V20H59V10.3335A2.33373,2.33373,0,0,0,56.6665,8Z" fill="#33c481"/><rect x="38" y="32" width="21" height="12" fill="#107c41"/><path d="M38,44V32H17V53.6665A2.33373,2.33373,0,0,0,19.3335,56h37.333A2.33373,2.33373,0,0,0,59,53.6665V44Z" fill="#185c37"/><rect x="17" y="20" width="21" height="12" fill="#107c41"/><rect x="38" y="20" width="21" height="12" fill="#21a366"/><path d="M33,20.33008V46.66992a1.73444,1.73444,0,0,1-.04.3999A2.31378,2.31378,0,0,1,30.66992,49H17V18H30.66992A2.326,2.326,0,0,1,33,20.33008Z" opacity="0.2"/><path d="M34,20.33008V44.66992A3.36171,3.36171,0,0,1,30.66992,48H17V17H30.66992A3.34177,3.34177,0,0,1,34,20.33008Z" opacity="0.1"/><path d="M33,20.33008V44.66992A2.326,2.326,0,0,1,30.66992,47H17V18H30.66992A2.326,2.326,0,0,1,33,20.33008Z" opacity="0.2"/><path d="M32,20.33008V44.66992A2.326,2.326,0,0,1,29.66992,47H17V18H29.66992A2.326,2.326,0,0,1,32,20.33008Z" opacity="0.1"/><rect x="4" y="18.00002" width="27.99996" height="27.99996" rx="2.33333" fill="#107c41"/><path d="M11.2256,39.5835l4.90759-7.60465-4.4951-7.56235h3.61724l2.45379,4.83356q.33839.68763.46538,1.02594h.03173q.24318-.54984.50768-1.06825l2.623-4.79125H24.658l-4.61145,7.52,4.72779,7.647H21.24174L18.40718,34.274a4.43255,4.43255,0,0,1-.33845-.70864h-.04231a3.345,3.345,0,0,1-.32788.68749L14.77937,39.5835Z" fill="#fff"/></svg>', WORD_ICON = '<svg viewBox="0 0 560 400" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero"><path d="m380.829 103.753h-146.659c-5.028 0-9.165 4.137-9.165 9.165v38.959l82.498 24.062 82.497-24.062v-38.959c0-5.028-4.137-9.165-9.164-9.165z" fill="#41a5ee"/><path d="m389.993 151.877h-164.994v48.123l82.497 24.062 82.497-24.062z" fill="#2b7cd3"/><path d="m389.993 200h-164.994v48.124l82.497 24.061 82.497-24.061z" fill="#185abd"/><path d="m389.993 248.124h-164.994v38.959c0 5.027 4.136 9.164 9.163 9.164h146.66c5.027 0 9.164-4.137 9.164-9.164z" fill="#103f91"/><path d="m284.582 138.127h-59.583v130.621h59.583c5.022-.015 9.149-4.143 9.164-9.164v-112.286c-.015-5.021-4.142-9.149-9.164-9.164z" fill-opacity=".098039"/><path d="m277.708 145.002h-52.709v130.621h52.709c5.021-.015 9.149-4.143 9.163-9.165v-112.285c-.014-5.021-4.142-9.149-9.163-9.164zm0 0h-52.709v116.871h52.709c5.021-.015 9.149-4.143 9.163-9.164v-98.536c-.014-5.021-4.142-9.149-9.163-9.164zm-6.875 0h-45.834v116.871h45.834c5.021-.015 9.149-4.143 9.163-9.164v-98.536c-.014-5.021-4.142-9.149-9.163-9.164z" fill-opacity=".2"/><path d="m179.164 145.002h91.661c5.028 0 9.165 4.136 9.165 9.164v91.662c0 5.027-4.137 9.163-9.165 9.163h-91.661c-5.027 0-9.164-4.136-9.164-9.163v-91.662c0-5.028 4.137-9.164 9.164-9.164z" fill="#185abd"/><path d="m252.154 234.374h-12.375l-14.437-47.436-15.125 47.436h-12.374l-13.75-68.748h12.375l9.624 48.123 14.438-46.748h10.312l13.75 46.748 9.624-48.123h11.687z" fill="#fff"/></g><path d="m170 90.004h219.993v219.993h-219.993z" fill="none"/></svg>', POWERPOINT_ICON = '<svg viewBox="-0.12979372698077785 0 32.152389301176754 32" xmlns="http://www.w3.org/2000/svg" width="2500" height="2478"><path d="M18 2A14.041 14.041 0 0 0 4 16l17.737 3.737z" fill="#ed6c47"/><path d="M18 2a14.041 14.041 0 0 1 14 14l-7 4.758L18 16z" fill="#ff8f6b"/><path d="M18 30a14.041 14.041 0 0 0 14-14H4a14.041 14.041 0 0 0 14 14z" fill="#d35230"/><path d="M16.666 7h-9.36a13.914 13.914 0 0 0 .93 19h8.43A1.337 1.337 0 0 0 18 24.667V8.333A1.337 1.337 0 0 0 16.666 7z" opacity=".1"/><path d="M15.666 8H6.54a13.906 13.906 0 0 0 2.845 19h6.282A1.337 1.337 0 0 0 17 25.667V9.333A1.337 1.337 0 0 0 15.666 8z" opacity=".2"/><path d="M15.666 8H6.54a13.89 13.89 0 0 0 .766 17h8.361A1.337 1.337 0 0 0 17 23.667V9.333A1.337 1.337 0 0 0 15.666 8z" opacity=".2"/><path d="M14.666 8H6.54a13.89 13.89 0 0 0 .766 17h7.361A1.337 1.337 0 0 0 16 23.667V9.333A1.337 1.337 0 0 0 14.666 8z" opacity=".2"/><path d="M1.333 8h13.334A1.333 1.333 0 0 1 16 9.333v13.334A1.333 1.333 0 0 1 14.667 24H1.333A1.333 1.333 0 0 1 0 22.667V9.333A1.333 1.333 0 0 1 1.333 8z" fill="#c43e1c"/><path d="M7.997 11a4.168 4.168 0 0 1 2.755.805 2.878 2.878 0 0 1 .956 2.331 2.726 2.726 0 0 1-.473 1.588 3.164 3.164 0 0 1-1.344 1.186 4.57 4.57 0 0 1-2.02.424h-1.91V21H4V11zM5.96 15.683h1.687a2.194 2.194 0 0 0 1.492-.444 1.107 1.107 0 0 0 .504-1.026q0-1.659-1.933-1.659H5.96z" fill="#f9f7f7"/><path d="M0 0h32v32H0z" fill="none"/></svg>', PDF_ICON = '<svg version="1.1" viewBox="0 0 14 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.04589 0 0 .04589 -.66877 -.73379)"><polygon points="51.791 356.65 51.791 23.99 204.5 23.99 282.65 102.07 282.65 356.65" fill="#fff" stroke-width="212.65"/><path d="m201.19 31.99 73.46 73.393v243.26h-214.86v-316.66h141.4m6.623-16h-164.02v348.66h246.85v-265.9z" stroke-width="21.791"/></g><g transform="matrix(.04589 0 0 .04589 -.66877 -.73379)"><polygon points="282.65 356.65 51.791 356.65 51.791 23.99 204.5 23.99 206.31 25.8 206.31 100.33 280.9 100.33 282.65 102.07" fill="#fff" stroke-width="212.65"/><path d="m198.31 31.99v76.337h76.337v240.32h-214.86v-316.66h138.52m9.5-16h-164.02v348.66h246.85v-265.9l-6.43-6.424h-69.907v-69.842z" stroke-width="21.791"/></g><g transform="matrix(.04589 0 0 .04589 -.66877 -.73379)" stroke-width="21.791"><polygon points="258.31 87.75 219.64 87.75 219.64 48.667 258.31 86.38"/>		<path d="m227.64 67.646 12.41 12.104h-12.41v-12.104m-5.002-27.229h-10.998v55.333h54.666v-12.742z"/></g><g transform="matrix(.04589 0 0 .04589 -.66877 -.73379)" fill="#ed1c24" stroke-width="212.65"><polygon points="311.89 284.49 22.544 284.49 22.544 167.68 37.291 152.94 37.291 171.49 297.15 171.49 297.15 152.94 311.89 167.68"/><path d="m303.65 168.63 1.747 1.747v107.62h-276.35v-107.62l1.747-1.747v9.362h272.85v-9.362m-12.999-31.385v27.747h-246.86v-27.747l-27.747 27.747v126h302.35v-126z"/></g><rect x="1.7219" y="7.9544" width="10.684" height="4.0307" fill="none"/><g transform="matrix(.04589 0 0 .04589 1.7219 11.733)" fill="#fff" stroke-width="21.791" aria-label="PDF"><path d="m9.216 0v-83.2h30.464q6.784 0 12.928 1.408 6.144 1.28 10.752 4.608 4.608 3.2 7.296 8.576 2.816 5.248 2.816 13.056 0 7.68-2.816 13.184-2.688 5.504-7.296 9.088-4.608 3.456-10.624 5.248-6.016 1.664-12.544 1.664h-8.96v26.368zm22.016-43.776h7.936q6.528 0 9.6-3.072 3.2-3.072 3.2-8.704t-3.456-7.936-9.856-2.304h-7.424z"/><path d="m87.04 0v-83.2h24.576q9.472 0 17.28 2.304 7.936 2.304 13.568 7.296t8.704 12.8q3.2 7.808 3.2 18.816t-3.072 18.944-8.704 13.056q-5.504 5.12-13.184 7.552-7.552 2.432-16.512 2.432zm22.016-17.664h1.28q4.48 0 8.448-1.024 3.968-1.152 6.784-3.84 2.944-2.688 4.608-7.424t1.664-12.032-1.664-11.904-4.608-7.168q-2.816-2.56-6.784-3.456-3.968-1.024-8.448-1.024h-1.28z"/><path d="m169.22 0v-83.2h54.272v18.432h-32.256v15.872h27.648v18.432h-27.648v30.464z"/></g></svg>';
 const THEMES = [
-    { name: 'default', primary: 'purple', color: 'purple', accent: 'amber' },
-    { name: 'indigo', primary: 'indigo', color: '#3f51b5', accent: 'pink' },
-    { name: 'green', primary: 'green', color: '#4CAF50', accent: 'amber' },
-    { name: 'dark', primary: 'deepPurple', color: '#404041', accent: 'amber', dark: true },
-    { name: 'brown', primary: 'brown', color: '#795548', accent: 'grey' }
+    { name: 'default', primary: 'purple', color: 'purple', accent: 'amber', title: 'PurpleTheme' },
+    { name: 'indigo', primary: 'indigo', color: '#3f51b5', accent: 'pink', title: 'IndigoTheme' },
+    { name: 'green', primary: 'green', color: '#4CAF50', accent: 'amber', title: 'GreenTheme' },
+    { name: 'dark', primary: 'deepPurple', color: '#404041', accent: 'amber', dark: true, title: 'DeepTheme' },
+    { name: 'brown', primary: 'brown', color: '#795548', accent: 'grey', title: 'GrayTheme' }
 ];
 const SUPPORTED_LANGUAGES = ['en', 'he', 'de', 'ar', 'ru'], RTL_LANGUALGES = ['he', 'ar'];
 function SessionProviderFactory(provider) {
@@ -1035,6 +1035,9 @@ class SessionService {
     getAccent(mode = 500) {
         return MATERIAL_PALETTES[this.theme.accent][mode];
     }
+    getGrey(mode = 500) {
+        return MATERIAL_PALETTES['grey'][mode];
+    }
     getPrimery(mode = 500) {
         return MATERIAL_PALETTES[this.theme.primary][mode];
     }
@@ -4717,9 +4720,13 @@ class MailboxService {
             folder.count++;
         });
     }
-    formatDownloadUrl(documentId, fileId, inline) {
+    formatDownloadUrl(documentId, fileId) {
+        let url = `/api/attachments/${documentId}/${fileId}`;
         const token = this._auth.getAccessToken();
-        return `/api/attachments/${documentId}/${fileId}?access_token=${token}&inline=${inline ? true : false}`;
+        if (token)
+            url +=
+                `?access_token=${token}`;
+        return url;
     }
     download(documentId, fileId) {
         //new Observable<any>(observe => {
@@ -5106,7 +5113,9 @@ class AttachmentPreview {
         this._afterClosed = new Subject();
         this.dir = _directionality.value;
         this.isImage = isImage(this.data.file.contentType);
-        this.objectData = sanitizer.bypassSecurityTrustResourceUrl(this._url(true));
+        let url = this._url();
+        url += (url.indexOf('?') > 0 ? '&' : '?') + 'inline=true';
+        this.objectData = sanitizer.bypassSecurityTrustResourceUrl(url);
         this.beforeClose().subscribe(() => this.slideDown = 'leave');
     }
     resize() {
@@ -5124,8 +5133,8 @@ class AttachmentPreview {
     download() {
         location.assign(this._url());
     }
-    _url(inline) {
-        return this._service.formatDownloadUrl(this.data.documentId, this.data.file.id, inline);
+    _url() {
+        return this._service.formatDownloadUrl(this.data.documentId, this.data.file.id);
     }
     rotate() {
         const elem = (this.isImage ? this.img : this.obj).nativeElement;
@@ -7383,7 +7392,7 @@ class PaneRef {
     constructor(component, injector, _options) {
         this.component = component;
         this._options = _options;
-        this._comm$ = new Subject();
+        this._command$ = new Subject();
         /** */
         this._data$ = new BehaviorSubject({});
         this._params$ = new BehaviorSubject({});
@@ -7415,15 +7424,15 @@ class PaneRef {
     get fullPath() { return (this._path || '') + (this._queryString ? (QUERY_CHAR + this._queryString) : ''); }
     get instance() { return this._instance; }
     get data() { return this._data$.value; }
-    dataChange() { return this._data$.asObservable(); }
     get params() { return this._params$.value; }
-    paramsChange() { return this._params$.asObservable(); }
     get queryString() { return this._queryString; }
     get queryParams() { return this._queryParams$.value; }
+    paramsChange() { return this._params$.asObservable(); }
     queryParamsChange() { return this._queryParams$.asObservable(); }
+    dataChange() { return this._data$.asObservable(); }
     resized() { return this._events$.pipe(filter$1(e => e instanceof NavigationResize)); }
     closeing() { return this._events$.pipe(filter$1(e => e instanceof NavigationClose)); }
-    closed() { return this._events$.pipe(filter$1(e => e instanceof NavigationClose), map$1(() => this.value)); }
+    closed() { return this._events$.pipe(filter$1(e => e instanceof NavigationClose), map$1(() => this._value)); }
     expandedChange() { return this._events$.pipe(filter$1(e => e instanceof NavigationExpand), map$1(() => this.expanded)); }
     get path() { return this._path; }
     ;
@@ -7445,20 +7454,20 @@ class PaneRef {
         //  (this.path && pane.path && this.path.startsWith(pane.path));
     }
     recycle() {
-        this._comm$.next('recycle');
+        this._command$.next('recycle');
     }
     focus() {
-        this._comm$.next('focus');
+        this._command$.next('focus');
     }
     close(value) {
-        this.value = value;
-        this._comm$.next('close');
+        this._value = value;
+        this._command$.next('close');
     }
     expand() {
-        this._comm$.next('expand');
+        this._command$.next('expand');
     }
     _destroy() {
-        this._comm$.complete();
+        this._command$.complete();
         this._data$.complete();
         this._params$.complete();
         this._queryParams$.complete();
@@ -10753,11 +10762,12 @@ class CubeChartComponent {
         if (this._cube.yAxis) {
             switch (this._cube.yAxis.type) {
                 case 'Number':
+                case 'Count':
                     this.primaryYAxis.labelFormat = 'n0';
                     break;
-                case 'None':
-                    this.primaryYAxis.maximumLabels = 0;
-                    break;
+                //case 'None':
+                //  this.primaryYAxis.maximumLabels = 0;
+                //  break;
                 default:
                     this.primaryYAxis.labelFormat = 'c0';
                     break;
@@ -10850,7 +10860,7 @@ class CubeChartComponent {
             width: '100%',
             height: this.height,
             crosshair: this.crosshair,
-            enableRtl: this.enableRtl,
+            //enableRtl: this.enableRtl,
             series,
         }, this._elementRef.nativeElement);
     }
@@ -11259,16 +11269,17 @@ class CubePivotComponent {
         this.currencyCode = this._cube.currencyCode;
         this.dir = this.chartType ? 'ltr' : this._session.direction;
         this.formatSettings[0].currency = this.currencyCode;
-        if (this._cube.yAxis)
+        if (this._cube.yAxis) {
             switch (this._cube.yAxis.type) {
                 case 'Number':
-                case 'None':
+                case 'Count':
                     this.formatSettings[0].format = 'n' + this._service.fractionDigits;
                     break;
                 default:
                     this.formatSettings[0].format = (this.currencyCode ? 'c' : 'n') + this._service.fractionDigits;
                     break;
             }
+        }
         else
             this.formatSettings[0].format = (this.currencyCode ? 'c' : 'n') + this._service.fractionDigits;
         if (this.chartType) {
@@ -11929,7 +11940,7 @@ class CubeSpreadsheetComponent {
                     this._filly(y - this._indices.length, y1 - this._indices.length, axes);
                 else
                     this._filly(y, y1, axes);
-                if (x > 1)
+                if (x > 0)
                     this._fillx(x, x1, axes);
             }
         }
@@ -18185,8 +18196,8 @@ class WidgetItemComponent {
     refresh(args) {
         const params = queryParams(args || this.args);
         this._http.put(`/api/dashboard/${encodeURIComponent(this.model.name)}`, params).subscribe(d => {
-            this._instance.onBind(d, args);
             this.args = args;
+            this._instance.onBind(d, args);
         }, () => this._sb.error());
     }
     filter(evt) {
@@ -19026,13 +19037,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
     } });
 
 class AppHttpInterceptor {
-    constructor(baseUrl, _session, _router, _auth, _messaging) {
+    constructor(baseUrl, _session, _auth, _messaging) {
         this._session = _session;
-        this._router = _router;
         this._auth = _auth;
         this._messaging = _messaging;
-        this._ongoing = new Subject();
-        this.active$ = this._ongoing.asObservable().pipe(map(c => c > 0));
+        this._ongoingCounter$ = new Subject();
+        this.active$ = this._ongoingCounter$.asObservable().pipe(map(c => c > 0));
         if (baseUrl) {
             if (baseUrl.endsWith('/'))
                 this._baseUrl = baseUrl.substr(0, baseUrl.length - 1);
@@ -19043,47 +19053,39 @@ class AppHttpInterceptor {
             this._baseUrl = '';
     }
     intercept(req, next) {
-        const forward = () => {
-            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: headers,
-                url
-            });
-            const handle = next.handle(request).pipe(catchError((e) => {
-                if (this._authenticating)
-                    return this._authenticating;
-                else if (e.status === 401) {
-                    //this._session.ok && this._router.navigate(['broken']);
-                    this._authenticating = this._auth.authorize().pipe(switchMap$1(() => {
-                        this._authenticating = null;
-                        //this._session.ok && history.back();
-                        return forward();
-                    }));
-                    return this._authenticating;
-                }
-                else
-                    return throwError(e);
-            }));
-            const noprogress = req.headers.has('no-progress');
-            if (!noprogress) {
-                this._ongoing.next(1);
-                return handle.pipe(tap(event => event instanceof HttpResponse
-                    && this._ongoing.next(0), () => this._ongoing.next(0)));
-            }
-            else
-                return handle;
+        const url = this._baseUrl + req.url, connectionId = this._messaging.connectionId, headers = {
+            'accept-language': this._session.language,
         };
-        return forward();
+        if (connectionId)
+            headers['connection-id'] = connectionId;
+        const accessToken = this._auth.getAccessToken();
+        if (accessToken)
+            headers['Authorization'] = `Bearer ${accessToken}`;
+        const request = req.clone({
+            setHeaders: headers,
+            url
+        });
+        const handle = next.handle(request).pipe(catchError((e) => {
+            if (this._authenticationInProgress$)
+                return this._authenticationInProgress$;
+            else if (e.status === 401)
+                return this._authenticationInProgress$ = this._auth.authorize().pipe(switchMap$1(() => {
+                    this._authenticationInProgress$ = null;
+                    return this.intercept(req, next);
+                }));
+            else
+                return throwError(e);
+        }));
+        if (!req.headers.has('no-progress')) {
+            this._ongoingCounter$.next(1);
+            return handle.pipe(tap(event => event instanceof HttpResponse
+                && this._ongoingCounter$.next(0), () => this._ongoingCounter$.next(0)));
+        }
+        else
+            return handle;
     }
 }
-AppHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AppHttpInterceptor, deps: [{ token: 'BASE_URL', optional: true }, { token: SessionService }, { token: RouterImpl }, { token: AuthenticationImpl }, { token: HubService }], target: i0.ɵɵFactoryTarget.Injectable });
+AppHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", 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: "14.2.7", ngImport: i0, type: AppHttpInterceptor, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AppHttpInterceptor, decorators: [{
             type: Injectable,
@@ -19094,7 +19096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                         args: ['BASE_URL']
                     }, {
                         type: Optional
-                    }] }, { type: SessionService }, { type: RouterImpl }, { type: AuthenticationImpl }, { type: HubService }];
+                    }] }, { type: SessionService }, { type: AuthenticationImpl }, { type: HubService }];
     } });
 
 const TOAST_DURATION = 4000;
@@ -20272,7 +20274,7 @@ class SlotsComponent {
      */
     _constract(component, options) {
         const pane = new PaneRef(component, options.injector || this._injector, options);
-        pane._comm$.subscribe(e => this._paneCommand(e, pane));
+        pane._command$.subscribe(e => this._paneCommand(e, pane));
         return pane;
     }
     /**
@@ -20304,14 +20306,13 @@ class SlotsComponent {
                 this.swapTab = this._getHistoryStep();
                 this.prevGroup = this.group;
             }
-            this.group = tab.group;
         }
         else
             this.swapTab = null;
+        this.group = tab.group;
         if (options.focus !== false) {
             this.selectedTabIndex = this.tabs.length - 1;
         }
-        this._cd.detectChanges();
         return tab;
     }
     guide(name) {
@@ -22783,13 +22784,13 @@ let ChecklistField = class ChecklistField extends OptionsControlField {
     focus() { this.input.focus(); }
 };
 ChecklistField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ChecklistField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ChecklistField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ChecklistField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-label *ngIf=\"label\">{{label |localizedString}}</mat-label>\r\n  <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\r\n    <mat-list-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\r\n  </mat-selection-list>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <ng-container *ngIf=\"control.value\">\r\n    <ng-container *ngFor=\"let o of control.value; index as index\">\r\n      <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      {{optionOf(o)|localizedString}}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4$3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+ChecklistField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ChecklistField, selector: "ng-component", inputs: { params: "params" }, host: { classAttribute: "field" }, viewQueries: [{ propertyName: "input", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-label *ngIf=\"label\">{{label |localizedString}}</mat-label>\r\n  <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\r\n    <mat-list-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\r\n  </mat-selection-list>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <ng-container *ngIf=\"control.value\">\r\n    <ng-container *ngFor=\"let o of control.value; index as index\">\r\n      <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      {{optionOf(o)|localizedString}}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4$3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "pipe", type: LocalizedStringPipe, name: "localizedString" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 ChecklistField = __decorate([
     BizDoc({ selector: 'checklist-control' })
 ], ChecklistField);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ChecklistField, decorators: [{
             type: Component,
-            args: [{ host: { class: 'field' }, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-label *ngIf=\"label\">{{label |localizedString}}</mat-label>\r\n  <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\r\n    <mat-list-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\r\n  </mat-selection-list>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:(label|localizedString)\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <ng-container *ngIf=\"control.value\">\r\n    <ng-container *ngFor=\"let o of control.value; index as index\">\r\n      <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      {{optionOf(o)|localizedString}}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n" }]
+            args: [{ host: { class: 'field' }, template: "<div *ngIf=\"mode==='compose';else view\">\r\n  <mat-label *ngIf=\"label\">{{label |localizedString}}</mat-label>\r\n  <mat-selection-list [formControl]=\"control\" [multiple]=\"multiple\">\r\n    <mat-list-option *ngFor=\"let o of options\" [value]=\"o.key\">{{o.value|localizedString}}</mat-list-option>\r\n  </mat-selection-list>\r\n  <mat-hint *ngIf=\"hint\"> {{ hint |localizedString}}</mat-hint>\r\n  <mat-error *ngIf=\"control.hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:((label|localizedString)||'')\"></mat-error>\r\n</div>\r\n<ng-template #view>\r\n  <ng-container *ngIf=\"control.value\">\r\n    <ng-container *ngFor=\"let o of control.value; index as index\">\r\n      <ng-container *ngIf=\"index>0\">,&nbsp;</ng-container>\r\n      {{optionOf(o)|localizedString}}\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n" }]
         }], propDecorators: { params: [{
                 type: Input
             }], input: [{
@@ -23045,8 +23046,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }] } });
 
 class CubeAnalysisBase {
-    constructor(_ref, _info, _session, _ds, _service) {
-        this._ref = _ref;
+    constructor(ref, _info, _session, _ds, _service) {
+        var _a;
         this._info = _info;
         this._session = _session;
         this._ds = _ds;
@@ -23057,7 +23058,7 @@ class CubeAnalysisBase {
         this._axisTypeMap = {};
         this._intl = new Internationalization();
         this._destroy = new Subject();
-        this._options = _ref.options;
+        this._options = ref.options;
         const { xAxis, series, cube } = this._options;
         this._cube = cube ? this._session.profile.cubes.find(c => c.name === cube) : this._session.profile.cubes[0];
         if (!this._cube)
@@ -23065,13 +23066,14 @@ class CubeAnalysisBase {
         this._xAxis = !xAxis ? [this._cube.axes[0].name] : isArray(xAxis) ? xAxis : [xAxis];
         this._series = !series ? [] : isArray(series) ? series : [series];
         this.currencyCode = this._cube.currencyCode;
+        this.yType = (_a = this._cube.yAxis) === null || _a === void 0 ? void 0 : _a.type;
         this._cube.axes.forEach((a) => this._axisTypeMap[a.name] = a.dataType);
         _session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
             this.theme = t.dark ? 'MaterialDark' : 'Material';
             this.palettes = _session.accentPalette;
             this.onThemeChange();
         });
-        _ref.resize().subscribe(d => {
+        ref.resize().subscribe(d => {
             this.height = `${d.height}px`;
             this.width = `${d.width}px`;
             this._data && this.onResize(d);
@@ -23167,10 +23169,10 @@ class CubeAccumAnalysisWidget extends CubeAnalysisBase {
             font: {
                 size: '14px',
                 fontFamily: FONT_FAMILY,
-                color: cardColor()
+                //color: cardColor()
             }
         };
-        this.legend = {
+        this.legendSettings = {
             isInversed: this._session.inverse,
             visible: false
         };
@@ -23202,6 +23204,7 @@ class CubeAccumAnalysisWidget extends CubeAnalysisBase {
         if (this.chart) {
             // this.chart.height = `${dim.height}px`;
             //this.chart.width = `${dim.width}px`;
+            this.chart.center.y = this._center();
             this.chart.refresh();
         }
     }
@@ -23210,33 +23213,22 @@ class CubeAccumAnalysisWidget extends CubeAnalysisBase {
         if (this.chart) {
             this.chart.theme = this.theme;
             this.chart.series[0].palettes = this.palettes;
-            this.chart.series[0].dataLabel.font.color = cardColor();
+            //this.chart.series[0].dataLabel.font.color = cardColor();
             this.chart.refresh();
         }
     }
     tooltipRender(e) {
         e.text = this._intl.formatNumber(e.point.y, {
             currency: this.currencyCode,
-            format: this.currencyCode ? 'c' : 'n',
+            format: !this.yType || this.yType === 'Currency' ? 'c' : 'n',
             maximumFractionDigits: this._service.fractionDigits
         });
     }
+    _ratio() {
+        const { parentElement } = this._elementRef.nativeElement;
+        return parentElement.clientWidth / parentElement.clientHeight;
+    }
     _draw() {
-        const series = [{
-                dataSource: this.data,
-                xName: 'x',
-                yName: 'y',
-                startAngle: this.startAngle,
-                endAngle: this.endAngle,
-                radius: '70%',
-                dataLabel: this.dataLabel,
-                explode: true,
-                explodeOffset: '10%',
-                explodeIndex: 0,
-                innerRadius: this.innerRadius,
-                animation: this.animation,
-                palettes: this.palettes
-            }];
         this.chart && this.chart.destroy();
         if (this.data.length)
             this.chart = new AccumulationChart({
@@ -23244,16 +23236,36 @@ class CubeAccumAnalysisWidget extends CubeAnalysisBase {
                 // height: `${this.height}px`,
                 enableRtl: this.enableRtl,
                 background: 'transparent',
-                legendSettings: this.legend,
+                legendSettings: this.legendSettings,
                 enableAnimation: true,
                 pointClick: this.pointClick.bind(this),
                 tooltip: this.tooltip,
                 currencyCode: this.currencyCode,
                 tooltipRender: this.tooltipRender.bind(this),
+                //margin: { top: 0, bottom: 0 },
+                center: { y: this._center() },
+                //locale: this._session.language,
                 theme: this.theme,
-                series
+                series: [{
+                        dataSource: this.data,
+                        xName: 'x',
+                        yName: 'y',
+                        startAngle: this.startAngle,
+                        endAngle: this.endAngle,
+                        radius: '70%',
+                        dataLabel: this.dataLabel,
+                        explode: true,
+                        explodeOffset: '10%',
+                        explodeIndex: 0,
+                        innerRadius: this.innerRadius,
+                        animation: this.animation,
+                        palettes: this.palettes
+                    }]
             }, this._elementRef.nativeElement);
     }
+    _center() {
+        return (this._elementRef.nativeElement.parentElement.clientHeight / 2) + 'px';
+    }
     pointClick(evt) {
         const axes = {};
         const x = evt.series.dataSource[evt.pointIndex].x.split(AXES_CODE_DIVIDER);
@@ -23301,7 +23313,7 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
             }
         };
         this.primaryYAxis = {
-            labelFormat: this.currencyCode ? 'c0' : 'n0',
+            labelFormat: !this.yType || this.yType === 'Currency' ? 'c0' : 'n0',
             labelStyle: {
                 fontFamily: FONT_FAMILY
             }
@@ -23311,11 +23323,12 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
             enableAnimation: false,
             shared: false,
             textStyle: {
+                //opacity: .9,
                 fontFamily: FONT_FAMILY
             }
         };
-        this.legend = {
-            visible: false,
+        this.legendSettings = {
+            isInversed: this._session.inverse,
             textStyle: {
                 fontFamily: FONT_FAMILY
             }
@@ -23346,6 +23359,7 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
                 };
         });
         this.chart && this.chart.destroy();
+        this.legendSettings.visible = series.length > 1;
         if (series.length)
             this.chart = new Chart$1({
                 width: '100%',
@@ -23358,14 +23372,12 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
                 primaryYAxis: this.primaryYAxis,
                 tooltip: this.tooltip,
                 palettes: this.palettes,
+                //locale: this._session.language,
                 currencyCode: this.currencyCode,
                 //selectionMode: 'Point',
                 series,
                 pointClick: this.pointClick.bind(this),
-                legendSettings: {
-                    isInversed: this._session.inverse,
-                    visible: series.length > 1
-                }
+                legendSettings: this.legendSettings,
             }, this._elementRef.nativeElement);
     }
     pointClick(evt) {
@@ -23390,7 +23402,7 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
     tooltipRender(e) {
         e.text = this._intl.formatNumber(e.point.y, {
             currency: this.currencyCode,
-            format: this.currencyCode ? 'c' : 'n',
+            format: !this.yType || this.yType === 'Currency' ? 'c' : 'n',
             maximumFractionDigits: this._service.fractionDigits
         });
     }
@@ -23741,10 +23753,15 @@ let PersonalActivityWidget = class PersonalActivityWidget {
     }
     _draw() {
         const series = [{
-                dataSource: this.data.everyone, type: 'Line', xName: 'time', yName: 'duration', name: this._translate.get('Average'), width: 2, marker: this.everyoneMarker, animation: this.animation
+                dataSource: this.data.everyone, type: 'Line', xName: 'time',
+                yName: 'duration', name: this._translate.get('Average'),
+                width: 2, marker: this.everyoneMarker, animation: this.animation
             },
             {
-                dataSource: this.data.timeline, type: 'Line', xName: 'time', yName: 'standard', fill: this.fill, name: this._translate.get('Standard'), width: 2, marker: this.standardMarker, dashArray: '5', animation: this.animation
+                dataSource: this.data.timeline,
+                type: 'Line', xName: 'time', yName: 'standard',
+                fill: this.fill, name: this._translate.get('Standard'), width: 2,
+                marker: this.standardMarker, dashArray: '5', animation: this.animation
             },
             {
                 dataSource: this.data.timeline, type: 'Line', xName: 'time', yName: 'duration', name: this._translate.get('You'), width: 2, marker: this.youMarker, animation: this.animation
@@ -23776,7 +23793,7 @@ let PersonalActivityWidget = class PersonalActivityWidget {
     }
 };
 PersonalActivityWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PersonalActivityWidget, deps: [{ token: WidgetRef }, { token: i0.ElementRef }, { token: TranslateService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component });
-PersonalActivityWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: PersonalActivityWidget, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true });
+PersonalActivityWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: PersonalActivityWidget, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: "<p class=\"mat-body-1\" *ngIf=\"data?.timeline.length === 0\">{{'NothingHere'|translate}}</p>\r\n<!--<ejs-chart [crosshair]='crosshair' [tooltip]='tooltip' background=\"transparent\" [chartArea]='chartArea' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' width='100%' [theme]='theme'\r\n           [enableAnimation]=\"true\" [palettes]=\"palettes\" id=\"activity-chart\" [height]=\"height\" dir=\"ltr\"\r\n           [useGroupingSeparator]=\"true\" [zoomSettings]=\"zoomSettings\" (tooltipRender)=\"tooltipRender($event)\">\r\n  <e-series-collection>\r\n    <e-series [dataSource]='data?.everyone' type='Line' xName='time' yName='duration' [name]=\"'Average'|translate\" width=2 [marker]='everyoneMarker' [animation]=\"animation\"></e-series>\r\n    <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='standard' [name]=\"'Standard' | translate\" width=2 [marker]='standardMarker' dashArray='5' [animation]=\"animation\" [fill]=\"fill\"> </e-series>\r\n    <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='duration' [name]=\"'You' | translate\" width=2 [marker]='youMarker' [animation]=\"animation\"> </e-series>\r\n  </e-series-collection>\r\n</ejs-chart>-->\r\n", dependencies: [{ kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 PersonalActivityWidget = __decorate([
     BizDoc({
         selector: 'bizdoc-personal-activity'
@@ -23784,10 +23801,7 @@ PersonalActivityWidget = __decorate([
 ], PersonalActivityWidget);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PersonalActivityWidget, decorators: [{
             type: Component,
-            args: [{
-                    template: '',
-                    //templateUrl: './activity.widget.html'
-                }]
+            args: [{ template: "<p class=\"mat-body-1\" *ngIf=\"data?.timeline.length === 0\">{{'NothingHere'|translate}}</p>\r\n<!--<ejs-chart [crosshair]='crosshair' [tooltip]='tooltip' background=\"transparent\" [chartArea]='chartArea' [primaryXAxis]='primaryXAxis' [primaryYAxis]='primaryYAxis' width='100%' [theme]='theme'\r\n           [enableAnimation]=\"true\" [palettes]=\"palettes\" id=\"activity-chart\" [height]=\"height\" dir=\"ltr\"\r\n           [useGroupingSeparator]=\"true\" [zoomSettings]=\"zoomSettings\" (tooltipRender)=\"tooltipRender($event)\">\r\n  <e-series-collection>\r\n    <e-series [dataSource]='data?.everyone' type='Line' xName='time' yName='duration' [name]=\"'Average'|translate\" width=2 [marker]='everyoneMarker' [animation]=\"animation\"></e-series>\r\n    <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='standard' [name]=\"'Standard' | translate\" width=2 [marker]='standardMarker' dashArray='5' [animation]=\"animation\" [fill]=\"fill\"> </e-series>\r\n    <e-series [dataSource]='data?.timeline' type='Line' xName='time' yName='duration' [name]=\"'You' | translate\" width=2 [marker]='youMarker' [animation]=\"animation\"> </e-series>\r\n  </e-series-collection>\r\n</ejs-chart>-->\r\n" }]
         }], ctorParameters: function () { return [{ type: WidgetRef }, { type: i0.ElementRef }, { type: TranslateService }, { type: SessionService }]; }, propDecorators: { chart: [{
                 type: ViewChild,
                 args: [ChartComponent]
@@ -26587,7 +26601,7 @@ class CompareGroupDirective extends CompareDirectiveBase {
             this._version = this._parent.version;
         }
         else {
-            this._structure = this._comparision.form.structure.find(e => e.name === this.name);
+            this._structure = this._comparision.form.fields.find(e => e.name === this.name);
             const { currentVersion, baseVersion } = this._comparision;
             this._base = baseVersion;
             this._version = currentVersion;
@@ -26673,7 +26687,7 @@ class CompareNameDirective extends CompareDirectiveBase {
                 throw `No form field with name ${this._name[0]}`;
         }
         else {
-            this._structure = this._comparision.form.structure.find(e => e.name === this._name[0]);
+            this._structure = this._comparision.form.fields.find(e => e.name === this._name[0]);
             const { currentVersion, baseVersion } = this._comparision;
             this._base = baseVersion;
             this._version = currentVersion;
@@ -27192,10 +27206,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 
 let TimelineViewComponent = class TimelineViewComponent {
     /** timeline-view ctor */
-    constructor(_ps, viewRef, config, _users, _mailbox, _session, _translate, _router, _element) {
+    constructor(_ps, viewRef, config, _users, _session, _translate, _router, _element) {
         this._ps = _ps;
         this._users = _users;
-        this._mailbox = _mailbox;
         this._session = _session;
         this._translate = _translate;
         this._router = _router;
@@ -27272,6 +27285,8 @@ let TimelineViewComponent = class TimelineViewComponent {
             allowSelection: true,
             dateFormat: this.dateFormat,
             tooltipSettings: this.tooltipSettings,
+            //baselineColor: this._session.getAccent(),
+            //timelineSettings: {},
             rowSelecting: this.rowSelecting.bind(this),
             holidays: this.holidays,
             //  includeWeekend: true,
@@ -27418,10 +27433,12 @@ let TimelineViewComponent = class TimelineViewComponent {
                     title: this._translate.get('IsPending')
                 };
                 if (r.substituteId) {
-                    const byPromise = this._users.get(r.substituteId);
-                    const whoPromise = this._users.get(r.userId);
-                    const promise = forkJoin(whoPromise, byPromise).pipe(tap(n => {
-                        task.name = this._translate.get('WhoSubstituting', n[0].name, n[1].name);
+                    const by = this._users.get(r.substituteId);
+                    const who = this._users.get(r.userId);
+                    const promise = forkJoin(who, by).pipe(tap(u => {
+                        task.name = this._translate.get('WhoSubstituting', u[0].name, u[1].name);
+                        if (u[0].role)
+                            task.name += `, ${u[0].role}`;
                         if (r.role) {
                             const role = this._session.profile.roles.find(o => o.name === r.role);
                             if (role)
@@ -27433,7 +27450,9 @@ let TimelineViewComponent = class TimelineViewComponent {
                 else {
                     const promise = this._users.get(r.userId).pipe(tap(u => {
                         task.name = u.name;
-                        if (r.role) {
+                        if (u.role)
+                            task.name += `, ${u.role}`;
+                        else if (r.role) {
                             const role = this._session.profile.roles.find(o => o.name === r.role);
                             if (role)
                                 task.name += `, ${role.name}`;
@@ -27470,7 +27489,7 @@ let TimelineViewComponent = class TimelineViewComponent {
         this._router.navigate(['mailbox/d', this.item.documentId.encodeId(), 'version', task.time.valueOf().encodeId()], { state: { item: this.item } });
     }
 };
-TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TimelineViewComponent, deps: [{ token: PromptService }, { token: DocumentViewRef }, { token: BIZDOC_CONFIG }, { token: AccountService }, { token: MailboxService }, { token: SessionService }, { token: TranslateService }, { token: RouterImpl }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TimelineViewComponent, deps: [{ token: PromptService }, { token: DocumentViewRef }, { token: BIZDOC_CONFIG }, { token: AccountService }, { token: SessionService }, { token: TranslateService }, { token: RouterImpl }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TimelineViewComponent, selector: "bizdoc-timeline", host: { properties: { "dir": "this.dir" }, classAttribute: "view" }, providers: [SelectionService$3, DayMarkersService], ngImport: i0, template: '', isInline: true, styles: [":host{padding:8px}:host ::ng-deep .e-split-bar{display:none!important}\n"] });
 TimelineViewComponent = __decorate([
     BizDoc({ selector: 'bizdoc-timeline' })
@@ -27483,7 +27502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
         return [{ type: PromptService }, { type: DocumentViewRef }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [BIZDOC_CONFIG]
-                    }] }, { type: AccountService }, { type: MailboxService }, { type: SessionService }, { type: TranslateService }, { type: RouterImpl }, { type: i0.ElementRef }];
+                    }] }, { type: AccountService }, { type: SessionService }, { type: TranslateService }, { type: RouterImpl }, { type: i0.ElementRef }];
     }, propDecorators: { dir: [{
                 type: HostBinding
             }] } });
@@ -28686,8 +28705,8 @@ class BoxFormControlComponent {
         instance.mode = this.mode;
         Object.assign(instance, this.metadata);
         this.model && this.model[this.metadata.name] !== undefined &&
-            instance.control.setValue(this.model[this.metadata.name]);
-        this.form.addControl(this.metadata.name, instance.control);
+            instance.control.setValue(this.model[this.metadata.name], { emitEvent: false });
+        this.form.addControl(this.metadata.name, instance.control, { emitEvent: false });
     }
 }
 BoxFormControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BoxFormControlComponent, deps: [{ token: BIZDOC_CONFIG }, { token: i0.ViewContainerRef }, { token: BizDocComponentFactoryResolver }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component });
@@ -28734,7 +28753,7 @@ let BoxFormComponent = class BoxFormComponent {
         instance.appearance = 'outline';
         instance.mode = this.mode;
         Object.assign(instance, field);
-        data[field.name] !== undefined && instance.control.setValue(data[field.name]);
+        data[field.name] !== undefined && instance.control.setValue(data[field.name], { emitEvent: false });
         group.addControl(field.name, instance.control);
     }
 };
@@ -32814,6 +32833,7 @@ class CubeDesignComponent extends DesignerTypeElementComponent {
             axes: this.axes,
             indices: this.indices,
             scope: this._fb.control(null),
+            currencyCode: null,
             yAxis: this._fb.group({
                 type: null,
                 title: null,
@@ -32824,6 +32844,7 @@ class CubeDesignComponent extends DesignerTypeElementComponent {
         this.syncing = false;
         this.types = ref.designer.types.filter(t => !t.disabled).
             sort((a, b) => a.title < b.title ? -1 : 1);
+        this.currencies = ref.designer.currencies;
     }
     sync() {
         this.syncing = true;
@@ -32985,10 +33006,10 @@ class CubeDesignComponent extends DesignerTypeElementComponent {
     datatype(name) { var _a; return (_a = this.types.find(t => t.name == name)) === null || _a === void 0 ? void 0 : _a.title; }
 }
 CubeDesignComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CubeDesignComponent, deps: [{ token: i1$3.FormBuilder }, { token: SystemService }, { token: PromptService }, { token: i0.ElementRef }, { token: DesignerRef }], target: i0.ɵɵFactoryTarget.Component });
-CubeDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" (continue)=\"complete()\" [state]=\"state\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <dl *ngIf=\"jobInfo\">\r\n      <ng-container *ngIf=\"jobInfo.lastExecution\">\r\n        <dt>{{'LastExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.nextExecution\">\r\n        <dt>{{'NextExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.lastJobState\">\r\n        <dt>{{'LastJobState'|translate}}</dt>\r\n        <dd>\r\n          <mat-icon *ngIf=\"jobInfo.error\" [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n          <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n        </dd>\r\n      </ng-container>\r\n    </dl>\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <!--<div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>-->\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <ng-container formGroupName=\"yAxis\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n          <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n          <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Axes'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Indices'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field *ngIf=\"indices.controls.length\">\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Patterns'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Views-->\r\n    <h2 class=\"row mat-title\">\r\n      {{'Views'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field>\r\n      <mat-label>{{'Schedule'|translate}}</mat-label>\r\n      <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n      <mat-icon matSuffix>timer</mat-icon>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!---->\r\n<ng-template #indexform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <ng-container *ngFor=\"let t of types\">\r\n          <mat-option *ngIf=\"t.name\" [value]=\"t.name\">\r\n            <span *ngIf=\"t.family\">{{t.family}} -&nbsp;</span>\r\n            {{t.title}}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'OneMode'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{float:left;width:35%;padding:0;margin:0;clear:both}dd{float:left;width:65%;padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i3$4.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i6$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9.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"] }, { kind: "component", type: i9$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "state"], outputs: ["continue", "save"] }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+CubeDesignComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CubeDesignComponent, selector: "ng-component", viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" (continue)=\"complete()\" [state]=\"state\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <dl *ngIf=\"jobInfo\">\r\n      <ng-container *ngIf=\"jobInfo.lastExecution\">\r\n        <dt>{{'LastExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.nextExecution\">\r\n        <dt>{{'NextExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.lastJobState\">\r\n        <dt>{{'LastJobState'|translate}}</dt>\r\n        <dd>\r\n          <mat-icon *ngIf=\"jobInfo.error\" [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n          <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n        </dd>\r\n      </ng-container>\r\n    </dl>\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <!--<div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>-->\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <ng-container formGroupName=\"yAxis\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n          <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n          <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n    <mat-form-field>\r\n      <mat-label>{{'Currency'|translate}}</mat-label>\r\n      <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\r\n        <mat-option *ngFor=\"let c of currencies\" [value]=\"c.name\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Axes'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Indices'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field *ngIf=\"indices.controls.length\">\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Patterns'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Views-->\r\n    <h2 class=\"row mat-title\">\r\n      {{'Views'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field>\r\n      <mat-label>{{'Schedule'|translate}}</mat-label>\r\n      <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n      <mat-icon matSuffix>timer</mat-icon>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!---->\r\n<ng-template #indexform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <ng-container *ngFor=\"let t of types\">\r\n          <mat-option *ngIf=\"t.name\" [value]=\"t.name\">\r\n            <span *ngIf=\"t.family\">{{t.family}} -&nbsp;</span>\r\n            {{t.title}}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'OneMode'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{float:left;width:35%;padding:0;margin:0;clear:both}dd{float:left;width:65%;padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i3$4.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i6$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i9.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"] }, { kind: "component", type: i9$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "component", type: TimespanInput, selector: "bizdoc-timespan-input", inputs: ["placeholder", "required", "disabled", "value"] }, { kind: "component", type: DesignerPrivilegesComponent, selector: "bizdoc-designer-privileges", inputs: ["form"] }, { kind: "directive", type: EditContentDirective, selector: "[bizdocEditContent]" }, { kind: "directive", type: WidgetContentDirective, selector: "[bizdocContent]" }, { kind: "component", type: DesignerCubeFilterComponent, selector: "bizdoc-designer-cube-filter", inputs: ["cube", "form"] }, { kind: "component", type: DesignerItemComponent, selector: "bizdoc-designer-element", inputs: ["privileges", "icon", "form", "state"], outputs: ["continue", "save"] }, { kind: "pipe", type: TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CubeDesignComponent, decorators: [{
             type: Component,
-            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" (continue)=\"complete()\" [state]=\"state\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <dl *ngIf=\"jobInfo\">\r\n      <ng-container *ngIf=\"jobInfo.lastExecution\">\r\n        <dt>{{'LastExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.nextExecution\">\r\n        <dt>{{'NextExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.lastJobState\">\r\n        <dt>{{'LastJobState'|translate}}</dt>\r\n        <dd>\r\n          <mat-icon *ngIf=\"jobInfo.error\" [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n          <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n        </dd>\r\n      </ng-container>\r\n    </dl>\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <!--<div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>-->\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <ng-container formGroupName=\"yAxis\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n          <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n          <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Axes'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Indices'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field *ngIf=\"indices.controls.length\">\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Patterns'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Views-->\r\n    <h2 class=\"row mat-title\">\r\n      {{'Views'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field>\r\n      <mat-label>{{'Schedule'|translate}}</mat-label>\r\n      <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n      <mat-icon matSuffix>timer</mat-icon>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!---->\r\n<ng-template #indexform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <ng-container *ngFor=\"let t of types\">\r\n          <mat-option *ngIf=\"t.name\" [value]=\"t.name\">\r\n            <span *ngIf=\"t.family\">{{t.family}} -&nbsp;</span>\r\n            {{t.title}}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'OneMode'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{float:left;width:35%;padding:0;margin:0;clear:both}dd{float:left;width:65%;padding:0;margin:0}\n"] }]
+            args: [{ template: "<bizdoc-designer-element [form]=\"form\" [privileges]=\"true\" (continue)=\"complete()\" [state]=\"state\">\r\n  <!-- widget -->\r\n  <ng-template bizdocContent>\r\n    <dl *ngIf=\"jobInfo\">\r\n      <ng-container *ngIf=\"jobInfo.lastExecution\">\r\n        <dt>{{'LastExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.lastExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.nextExecution\">\r\n        <dt>{{'NextExecution'|translate}}</dt>\r\n        <dd>{{jobInfo.nextExecution|amTimeAgo}}</dd>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"jobInfo.lastJobState\">\r\n        <dt>{{'LastJobState'|translate}}</dt>\r\n        <dd>\r\n          <mat-icon *ngIf=\"jobInfo.error\" [bizdocTooltip]=\"jobInfo.error\">report</mat-icon>\r\n          <span class=\"job-state\">{{jobInfo.lastJobState| translate}}</span>\r\n        </dd>\r\n      </ng-container>\r\n    </dl>\r\n    <div class=\"row start center\">\r\n      <button mat-stroked-button (click)=\"sync()\" [disabled]=\"model.draft || syncing\">\r\n        <span> {{'Synchronize'|translate}}</span>\r\n      </button>\r\n      &nbsp;\r\n      <mat-spinner *ngIf=\"syncing\" diameter=\"22\"></mat-spinner>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div *ngIf=\"model.axes?.length\">\r\n        <h2 class=\"mat-title\">{{'Axes'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.axes\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n            <td class=\"mat-cell\">{{datatype(a.dataType)}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <!--<div *ngIf=\"model.indices?.length\">\r\n        <h2 class=\"mat-title\">{{'Indices'|translate}}</h2>\r\n        <table class=\"mat-table\">\r\n          <tr class=\"mat-row\" *ngFor=\"let a of model.indices\">\r\n            <td class=\"mat-cell\">{{a.title}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>-->\r\n    </div>\r\n  </ng-template>\r\n  <!-- edit -->\r\n  <ng-template bizdocEditContent>\r\n    <ng-container *ngIf=\"view; else main\">\r\n      <h2 class=\"mat-title\">{{context.title|translate}}</h2>\r\n      <div (document:keydown.escape)=\"closeView($event)\" #element class=\"column\">\r\n        <ng-container *ngTemplateOutlet=\"view; context: context\"></ng-container>\r\n      </div>\r\n      <div class=\"row actions\">\r\n        <span class=\"divider\"></span>\r\n        <button mat-icon-button (click)=\"closeView()\" type=\"button\" [bizdocTooltip]=\"'Back'|translate\"><mat-icon>keyboard_return</mat-icon></button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n</bizdoc-designer-element>\r\n<!---->\r\n<ng-template #main>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-label>{{'SecurityLevel'|translate}}</mat-label>\r\n    <mat-radio-group formControlName=\"scope\">\r\n      <mat-radio-button color=\"warn\">{{'Global'|translate}}</mat-radio-button>\r\n      <br />\r\n      <p>{{'SecurityGlobalHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Positions\">{{'Positions'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPositionsHelp'|translate}}</p>\r\n      <mat-radio-button value=\"Patterns\">{{'Patterns'|translate}}</mat-radio-button>\r\n      <p>{{'SecurityPatternsHelp'|translate}}</p>\r\n    </mat-radio-group>\r\n    <ng-container formGroupName=\"yAxis\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Type'|translate}}</mat-label>\r\n        <mat-select formControlName=\"type\">\r\n          <mat-option value=\"Currency\">{{'Currency'|translate}}</mat-option>\r\n          <mat-option value=\"Number\">{{'Numeric'|translate}}</mat-option>\r\n          <mat-option value=\"Count\">{{'Accumulative'|translate}}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </ng-container>\r\n    <mat-form-field>\r\n      <mat-label>{{'Currency'|translate}}</mat-label>\r\n      <mat-select formControlName=\"currencyCode\" [sortComparator]=\"sortComparator\">\r\n        <mat-option *ngFor=\"let c of currencies\" [value]=\"c.name\">{{c.title}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Axes-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Axes'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(axes, newAxis(), 'Axis', axisform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"axes\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, axes)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let a of axes.controls; index as index\" [formGroup]=\"a\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{a.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(a, 'Axis', axisform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"axes.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Indices-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Indices'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(indices, newIndex(), 'Index', indexform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, indices)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let i of indices.controls; index as index\" [formGroup]=\"i\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{i.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(i, 'Index', indexform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"indices.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field *ngIf=\"indices.controls.length\">\r\n      <mat-label>{{'AnomalyNotification'|translate}}</mat-label>\r\n      <mat-select formControlName=\"anomaly\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option value=\"Positions\">{{'Positions'|translate}}</mat-option>\r\n        <mat-option value=\"Recipients\">{{'Everyone'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <!--Patterns-->\r\n    <h2 class=\"mat-title row\">\r\n      {{'Patterns'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(patterns, newPattern(), 'Pattern', patternform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"indices\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, patterns)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let p of patterns.controls; index as index\" [formGroup]=\"p\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{p.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(p, 'Pattern', patternform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"patterns.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <!--Views-->\r\n    <h2 class=\"row mat-title\">\r\n      {{'Views'|translate}}\r\n      <span class=\"divider\"></span>\r\n      <button mat-icon-button (click)=\"add(views, newView(), 'View', viewform)\" [bizdocTooltip]=\"'Add'|translate\" type=\"button\"><mat-icon>add_circle_outline</mat-icon></button>\r\n    </h2>\r\n    <table formArrayName=\"views\" class=\"mat-table\" cdkDropList (cdkDropListDropped)=\"drop($event, views)\">\r\n      <tr class=\"mat-row\" *ngFor=\"let v of views.controls; index as index\" [formGroup]=\"v\" cdkDrag>\r\n        <td class=\"mat-cell\">\r\n          <mat-icon cdkDragHandle>drag_indicator</mat-icon>\r\n        </td>\r\n        <td class=\"mat-cell flex\">\r\n          {{v.get('title').value}}\r\n        </td>\r\n        <td class=\"mat-cell\">\r\n          <button mat-icon-button (click)=\"edit(v, 'View', viewform)\" [bizdocTooltip]=\"'Edit'|translate\" type=\"button\"><mat-icon>edit</mat-icon></button>\r\n          <button mat-icon-button (click)=\"views.removeAt(index)\" [bizdocTooltip]=\"'Remove'|translate\" type=\"button\"><mat-icon>delete</mat-icon></button>\r\n        </td>\r\n      </tr>\r\n    </table>\r\n    <mat-form-field>\r\n      <mat-label>{{'Schedule'|translate}}</mat-label>\r\n      <bizdoc-timespan-input formControlName=\"schedule\"></bizdoc-timespan-input>\r\n      <mat-icon matSuffix>timer</mat-icon>\r\n      <mat-hint></mat-hint>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!---->\r\n<ng-template #indexform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    &nbsp;\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Name'|translate}}</mat-label>\r\n      <input matInput formControlName=\"name\" required />\r\n      <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n  </form>\r\n</ng-template>\r\n<!-- pattern-->\r\n<ng-template #patternform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter [cube]=\"model\" [form]=\"form.get('axes')\"></bizdoc-designer-cube-filter>\r\n    <bizdoc-designer-privileges [form]=\"form\"></bizdoc-designer-privileges>\r\n  </form>\r\n</ng-template>\r\n<!-- view -->\r\n<ng-template #viewform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <mat-form-field class=\"flex\">\r\n      <mat-label>{{'Title'|translate}}</mat-label>\r\n      <input matInput formControlName=\"title\" required />\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Type'|translate}}</mat-label>\r\n      <mat-select formControlName=\"type\">\r\n        <mat-option value=\"Chart\">{{'Chart'|translate}}</mat-option>\r\n        <mat-option value=\"Pivot\">{{'Pivot'|translate}}</mat-option>\r\n        <mat-option value=\"Grid\">{{'Grid'|translate}}</mat-option>\r\n        <mat-option value=\"Spreadsheet\">{{'Spreadsheet'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'XAxis'|translate}}</mat-label>\r\n      <mat-select formControlName=\"xAxis\" required multiple [sortComparator]=\"sortComparator\">\r\n        <mat-option *ngFor=\"let a of axes.controls\" [value]=\"a.get('name').value\">{{a.get('title').value || a.get('name').value}}</mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('xAxis').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('XAxis'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Series'|translate}}</mat-label>\r\n      <mat-select formControlName=\"series\" multiple [sortComparator]=\"sortComparator\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"form.get('xAxis').value?.indexOf(a.get('name').value)<0\">{{a.get('title').value|| a.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'Indices'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indices\" multiple>\r\n        <ng-container *ngFor=\"let i of indices.controls\">\r\n          <mat-option [value]=\"i.get('name').value\">{{i.get('title').value|| i.get('name').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'ChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"chartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <ng-container *ngIf=\"accumulative\">\r\n              <mat-option value=\"Pie\">{{'Pie'|translate}}</mat-option>\r\n              <mat-option value=\"Doughnut\">{{'Doughnut'|translate}}</mat-option>\r\n              <mat-option value=\"HalfDoughnut\">{{'HalfDoughnut'|translate}}</mat-option>\r\n              <mat-option value=\"Funnel\">{{'Funnel'|translate}}</mat-option>\r\n              <mat-option value=\"Pyramid\">{{'Pyramid'|translate}}</mat-option>\r\n            </ng-container>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'IndicesChartType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"indicesChartType\">\r\n        <ng-container [ngSwitch]=\"form.get('type').value\">\r\n          <ng-container *ngSwitchCase=\"'Chart'\">\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'Pivot'\">\r\n            <mat-option>{{'None'|translate}}</mat-option>\r\n            <mat-option value=\"Column\">{{'Column'|translate}}</mat-option>\r\n            <mat-option value=\"Bar\">{{'Bar'|translate}}</mat-option>\r\n            <mat-option value=\"Bubble\">{{'Bubble'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar\">{{'StackingBar'|translate}}</mat-option>\r\n            <mat-option value=\"StackingBar100\">{{'StackingBar100'|translate}}</mat-option>\r\n            <mat-option value=\"Line\">{{'Line'|translate}}</mat-option>\r\n            <mat-option value=\"Spline\">{{'Spline'|translate}}</mat-option>\r\n            <mat-option value=\"SplineArea\">{{'SplineArea'|translate}}</mat-option>\r\n            <mat-option value=\"Area\">{{'Area'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea\">{{'StackingArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingArea100\">{{'StackingArea100'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn\">{{'StackingColumn'|translate}}</mat-option>\r\n            <mat-option value=\"StackingColumn100\">{{'StackingColumn100'|translate}}</mat-option>\r\n            <mat-option value=\"Scatter\">{{'Scatter'|translate}}</mat-option>\r\n            <mat-option value=\"Polar\">{{'Polar'|translate}}</mat-option>\r\n            <mat-option value=\"Radar\">{{'Radar'|translate}}</mat-option>\r\n            <mat-option value=\"StepLine\">{{'StepLine'|translate}}</mat-option>\r\n            <mat-option value=\"StepArea\">{{'StepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingStepArea\">{{'StackingStepArea'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine\">{{'StackingLine'|translate}}</mat-option>\r\n            <mat-option value=\"StackingLine100\">{{'StackingLine100'|translate}}</mat-option>\r\n          </ng-container>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <bizdoc-designer-cube-filter *ngIf=\"cube\" [cube]=\"cube\" [form]=\"form.get('filters')\"></bizdoc-designer-cube-filter>\r\n  </form>\r\n</ng-template>\r\n<!-- Axis -->\r\n<ng-template #axisform let-form>\r\n  <form autocomplete=\"off\" [formGroup]=\"form\" class=\"column\">\r\n    <div class=\"row\">\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Title'|translate}}</mat-label>\r\n        <input matInput formControlName=\"title\" required />\r\n        <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Title'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n      &nbsp;\r\n      <mat-form-field class=\"flex\">\r\n        <mat-label>{{'Name'|translate}}</mat-label>\r\n        <input matInput formControlName=\"name\" required />\r\n        <mat-error *ngIf=\"form.get('name').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('Name'|translate)\"></mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n    <mat-form-field>\r\n      <mat-label>{{'DataType'|translate}}</mat-label>\r\n      <mat-select formControlName=\"dataType\" required>\r\n        <ng-container *ngFor=\"let t of types\">\r\n          <mat-option *ngIf=\"t.name\" [value]=\"t.name\">\r\n            <span *ngIf=\"t.family\">{{t.family}} -&nbsp;</span>\r\n            {{t.title}}\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"form.get('title').hasError('required')\" [innerHTML]=\"'RequiredErr'|translate:('DataType'|translate)\"></mat-error>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"combination\">{{'Combination'}}</mat-checkbox></div>\r\n    <div><mat-checkbox formControlName=\"sensitive\">{{'Sensitive'}}</mat-checkbox></div>\r\n    <mat-form-field>\r\n      <mat-label>{{'SelectionMode'|translate}}</mat-label>\r\n      <mat-select formControlName=\"selectionMode\">\r\n        <mat-option value=\"None\">{{'None'|translate}}</mat-option>\r\n        <mat-option>{{'OneMode'|translate}}</mat-option>\r\n        <mat-option value=\"Multiple\">{{'Multiple'|translate}}</mat-option>\r\n        <mat-option value=\"Search\">{{'Autocomplete'|translate}}</mat-option>\r\n        <mat-option value=\"Pattern\">{{'Pattern'|translate}}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-form-field>\r\n      <mat-label>{{'DescendentOf'|translate}}</mat-label>\r\n      <mat-select formControlName=\"descendentOf\">\r\n        <ng-container *ngFor=\"let a of axes.controls\">\r\n          <mat-option [value]=\"a.get('name').value\" *ngIf=\"a!=form\">{{a.get('title').value}}</mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <div><mat-checkbox formControlName=\"indexable\">{{'Indexable'}}</mat-checkbox></div>\r\n  </form>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{min-width:350px}:host ::ng-deep .mat-radio-group p{margin-inline-start:8px}.mat-table{width:100%}.mat-table .mat-cell:last-child{width:80px}.flex{flex:1}table tr td:first-child{width:26px}dl{width:100%;overflow:hidden;padding:0;margin:0}dt{float:left;width:35%;padding:0;margin:0;clear:both}dd{float:left;width:65%;padding:0;margin:0}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1$3.FormBuilder }, { type: SystemService }, { type: PromptService }, { type: i0.ElementRef }, { type: DesignerRef, decorators: [{
                         type: Inject,
@@ -33278,6 +33299,7 @@ class GuideDesignComponent extends DesignerTypeElementComponent {
         super(...arguments);
         this.steps = this._fb.array([]);
         this.form = this._fb.group({
+            mode: null,
             steps: this.steps
         });
     }
@@ -35035,6 +35057,8 @@ class SystemModule {
                 Axes: 'Axes'
             },
             he: {
+                SecurityLevel: 'רמת אבטחה',
+                Global: 'כללי',
                 Synchronize: 'סנכרון',
                 Continue: 'המשך',
                 Axes: 'צירים',