@sisense/sdk-ui-angular 0.13.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm2020/lib/component-wrapper-helpers/template.mjs +12 -2
- package/dist/esm2020/lib/components/area-chart.component.mjs +6 -2
- package/dist/esm2020/lib/components/bar-chart.component.mjs +6 -2
- package/dist/esm2020/lib/components/basic-member-filter-tile.component.mjs +1 -1
- package/dist/esm2020/lib/components/chart-widget.component.mjs +6 -3
- package/dist/esm2020/lib/components/chart.component.mjs +1 -1
- package/dist/esm2020/lib/components/column-chart.component.mjs +6 -2
- package/dist/esm2020/lib/components/context-menu.component.mjs +92 -0
- package/dist/esm2020/lib/components/dashboard-widget.component.mjs +10 -3
- package/dist/esm2020/lib/components/date-range-filter-tile.component.mjs +101 -0
- package/dist/esm2020/lib/components/drilldown-breadcrumbs.component.mjs +100 -0
- package/dist/esm2020/lib/components/drilldown-widget.component.mjs +171 -0
- package/dist/esm2020/lib/components/funnel-chart.component.mjs +5 -2
- package/dist/esm2020/lib/components/index.mjs +7 -1
- package/dist/esm2020/lib/components/indicator-chart.component.mjs +5 -2
- package/dist/esm2020/lib/components/line-chart.component.mjs +5 -2
- package/dist/esm2020/lib/components/member-filter-tile.component.mjs +95 -0
- package/dist/esm2020/lib/components/pie-chart.component.mjs +6 -2
- package/dist/esm2020/lib/components/polar-chart.component.mjs +5 -2
- package/dist/esm2020/lib/components/scatter-chart.component.mjs +12 -2
- package/dist/esm2020/lib/components/sunburst-chart.component.mjs +86 -0
- package/dist/esm2020/lib/components/table-widget.component.mjs +3 -3
- package/dist/esm2020/lib/components/table.component.mjs +3 -3
- package/dist/esm2020/lib/components/treemap-chart.component.mjs +6 -2
- package/dist/esm2020/lib/decorators/decorators.module.mjs +19 -0
- package/dist/esm2020/lib/decorators/trackable.decorator.mjs +42 -0
- package/dist/esm2020/lib/sdk-ui.module.mjs +31 -6
- package/dist/esm2020/lib/services/dashboard.service.mjs +45 -0
- package/dist/esm2020/lib/services/index.mjs +2 -1
- package/dist/esm2020/lib/services/query.service.mjs +21 -3
- package/dist/esm2020/lib/services/theme.service.mjs +10 -4
- package/dist/esm2020/version.mjs +2 -0
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs +887 -80
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs.map +1 -1
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs +887 -79
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs.map +1 -1
- package/dist/lib/component-wrapper-helpers/template.d.ts +2 -0
- package/dist/lib/components/area-chart.component.d.ts +3 -1
- package/dist/lib/components/bar-chart.component.d.ts +3 -1
- package/dist/lib/components/chart-widget.component.d.ts +47 -5
- package/dist/lib/components/column-chart.component.d.ts +9 -2
- package/dist/lib/components/context-menu.component.d.ts +78 -0
- package/dist/lib/components/dashboard-widget.component.d.ts +6 -2
- package/dist/lib/components/date-range-filter-tile.component.d.ts +90 -0
- package/dist/lib/components/drilldown-breadcrumbs.component.d.ts +86 -0
- package/dist/lib/components/drilldown-widget.component.d.ts +146 -0
- package/dist/lib/components/funnel-chart.component.d.ts +2 -1
- package/dist/lib/components/index.d.ts +6 -0
- package/dist/lib/components/indicator-chart.component.d.ts +2 -1
- package/dist/lib/components/line-chart.component.d.ts +2 -1
- package/dist/lib/components/member-filter-tile.component.d.ts +82 -0
- package/dist/lib/components/pie-chart.component.d.ts +3 -1
- package/dist/lib/components/polar-chart.component.d.ts +2 -1
- package/dist/lib/components/scatter-chart.component.d.ts +9 -1
- package/dist/lib/components/sunburst-chart.component.d.ts +69 -0
- package/dist/lib/components/table-widget.component.d.ts +29 -3
- package/dist/lib/components/table.component.d.ts +5 -5
- package/dist/lib/components/treemap-chart.component.d.ts +3 -1
- package/dist/lib/decorators/decorators.module.d.ts +9 -0
- package/dist/lib/decorators/trackable.decorator.d.ts +11 -0
- package/dist/lib/sdk-ui.module.d.ts +11 -4
- package/dist/lib/services/dashboard.service.d.ts +24 -0
- package/dist/lib/services/index.d.ts +1 -0
- package/dist/lib/services/query.service.d.ts +12 -0
- package/dist/package.json +12 -13
- package/dist/version.d.ts +2 -0
- package/package.json +18 -13
|
@@ -3,7 +3,9 @@ import { type ChartType, type AreaChartProps } from '@sisense/sdk-ui-preact';
|
|
|
3
3
|
import { type ArgumentsAsObject } from '../utility-types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* A component similar to a {@link LineChartComponent},
|
|
7
|
+
* but with filled in areas under each line and an option to display them as stacked.
|
|
8
|
+
* More info on [Sisense Documentation page](https://docs.sisense.com/main/SisenseLinux/area-chart.htm).
|
|
7
9
|
*/
|
|
8
10
|
export declare class AreaChartComponent {
|
|
9
11
|
/**
|
|
@@ -3,7 +3,9 @@ import { type ChartType, type BarChartProps } from '@sisense/sdk-ui-preact';
|
|
|
3
3
|
import { type ArgumentsAsObject } from '../utility-types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* A component representing categorical data with horizontal rectangular bars,
|
|
7
|
+
* whose lengths are proportional to the values that they represent.
|
|
8
|
+
* See [Bar Chart](https://docs.sisense.com/main/SisenseLinux/bar-chart.htm) for more information.
|
|
7
9
|
*/
|
|
8
10
|
export declare class BarChartComponent {
|
|
9
11
|
/**
|
|
@@ -5,38 +5,80 @@ import { ThemeService } from '../services/theme.service';
|
|
|
5
5
|
import type { ArgumentsAsObject } from '../utility-types';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
* Chart Widget
|
|
8
|
+
* The Chart Widget component extending {@link ChartComponent} to support widget style options.
|
|
9
9
|
*/
|
|
10
10
|
export declare class ChartWidgetComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
11
11
|
private sisenseContextService;
|
|
12
12
|
private themeService;
|
|
13
13
|
/** @internal */
|
|
14
14
|
preactRef: ElementRef<HTMLDivElement>;
|
|
15
|
+
/**
|
|
16
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.chartType}
|
|
17
|
+
*
|
|
18
|
+
* @category Chart
|
|
19
|
+
*/
|
|
15
20
|
chartType: ChartWidgetProps['chartType'];
|
|
21
|
+
/**
|
|
22
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.dataSource}
|
|
23
|
+
*
|
|
24
|
+
* @category Data
|
|
25
|
+
*/
|
|
16
26
|
dataSource: ChartWidgetProps['dataSource'];
|
|
17
27
|
/**
|
|
18
|
-
* {@inheritDoc @sisense/sdk-ui!
|
|
28
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.dataOptions}
|
|
19
29
|
*
|
|
20
30
|
* @category Chart
|
|
21
31
|
*/
|
|
22
32
|
dataOptions: ChartWidgetProps['dataOptions'];
|
|
23
33
|
/**
|
|
24
|
-
* {@inheritDoc @sisense/sdk-ui!
|
|
34
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.filters}
|
|
25
35
|
*
|
|
26
36
|
* @category Data
|
|
27
37
|
*/
|
|
28
38
|
filters: ChartWidgetProps['filters'];
|
|
39
|
+
/**
|
|
40
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.highlights}
|
|
41
|
+
*
|
|
42
|
+
* @category Data
|
|
43
|
+
*/
|
|
29
44
|
highlights: ChartWidgetProps['highlights'];
|
|
30
45
|
/**
|
|
31
|
-
* {@inheritDoc @sisense/sdk-ui!
|
|
46
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.styleOptions}
|
|
32
47
|
*
|
|
33
48
|
* @category Chart
|
|
34
49
|
*/
|
|
35
50
|
styleOptions: ChartWidgetProps['styleOptions'];
|
|
51
|
+
/**
|
|
52
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.widgetStyleOptions}
|
|
53
|
+
*
|
|
54
|
+
* @category Widget
|
|
55
|
+
*/
|
|
36
56
|
widgetStyleOptions: ChartWidgetProps['widgetStyleOptions'];
|
|
57
|
+
/**
|
|
58
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.drilldownOptions}
|
|
59
|
+
*
|
|
60
|
+
* @category Widget
|
|
61
|
+
* @internal
|
|
62
|
+
*/
|
|
37
63
|
drilldownOptions: ChartWidgetProps['drilldownOptions'];
|
|
64
|
+
/**
|
|
65
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.title}
|
|
66
|
+
*
|
|
67
|
+
* @category Widget
|
|
68
|
+
*/
|
|
38
69
|
title: ChartWidgetProps['title'];
|
|
70
|
+
/**
|
|
71
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.description}
|
|
72
|
+
*
|
|
73
|
+
* @category Widget
|
|
74
|
+
*/
|
|
39
75
|
description: ChartWidgetProps['description'];
|
|
76
|
+
/**
|
|
77
|
+
* {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.highlightSelectionDisabled}
|
|
78
|
+
*
|
|
79
|
+
* @category Widget
|
|
80
|
+
*/
|
|
81
|
+
highlightSelectionDisabled: ChartWidgetProps['highlightSelectionDisabled'];
|
|
40
82
|
/**
|
|
41
83
|
* {@inheritDoc @sisense/sdk-ui!ChartProps.onBeforeRender}
|
|
42
84
|
*
|
|
@@ -71,5 +113,5 @@ export declare class ChartWidgetComponent implements AfterViewInit, OnChanges, O
|
|
|
71
113
|
/** @internal */
|
|
72
114
|
ngOnDestroy(): void;
|
|
73
115
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartWidgetComponent, never>;
|
|
74
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartWidgetComponent, "csdk-chart-widget", never, { "chartType": "chartType"; "dataSource": "dataSource"; "dataOptions": "dataOptions"; "filters": "filters"; "highlights": "highlights"; "styleOptions": "styleOptions"; "widgetStyleOptions": "widgetStyleOptions"; "drilldownOptions": "drilldownOptions"; "title": "title"; "description": "description"; "beforeRender": "beforeRender"; }, { "dataPointClick": "dataPointClick"; "dataPointContextMenu": "dataPointContextMenu"; "dataPointsSelect": "dataPointsSelect"; }, never, never, false, never>;
|
|
116
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartWidgetComponent, "csdk-chart-widget", never, { "chartType": "chartType"; "dataSource": "dataSource"; "dataOptions": "dataOptions"; "filters": "filters"; "highlights": "highlights"; "styleOptions": "styleOptions"; "widgetStyleOptions": "widgetStyleOptions"; "drilldownOptions": "drilldownOptions"; "title": "title"; "description": "description"; "highlightSelectionDisabled": "highlightSelectionDisabled"; "beforeRender": "beforeRender"; }, { "dataPointClick": "dataPointClick"; "dataPointContextMenu": "dataPointContextMenu"; "dataPointsSelect": "dataPointsSelect"; }, never, never, false, never>;
|
|
75
117
|
}
|
|
@@ -3,7 +3,9 @@ import { type ChartType, type ColumnChartProps } from '@sisense/sdk-ui-preact';
|
|
|
3
3
|
import { type ArgumentsAsObject } from '../utility-types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* A component representing categorical data with vertical rectangular bars
|
|
7
|
+
* whose heights are proportional to the values that they represent.
|
|
8
|
+
* See [Column Chart](https://docs.sisense.com/main/SisenseLinux/column-chart.htm) for more information.
|
|
7
9
|
*/
|
|
8
10
|
export declare class ColumnChartComponent {
|
|
9
11
|
/**
|
|
@@ -24,12 +26,17 @@ export declare class ColumnChartComponent {
|
|
|
24
26
|
* @category Data
|
|
25
27
|
*/
|
|
26
28
|
filters: ColumnChartProps['filters'];
|
|
29
|
+
/**
|
|
30
|
+
* {@inheritDoc @sisense/sdk-ui!ColumnChartProps.highlights}
|
|
31
|
+
*
|
|
32
|
+
* @category Data
|
|
33
|
+
*/
|
|
34
|
+
highlights: ColumnChartProps['highlights'];
|
|
27
35
|
/**
|
|
28
36
|
* {@inheritDoc @sisense/sdk-ui!ColumnChartProps.styleOptions}
|
|
29
37
|
*
|
|
30
38
|
* @category Chart
|
|
31
39
|
*/
|
|
32
|
-
highlights: ColumnChartProps['highlights'];
|
|
33
40
|
styleOptions: ColumnChartProps['styleOptions'];
|
|
34
41
|
/**
|
|
35
42
|
* {@inheritDoc @sisense/sdk-ui!ColumnChartProps.onBeforeRender}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
|
|
2
|
+
import { type ContextMenuProps } from '@sisense/sdk-ui-preact';
|
|
3
|
+
import { SisenseContextService } from '../services/sisense-context.service';
|
|
4
|
+
import { ThemeService } from '../services/theme.service';
|
|
5
|
+
import type { ArgumentsAsObject } from '../utility-types';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Context Menu Component
|
|
9
|
+
*/
|
|
10
|
+
export declare class ContextMenuComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
11
|
+
/**
|
|
12
|
+
* Sisense context service
|
|
13
|
+
*
|
|
14
|
+
* @category Constructor
|
|
15
|
+
*/
|
|
16
|
+
sisenseContextService: SisenseContextService;
|
|
17
|
+
/**
|
|
18
|
+
* Theme service
|
|
19
|
+
*
|
|
20
|
+
* @category Constructor
|
|
21
|
+
*/
|
|
22
|
+
themeService: ThemeService;
|
|
23
|
+
/**
|
|
24
|
+
* @internal
|
|
25
|
+
*/
|
|
26
|
+
preactRef: ElementRef<HTMLDivElement>;
|
|
27
|
+
/**
|
|
28
|
+
* @internal
|
|
29
|
+
*/
|
|
30
|
+
preactContentRef: ElementRef<HTMLDivElement>;
|
|
31
|
+
/**
|
|
32
|
+
* {@inheritDoc @sisense/sdk-ui!ContextMenuProps.position}
|
|
33
|
+
*/
|
|
34
|
+
position: ContextMenuProps['position'];
|
|
35
|
+
/**
|
|
36
|
+
* {@inheritDoc @sisense/sdk-ui!ContextMenuProps.itemSections}
|
|
37
|
+
*/
|
|
38
|
+
itemSections: ContextMenuProps['itemSections'];
|
|
39
|
+
/**
|
|
40
|
+
* {@inheritDoc @sisense/sdk-ui!ContextMenuProps.closeContextMenu}
|
|
41
|
+
*/
|
|
42
|
+
contextMenuClose: EventEmitter<ArgumentsAsObject<() => void, []>>;
|
|
43
|
+
private componentAdapter;
|
|
44
|
+
/**
|
|
45
|
+
* Constructor for the `ContextMenuComponent`.
|
|
46
|
+
*
|
|
47
|
+
* @param sisenseContextService - Sisense context service
|
|
48
|
+
* @param themeService - Theme service
|
|
49
|
+
*/
|
|
50
|
+
constructor(
|
|
51
|
+
/**
|
|
52
|
+
* Sisense context service
|
|
53
|
+
*
|
|
54
|
+
* @category Constructor
|
|
55
|
+
*/
|
|
56
|
+
sisenseContextService: SisenseContextService,
|
|
57
|
+
/**
|
|
58
|
+
* Theme service
|
|
59
|
+
*
|
|
60
|
+
* @category Constructor
|
|
61
|
+
*/
|
|
62
|
+
themeService: ThemeService);
|
|
63
|
+
/**
|
|
64
|
+
* @internal
|
|
65
|
+
*/
|
|
66
|
+
ngAfterViewInit(): void;
|
|
67
|
+
/**
|
|
68
|
+
* @internal
|
|
69
|
+
*/
|
|
70
|
+
ngOnChanges(): void;
|
|
71
|
+
private createPreactComponent;
|
|
72
|
+
/**
|
|
73
|
+
* @internal
|
|
74
|
+
*/
|
|
75
|
+
ngOnDestroy(): void;
|
|
76
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuComponent, never>;
|
|
77
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuComponent, "csdk-context-menu", never, { "position": "position"; "itemSections": "itemSections"; }, { "contextMenuClose": "contextMenuClose"; }, never, ["*"], false, never>;
|
|
78
|
+
}
|
|
@@ -4,7 +4,8 @@ import { SisenseContextService } from '../services/sisense-context.service';
|
|
|
4
4
|
import { ThemeService } from '../services/theme.service';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
/**
|
|
7
|
-
* Dashboard Widget
|
|
7
|
+
* The Dashboard Widget component, which is a thin wrapper on {@link ChartWidgetComponent},
|
|
8
|
+
* used to render a widget created in the Sisense instance.
|
|
8
9
|
*/
|
|
9
10
|
export declare class DashboardWidgetComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
10
11
|
private sisenseContextService;
|
|
@@ -21,6 +22,7 @@ export declare class DashboardWidgetComponent implements AfterViewInit, OnChange
|
|
|
21
22
|
filters: DashboardWidgetProps['filters'];
|
|
22
23
|
highlights: DashboardWidgetProps['highlights'];
|
|
23
24
|
filtersMergeStrategy: DashboardWidgetProps['filtersMergeStrategy'];
|
|
25
|
+
includeDashboardFilters: DashboardWidgetProps['includeDashboardFilters'];
|
|
24
26
|
title: DashboardWidgetProps['title'];
|
|
25
27
|
description: DashboardWidgetProps['description'];
|
|
26
28
|
/**
|
|
@@ -30,6 +32,8 @@ export declare class DashboardWidgetComponent implements AfterViewInit, OnChange
|
|
|
30
32
|
*/
|
|
31
33
|
styleOptions: DashboardWidgetProps['styleOptions'];
|
|
32
34
|
widgetStyleOptions: DashboardWidgetProps['widgetStyleOptions'];
|
|
35
|
+
highlightSelectionDisabled: DashboardWidgetProps['highlightSelectionDisabled'];
|
|
36
|
+
/** @internal */
|
|
33
37
|
drilldownOptions: DashboardWidgetProps['drilldownOptions'];
|
|
34
38
|
private componentAdapter;
|
|
35
39
|
constructor(sisenseContextService: SisenseContextService, themeService: ThemeService);
|
|
@@ -42,5 +46,5 @@ export declare class DashboardWidgetComponent implements AfterViewInit, OnChange
|
|
|
42
46
|
/** @internal */
|
|
43
47
|
ngOnDestroy(): void;
|
|
44
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DashboardWidgetComponent, "csdk-dashboard-widget", never, { "widgetOid": "widgetOid"; "dashboardOid": "dashboardOid"; "filters": "filters"; "highlights": "highlights"; "filtersMergeStrategy": "filtersMergeStrategy"; "title": "title"; "description": "description"; "styleOptions": "styleOptions"; "widgetStyleOptions": "widgetStyleOptions"; "drilldownOptions": "drilldownOptions"; }, {}, never, never, false, never>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DashboardWidgetComponent, "csdk-dashboard-widget", never, { "widgetOid": "widgetOid"; "dashboardOid": "dashboardOid"; "filters": "filters"; "highlights": "highlights"; "filtersMergeStrategy": "filtersMergeStrategy"; "includeDashboardFilters": "includeDashboardFilters"; "title": "title"; "description": "description"; "styleOptions": "styleOptions"; "widgetStyleOptions": "widgetStyleOptions"; "highlightSelectionDisabled": "highlightSelectionDisabled"; "drilldownOptions": "drilldownOptions"; }, {}, never, never, false, never>;
|
|
46
50
|
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
|
|
2
|
+
import { type DateRangeFilterTileProps } from '@sisense/sdk-ui-preact';
|
|
3
|
+
import { SisenseContextService } from '../services/sisense-context.service';
|
|
4
|
+
import { ThemeService } from '../services/theme.service';
|
|
5
|
+
import type { ArgumentsAsObject } from '../utility-types';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Date Range Filter Tile Component
|
|
9
|
+
*/
|
|
10
|
+
export declare class DateRangeFilterTileComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
11
|
+
/**
|
|
12
|
+
* Sisense context service
|
|
13
|
+
*
|
|
14
|
+
* @category Constructor
|
|
15
|
+
*/
|
|
16
|
+
sisenseContextService: SisenseContextService;
|
|
17
|
+
/**
|
|
18
|
+
* Theme service
|
|
19
|
+
*
|
|
20
|
+
* @category Constructor
|
|
21
|
+
*/
|
|
22
|
+
themeService: ThemeService;
|
|
23
|
+
/**
|
|
24
|
+
* @internal
|
|
25
|
+
*/
|
|
26
|
+
preactRef: ElementRef<HTMLDivElement>;
|
|
27
|
+
/**
|
|
28
|
+
* {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.title}
|
|
29
|
+
*/
|
|
30
|
+
title: DateRangeFilterTileProps['title'];
|
|
31
|
+
/**
|
|
32
|
+
* {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.attribute}
|
|
33
|
+
*/
|
|
34
|
+
attribute: DateRangeFilterTileProps['attribute'];
|
|
35
|
+
/**
|
|
36
|
+
* {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.dataSource}
|
|
37
|
+
*/
|
|
38
|
+
dataSource: DateRangeFilterTileProps['dataSource'];
|
|
39
|
+
/**
|
|
40
|
+
* {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.filter}
|
|
41
|
+
*/
|
|
42
|
+
filter: DateRangeFilterTileProps['filter'];
|
|
43
|
+
/**
|
|
44
|
+
* {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.earliestDate}
|
|
45
|
+
*/
|
|
46
|
+
earliestDate: DateRangeFilterTileProps['earliestDate'];
|
|
47
|
+
/**
|
|
48
|
+
* {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.lastDate}
|
|
49
|
+
*/
|
|
50
|
+
lastDate: DateRangeFilterTileProps['lastDate'];
|
|
51
|
+
/**
|
|
52
|
+
* {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.onChange}
|
|
53
|
+
*/
|
|
54
|
+
filterChange: EventEmitter<ArgumentsAsObject<(filter: import("@sisense/sdk-data").Filter) => void, ["filter"]>>;
|
|
55
|
+
private componentAdapter;
|
|
56
|
+
/**
|
|
57
|
+
* Constructor for the `DateRangeFilterTileComponent`.
|
|
58
|
+
*
|
|
59
|
+
* @param sisenseContextService - Sisense context service
|
|
60
|
+
* @param themeService - Theme service
|
|
61
|
+
*/
|
|
62
|
+
constructor(
|
|
63
|
+
/**
|
|
64
|
+
* Sisense context service
|
|
65
|
+
*
|
|
66
|
+
* @category Constructor
|
|
67
|
+
*/
|
|
68
|
+
sisenseContextService: SisenseContextService,
|
|
69
|
+
/**
|
|
70
|
+
* Theme service
|
|
71
|
+
*
|
|
72
|
+
* @category Constructor
|
|
73
|
+
*/
|
|
74
|
+
themeService: ThemeService);
|
|
75
|
+
/**
|
|
76
|
+
* @internal
|
|
77
|
+
*/
|
|
78
|
+
ngAfterViewInit(): void;
|
|
79
|
+
/**
|
|
80
|
+
* @internal
|
|
81
|
+
*/
|
|
82
|
+
ngOnChanges(): void;
|
|
83
|
+
private createPreactComponent;
|
|
84
|
+
/**
|
|
85
|
+
* @internal
|
|
86
|
+
*/
|
|
87
|
+
ngOnDestroy(): void;
|
|
88
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeFilterTileComponent, never>;
|
|
89
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeFilterTileComponent, "csdk-date-range-filter-tile", never, { "title": "title"; "attribute": "attribute"; "dataSource": "dataSource"; "filter": "filter"; "earliestDate": "earliestDate"; "lastDate": "lastDate"; }, { "filterChange": "filterChange"; }, never, never, false, never>;
|
|
90
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
|
|
2
|
+
import { type DrilldownBreadcrumbsProps } from '@sisense/sdk-ui-preact';
|
|
3
|
+
import { SisenseContextService } from '../services/sisense-context.service';
|
|
4
|
+
import { ThemeService } from '../services/theme.service';
|
|
5
|
+
import type { ArgumentsAsObject } from '../utility-types';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Drilldown Breadcrumbs Component
|
|
9
|
+
*/
|
|
10
|
+
export declare class DrilldownBreadcrumbsComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
11
|
+
/**
|
|
12
|
+
* Sisense context service
|
|
13
|
+
*
|
|
14
|
+
* @category Constructor
|
|
15
|
+
*/
|
|
16
|
+
sisenseContextService: SisenseContextService;
|
|
17
|
+
/**
|
|
18
|
+
* Theme service
|
|
19
|
+
*
|
|
20
|
+
* @category Constructor
|
|
21
|
+
*/
|
|
22
|
+
themeService: ThemeService;
|
|
23
|
+
/**
|
|
24
|
+
* @internal
|
|
25
|
+
*/
|
|
26
|
+
preactRef: ElementRef<HTMLDivElement>;
|
|
27
|
+
/**
|
|
28
|
+
* {@inheritDoc @sisense/sdk-ui!DrilldownBreadcrumbsProps.filtersDisplayValues}
|
|
29
|
+
*
|
|
30
|
+
* @category Widget
|
|
31
|
+
*/
|
|
32
|
+
filtersDisplayValues: DrilldownBreadcrumbsProps['filtersDisplayValues'];
|
|
33
|
+
/**
|
|
34
|
+
* {@inheritDoc @sisense/sdk-ui!DrilldownBreadcrumbsProps.currentDimension}
|
|
35
|
+
*
|
|
36
|
+
* @category Widget
|
|
37
|
+
*/
|
|
38
|
+
currentDimension: DrilldownBreadcrumbsProps['currentDimension'];
|
|
39
|
+
/**
|
|
40
|
+
* {@inheritDoc @sisense/sdk-ui!DrilldownBreadcrumbsProps.clearDrilldownSelections}
|
|
41
|
+
*
|
|
42
|
+
* @category Widget
|
|
43
|
+
*/
|
|
44
|
+
drilldownSelectionsClear: EventEmitter<ArgumentsAsObject<() => void, []>>;
|
|
45
|
+
/**
|
|
46
|
+
* {@inheritDoc @sisense/sdk-ui!DrilldownBreadcrumbsProps.sliceDrilldownSelections}
|
|
47
|
+
*
|
|
48
|
+
* @category Widget
|
|
49
|
+
*/
|
|
50
|
+
drilldownSelectionsSlice: EventEmitter<number>;
|
|
51
|
+
private componentAdapter;
|
|
52
|
+
/**
|
|
53
|
+
* Constructor for the `DrilldownBreadcrumbsComponent`.
|
|
54
|
+
*
|
|
55
|
+
* @param sisenseContextService - Sisense context service
|
|
56
|
+
* @param themeService - Theme service
|
|
57
|
+
*/
|
|
58
|
+
constructor(
|
|
59
|
+
/**
|
|
60
|
+
* Sisense context service
|
|
61
|
+
*
|
|
62
|
+
* @category Constructor
|
|
63
|
+
*/
|
|
64
|
+
sisenseContextService: SisenseContextService,
|
|
65
|
+
/**
|
|
66
|
+
* Theme service
|
|
67
|
+
*
|
|
68
|
+
* @category Constructor
|
|
69
|
+
*/
|
|
70
|
+
themeService: ThemeService);
|
|
71
|
+
/**
|
|
72
|
+
* @internal
|
|
73
|
+
*/
|
|
74
|
+
ngAfterViewInit(): void;
|
|
75
|
+
/**
|
|
76
|
+
* @internal
|
|
77
|
+
*/
|
|
78
|
+
ngOnChanges(): void;
|
|
79
|
+
private createPreactComponent;
|
|
80
|
+
/**
|
|
81
|
+
* @internal
|
|
82
|
+
*/
|
|
83
|
+
ngOnDestroy(): void;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrilldownBreadcrumbsComponent, never>;
|
|
85
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrilldownBreadcrumbsComponent, "csdk-drilldown-breadcrumbs", never, { "filtersDisplayValues": "filtersDisplayValues"; "currentDimension": "currentDimension"; }, { "drilldownSelectionsClear": "drilldownSelectionsClear"; "drilldownSelectionsSlice": "drilldownSelectionsSlice"; }, never, never, false, never>;
|
|
86
|
+
}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
|
|
2
|
+
import { type DrilldownWidgetProps, type ContextMenuProps, type CustomDrilldownResult as CustomDrilldownResultBase, type ComponentRenderer, DrilldownBreadcrumbsProps } from '@sisense/sdk-ui-preact';
|
|
3
|
+
import { SisenseContextService } from '../services/sisense-context.service';
|
|
4
|
+
import { ThemeService } from '../services/theme.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export type CustomDrilldownResult = CustomDrilldownResultBase & {
|
|
7
|
+
breadcrumbsComponent?: {
|
|
8
|
+
render: ComponentRenderer;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* An Angular component designed to add drilldown functionality to any type of chart.
|
|
13
|
+
*
|
|
14
|
+
* It acts as a wrapper around a given chart component, enhancing it with drilldown capabilities
|
|
15
|
+
*
|
|
16
|
+
* The widget offers several features including:
|
|
17
|
+
* - A context menu for initiating drilldown actions (can be provided as a custom component)
|
|
18
|
+
* - Breadcrumbs that not only allow for drilldown selection slicing but also
|
|
19
|
+
* provide an option to clear the selection (can be provided as a custom component)
|
|
20
|
+
* - Filters specifically created for drilldown operation
|
|
21
|
+
* - An option to navigate to the next drilldown dimension
|
|
22
|
+
*
|
|
23
|
+
* When an `initialDimension` is specified, the `drilldownDimension` will automatically inherit its value,
|
|
24
|
+
* even before any points on the chart are selected.
|
|
25
|
+
* This allows for complete control over the chart's dimensions to be handed over to the DrilldownWidget
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* An example of using the `csdk-drilldown-widget` component to plot a `csdk-column-chart`
|
|
29
|
+
* over the Sample Healthcare data source hosted in a Sisense instance:
|
|
30
|
+
* ```ts
|
|
31
|
+
* // Component behavior in .component.ts
|
|
32
|
+
* chart = {
|
|
33
|
+
* dataOptions: {
|
|
34
|
+
* category: [DM.Divisions.Divison_name],
|
|
35
|
+
* value: [measures.sum(DM.Admissions.Cost_of_admission)],
|
|
36
|
+
* breakBy: [],
|
|
37
|
+
* },
|
|
38
|
+
* dataPointContextMenu: ({ point, nativeEvent }: { point: any; nativeEvent: MouseEvent }) => {
|
|
39
|
+
* this.drilldownResult?.onDataPointsSelected?.([point], nativeEvent);
|
|
40
|
+
* this.drilldownResult?.onContextMenu({
|
|
41
|
+
* left: nativeEvent.clientX,
|
|
42
|
+
* top: nativeEvent.clientY,
|
|
43
|
+
* });
|
|
44
|
+
* }
|
|
45
|
+
* }
|
|
46
|
+
*
|
|
47
|
+
* drilldownResult?: CustomDrilldownResult;
|
|
48
|
+
*
|
|
49
|
+
* drilldown = {
|
|
50
|
+
* drilldownDimensions: [DM.Patients.Gender, DM.Admissions.Surgical_Procedure],
|
|
51
|
+
* initialDimension: DM.Divisions.Divison_name,
|
|
52
|
+
* drilldownChange: (drilldownResult: CustomDrilldownResult) => {
|
|
53
|
+
* this.drilldownResult = drilldownResult;
|
|
54
|
+
* this.chart.dataOptions = {
|
|
55
|
+
* ...this.chart.dataOptions,
|
|
56
|
+
* category: [drilldownResult.drilldownDimension]
|
|
57
|
+
* }
|
|
58
|
+
* }
|
|
59
|
+
* };
|
|
60
|
+
* ```
|
|
61
|
+
* ```html
|
|
62
|
+
* <!--Component HTML template in .component.html-->
|
|
63
|
+
* <csdk-drilldown-widget
|
|
64
|
+
* [drilldownDimensions]="drilldown.drilldownDimensions"
|
|
65
|
+
* [initialDimension]="drilldown.initialDimension"
|
|
66
|
+
* (drilldownResultChange)="drilldown.drilldownChange($event)"
|
|
67
|
+
* >
|
|
68
|
+
* <csdk-column-chart
|
|
69
|
+
* [dataSet]="DM.DataSource"
|
|
70
|
+
* [dataOptions]="chart.dataOptions"
|
|
71
|
+
* [filters]="drilldownResult?.drilldownFilters || []"
|
|
72
|
+
* (dataPointContextMenu)="chart.dataPointContextMenu($event)"
|
|
73
|
+
* />
|
|
74
|
+
* </csdk-drilldown-widget>
|
|
75
|
+
* ```
|
|
76
|
+
*/
|
|
77
|
+
export declare class DrilldownWidgetComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
78
|
+
/**
|
|
79
|
+
* Sisense context service
|
|
80
|
+
*
|
|
81
|
+
* @category Constructor
|
|
82
|
+
*/
|
|
83
|
+
sisenseContextService: SisenseContextService;
|
|
84
|
+
/**
|
|
85
|
+
* Theme service
|
|
86
|
+
*
|
|
87
|
+
* @category Constructor
|
|
88
|
+
*/
|
|
89
|
+
themeService: ThemeService;
|
|
90
|
+
/**
|
|
91
|
+
* @internal
|
|
92
|
+
*/
|
|
93
|
+
preactRef: ElementRef<HTMLDivElement>;
|
|
94
|
+
/**
|
|
95
|
+
* @internal
|
|
96
|
+
*/
|
|
97
|
+
preactContentRef: ElementRef<HTMLDivElement>;
|
|
98
|
+
/**
|
|
99
|
+
* {@inheritDoc @sisense/sdk-ui!DrilldownWidgetProps.drilldownDimensions}
|
|
100
|
+
*/
|
|
101
|
+
drilldownDimensions: DrilldownWidgetProps['drilldownDimensions'];
|
|
102
|
+
/**
|
|
103
|
+
* {@inheritDoc @sisense/sdk-ui!DrilldownWidgetProps.initialDimension}
|
|
104
|
+
*/
|
|
105
|
+
initialDimension: DrilldownWidgetProps['initialDimension'];
|
|
106
|
+
config?: Omit<DrilldownWidgetProps['config'], 'breadcrumbsComponent | contextMenuComponent'> & {
|
|
107
|
+
breadcrumbsComponent?: (drilldownBreadcrumbsProps: DrilldownBreadcrumbsProps) => HTMLDivElement;
|
|
108
|
+
contextMenuComponent?: (contextMenuProps: ContextMenuProps) => HTMLDivElement;
|
|
109
|
+
};
|
|
110
|
+
drilldownResultChange: EventEmitter<CustomDrilldownResult>;
|
|
111
|
+
private componentAdapter;
|
|
112
|
+
/**
|
|
113
|
+
* Constructor for the `DrilldownWidgetComponent`.
|
|
114
|
+
*
|
|
115
|
+
* @param sisenseContextService - Sisense context service
|
|
116
|
+
* @param themeService - Theme service
|
|
117
|
+
*/
|
|
118
|
+
constructor(
|
|
119
|
+
/**
|
|
120
|
+
* Sisense context service
|
|
121
|
+
*
|
|
122
|
+
* @category Constructor
|
|
123
|
+
*/
|
|
124
|
+
sisenseContextService: SisenseContextService,
|
|
125
|
+
/**
|
|
126
|
+
* Theme service
|
|
127
|
+
*
|
|
128
|
+
* @category Constructor
|
|
129
|
+
*/
|
|
130
|
+
themeService: ThemeService);
|
|
131
|
+
/**
|
|
132
|
+
* @internal
|
|
133
|
+
*/
|
|
134
|
+
ngAfterViewInit(): void;
|
|
135
|
+
/**
|
|
136
|
+
* @internal
|
|
137
|
+
*/
|
|
138
|
+
ngOnChanges(): void;
|
|
139
|
+
private createPreactComponent;
|
|
140
|
+
/**
|
|
141
|
+
* @internal
|
|
142
|
+
*/
|
|
143
|
+
ngOnDestroy(): void;
|
|
144
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DrilldownWidgetComponent, never>;
|
|
145
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DrilldownWidgetComponent, "csdk-drilldown-widget", never, { "drilldownDimensions": "drilldownDimensions"; "initialDimension": "initialDimension"; "config": "config"; }, { "drilldownResultChange": "drilldownResultChange"; }, never, ["*"], false, never>;
|
|
146
|
+
}
|
|
@@ -3,7 +3,8 @@ import { type ChartType, type FunnelChartProps } from '@sisense/sdk-ui-preact';
|
|
|
3
3
|
import { type ArgumentsAsObject } from '../utility-types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* A component representing data progressively decreasing in size or quantity through a funnel shape.
|
|
7
|
+
* See [Funnel Chart](https://docs.sisense.com/main/SisenseLinux/funnel-chart.htm) for more information.
|
|
7
8
|
*/
|
|
8
9
|
export declare class FunnelChartComponent {
|
|
9
10
|
/**
|
|
@@ -12,5 +12,11 @@ export * from './pie-chart.component';
|
|
|
12
12
|
export * from './funnel-chart.component';
|
|
13
13
|
export * from './polar-chart.component';
|
|
14
14
|
export * from './treemap-chart.component';
|
|
15
|
+
export * from './sunburst-chart.component';
|
|
15
16
|
export * from './table-widget.component';
|
|
16
17
|
export * from './dashboard-widget.component';
|
|
18
|
+
export * from './member-filter-tile.component';
|
|
19
|
+
export * from './drilldown-widget.component';
|
|
20
|
+
export * from './date-range-filter-tile.component';
|
|
21
|
+
export * from './drilldown-breadcrumbs.component';
|
|
22
|
+
export * from './context-menu.component';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type ChartType, type IndicatorChartProps } from '@sisense/sdk-ui-preact';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* A component that provides various options for displaying one or two numeric values as a number, gauge or ticker.
|
|
5
|
+
* See [Indicator](https://docs.sisense.com/main/SisenseLinux/indicator.htm) for more information.
|
|
5
6
|
*/
|
|
6
7
|
export declare class IndicatorChartComponent {
|
|
7
8
|
/**
|
|
@@ -3,7 +3,8 @@ import { type ChartType, type LineChartProps } from '@sisense/sdk-ui-preact';
|
|
|
3
3
|
import { type ArgumentsAsObject } from '../utility-types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* A component displaying data as a series of points connected by a line. Used to show trends or changes over time.
|
|
7
|
+
* See [Line Chart](https://docs.sisense.com/main/SisenseLinux/line-chart.htm) for more information.
|
|
7
8
|
*/
|
|
8
9
|
export declare class LineChartComponent {
|
|
9
10
|
/**
|