@sisense/sdk-ui-angular 0.13.0 → 0.14.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/components/area-chart.component.mjs +4 -2
- package/dist/esm2020/lib/components/bar-chart.component.mjs +4 -2
- package/dist/esm2020/lib/components/chart-widget.component.mjs +6 -3
- package/dist/esm2020/lib/components/column-chart.component.mjs +4 -2
- package/dist/esm2020/lib/components/dashboard-widget.component.mjs +3 -2
- package/dist/esm2020/lib/components/funnel-chart.component.mjs +3 -2
- package/dist/esm2020/lib/components/indicator-chart.component.mjs +3 -2
- package/dist/esm2020/lib/components/line-chart.component.mjs +3 -2
- package/dist/esm2020/lib/components/pie-chart.component.mjs +4 -2
- package/dist/esm2020/lib/components/polar-chart.component.mjs +3 -2
- package/dist/esm2020/lib/components/scatter-chart.component.mjs +10 -2
- package/dist/esm2020/lib/components/table-widget.component.mjs +2 -2
- package/dist/esm2020/lib/components/table.component.mjs +2 -2
- package/dist/esm2020/lib/components/treemap-chart.component.mjs +4 -2
- package/dist/esm2020/lib/services/query.service.mjs +13 -1
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs +53 -15
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs.map +1 -1
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs +53 -15
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs.map +1 -1
- 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/dashboard-widget.component.d.ts +2 -1
- package/dist/lib/components/funnel-chart.component.d.ts +2 -1
- 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/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/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/services/query.service.d.ts +12 -0
- package/dist/package.json +1 -1
- package/package.json +3 -3
|
@@ -396,7 +396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
396
396
|
}] } });
|
|
397
397
|
|
|
398
398
|
/**
|
|
399
|
-
* Table
|
|
399
|
+
* Table with aggregation and pagination.
|
|
400
400
|
*/
|
|
401
401
|
class TableComponent {
|
|
402
402
|
constructor(sisenseContextService, themeService) {
|
|
@@ -453,7 +453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
453
453
|
}] } });
|
|
454
454
|
|
|
455
455
|
/**
|
|
456
|
-
* Chart Widget
|
|
456
|
+
* The Chart Widget component extending {@link ChartComponent} to support widget style options.
|
|
457
457
|
*/
|
|
458
458
|
class ChartWidgetComponent {
|
|
459
459
|
constructor(sisenseContextService, themeService) {
|
|
@@ -504,6 +504,7 @@ class ChartWidgetComponent {
|
|
|
504
504
|
drilldownOptions: this.drilldownOptions,
|
|
505
505
|
title: this.title,
|
|
506
506
|
description: this.description,
|
|
507
|
+
highlightSelectionDisabled: this.highlightSelectionDisabled,
|
|
507
508
|
onBeforeRender: this.beforeRender?.bind(this),
|
|
508
509
|
onDataPointClick: (...[point, nativeEvent]) => this.dataPointClick.emit({ point, nativeEvent }),
|
|
509
510
|
onDataPointContextMenu: (...[point, nativeEvent]) => this.dataPointContextMenu.emit({ point, nativeEvent }),
|
|
@@ -517,7 +518,7 @@ class ChartWidgetComponent {
|
|
|
517
518
|
}
|
|
518
519
|
}
|
|
519
520
|
ChartWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWidgetComponent, deps: [{ token: SisenseContextService }, { token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
520
|
-
ChartWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWidgetComponent, selector: "csdk-chart-widget", inputs: { chartType: "chartType", dataSource: "dataSource", dataOptions: "dataOptions", filters: "filters", highlights: "highlights", styleOptions: "styleOptions", widgetStyleOptions: "widgetStyleOptions", drilldownOptions: "drilldownOptions", title: "title", description: "description", beforeRender: "beforeRender" }, outputs: { dataPointClick: "dataPointClick", dataPointContextMenu: "dataPointContextMenu", dataPointsSelect: "dataPointsSelect" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #preact style=\"width: 100%; height: 100%\"></div>", isInline: true });
|
|
521
|
+
ChartWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWidgetComponent, selector: "csdk-chart-widget", inputs: { chartType: "chartType", dataSource: "dataSource", dataOptions: "dataOptions", filters: "filters", highlights: "highlights", styleOptions: "styleOptions", widgetStyleOptions: "widgetStyleOptions", drilldownOptions: "drilldownOptions", title: "title", description: "description", highlightSelectionDisabled: "highlightSelectionDisabled", beforeRender: "beforeRender" }, outputs: { dataPointClick: "dataPointClick", dataPointContextMenu: "dataPointContextMenu", dataPointsSelect: "dataPointsSelect" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #preact style=\"width: 100%; height: 100%\"></div>", isInline: true });
|
|
521
522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWidgetComponent, decorators: [{
|
|
522
523
|
type: Component,
|
|
523
524
|
args: [{
|
|
@@ -547,6 +548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
547
548
|
type: Input
|
|
548
549
|
}], description: [{
|
|
549
550
|
type: Input
|
|
551
|
+
}], highlightSelectionDisabled: [{
|
|
552
|
+
type: Input
|
|
550
553
|
}], beforeRender: [{
|
|
551
554
|
type: Input
|
|
552
555
|
}], dataPointClick: [{
|
|
@@ -558,7 +561,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
558
561
|
}] } });
|
|
559
562
|
|
|
560
563
|
/**
|
|
561
|
-
*
|
|
564
|
+
* A component representing categorical data with vertical rectangular bars
|
|
565
|
+
* whose heights are proportional to the values that they represent.
|
|
566
|
+
* See [Column Chart](https://docs.sisense.com/main/SisenseLinux/column-chart.htm) for more information.
|
|
562
567
|
*/
|
|
563
568
|
class ColumnChartComponent {
|
|
564
569
|
constructor() {
|
|
@@ -637,7 +642,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
637
642
|
}] } });
|
|
638
643
|
|
|
639
644
|
/**
|
|
640
|
-
*
|
|
645
|
+
* A component representing categorical data with horizontal rectangular bars,
|
|
646
|
+
* whose lengths are proportional to the values that they represent.
|
|
647
|
+
* See [Bar Chart](https://docs.sisense.com/main/SisenseLinux/bar-chart.htm) for more information.
|
|
641
648
|
*/
|
|
642
649
|
class BarChartComponent {
|
|
643
650
|
constructor() {
|
|
@@ -716,7 +723,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
716
723
|
}] } });
|
|
717
724
|
|
|
718
725
|
/**
|
|
719
|
-
*
|
|
726
|
+
* A component similar to a {@link LineChartComponent},
|
|
727
|
+
* but with filled in areas under each line and an option to display them as stacked.
|
|
728
|
+
* More info on [Sisense Documentation page](https://docs.sisense.com/main/SisenseLinux/area-chart.htm).
|
|
720
729
|
*/
|
|
721
730
|
class AreaChartComponent {
|
|
722
731
|
constructor() {
|
|
@@ -795,7 +804,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
795
804
|
}] } });
|
|
796
805
|
|
|
797
806
|
/**
|
|
798
|
-
*
|
|
807
|
+
* A component displaying data as a series of points connected by a line. Used to show trends or changes over time.
|
|
808
|
+
* See [Line Chart](https://docs.sisense.com/main/SisenseLinux/line-chart.htm) for more information.
|
|
799
809
|
*/
|
|
800
810
|
class LineChartComponent {
|
|
801
811
|
constructor() {
|
|
@@ -874,7 +884,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
874
884
|
}] } });
|
|
875
885
|
|
|
876
886
|
/**
|
|
877
|
-
*
|
|
887
|
+
* A component that provides various options for displaying one or two numeric values as a number, gauge or ticker.
|
|
888
|
+
* See [Indicator](https://docs.sisense.com/main/SisenseLinux/indicator.htm) for more information.
|
|
878
889
|
*/
|
|
879
890
|
class IndicatorChartComponent {
|
|
880
891
|
constructor() {
|
|
@@ -919,7 +930,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
919
930
|
}] } });
|
|
920
931
|
|
|
921
932
|
/**
|
|
922
|
-
*
|
|
933
|
+
* A component displaying the distribution of two variables on an X-Axis, Y-Axis,
|
|
934
|
+
* and two additional fields of data that are shown as colored circles scattered across the chart.
|
|
935
|
+
*
|
|
936
|
+
* **Point**: A field that for each of its members a scatter point is drawn. The maximum amount of data points is 500.
|
|
937
|
+
*
|
|
938
|
+
* **Size**: An optional field represented by the size of the circles.
|
|
939
|
+
* If omitted, all scatter points are equal in size. If used, the circle sizes are relative to their values.
|
|
940
|
+
*
|
|
941
|
+
* See [Scatter Chart](https://docs.sisense.com/main/SisenseLinux/scatter-chart.htm) for more information.
|
|
923
942
|
*/
|
|
924
943
|
class ScatterChartComponent {
|
|
925
944
|
constructor() {
|
|
@@ -998,7 +1017,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
998
1017
|
}] } });
|
|
999
1018
|
|
|
1000
1019
|
/**
|
|
1001
|
-
*
|
|
1020
|
+
* A component representing data in a circular graph with the data shown as slices of a whole,
|
|
1021
|
+
* with each slice representing a proportion of the total.
|
|
1022
|
+
* See [Pie Chart](https://docs.sisense.com/main/SisenseLinux/pie-chart.htm) for more information.
|
|
1002
1023
|
*/
|
|
1003
1024
|
class PieChartComponent {
|
|
1004
1025
|
constructor() {
|
|
@@ -1077,7 +1098,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1077
1098
|
}] } });
|
|
1078
1099
|
|
|
1079
1100
|
/**
|
|
1080
|
-
*
|
|
1101
|
+
* A component representing data progressively decreasing in size or quantity through a funnel shape.
|
|
1102
|
+
* See [Funnel Chart](https://docs.sisense.com/main/SisenseLinux/funnel-chart.htm) for more information.
|
|
1081
1103
|
*/
|
|
1082
1104
|
class FunnelChartComponent {
|
|
1083
1105
|
constructor() {
|
|
@@ -1156,7 +1178,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1156
1178
|
}] } });
|
|
1157
1179
|
|
|
1158
1180
|
/**
|
|
1159
|
-
*
|
|
1181
|
+
* A component comparing multiple categories/variables with a spacial perspective in a radial chart.
|
|
1182
|
+
* See [Polar Chart](https://docs.sisense.com/main/SisenseLinux/polar-chart.htm) for more information.
|
|
1160
1183
|
*/
|
|
1161
1184
|
class PolarChartComponent {
|
|
1162
1185
|
constructor() {
|
|
@@ -1235,7 +1258,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1235
1258
|
}] } });
|
|
1236
1259
|
|
|
1237
1260
|
/**
|
|
1238
|
-
*
|
|
1261
|
+
* A component displaying hierarchical data in the form of nested rectangles.
|
|
1262
|
+
* This type of chart can be used instead of a column chart for comparing a large number of categories and sub-categories.
|
|
1263
|
+
* See [Treemap Chart](https://docs.sisense.com/main/SisenseLinux/treemap.htm) for more information.
|
|
1239
1264
|
*/
|
|
1240
1265
|
class TreemapChartComponent {
|
|
1241
1266
|
constructor() {
|
|
@@ -1314,7 +1339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1314
1339
|
}] } });
|
|
1315
1340
|
|
|
1316
1341
|
/**
|
|
1317
|
-
* Table Widget
|
|
1342
|
+
* The Table Widget component extending {@link TableComponent} component to support widget style options.
|
|
1318
1343
|
*
|
|
1319
1344
|
* @internal
|
|
1320
1345
|
*/
|
|
@@ -1379,7 +1404,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1379
1404
|
}] } });
|
|
1380
1405
|
|
|
1381
1406
|
/**
|
|
1382
|
-
* Dashboard Widget
|
|
1407
|
+
* The Dashboard Widget component, which is a thin wrapper on {@link ChartWidgetComponent},
|
|
1408
|
+
* used to render a widget created in the Sisense instance.
|
|
1383
1409
|
*/
|
|
1384
1410
|
class DashboardWidgetComponent {
|
|
1385
1411
|
constructor(sisenseContextService, themeService) {
|
|
@@ -1563,12 +1589,24 @@ class QueryService {
|
|
|
1563
1589
|
constructor(sisenseContextService) {
|
|
1564
1590
|
this.sisenseContextService = sisenseContextService;
|
|
1565
1591
|
}
|
|
1592
|
+
/**
|
|
1593
|
+
* Executes a data query.
|
|
1594
|
+
*
|
|
1595
|
+
* @param params - Query parameters
|
|
1596
|
+
* return Query result
|
|
1597
|
+
*/
|
|
1566
1598
|
async executeQuery(params) {
|
|
1567
1599
|
const { dataSource, dimensions, measures, filters, highlights, count, offset, onBeforeQuery } = params;
|
|
1568
1600
|
const app = await this.sisenseContextService.getApp();
|
|
1569
1601
|
const data = await executeQuery({ dataSource, dimensions, measures, filters, highlights, count, offset }, app, { onBeforeQuery });
|
|
1570
1602
|
return { data };
|
|
1571
1603
|
}
|
|
1604
|
+
/**
|
|
1605
|
+
* Executes a data query extracted from an existing widget in the Sisense instance.
|
|
1606
|
+
*
|
|
1607
|
+
* @param params - Parameters to identify the target widget
|
|
1608
|
+
* @returns Query result
|
|
1609
|
+
*/
|
|
1572
1610
|
async executeQueryByWidgetId(params) {
|
|
1573
1611
|
const app = await this.sisenseContextService.getApp();
|
|
1574
1612
|
return executeQueryByWidgetId({
|