@bizdoc/core 1.17.22 → 1.17.24

package/fesm2020/bizdoc-core.mjs

@@ -3095,23 +3095,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
 
 class OptionsControlField {
-    constructor(_ds) {
+    constructor(_session, _ds) {
+        this._session = _session;
         this._ds = _ds;
     }
     ngOnInit() {
         this.required && this.control.addValidators(Validators.required);
-        if (this.dataType)
-            this._ds.all(this.dataType).subscribe(v => this.options = v);
+        if (this.dataType) {
+            const dataType = this._session.profile.types.find(t => t.name == this.dataType), column = dataType.columns.find(c => !c.flags || c.flags.indexOf('Key') < 0);
+            this._ds.all(this.dataType).
+                subscribe(v => this.options = dataType.columns ? v.map(o => ({
+                key: o.key, value: o.value[column.name]
+            })) : v);
+        }
     }
     optionOf(value) {
         return this.options?.find(o => o.key === value)?.value;
     }
 }
-OptionsControlField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: OptionsControlField, deps: [{ token: DatasourceService }], target: i0.ɵɵFactoryTarget.Directive });
+OptionsControlField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: OptionsControlField, deps: [{ token: SessionService }, { token: DatasourceService }], target: i0.ɵɵFactoryTarget.Directive });
 OptionsControlField.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: OptionsControlField, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: OptionsControlField, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: DatasourceService }]; } });
