@bizdoc/core 1.13.18 → 1.13.19

package/fesm2020/bizdoc-core.mjs

@@ -21647,10 +21647,12 @@ let CubeWidgetFilterComponent = class CubeWidgetFilterComponent {
         this.exclude = [];
         const { xAxis, series, exclude, cube: name } = this._widgetRef.options;
         this.cube = name;
-        if (isArray(xAxis))
-            this.exclude = [...xAxis];
-        else
-            this.exclude.push(xAxis);
+        if (xAxis) {
+            if (isArray(xAxis))
+                this.exclude = [...xAxis];
+            else
+                this.exclude.push(xAxis);
+        }
         if (series) {
             if (isArray(series))
                 this.exclude = this.exclude.concat(series);
@@ -26559,6 +26561,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: ReportRef }, { type: i0.ViewContainerRef }]; } });
 
+var CubeCompareWidget_1;
+/** */
+let CubeCompareWidget = CubeCompareWidget_1 = class CubeCompareWidget {
+    constructor(_translate, _widgetRef, _elementRef, _type, _session) {
+        this._translate = _translate;
+        this._widgetRef = _widgetRef;
+        this._elementRef = _elementRef;
+        this._type = _type;
+        this._session = _session;
+        this.id = `cube-compare-${CubeCompareWidget_1.nextId++}`;
+        this.palettes = this._session.accentPalette;
+        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.enableRtl = this._session.inverse;
+        this.rows = [
+            {
+                height: '15%'
+            }, {
+                height: '85%'
+            }
+        ];
+        this.axes = [{
+                name: 'primary',
+                labelStyle: { size: '0px' },
+                rowIndex: 1
+            }, {
+                name: 'volume',
+                rowIndex: 0,
+                majorGridLines: { width: 0 }, lineStyle: { width: 0 },
+                labelStyle: { size: '0px' },
+                majorTickLines: { width: 0 }
+            }];
+        this.chartArea = {
+            border: {
+                width: 0
+            }
+        };
+        this.zoomSettings = {
+            mode: 'X',
+            enableMouseWheelZooming: true,
+            enablePinchZooming: true,
+            toolbarItems: [],
+            enableSelectionZooming: false,
+            enableScrollbar: true
+        };
+        this.primaryXAxis = {
+            valueType: 'DateTime',
+            labelFormat: 'MMM dd',
+            labelStyle: {
+                fontFamily: FONT_FAMILY
+            },
+            labelIntersectAction: 'Hide',
+            majorGridLines: { width: 0 }
+        };
+        this.crosshair = {
+            enable: true,
+            lineType: 'Vertical'
+        };
+        this.tooltip = {
+            enable: true, shared: true, textStyle: {
+                fontFamily: FONT_FAMILY
+            },
+        };
+        this.legend = {
+            visible: true,
+            isInversed: this._session.inverse,
+            textStyle: {
+                fontFamily: FONT_FAMILY
+            },
+        };
+        this.primaryYAxis = {
+            skeleton: 'duration',
+            labelStyle: {
+                size: '0px'
+            },
+            lineStyle: { width: 0 },
+            minorTickLines: { width: 0 }
+        };
+        this.margin = {
+            bottom: 0
+        };
+        this._destroy = new Subject();
+        _session.themeChange.pipe(takeUntil(this._destroy)).subscribe(t => {
+            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.palettes = _session.accentPalette;
+            this._draw();
+        });
+        _widgetRef.resize.subscribe(d => {
+            this.height = `${d.height}px`;
+            if (this.chart)
+                this.chart.height = this.height;
+        });
+    }
+    async onBind(data) {
+        await this._prepare(data);
+        this._draw();
+    }
+    _draw() {
+        this.chart && this.chart.destroy();
+        this.chart = new Chart$1({
+            axes: this.axes,
+            series: this.series,
+            height: this.height,
+            rows: this.rows,
+            legendSettings: this.legend,
+            crosshair: this.crosshair,
+            tooltip: this.tooltip,
+            background: 'transparent',
+            chartArea: this.chartArea,
+            primaryXAxis: this.primaryXAxis,
+            primaryYAxis: this.primaryYAxis,
+            theme: this.theme,
+            margin: this.margin,
+            useGroupingSeparator: true,
+            palettes: this.palettes,
+            zoomSettings: this.zoomSettings,
+            sharedTooltipRender: this.sharedTooltipRender.bind(this),
+        }, this._elementRef.nativeElement);
+    }
+    sharedTooltipRender(evt) {
+        evt.data.forEach((d, i) => {
+            if (evt.series[d.seriesIndex].yName !== 'count')
+                evt.text[i] = `${d.seriesName} : <b>${dayjs.duration(d.pointY, 's').humanize()}</b>`;
+        });
+    }
+    async _prepare(data) {
+        const indicatorData = [], series = [];
+        for (var item of data) {
+            item.points.forEach(p => {
+                const date = p.date = new Date(p.date), indicator = indicatorData.find(i => i.date.valueOf() === date.valueOf());
+                if (indicator)
+                    indicator.count += p.count;
+                else
+                    indicatorData.push({ count: p.count, date });
+            });
+            const cube = this._session.profile.cubes.find(c => c.name === this._widgetRef.options.cube || this._widgetRef.options.cube == null);
+            const axis = cube.axes.find(a => a.name === this._widgetRef.options.series);
+            const title = await this._type.get(axis.dataType, item.series).toPromise();
+            series.push({
+                type: 'Line',
+                xName: 'date',
+                yName: 'duration',
+                yAxisName: 'primary',
+                name: title,
+                dataSource: item.points,
+                marker: {
+                    width: 6,
+                    height: 6,
+                    visible: false
+                }
+            });
+        }
+        series.push({
+            type: 'Column',
+            xName: 'date',
+            yName: 'count',
+            name: this._translate.get('Volume'),
+            dataSource: indicatorData,
+            yAxisName: 'volume',
+            marker: {
+                width: 0,
+                height: 0,
+                visible: false
+            }
+        });
+        this.series = series;
+    }
+    ngOnDestroy() {
+        this.chart && this.chart.destroy();
+        this._destroy.next();
+        this._destroy.complete();
+    }
+};
+CubeCompareWidget.nextId = 0;
+CubeCompareWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CubeCompareWidget, deps: [{ token: TranslateService }, { token: WidgetRef }, { token: i0.ElementRef }, { token: DatasourceService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component });
+CubeCompareWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: CubeCompareWidget, selector: "ng-component", host: { attributes: { "dir": "ltr" }, properties: { "id": "id" } }, providers: [LineSeriesService, CrosshairService, ColumnSeriesService], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true });
+CubeCompareWidget = CubeCompareWidget_1 = __decorate([
+    BizDoc({
+        selector: 'bizdoc-cube-compare'
+    })
+], CubeCompareWidget);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CubeCompareWidget, decorators: [{
+            type: Component,
+            args: [{
+                    //templateUrl: './compare.widget.html',
+                    template: '',
+                    providers: [LineSeriesService, CrosshairService, ColumnSeriesService],
+                    host: {
+                        '[id]': 'id',
+                        dir: 'ltr'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: TranslateService }, { type: WidgetRef }, { type: i0.ElementRef }, { type: DatasourceService }, { type: SessionService }]; }, propDecorators: { chart: [{
+                type: ViewChild,
+                args: [ChartComponent]
+            }] } });
+
 // https://day.js.org/docs/en/customization/relative-time
 dayjs.extend(relativeTime, {
     thresholds: [
@@ -26577,7 +26775,7 @@ dayjs.extend(relativeTime, {
 });
 dayjs.extend(duration);
 dayjs.extend(calendar);
-const CORE_COMPONENTS = [CubeParallelViewComponent, CubeExploreViewComponent, CubeChartViewComponent, CubeDocumentSumComponent, CubeDocumentMatrixComponent, CubeDocumentViewComponent, CubePivotViewComponent, TimelineViewComponent,
+const CORE_COMPONENTS = [CubeCompareWidget, CubeParallelViewComponent, CubeExploreViewComponent, CubeChartViewComponent, CubeDocumentSumComponent, CubeDocumentMatrixComponent, CubeDocumentViewComponent, CubePivotViewComponent, TimelineViewComponent,
     SubstitutionComponent, AssignActionComponent, ReturnActionComponent, ExploreDocumentComponent,
     ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
     CompareDepartmentsWidget, PeersPerformanceWidget, PendingResultsWidget, PersonalScoreWidget, CubeWidgetFilterComponent,
@@ -26610,7 +26808,7 @@ class SharedModule {
     }
 }
 SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SharedModule, declarations: [CubeUsageComponent, CubeDocumentsComponent, FileInput, DateFormatPipe, CalendarPipe, DifferencePipe, DurationPipe, TimeAgoPipe,
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SharedModule, declarations: [CubeCompareWidget, CubeUsageComponent, CubeDocumentsComponent, FileInput, DateFormatPipe, CalendarPipe, DifferencePipe, DurationPipe, TimeAgoPipe,
         CheckboxComponent, CubeParallelComponent, CubeSumComponent, CubeParallelViewComponent, CubeChartViewComponent, CubeExploreViewComponent, CubeDocumentSumComponent, ExploreItemImplComponent, DocumentInfoComponent, DocumentViewsComponent, ViewItemComponent, CubeDocumentMatrixComponent, CubeDocumentViewComponent, CubePivotViewComponent, ActionPicker, HtmlSimplePipe, QuickCommentComponent,
         DurationFormatPipe, CombinationPicker, CombinationPickerBody, CombinationPool, TimelineViewComponent,
         MatIconAnimate, DateRangePipe, AgoPipe, ColorPicker, StateDirective, BrokenPage,
@@ -26702,7 +26900,7 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         BizDocApp, AttachmentPreview, PrivilegeHiddenDirective,
         PrivilegeDisabledDirective, CompareGroupDirective, CompareNameDirective, CompareContextDirective, TraceViewComponent, FlowViewComponent,
         AssignActionComponent, ReturnActionComponent, ExploreDocumentComponent,
-        ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
+        CubeCompareWidget, ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
         CompareDepartmentsWidget, PeersPerformanceWidget, PendingResultsWidget, PersonalScoreWidget, CubeWidgetFilterComponent,
         CubeDocumentsTableComponent, CubeDocumentsGridComponent, TasksComponent, UsageReportArgs, UsageChartComponent, UsagePivotComponent, TimespanInput,
         VersionCompareComponent, LottieAnimation,
@@ -26749,7 +26947,7 @@ SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [CubeUsageComponent, CubeDocumentsComponent, FileInput, DateFormatPipe, CalendarPipe, DifferencePipe, DurationPipe, TimeAgoPipe,
+                    declarations: [CubeCompareWidget, CubeUsageComponent, CubeDocumentsComponent, FileInput, DateFormatPipe, CalendarPipe, DifferencePipe, DurationPipe, TimeAgoPipe,
                         CheckboxComponent, CubeParallelComponent, CubeSumComponent, CubeParallelViewComponent, CubeChartViewComponent, CubeExploreViewComponent, CubeDocumentSumComponent, ExploreItemImplComponent, DocumentInfoComponent, DocumentViewsComponent, ViewItemComponent, CubeDocumentMatrixComponent, CubeDocumentViewComponent, CubePivotViewComponent, ActionPicker, HtmlSimplePipe, QuickCommentComponent,
                         DurationFormatPipe, CombinationPicker, CombinationPickerBody, CombinationPool, TimelineViewComponent,
                         MatIconAnimate, DateRangePipe, AgoPipe, ColorPicker, StateDirective, BrokenPage,
@@ -26862,7 +27060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
                         BizDocApp, AttachmentPreview, PrivilegeHiddenDirective,
                         PrivilegeDisabledDirective, CompareGroupDirective, CompareNameDirective, CompareContextDirective, TraceViewComponent, FlowViewComponent,
                         AssignActionComponent, ReturnActionComponent, ExploreDocumentComponent,
-                        ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
+                        CubeCompareWidget, ActionsWidget, CubeAnalysisWidget, CubeDocumentsWidget, RecentsWidget, PersonalActivityWidget,
                         CompareDepartmentsWidget, PeersPerformanceWidget, PendingResultsWidget, PersonalScoreWidget, CubeWidgetFilterComponent,
                         CubeDocumentsTableComponent, CubeDocumentsGridComponent, TasksComponent, UsageReportArgs, UsageChartComponent, UsagePivotComponent, TimespanInput,
                         VersionCompareComponent, LottieAnimation,
@@ -29417,5 +29615,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AvatarComponent, BIZDOC_CONFIG, BizDoc, BizDocApp, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareDepartmentsWidget, CompareGroupDirective, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeMatrixComponent, CubeParallelComponent, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateFormatPipe, DateRangePipe, DifferencePipe, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, FadeSlideInOut, FieldType, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideService, INBOX, IdentityName, ItemResolveService, JoinPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationEnd, NavigationSelected, NavigationStart, NgxComponentOutlet, NotificationsTableComponent, OpenPolicy, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SessionService, ShakeAnimation, SharedModule, SlotRouterDirective, StateDirective, StatePipe, SubstitutionComponent, SwapAnimation, TagsComponent, TasksComponent, TimeAgoPipe, TimePicker, TimespanInput, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, registerComponents };
+export { AccountService, AceInput, ActionDialog, ActionPicker, ActionPipe, ActionRef, ActionsWidget, AddressInput, AgoPipe, ArraySortPipe, AssignActionComponent, AttachmentInfo, AttachmentPreview, AuthenticationImpl, AvatarComponent, BIZDOC_CONFIG, BizDoc, BizDocApp, BizDocModule, BrokenPage, BrowseFilterComponent, BrowseItemsComponent, CalendarPipe, ChatInfo, CheckboxComponent, ColorPicker, CombinationPicker, CombinationPickerBody, CombinationPool, CommentsComponent, CompareContextDirective, CompareDepartmentsWidget, CompareGroupDirective, CompareNameDirective, ComposeFormComponent, ContactsComponent, ConversationComponent, CubeAccumAnalysisWidget, CubeAccumulationChartComponent, CubeAnalysisWidget, CubeChartAnalysisWidget, CubeChartComponent, CubeCompareWidget, CubeDocumentsGridComponent, CubeDocumentsTableComponent, CubeDocumentsWidget, CubeFilterComponent, CubeGridComponent, CubeInfo, CubeMatrixComponent, CubeParallelComponent, CubePivotComponent, CubeService, CubeSpreadsheetComponent, CubeSumComponent, CubeViewComponent, CubeWidgetFilterComponent, DEFAULT_POLICY, DRAFT, DashboardComponent, DatasourceService, DateFormatPipe, DateRangePipe, DifferencePipe, DocumentInfo, DocumentInfoComponent, DocumentResolveService, DocumentViewRef, DocumentViewsComponent, DurationFormatPipe, DurationPipe, EnterExitLeft, EnterExitRight, EnterExitTop, ExploreDocumentComponent, ExploreItemImplComponent, ExploreItemsComponent, FadeSlideInOut, FieldType, FileInput, FilterPipe, FilterTagsComponent, FlowViewComponent, FormPipe, FormRef, GuideService, INBOX, IdentityName, ItemResolveService, JoinPipe, LottieAnimation, MailboxService, MapInfo, MatIconAnimate, MaterialModule, NavigationEnd, NavigationSelected, NavigationStart, NgxComponentOutlet, NotificationsTableComponent, OpenPolicy, POPUP_DATA, PaneRef, PanesRouter, ParamNavigation, PeersPerformanceWidget, PendingResultsWidget, PersonalActivityWidget, PersonalScoreWidget, Popup, PopupRef, PrivilegeDisabledDirective, PrivilegeHiddenDirective, PulseAnimation, QueryParamNavigation, QuickCommentComponent, RecentsWidget, RecipientResolveService, ReportArgumentsComponent, ReportRef, ReportViewerComponent, ReturnActionComponent, RolePipe, RouterImpl, SanitizeHtmlPipe, SaveChangesDialog, ScheduleViewComponent, SearchInput, SessionService, ShakeAnimation, SharedModule, SlotRouterDirective, StateDirective, StatePipe, SubstitutionComponent, SwapAnimation, TagsComponent, TasksComponent, TimeAgoPipe, TimePicker, TimespanInput, TooltipDirective, TraceViewComponent, TranslatePipe, TranslateService, TypeAutocomplete, TypeSelect, TypeValuePipe, UsageChartComponent, UsagePivotComponent, UsageReportArgs, UserNamePipe, UtilityRef, VersionCompareComponent, WidgetItemComponent, WidgetRef, isArray, isBoolean, isDate, isFunction, isImage, isMobile, isObject, isPrimitive, isPromise, isString, modelize, registerComponents };
 //# sourceMappingURL=bizdoc-core.mjs.map