@sisense/sdk-ui-angular 1.22.0 → 1.23.0

package/dist/fesm2015/sisense-sdk-ui-angular.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ViewChild, Input, Output, InjectionToken, Injectable, Inject, NgModule, Optional } from '@angular/core';
 import { CommonModule } from '@angular/common';
-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';
+import { ComponentAdapter, createElement, BasicMemberFilterTile, createContextProviderRenderer, CustomThemeProvider, CustomSisenseContextProvider, CustomPluginsProvider, createClientApplication, executeQuery, executeQueryByWidgetId, getDashboardModel, getDashboardModels, getWidgetModel, getDefaultThemeSettings, getThemeSettingsByOid, MemberFilterTile, DateRangeFilterTile, CriteriaFilterTile, Chart, Table, PivotTable, TableWidget, DashboardWidget, WidgetById, createWrapperElementHandler, createWrapperElement, DrilldownWidget, createComponentRenderer, ChartWidget, DashboardById, Dashboard, DrilldownBreadcrumbs, ContextMenu } from '@sisense/sdk-ui-preact';
 export { boxWhiskerProcessResult, dashboardHelpers, dashboardModelTranslator, widgetModelTranslator } from '@sisense/sdk-ui-preact';
 import { __awaiter, __decorate } from 'tslib';
 import { map, BehaviorSubject } from 'rxjs';
@@ -113,13 +113,15 @@ const createSisenseContextConnector = (sisenseContextService) => {
                 return {
                     app,
                     isInitialized: true,
-                    showRuntimeErrors,
                     tracking: {
                         // if tracking is configured in appConfig, use it
                         // if none is set, default to true
                         enabled: (_b = (_a = appConfig === null || appConfig === void 0 ? void 0 : appConfig.trackingConfig) === null || _a === void 0 ? void 0 : _a.enabled) !== null && _b !== void 0 ? _b : true,
                         packageName: 'sdk-ui-angular',
                     },
+                    errorBoundary: {
+                        showErrorBox: showRuntimeErrors !== null && showRuntimeErrors !== void 0 ? showRuntimeErrors : true,
+                    },
                 };
             });
         },
@@ -422,7 +424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: SisenseContextService }]; } });
 
-var packageVersion = '1.22.0';
+var packageVersion = '1.23.0';
 
 function Trackable(target, propertyKey, descriptor) {
     const originalMethod = descriptor.value;
@@ -3462,6 +3464,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }] } });
 
