@sisense/sdk-ui-angular 1.20.0 → 1.21.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/dashboard/dashboard-by-id.component.mjs +13 -13
- package/dist/esm2020/lib/components/dashboard/dashboard.component.mjs +18 -11
- package/dist/esm2020/lib/components/filters/criteria-filter-tile.component.mjs +131 -0
- package/dist/esm2020/lib/components/filters/date-range-filter-tile.component.mjs +1 -3
- package/dist/esm2020/lib/components/filters/index.mjs +2 -1
- package/dist/esm2020/lib/components/filters/member-filter-tile.component.mjs +1 -3
- package/dist/esm2020/lib/components/widgets/chart-widget.component.mjs +2 -2
- package/dist/esm2020/lib/sdk-ui.module.mjs +6 -2
- package/dist/esm2020/public-api.mjs +4 -6
- package/dist/esm2020/version.mjs +2 -2
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs +164 -35
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs.map +1 -1
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs +164 -35
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs.map +1 -1
- package/dist/lib/components/dashboard/dashboard-by-id.component.d.ts +12 -12
- package/dist/lib/components/dashboard/dashboard.component.d.ts +17 -10
- package/dist/lib/components/filters/criteria-filter-tile.component.d.ts +117 -0
- package/dist/lib/components/filters/date-range-filter-tile.component.d.ts +0 -2
- package/dist/lib/components/filters/index.d.ts +1 -0
- package/dist/lib/components/filters/member-filter-tile.component.d.ts +0 -2
- package/dist/lib/components/widgets/chart-widget.component.d.ts +1 -1
- package/dist/lib/sdk-ui.module.d.ts +12 -11
- package/dist/lib/services/plugins.service.d.ts +1 -1
- package/dist/package.json +1 -1
- package/dist/public-api.d.ts +3 -5
- package/dist/version.d.ts +1 -1
- package/package.json +4 -4
|
@@ -4,9 +4,7 @@
|
|
|
4
4
|
/**
|
|
5
5
|
* @packageDocumentation
|
|
6
6
|
* @groupDescription Charts
|
|
7
|
-
* Angular components for charts
|
|
8
|
-
* @groupDescription Chart Utilities
|
|
9
|
-
* Utilities to be used with charts
|
|
7
|
+
* Angular components and utilities for working with charts
|
|
10
8
|
* @groupDescription Data Grids
|
|
11
9
|
* Angular components for data grids
|
|
12
10
|
* @groupDescription Drilldown
|
|
@@ -17,8 +15,8 @@
|
|
|
17
15
|
* Angular context modules, services, and variables
|
|
18
16
|
* @groupDescription Queries
|
|
19
17
|
* Angular query service
|
|
20
|
-
* @groupDescription
|
|
21
|
-
* Angular
|
|
18
|
+
* @groupDescription Dashboards
|
|
19
|
+
* Angular components and utilities for working with dashboards
|
|
22
20
|
* @groupDescription Fusion Embed
|
|
23
21
|
* Angular modules, services, and components for working with Fusion Embed dashboards, widgets, queries, and formulas
|
|
24
22
|
* @groupDescription Interfaces
|
|
@@ -30,4 +28,4 @@ export * from './lib/sdk-ui.module';
|
|
|
30
28
|
export * from './lib/components';
|
|
31
29
|
export * from './lib/services';
|
|
32
30
|
export * from './lib/sdk-ui-core-exports';
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0g7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQkc7QUFDSCxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBAc2lzZW5zZS9zZGstdWktYW5ndWxhclxuICovXG4vKipcbiAqIEBwYWNrYWdlRG9jdW1lbnRhdGlvblxuICogQGdyb3VwRGVzY3JpcHRpb24gQ2hhcnRzXG4gKiBBbmd1bGFyIGNvbXBvbmVudHMgYW5kIHV0aWxpdGllcyBmb3Igd29ya2luZyB3aXRoIGNoYXJ0c1xuICogQGdyb3VwRGVzY3JpcHRpb24gRGF0YSBHcmlkc1xuICogQW5ndWxhciBjb21wb25lbnRzIGZvciBkYXRhIGdyaWRzXG4gKiBAZ3JvdXBEZXNjcmlwdGlvbiBEcmlsbGRvd25cbiAqIEFuZ3VsYXIgY29tcG9uZW50cyBmb3IgY3JlYXRpbmcgZHJpbGxkb3duIGV4cGVyaWVuY2VzXG4gKiBAZ3JvdXBEZXNjcmlwdGlvbiBGaWx0ZXIgVGlsZXNcbiAqIEFuZ3VsYXIgZmlsdGVyIHRpbGUgY29tcG9uZW50c1xuICogQGdyb3VwRGVzY3JpcHRpb24gQ29udGV4dHNcbiAqIEFuZ3VsYXIgY29udGV4dCBtb2R1bGVzLCBzZXJ2aWNlcywgYW5kIHZhcmlhYmxlc1xuICogQGdyb3VwRGVzY3JpcHRpb24gUXVlcmllc1xuICogQW5ndWxhciBxdWVyeSBzZXJ2aWNlXG4gKiBAZ3JvdXBEZXNjcmlwdGlvbiBEYXNoYm9hcmRzXG4gKiBBbmd1bGFyIGNvbXBvbmVudHMgYW5kIHV0aWxpdGllcyBmb3Igd29ya2luZyB3aXRoIGRhc2hib2FyZHNcbiAqIEBncm91cERlc2NyaXB0aW9uIEZ1c2lvbiBFbWJlZFxuICogQW5ndWxhciBtb2R1bGVzLCBzZXJ2aWNlcywgYW5kIGNvbXBvbmVudHMgZm9yIHdvcmtpbmcgd2l0aCBGdXNpb24gRW1iZWQgZGFzaGJvYXJkcywgd2lkZ2V0cywgcXVlcmllcywgYW5kIGZvcm11bGFzXG4gKiBAZ3JvdXBEZXNjcmlwdGlvbiBJbnRlcmZhY2VzXG4gKiBUeXBlU2NyaXB0IGludGVyZmFjZXMgZm9yIGNvbXBvbmVudHMgYW5kIHNlcnZpY2VzIGxpc3RlZCBhYm92ZVxuICogQGdyb3VwRGVzY3JpcHRpb24gVHlwZSBBbGlhc2VzXG4gKiBUeXBlU2NyaXB0IHR5cGUgYWxpYXNlcyBmb3IgY29tcG9uZW50cyBhbmQgc2VydmljZXMgbGlzdGVkIGFib3ZlXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL3Nkay11aS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZGstdWktY29yZS1leHBvcnRzJztcbiJdfQ==
|
package/dist/esm2020/version.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export default '1.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export default '1.21.0';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGVBQWUsUUFBUSxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGRlZmF1bHQgJzEuMjEuMCciXX0=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, Component, ViewChild, Input, Output, InjectionToken, Injectable, Inject, NgModule, Optional } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { ComponentAdapter, createElement, BasicMemberFilterTile, createContextProviderRenderer, CustomThemeProvider, CustomSisenseContextProvider, CustomPluginsProvider, createClientApplication, executeQuery, executeQueryByWidgetId, getDashboardModel, getDashboardModels, getWidgetModel, getDefaultThemeSettings, getThemeSettingsByOid, MemberFilterTile, DateRangeFilterTile, Chart, Table, PivotTable, TableWidget, DashboardWidget, createWrapperElementHandler, createWrapperElement, DrilldownWidget, createComponentRenderer, ChartWidget, DashboardById, Dashboard, DrilldownBreadcrumbs, ContextMenu } from '@sisense/sdk-ui-preact';
|
|
4
|
+
import { ComponentAdapter, createElement, BasicMemberFilterTile, createContextProviderRenderer, CustomThemeProvider, CustomSisenseContextProvider, CustomPluginsProvider, createClientApplication, executeQuery, executeQueryByWidgetId, getDashboardModel, getDashboardModels, getWidgetModel, getDefaultThemeSettings, getThemeSettingsByOid, MemberFilterTile, DateRangeFilterTile, CriteriaFilterTile, Chart, Table, PivotTable, TableWidget, DashboardWidget, createWrapperElementHandler, createWrapperElement, DrilldownWidget, createComponentRenderer, ChartWidget, DashboardById, Dashboard, DrilldownBreadcrumbs, ContextMenu } from '@sisense/sdk-ui-preact';
|
|
5
5
|
export { boxWhiskerProcessResult, dashboardModelTranslator, widgetModelTranslator } from '@sisense/sdk-ui-preact';
|
|
6
6
|
import { __awaiter, __decorate } from 'tslib';
|
|
7
7
|
import { map, BehaviorSubject } from 'rxjs';
|
|
@@ -424,7 +424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
424
424
|
}]
|
|
425
425
|
}], ctorParameters: function () { return [{ type: SisenseContextService }]; } });
|
|
426
426
|
|
|
427
|
-
var packageVersion = '1.
|
|
427
|
+
var packageVersion = '1.21.0';
|
|
428
428
|
|
|
429
429
|
function Trackable(target, propertyKey, descriptor) {
|
|
430
430
|
const originalMethod = descriptor.value;
|
|
@@ -587,7 +587,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
587
587
|
* ```
|
|
588
588
|
* ```ts
|
|
589
589
|
* import { Component } from '@angular/core';
|
|
590
|
-
* import { Member } from '@sisense/sdk-ui-angular';
|
|
591
590
|
* import { Filter, filterFactory } from '@sisense/sdk-data';
|
|
592
591
|
* import * as DM from '../../assets/sample-healthcare-model';
|
|
593
592
|
*
|
|
@@ -609,7 +608,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
609
608
|
* }
|
|
610
609
|
* ```
|
|
611
610
|
* <img src="media://angular-member-filter-tile-example.png" width="400px" />
|
|
612
|
-
*
|
|
613
611
|
* @group Filter Tiles
|
|
614
612
|
*/
|
|
615
613
|
class MemberFilterTileComponent {
|
|
@@ -711,7 +709,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
711
709
|
* ```
|
|
712
710
|
* ```ts
|
|
713
711
|
* import { Component } from '@angular/core';
|
|
714
|
-
* import { Member } from '@sisense/sdk-ui-angular';
|
|
715
712
|
* import { Filter, filterFactory } from '@sisense/sdk-data';
|
|
716
713
|
* import * as DM from '../../assets/sample-healthcare-model';
|
|
717
714
|
*
|
|
@@ -737,7 +734,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
737
734
|
* }
|
|
738
735
|
* ```
|
|
739
736
|
* <img src="media://angular-date-range-filter-tile-example.png" width="600px" />
|
|
740
|
-
*
|
|
741
737
|
* @group Filter Tiles
|
|
742
738
|
*/
|
|
743
739
|
class DateRangeFilterTileComponent {
|
|
@@ -831,6 +827,130 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
831
827
|
type: Output
|
|
832
828
|
}] } });
|
|
833
829
|
|
|
830
|
+
/**
|
|
831
|
+
* Criteria Filter Tile Component
|
|
832
|
+
*
|
|
833
|
+
* @example
|
|
834
|
+
* ```html
|
|
835
|
+
* <csdk-criteria-filter-tile
|
|
836
|
+
* [title]="criteriaFilterTileProps.title"
|
|
837
|
+
* [filter]="criteriaFilterTileProps.filter"
|
|
838
|
+
* (filterChange)="criteriaFilterTileProps.setFilter($event)"
|
|
839
|
+
* />
|
|
840
|
+
* ```
|
|
841
|
+
* ```ts
|
|
842
|
+
* import { Component } from '@angular/core';
|
|
843
|
+
* import { Filter, filterFactory } from '@sisense/sdk-data';
|
|
844
|
+
* import * as DM from '../../assets/sample-healthcare-model';
|
|
845
|
+
*
|
|
846
|
+
* @Component({
|
|
847
|
+
* selector: 'app-filters',
|
|
848
|
+
* templateUrl: './filters.component.html',
|
|
849
|
+
* styleUrls: ['./filters.component.scss'],
|
|
850
|
+
* })
|
|
851
|
+
* export class FiltersComponent {
|
|
852
|
+
* DM = DM;
|
|
853
|
+
* title: 'Room Number',
|
|
854
|
+
* filter: filterFactory.lessThan(DM.Rooms.Room_number, 200) as CriteriaFilterType,
|
|
855
|
+
* setFilter({ filter }: { filter: Filter | null }) {
|
|
856
|
+
* console.log(filter);
|
|
857
|
+
* if (filter) {
|
|
858
|
+
* this.filter = filter as CriteriaFilterType;
|
|
859
|
+
* }
|
|
860
|
+
* },
|
|
861
|
+
* }
|
|
862
|
+
* ```
|
|
863
|
+
* <img src="media://angular-criteria-filter-tile-example.png" width="400px" />
|
|
864
|
+
* @group Filter Tiles
|
|
865
|
+
*/
|
|
866
|
+
class CriteriaFilterTileComponent {
|
|
867
|
+
/**
|
|
868
|
+
* Constructor for the `CriteriaFilterTileComponent`.
|
|
869
|
+
*
|
|
870
|
+
* @param sisenseContextService - Sisense context service
|
|
871
|
+
* @param themeService - Theme service
|
|
872
|
+
*/
|
|
873
|
+
constructor(
|
|
874
|
+
/**
|
|
875
|
+
* Sisense context service
|
|
876
|
+
*
|
|
877
|
+
* @category Constructor
|
|
878
|
+
*/
|
|
879
|
+
sisenseContextService,
|
|
880
|
+
/**
|
|
881
|
+
* Theme service
|
|
882
|
+
*
|
|
883
|
+
* @category Constructor
|
|
884
|
+
*/
|
|
885
|
+
themeService) {
|
|
886
|
+
this.sisenseContextService = sisenseContextService;
|
|
887
|
+
this.themeService = themeService;
|
|
888
|
+
/**
|
|
889
|
+
* {@inheritDoc @sisense/sdk-ui!MemberFilterTileProps.onChange}
|
|
890
|
+
*/
|
|
891
|
+
this.filterChange = new EventEmitter();
|
|
892
|
+
this.componentAdapter = new ComponentAdapter(() => this.createPreactComponent(), [
|
|
893
|
+
createSisenseContextConnector(this.sisenseContextService),
|
|
894
|
+
createThemeContextConnector(this.themeService),
|
|
895
|
+
]);
|
|
896
|
+
}
|
|
897
|
+
/**
|
|
898
|
+
* @internal
|
|
899
|
+
*/
|
|
900
|
+
ngAfterViewInit() {
|
|
901
|
+
this.componentAdapter.render(this.preactRef.nativeElement);
|
|
902
|
+
}
|
|
903
|
+
/**
|
|
904
|
+
* @internal
|
|
905
|
+
*/
|
|
906
|
+
ngOnChanges() {
|
|
907
|
+
if (this.preactRef) {
|
|
908
|
+
this.componentAdapter.render(this.preactRef.nativeElement);
|
|
909
|
+
}
|
|
910
|
+
}
|
|
911
|
+
createPreactComponent() {
|
|
912
|
+
const props = {
|
|
913
|
+
title: this.title,
|
|
914
|
+
filter: this.filter,
|
|
915
|
+
arrangement: this.arrangement,
|
|
916
|
+
measures: this.measures,
|
|
917
|
+
tileDesignOptions: this.tileDesignOptions,
|
|
918
|
+
onUpdate: (...[filter]) => this.filterChange.emit({ filter }),
|
|
919
|
+
};
|
|
920
|
+
return createElement(CriteriaFilterTile, props);
|
|
921
|
+
}
|
|
922
|
+
/**
|
|
923
|
+
* @internal
|
|
924
|
+
*/
|
|
925
|
+
ngOnDestroy() {
|
|
926
|
+
this.componentAdapter.destroy();
|
|
927
|
+
}
|
|
928
|
+
}
|
|
929
|
+
CriteriaFilterTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CriteriaFilterTileComponent, deps: [{ token: SisenseContextService }, { token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
930
|
+
CriteriaFilterTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CriteriaFilterTileComponent, selector: "csdk-criteria-filter-tile", inputs: { title: "title", filter: "filter", arrangement: "arrangement", measures: "measures", tileDesignOptions: "tileDesignOptions" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n <div #preact style=\"width: 100%; height: 100%\"></div>\n", isInline: true });
|
|
931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CriteriaFilterTileComponent, decorators: [{
|
|
932
|
+
type: Component,
|
|
933
|
+
args: [{
|
|
934
|
+
selector: 'csdk-criteria-filter-tile',
|
|
935
|
+
template,
|
|
936
|
+
}]
|
|
937
|
+
}], ctorParameters: function () { return [{ type: SisenseContextService }, { type: ThemeService }]; }, propDecorators: { preactRef: [{
|
|
938
|
+
type: ViewChild,
|
|
939
|
+
args: [rootId]
|
|
940
|
+
}], title: [{
|
|
941
|
+
type: Input
|
|
942
|
+
}], filter: [{
|
|
943
|
+
type: Input
|
|
944
|
+
}], arrangement: [{
|
|
945
|
+
type: Input
|
|
946
|
+
}], measures: [{
|
|
947
|
+
type: Input
|
|
948
|
+
}], tileDesignOptions: [{
|
|
949
|
+
type: Input
|
|
950
|
+
}], filterChange: [{
|
|
951
|
+
type: Output
|
|
952
|
+
}] } });
|
|
953
|
+
|
|
834
954
|
/**
|
|
835
955
|
* An Angular component used for easily switching chart types or rendering multiple series of different chart types.
|
|
836
956
|
*
|
|
@@ -3534,7 +3654,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3534
3654
|
* ```
|
|
3535
3655
|
* <img src="media://angular-chart-widget-example.png" width="800px" />
|
|
3536
3656
|
*
|
|
3537
|
-
* @group
|
|
3657
|
+
* @group Dashboards
|
|
3538
3658
|
*/
|
|
3539
3659
|
class ChartWidgetComponent {
|
|
3540
3660
|
constructor(sisenseContextService, themeService) {
|
|
@@ -3645,23 +3765,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3645
3765
|
* **Note:** Dashboard extensions based on JS scripts and add-ons in Fusion are not supported.
|
|
3646
3766
|
*
|
|
3647
3767
|
* @example
|
|
3648
|
-
* ```html
|
|
3649
|
-
* <csdk-dashboard-by-id
|
|
3650
|
-
* [dashboardOid]="dashboardOid"
|
|
3651
|
-
* />
|
|
3652
|
-
* ```
|
|
3653
3768
|
* ```ts
|
|
3654
3769
|
* import { Component } from '@angular/core';
|
|
3655
|
-
*
|
|
3656
3770
|
* @Component({
|
|
3657
|
-
*
|
|
3658
|
-
*
|
|
3659
|
-
*
|
|
3660
|
-
*
|
|
3661
|
-
*
|
|
3662
|
-
*
|
|
3771
|
+
* selector: 'code-example',
|
|
3772
|
+
* template: `
|
|
3773
|
+
* <div style="width: 100vw;">
|
|
3774
|
+
* <csdk-dashboard-by-id *ngIf="dashboardOid" [dashboardOid]="dashboardOid" />
|
|
3775
|
+
* </div>
|
|
3776
|
+
* `,
|
|
3777
|
+
* })
|
|
3778
|
+
* export class CodeExampleComponent {
|
|
3779
|
+
* dashboardOid = 'your-dashboard-oid';
|
|
3663
3780
|
* }
|
|
3664
3781
|
* ```
|
|
3782
|
+
*
|
|
3783
|
+
* To learn more about this and related dashboard components,
|
|
3784
|
+
* see [Embedded Dashboards](/guides/sdk/guides/dashboards/index.html).
|
|
3665
3785
|
* @group Fusion Embed
|
|
3666
3786
|
* @fusionEmbed
|
|
3667
3787
|
* @beta
|
|
@@ -3753,18 +3873,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3753
3873
|
* ```html
|
|
3754
3874
|
* <csdk-dashboard
|
|
3755
3875
|
* *ngIf="dashboard"
|
|
3756
|
-
* [title]="dashboard
|
|
3757
|
-
* [layoutOptions]="dashboard
|
|
3758
|
-
* [widgets]="dashboard
|
|
3759
|
-
* [filters]="dashboard
|
|
3760
|
-
* [defaultDataSource]="dashboard
|
|
3761
|
-
* [widgetsOptions]="dashboard
|
|
3876
|
+
* [title]="dashboard.title"
|
|
3877
|
+
* [layoutOptions]="dashboard.layoutOptions"
|
|
3878
|
+
* [widgets]="dashboard.widgets"
|
|
3879
|
+
* [filters]="dashboard.filters"
|
|
3880
|
+
* [defaultDataSource]="dashboard.defaultDataSource"
|
|
3881
|
+
* [widgetsOptions]="dashboard.widgetsOptions"
|
|
3762
3882
|
* />
|
|
3763
3883
|
* ```
|
|
3764
3884
|
*
|
|
3765
3885
|
* ```ts
|
|
3766
3886
|
* import { Component } from '@angular/core';
|
|
3767
|
-
* import {
|
|
3887
|
+
* import {
|
|
3888
|
+
* type DashboardProps,
|
|
3889
|
+
* DashboardService,
|
|
3890
|
+
* dashboardModelTranslator,
|
|
3891
|
+
* } from '@sisense/sdk-ui-angular';
|
|
3768
3892
|
*
|
|
3769
3893
|
* @Component({
|
|
3770
3894
|
* selector: 'app-dashboard',
|
|
@@ -3778,11 +3902,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3778
3902
|
* constructor(private dashboardService: DashboardService) {}
|
|
3779
3903
|
*
|
|
3780
3904
|
* async ngOnInit(): Promise<void> {
|
|
3781
|
-
* const dashboardModel = await this.dashboardService.getDashboardModel('
|
|
3782
|
-
* this.
|
|
3905
|
+
* const dashboardModel = await this.dashboardService.getDashboardModel('your-dashboard-oid', { includeWidgets: true, includeFilters: true });
|
|
3906
|
+
* this.dashboard = dashboardModelTranslator.toDashboardProps(dashboardModel);
|
|
3783
3907
|
* }
|
|
3784
3908
|
* ```
|
|
3785
|
-
*
|
|
3909
|
+
*
|
|
3910
|
+
* To learn more about this and related dashboard components,
|
|
3911
|
+
* see [Embedded Dashboards](/guides/sdk/guides/dashboards/index.html).
|
|
3912
|
+
* @group Dashboards
|
|
3786
3913
|
* @beta
|
|
3787
3914
|
*/
|
|
3788
3915
|
class DashboardComponent {
|
|
@@ -4109,6 +4236,7 @@ SdkUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
|
|
|
4109
4236
|
MemberFilterTileComponent,
|
|
4110
4237
|
DrilldownWidgetComponent,
|
|
4111
4238
|
DateRangeFilterTileComponent,
|
|
4239
|
+
CriteriaFilterTileComponent,
|
|
4112
4240
|
DrilldownBreadcrumbsComponent,
|
|
4113
4241
|
ContextMenuComponent,
|
|
4114
4242
|
BoxplotChartComponent,
|
|
@@ -4137,6 +4265,7 @@ SdkUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
|
|
|
4137
4265
|
MemberFilterTileComponent,
|
|
4138
4266
|
DrilldownWidgetComponent,
|
|
4139
4267
|
DateRangeFilterTileComponent,
|
|
4268
|
+
CriteriaFilterTileComponent,
|
|
4140
4269
|
DrilldownBreadcrumbsComponent,
|
|
4141
4270
|
ContextMenuComponent,
|
|
4142
4271
|
BoxplotChartComponent,
|
|
@@ -4171,6 +4300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
4171
4300
|
MemberFilterTileComponent,
|
|
4172
4301
|
DrilldownWidgetComponent,
|
|
4173
4302
|
DateRangeFilterTileComponent,
|
|
4303
|
+
CriteriaFilterTileComponent,
|
|
4174
4304
|
DrilldownBreadcrumbsComponent,
|
|
4175
4305
|
ContextMenuComponent,
|
|
4176
4306
|
BoxplotChartComponent,
|
|
@@ -4203,6 +4333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
4203
4333
|
MemberFilterTileComponent,
|
|
4204
4334
|
DrilldownWidgetComponent,
|
|
4205
4335
|
DateRangeFilterTileComponent,
|
|
4336
|
+
CriteriaFilterTileComponent,
|
|
4206
4337
|
DrilldownBreadcrumbsComponent,
|
|
4207
4338
|
ContextMenuComponent,
|
|
4208
4339
|
BoxplotChartComponent,
|
|
@@ -4225,9 +4356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
4225
4356
|
/**
|
|
4226
4357
|
* @packageDocumentation
|
|
4227
4358
|
* @groupDescription Charts
|
|
4228
|
-
* Angular components for charts
|
|
4229
|
-
* @groupDescription Chart Utilities
|
|
4230
|
-
* Utilities to be used with charts
|
|
4359
|
+
* Angular components and utilities for working with charts
|
|
4231
4360
|
* @groupDescription Data Grids
|
|
4232
4361
|
* Angular components for data grids
|
|
4233
4362
|
* @groupDescription Drilldown
|
|
@@ -4238,8 +4367,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
4238
4367
|
* Angular context modules, services, and variables
|
|
4239
4368
|
* @groupDescription Queries
|
|
4240
4369
|
* Angular query service
|
|
4241
|
-
* @groupDescription
|
|
4242
|
-
* Angular
|
|
4370
|
+
* @groupDescription Dashboards
|
|
4371
|
+
* Angular components and utilities for working with dashboards
|
|
4243
4372
|
* @groupDescription Fusion Embed
|
|
4244
4373
|
* Angular modules, services, and components for working with Fusion Embed dashboards, widgets, queries, and formulas
|
|
4245
4374
|
* @groupDescription Interfaces
|
|
@@ -4252,5 +4381,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
4252
4381
|
* Generated bundle index. Do not edit.
|
|
4253
4382
|
*/
|
|
4254
4383
|
|
|
4255
|
-
export { AreaChartComponent, AreaRangeChartComponent, AreamapChartComponent, BarChartComponent, BasicMemberFilterTileComponent, BoxplotChartComponent, ChartComponent, ChartWidgetComponent, ColumnChartComponent, ContextMenuComponent, DashboardByIdComponent, DashboardComponent, DashboardService, DashboardWidgetComponent, DateRangeFilterTileComponent, DrilldownBreadcrumbsComponent, DrilldownWidgetComponent, FunnelChartComponent, IndicatorChartComponent, LineChartComponent, MemberFilterTileComponent, PieChartComponent, PivotTableComponent, PluginsService, PolarChartComponent, QueryService, SISENSE_CONTEXT_CONFIG_TOKEN, ScatterChartComponent, ScattermapChartComponent, SdkUiModule, SisenseContextService, SunburstChartComponent, THEME_CONFIG_TOKEN, TableComponent, TableWidgetComponent, ThemeService, TreemapChartComponent, WidgetService };
|
|
4384
|
+
export { AreaChartComponent, AreaRangeChartComponent, AreamapChartComponent, BarChartComponent, BasicMemberFilterTileComponent, BoxplotChartComponent, ChartComponent, ChartWidgetComponent, ColumnChartComponent, ContextMenuComponent, CriteriaFilterTileComponent, DashboardByIdComponent, DashboardComponent, DashboardService, DashboardWidgetComponent, DateRangeFilterTileComponent, DrilldownBreadcrumbsComponent, DrilldownWidgetComponent, FunnelChartComponent, IndicatorChartComponent, LineChartComponent, MemberFilterTileComponent, PieChartComponent, PivotTableComponent, PluginsService, PolarChartComponent, QueryService, SISENSE_CONTEXT_CONFIG_TOKEN, ScatterChartComponent, ScattermapChartComponent, SdkUiModule, SisenseContextService, SunburstChartComponent, THEME_CONFIG_TOKEN, TableComponent, TableWidgetComponent, ThemeService, TreemapChartComponent, WidgetService };
|
|
4256
4385
|
//# sourceMappingURL=sisense-sdk-ui-angular.mjs.map
|