+        }], ctorParameters: function () { return [{ type: SessionService }, { type: DatasourceService }]; } });
 class OptionsControlDesigner {
     constructor(_service) {
         this._service = _service;
@@ -12850,7 +12856,7 @@ class ExploreItemsComponent {
     }
 }
 ExploreItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ExploreItemsComponent, deps: [{ token: CubeService }, { token: PromptService }, { token: SessionService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ExploreItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ExploreItemsComponent, selector: "bizdoc-cube-explore", inputs: { pageSize: "pageSize", cube: "cube", index: "index", scope: "scope", axes: "axes", loading: "loading" }, outputs: { explore: "explore", load: "load", loadingChange: "loadingChange" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-table matSort [dataSource]=\"dataSource\" @list>\r\n  <ng-container [matColumnDef]=\"c.name\" *ngFor=\"let c of columns\">\r\n    <mat-header-cell *matHeaderCellDef mat-sort-header>{{c.label || c.name}}</mat-header-cell>\r\n    <mat-cell *matCellDef=\"let element\" [class.figure]=\"c.type === 'Currency'\">\r\n      <ng-container [ngSwitch]=\"c.controlType\">\r\n        <ng-container *ngSwitchCase=\"'date'\">\r\n          {{element[c.name] | amDateFormat: 'll'}}\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'number'\">\r\n          <ng-container [ngSwitch]=\"c.kind\">\r\n            <ng-container *ngSwitchCase=\"'Currency'\">\r\n              {{element[c.name] | currency : (element.currencyCode || currencyCode) : 'symbol' : CURRENCY_FORMAT }}\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n              {{element[c.name] | number }}\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <bizdoc-checkbox [checked]=\"element.model[c.name]\" *ngSwitchCase=\"'checkbox'\"></bizdoc-checkbox>\r\n        <ng-container *ngSwitchDefault>\r\n          {{element[c.name] }}\r\n        </ng-container>\r\n      </ng-container>\r\n    </mat-cell>\r\n  </ng-container>\r\n  <mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n  <mat-row *matRowDef=\"let element; columns: displayedColumns;\" (click)=\"expand(element)\" [class.selectable]=\"selectable\" @item></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [pageSize]=\"pageSize\" hidePageSize style=\"display: none\"></mat-paginator>\r\n", styles: [".selectable{cursor:pointer}.figure{justify-content:right}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5$3.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5$3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }], animations: [
+ExploreItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ExploreItemsComponent, selector: "bizdoc-cube-explore", inputs: { pageSize: "pageSize", cube: "cube", index: "index", scope: "scope", axes: "axes", loading: "loading" }, outputs: { explore: "explore", load: "load", loadingChange: "loadingChange" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-table matSort [dataSource]=\"dataSource\" @list>\r\n  <ng-container [matColumnDef]=\"c.name\" *ngFor=\"let c of columns\">\r\n    <mat-header-cell *matHeaderCellDef mat-sort-header>{{c.label || c.name}}</mat-header-cell>\r\n    <mat-cell *matCellDef=\"let element\" [class.figure]=\"c.type === 'Currency'\">\r\n      <ng-container [ngSwitch]=\"c.controlType\">\r\n        <ng-container *ngSwitchCase=\"'date'\">\r\n          {{element[c.name] | amDateFormat: 'll'}}\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'number'\">\r\n          <ng-container [ngSwitch]=\"c.kind\">\r\n            <ng-container *ngSwitchCase=\"'Currency'\">\r\n              {{element[c.name] | currency : (element.currencyCode || currencyCode) : 'symbol' : CURRENCY_FORMAT }}\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n              {{element[c.name] | number }}\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <bizdoc-checkbox [checked]=\"element.model[c.name]\" *ngSwitchCase=\"'checkbox'\"></bizdoc-checkbox>\r\n        <ng-container *ngSwitchDefault>\r\n          {{element[c.name] }}\r\n        </ng-container>\r\n      </ng-container>\r\n    </mat-cell>\r\n  </ng-container>\r\n  <mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n  <mat-row *matRowDef=\"let element; columns: displayedColumns;\" (click)=\"expand(element)\" [class.selectable]=\"selectable\" @item></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [pageSize]=\"pageSize\" hidePageSize style=\"display: none\"></mat-paginator>\r\n", styles: [".selectable{cursor:pointer}.figure{justify-content:right}::ng-deep .mat-cell{padding-left:2px;padding-right:2px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i5$3.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5$3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: CheckboxComponent, selector: "bizdoc-checkbox", inputs: ["checked", "color", "icon"] }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }], animations: [
         listAnimation,
         itemAnimation
     ] });
@@ -12859,7 +12865,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             args: [{ selector: 'bizdoc-cube-explore', animations: [
                         listAnimation,
                         itemAnimation
-                    ], template: "<mat-table matSort [dataSource]=\"dataSource\" @list>\r\n  <ng-container [matColumnDef]=\"c.name\" *ngFor=\"let c of columns\">\r\n    <mat-header-cell *matHeaderCellDef mat-sort-header>{{c.label || c.name}}</mat-header-cell>\r\n    <mat-cell *matCellDef=\"let element\" [class.figure]=\"c.type === 'Currency'\">\r\n      <ng-container [ngSwitch]=\"c.controlType\">\r\n        <ng-container *ngSwitchCase=\"'date'\">\r\n          {{element[c.name] | amDateFormat: 'll'}}\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'number'\">\r\n          <ng-container [ngSwitch]=\"c.kind\">\r\n            <ng-container *ngSwitchCase=\"'Currency'\">\r\n              {{element[c.name] | currency : (element.currencyCode || currencyCode) : 'symbol' : CURRENCY_FORMAT }}\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n              {{element[c.name] | number }}\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <bizdoc-checkbox [checked]=\"element.model[c.name]\" *ngSwitchCase=\"'checkbox'\"></bizdoc-checkbox>\r\n        <ng-container *ngSwitchDefault>\r\n          {{element[c.name] }}\r\n        </ng-container>\r\n      </ng-container>\r\n    </mat-cell>\r\n  </ng-container>\r\n  <mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n  <mat-row *matRowDef=\"let element; columns: displayedColumns;\" (click)=\"expand(element)\" [class.selectable]=\"selectable\" @item></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [pageSize]=\"pageSize\" hidePageSize style=\"display: none\"></mat-paginator>\r\n", styles: [".selectable{cursor:pointer}.figure{justify-content:right}\n"] }]
+                    ], template: "<mat-table matSort [dataSource]=\"dataSource\" @list>\r\n  <ng-container [matColumnDef]=\"c.name\" *ngFor=\"let c of columns\">\r\n    <mat-header-cell *matHeaderCellDef mat-sort-header>{{c.label || c.name}}</mat-header-cell>\r\n    <mat-cell *matCellDef=\"let element\" [class.figure]=\"c.type === 'Currency'\">\r\n      <ng-container [ngSwitch]=\"c.controlType\">\r\n        <ng-container *ngSwitchCase=\"'date'\">\r\n          {{element[c.name] | amDateFormat: 'll'}}\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'number'\">\r\n          <ng-container [ngSwitch]=\"c.kind\">\r\n            <ng-container *ngSwitchCase=\"'Currency'\">\r\n              {{element[c.name] | currency : (element.currencyCode || currencyCode) : 'symbol' : CURRENCY_FORMAT }}\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n              {{element[c.name] | number }}\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <bizdoc-checkbox [checked]=\"element.model[c.name]\" *ngSwitchCase=\"'checkbox'\"></bizdoc-checkbox>\r\n        <ng-container *ngSwitchDefault>\r\n          {{element[c.name] }}\r\n        </ng-container>\r\n      </ng-container>\r\n    </mat-cell>\r\n  </ng-container>\r\n  <mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></mat-header-row>\r\n  <mat-row *matRowDef=\"let element; columns: displayedColumns;\" (click)=\"expand(element)\" [class.selectable]=\"selectable\" @item></mat-row>\r\n</mat-table>\r\n<mat-paginator #paginator [pageSize]=\"pageSize\" hidePageSize style=\"display: none\"></mat-paginator>\r\n", styles: [".selectable{cursor:pointer}.figure{justify-content:right}::ng-deep .mat-cell{padding-left:2px;padding-right:2px}\n"] }]
         }], ctorParameters: function () { return [{ type: CubeService }, { type: PromptService }, { type: SessionService }, { type: TranslateService }]; }, propDecorators: { pageSize: [{
                 type: Input
             }], cube: [{
@@ -17447,6 +17453,8 @@ class WidgetItemComponent {
         }, () => this._sb.error());
     }
     filter(evt) {
+        if (!this.args && this._widgetRef.arguments)
+            this.args = this._widgetRef.arguments;
         if (this.model.argumentsTemplate) {
             const comp = REGISTRY[this.model.argumentsTemplate];
             const injector = Injector.create([{ provide: WidgetRef, useValue: this._widgetRef }], this._injector);
@@ -17456,11 +17464,12 @@ class WidgetItemComponent {
             });
         }
         else
-            this._popup.open(LayoutComponent, evt.srcElement).opened().subscribe(f => {
-                f.fields = this.model.arguments;
-                f.model = this.args || {};
-                f.layout();
-                f.modelChange.pipe(takeUntil$1(this._destroy), debounceTime(100)).subscribe(v => f.valid && this.refresh(cleanup(v)));
+            this._popup.open(LayoutComponent, evt.srcElement).opened().subscribe(l => {
+                l.fields = this.model.arguments;
+                l.model = this.args || {};
+                l.layout();
+                this.args && l.form.patchValue(this.args);
+                l.modelChange.pipe(takeUntil$1(this._destroy), debounceTime(100)).subscribe(v => l.valid && this.refresh(cleanup(v)));
             });
     }
     resize() {
@@ -23230,6 +23239,7 @@ class CubeAnalysisBase {
             this.width = `${d.width}px`;
             this._data && this.onResize(d);
         });
+        ref.arguments = ref.options.filters;
     }
     get series() { return this._series; }
     get xAxis() { return this._xAxis; }
@@ -23458,8 +23468,10 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
             width: 10,
             height: 10
         };
+        this.multiLevelLabels = [];
         this.primaryXAxis = {
             valueType: 'Category',
+            //multiLevelLabels: this.multiLevelLabels,
             labelStyle: {
                 fontFamily: FONT_FAMILY
             }
@@ -23488,6 +23500,12 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
         this.animation = { enable: true };
     }
     onLoad(data) {
+        //if (isArray(this._options.series) && this._options.series.length > 1) {
+        //  this.multiLevelLabels = [{
+        //    textStyle: {},
+        //    categories: [{ text: '' }]
+        //  }];
+        //}
         const series = data.map(s => {
             if (s.index)
                 return {
@@ -23506,6 +23524,7 @@ class CubeChartAnalysisWidget extends CubeAnalysisBase {
                 return {
                     yName: 'y', xName: 'name', type: this.type,
                     dataSource: s.points,
+                    //groupName: '',
                     name: s.title ||
                         this._translate.get('Usage')
                 };
@@ -31421,7 +31440,7 @@ let PositionsComponent = class PositionsComponent {
                     value: ''
                 }];
             if (type.columns)
-                type.columns.slice(2).forEach((c, i) => cells.push({
+                type.columns.slice(2).forEach((_, i) => cells.push({
                     index: i + 4,
                     value: ''
                 }));