+/**
+ * The `WidgetById` component, which is a thin wrapper on {@link ChartWidgetComponent},
+ * is used to render a widget created in a Sisense Fusion instance.
+ *
+ * To learn more about using Sisense Fusion Widgets in Compose SDK, see
+ * [Sisense Fusion Widgets](https://sisense.dev/guides/sdk/guides/charts/guide-fusion-widgets.html).
+ *
+ * @example
+ * ```html
+ * <csdk-widget-by-id
+ *    [widgetOid]="widgetOid"
+ *    [dashboardOid]="dashboardOid"
+ *    [includeDashboardFilters]="true"
+ * />
+ * ```
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *  selector: 'app-widgets',
+ *  templateUrl: './widgets.component.html',
+ *  styleUrls: ['./widgets.component.scss'],
+ * })
+ * export class WidgetsComponent {
+ *  widgetOid: string = '60f3e3e3e4b0e3e3e4b0e3e3';
+ *  dashboardOid: string = '60f3e3e3e4b0e3e3e4b0e3e3';
+ * }
+ * ```
+ * @group Fusion Assets
+ * @fusionEmbed
+ */
+class WidgetByIdComponent {
+    constructor(sisenseContextService, themeService) {
+        this.sisenseContextService = sisenseContextService;
+        this.themeService = themeService;
+        this.componentAdapter = new ComponentAdapter(() => this.createPreactComponent(), [
+            createSisenseContextConnector(this.sisenseContextService),
+            createThemeContextConnector(this.themeService),
+        ]);
+    }
+    /** @internal */
+    ngAfterViewInit() {
+        this.componentAdapter.render(this.preactRef.nativeElement);
+    }
+    /** @internal */
+    ngOnChanges() {
+        if (this.preactRef) {
+            this.componentAdapter.render(this.preactRef.nativeElement);
+        }
+    }
+    /** @internal */
+    createPreactComponent() {
+        const props = {
+            widgetOid: this.widgetOid,
+            dashboardOid: this.dashboardOid,
+            filters: this.filters,
+            highlights: this.highlights,
+            filtersMergeStrategy: this.filtersMergeStrategy,
+            includeDashboardFilters: this.includeDashboardFilters,
+            title: this.title,
+            description: this.description,
+            styleOptions: this.styleOptions,
+            highlightSelectionDisabled: this.highlightSelectionDisabled,
+            drilldownOptions: this.drilldownOptions,
+        };
+        return createElement(WidgetById, props);
+    }
+    /** @internal */
+    ngOnDestroy() {
+        this.componentAdapter.destroy();
+    }
+}
+WidgetByIdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WidgetByIdComponent, deps: [{ token: SisenseContextService }, { token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
+WidgetByIdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WidgetByIdComponent, selector: "csdk-widget-by-id", inputs: { widgetOid: "widgetOid", dashboardOid: "dashboardOid", filters: "filters", highlights: "highlights", filtersMergeStrategy: "filtersMergeStrategy", includeDashboardFilters: "includeDashboardFilters", title: "title", description: "description", styleOptions: "styleOptions", highlightSelectionDisabled: "highlightSelectionDisabled", drilldownOptions: "drilldownOptions" }, 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WidgetByIdComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'csdk-widget-by-id',
+                    template,
+                }]
+        }], ctorParameters: function () { return [{ type: SisenseContextService }, { type: ThemeService }]; }, propDecorators: { preactRef: [{
+                type: ViewChild,
+                args: [rootId]
+            }], widgetOid: [{
+                type: Input
+            }], dashboardOid: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], highlights: [{
+                type: Input
+            }], filtersMergeStrategy: [{
+                type: Input
+            }], includeDashboardFilters: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], styleOptions: [{
+                type: Input
+            }], highlightSelectionDisabled: [{
+                type: Input
+            }], drilldownOptions: [{
+                type: Input
+            }] } });
+
 /**
  * An Angular component designed to add drilldown functionality to any type of chart.
  *
@@ -3501,7 +3610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * drilldownResult?: CustomDrilldownResult;
  *
  * drilldown = {
- *   drilldownDimensions: [DM.Patients.Gender, DM.Admissions.Surgical_Procedure],
+ *   drilldownPaths: [DM.Patients.Gender, DM.Admissions.Surgical_Procedure],
  *   initialDimension: DM.Divisions.Divison_name,
  *   drilldownChange: (drilldownResult: CustomDrilldownResult) => {
  *     this.drilldownResult = drilldownResult;
@@ -3515,7 +3624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```html
  * <!--Component HTML template in .component.html-->
  * <csdk-drilldown-widget
- *   [drilldownDimensions]="drilldown.drilldownDimensions"
+ *   [drilldownPaths]="drilldown.drilldownPaths"
  *   [initialDimension]="drilldown.initialDimension"
  *   (drilldownResultChange)="drilldown.drilldownChange($event)"
  * >
@@ -3582,6 +3691,7 @@ class DrilldownWidgetComponent {
         var _a, _b;
         const props = {
             drilldownDimensions: this.drilldownDimensions,
+            drilldownPaths: this.drilldownPaths,
             initialDimension: this.initialDimension,
             config: Object.assign(Object.assign(Object.assign({}, this.config), (((_a = this.config) === null || _a === void 0 ? void 0 : _a.breadcrumbsComponent) && {
                 breadcrumbsComponent: createWrapperElementHandler(this.config.breadcrumbsComponent),
@@ -3605,7 +3715,7 @@ class DrilldownWidgetComponent {
     }
 }
 DrilldownWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrilldownWidgetComponent, deps: [{ token: SisenseContextService }, { token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
-DrilldownWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrilldownWidgetComponent, selector: "csdk-drilldown-widget", inputs: { drilldownDimensions: "drilldownDimensions", initialDimension: "initialDimension", config: "config" }, outputs: { drilldownResultChange: "drilldownResultChange" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }, { propertyName: "preactContentRef", first: true, predicate: ["preactContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n    <div #preact style=\"width: 100%; height: 100%\">\n        <div #preactContent style=\"width: 100%; height: 100%\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n", isInline: true });
+DrilldownWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DrilldownWidgetComponent, selector: "csdk-drilldown-widget", inputs: { drilldownDimensions: "drilldownDimensions", drilldownPaths: "drilldownPaths", initialDimension: "initialDimension", config: "config" }, outputs: { drilldownResultChange: "drilldownResultChange" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }, { propertyName: "preactContentRef", first: true, predicate: ["preactContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n    <div #preact style=\"width: 100%; height: 100%\">\n        <div #preactContent style=\"width: 100%; height: 100%\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n", isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DrilldownWidgetComponent, decorators: [{
             type: Component,
             args: [{
@@ -3620,6 +3730,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: [rootContentId]
             }], drilldownDimensions: [{
                 type: Input
+            }], drilldownPaths: [{
+                type: Input
             }], initialDimension: [{
                 type: Input
             }], config: [{
@@ -4263,6 +4375,7 @@ SdkUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         SunburstChartComponent,
         TableWidgetComponent,
         DashboardWidgetComponent,
+        WidgetByIdComponent,
         MemberFilterTileComponent,
         DrilldownWidgetComponent,
         DateRangeFilterTileComponent,
@@ -4292,6 +4405,7 @@ SdkUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         SunburstChartComponent,
         TableWidgetComponent,
         DashboardWidgetComponent,
+        WidgetByIdComponent,
         MemberFilterTileComponent,
         DrilldownWidgetComponent,
         DateRangeFilterTileComponent,
@@ -4327,6 +4441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         SunburstChartComponent,
                         TableWidgetComponent,
                         DashboardWidgetComponent,
+                        WidgetByIdComponent,
                         MemberFilterTileComponent,
                         DrilldownWidgetComponent,
                         DateRangeFilterTileComponent,
@@ -4360,6 +4475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         SunburstChartComponent,
                         TableWidgetComponent,
                         DashboardWidgetComponent,
+                        WidgetByIdComponent,
                         MemberFilterTileComponent,
                         DrilldownWidgetComponent,
                         DateRangeFilterTileComponent,
@@ -4411,5 +4527,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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, WidgetByIdComponent, WidgetService };
 //# sourceMappingURL=sisense-sdk-ui-angular.mjs.map