@sisense/sdk-ui-angular 1.34.0 → 2.0.0

package/dist/lib/components/widgets/widget.component.d.ts

@@ -0,0 +1,209 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
+import { type BeforeMenuOpenHandler, PluginWidgetProps, type SoftUnion, TextWidgetProps } from '@sisense/sdk-ui-preact';
+import { SisenseContextService } from '../../services/sisense-context.service';
+import { ThemeService } from '../../services/theme.service';
+import { ChartDataPointClickEvent, ChartDataPointContextMenuEvent, ChartDataPointsEvent } from '../../types/data-point';
+import { ChartWidgetProps } from './chart-widget.component';
+import { PivotTableWidgetProps } from './pivot-table-widget.component';
+import * as i0 from "@angular/core";
+/**
+ * {@inheritDoc @sisense/sdk-ui!WithCommonWidgetProps}
+ */
+export type WithCommonWidgetProps<BaseWidget, Type> = BaseWidget & {
+    /**
+     * Unique identifier of the widget within the container component (dashboard)
+     *
+     */
+    readonly id: string;
+    /**
+     * Widget type
+     */
+    widgetType: Type;
+    /**
+     * Optional handler function to process menu options before opening the context menu.
+     *
+     * @internal
+     */
+    beforeMenuOpen?: BeforeMenuOpenHandler;
+};
+/**
+ * Props of the {@link WidgetComponent}.
+ */
+export type WidgetProps = SoftUnion<WithCommonWidgetProps<ChartWidgetProps, 'chart'> | WithCommonWidgetProps<PivotTableWidgetProps, 'pivot'> | WithCommonWidgetProps<TextWidgetProps, 'text'> | WithCommonWidgetProps<PluginWidgetProps, 'plugin'>>;
+/**
+ * Facade component that renders a widget within a dashboard based on the widget type.
+ *
+ * @example
+ * ```html
+<!--Component HTML template in example.component.html-->
+<csdk-widget
+  [id]="widgetProps.id"
+  [title]="widgetProps.title"
+  [widgetType]="widgetProps.widgetType"
+  [chartType]="widgetProps.chartType"
+  [dataSource]="widgetProps.dataSource"
+  [dataOptions]="widgetProps.dataOptions"
+/>
+ * ```
+ *
+ * ```ts
+// Component behavior in example.component.ts
+import { Component } from '@angular/core';
+import { type WidgetProps } from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'example',
+  templateUrl: './example.component.html',
+  styleUrls: ['./example.component.scss'],
+})
+export class ExampleComponent {
+  widgetProps: WidgetProps = {
+    id: 'widget-id',
+    widgetType: 'chart',
+    chartType: 'column',
+    title: 'Widget Title',
+    dataSource: DM.DataSource,
+    dataOptions: {
+      category: [DM.Divisions.Divison_name],
+      value: [measureFactory.sum(DM.Admissions.Cost_of_admission)],
+      breakBy: [],
+    },
+  };
+}
+ * ```
+ * <img src="media://angular-chart-widget-example.png" width="500px" />
+ * @group Dashboards
+ */
+export declare class WidgetComponent implements AfterViewInit, OnChanges, OnDestroy {
+    private sisenseContextService;
+    private themeService;
+    /** @internal */
+    preactRef: ElementRef<HTMLDivElement>;
+    /**
+     * Unique identifier of the widget
+     *
+     * @category Widget
+     */
+    id: WidgetProps['id'];
+    /**
+     * Widget type
+     *
+     * @category Widget
+     */
+    widgetType: WidgetProps['widgetType'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.chartType}
+     *
+     * @category Chart
+     */
+    chartType: WidgetProps['chartType'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!PluginWidgetProps.pluginType}
+     *
+     * @category Widget
+     */
+    pluginType: WidgetProps['pluginType'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.dataSource}
+     *
+     * @category Data
+     */
+    dataSource: WidgetProps['dataSource'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.dataOptions}
+     *
+     * @category Chart
+     */
+    dataOptions: WidgetProps['dataOptions'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.filters}
+     *
+     * @category Data
+     */
+    filters: WidgetProps['filters'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.highlights}
+     *
+     * @category Data
+     */
+    highlights: WidgetProps['highlights'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.styleOptions}
+     *
+     * @category Widget
+     */
+    styleOptions: WidgetProps['styleOptions'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.drilldownOptions}
+     *
+     * @category Widget
+     */
+    drilldownOptions: WidgetProps['drilldownOptions'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.title}
+     *
+     * @category Widget
+     */
+    title: WidgetProps['title'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.description}
+     *
+     * @category Widget
+     */
+    description: WidgetProps['description'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.highlightSelectionDisabled}
+     *
+     * @category Widget
+     * @internal
+     */
+    highlightSelectionDisabled: WidgetProps['highlightSelectionDisabled'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onBeforeRender}
+     *
+     * @category Callbacks
+     */
+    beforeRender: WidgetProps['beforeRender'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataReady}
+     *
+     * @category Callbacks
+     */
+    dataReady: WidgetProps['dataReady'];
+    /**
+     * Optional handler function to process menu options before opening the context menu.
+     *
+     * @category Callbacks
+     * @internal
+     */
+    beforeMenuOpen: WidgetProps['beforeMenuOpen'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataPointClick}
+     *
+     * @category Callbacks
+     */
+    dataPointClick: EventEmitter<ChartDataPointClickEvent>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataPointContextMenu}
+     *
+     * @category Callbacks
+     */
+    dataPointContextMenu: EventEmitter<ChartDataPointContextMenuEvent>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.onDataPointsSelected}
+     *
+     * @category Callbacks
+     */
+    dataPointsSelect: EventEmitter<ChartDataPointsEvent>;
+    private componentAdapter;
+    constructor(sisenseContextService: SisenseContextService, themeService: ThemeService);
+    /** @internal */
+    ngAfterViewInit(): void;
+    /** @internal */
+    ngOnChanges(): void;
+    private getPreactComponentProps;
+    /** @internal */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetComponent, "csdk-widget", never, { "id": "id"; "widgetType": "widgetType"; "chartType": "chartType"; "pluginType": "pluginType"; "dataSource": "dataSource"; "dataOptions": "dataOptions"; "filters": "filters"; "highlights": "highlights"; "styleOptions": "styleOptions"; "drilldownOptions": "drilldownOptions"; "title": "title"; "description": "description"; "highlightSelectionDisabled": "highlightSelectionDisabled"; "beforeRender": "beforeRender"; "dataReady": "dataReady"; "beforeMenuOpen": "beforeMenuOpen"; }, { "dataPointClick": "dataPointClick"; "dataPointContextMenu": "dataPointContextMenu"; "dataPointsSelect": "dataPointsSelect"; }, never, never, false, never>;
+}

package/dist/lib/helpers/dashboard-props-preact-translator.d.ts

@@ -0,0 +1,4 @@
+import { DashboardProps as DashboardPropsPreact } from '@sisense/sdk-ui-preact';
+import { DashboardProps } from '../components/dashboard';
+export declare function translateToPreactDashboardProps(dashboardProps: DashboardProps): DashboardPropsPreact;
+export declare function translateFromPreactDashboardProps(dashboardProps: DashboardPropsPreact): DashboardProps;

package/dist/lib/helpers/event-emitter-with-has-listeners.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '@angular/core';
+/**
+ * An extended version of Angular's `EventEmitter` that tracks
+ * whether any listeners (subscribers) are attached.
+ *
+ * Useful when you need to know if an `@Output()` is being observed
+ * in the template (i.e., bound with `(event)="..."`).
+ *
+ * @template T - The type of values emitted by the EventEmitter.
+ */
+export declare class EventEmitterWithHasListeners<T> extends EventEmitter<T> {
+    /**
+     * Indicates whether the EventEmitter has at least one active subscriber.
+     */
+    hasListeners: boolean;
+    /**
+     * Overrides the default `subscribe()` method to set `hasListeners` to true
+     * when a new subscriber is added.
+     *
+     * @param args - The arguments passed to the `subscribe()` method.
+     * @returns A subscription object used to unsubscribe from the event.
+     */
+    subscribe(...args: Parameters<EventEmitter<T>['subscribe']>): ReturnType<EventEmitter<T>['subscribe']>;
+}

package/dist/lib/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './event-emitter-with-has-listeners';

package/dist/lib/helpers/widget-props-preact-translator.d.ts

@@ -0,0 +1,4 @@
+import { WidgetProps as WidgetPropsPreact } from '@sisense/sdk-ui-preact';
+import { WidgetProps } from '../components/widgets';
+export declare function translateToPreactWidgetProps(widgetProps: WidgetProps): WidgetPropsPreact;
+export declare function translateFromPreactWidgetProps(widgetProps: WidgetPropsPreact): WidgetProps;

package/dist/lib/sdk-ui-core-exports.d.ts

@@ -1,2 +1,2 @@
 export { boxWhiskerProcessResult } from '@sisense/sdk-ui-preact';
-export type { AppConfig, AreamapChartDataOptions, AreamapChartType, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, AreaSubtype, AxisLabel, BeforeRenderHandler, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, BoxplotChartType, BoxplotDataPoint, BoxplotStyleOptions, BoxplotSubtype, BoxWhiskerType, CartesianChartDataOptions, CartesianChartType, CartesianWidgetType, CategoricalChartDataOptions, CategoricalChartType, CategoricalWidgetType, ChartDataOptions, ChartStyleOptions, ChartType, ChartWidgetStyleOptions, Color, ColorPaletteTheme, CommonWidgetProps, ConditionalDataColorOptions, Convolution, CriteriaFilterType, DashboardLayoutOptions, DashboardModel, DashboardWidgetStyleOptions, DataColorCondition, DataColorOptions, DataLimits, DataPoint, DateConfig, DateLevel, DayOfWeek, DecimalScale, DrilldownOptions, DrilldownSelection, FilterVariant, FunnelStyleOptions, GaugeIndicatorStyleOptions, GetDashboardModelOptions, GetDashboardModelsOptions, Hierarchy, HierarchyModel, HighchartsOptions, IndicatorBeforeRenderHandler, IndicatorChartDataOptions, IndicatorChartType, IndicatorComponents, IndicatorRenderOptions, IndicatorStyleOptions, Labels, Legend, LineStyleOptions, LineSubtype, LineWidth, Markers, Member, MenuItemSection, MenuPosition, MonthOfYear, MultiColumnValueToColorMap, Navigator, NumberFormatConfig, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, PieStyleOptions, PieSubtype, PivotRowsSort, PivotTableDataOptions, PivotTableStyleOptions, PivotTableWidgetStyleOptions, PolarStyleOptions, PolarSubtype, RangeChartDataOptions, RangeChartType, RangeDataColorOptions, ScatterChartDataOptions, ScatterChartType, ScatterDataPoint, ScattermapChartDataOptions, ScattermapChartType, ScattermapLocationLevel, ScattermapMarkers, ScattermapStyleOptions, ScatterMarkerSize, ScatterStyleOptions, SeriesChartType, SeriesLabels, SortDirection, StackableStyleOptions, StackableSubtype, StyledColumn, StyledMeasureColumn, SunburstStyleOptions, TableDataOptions, TableStyleOptions, TableType, TabularWidgetType, TextWidgetProps, ThemeOid, ThemeSettings, TreemapStyleOptions, UniformDataColorOptions, ValueToColorMap, WidgetByIdStyleOptions, WidgetDataOptions, WidgetId, WidgetModel, WidgetProps, WidgetsOptions, WidgetsPanelColumnLayout, WidgetsPanelLayout, WidgetStyleOptions, WidgetType, X2Title, } from '@sisense/sdk-ui-preact';
+export type { AppConfig, AreamapChartDataOptions, AreamapChartType, AreamapStyleOptions, AreaRangeStyleOptions, AreaStyleOptions, AreaSubtype, AxisLabel, BeforeRenderHandler, BoxplotChartCustomDataOptions, BoxplotChartDataOptions, BoxplotChartType, BoxplotDataPoint, BoxplotStyleOptions, BoxplotSubtype, BoxWhiskerType, CartesianChartDataOptions, CartesianChartType, CartesianWidgetType, CategoricalChartDataOptions, CategoricalChartType, CategoricalWidgetType, ChartDataOptions, ChartStyleOptions, ChartType, ChartWidgetStyleOptions, Color, ColorPaletteTheme, CommonWidgetProps, ConditionalDataColorOptions, Convolution, DashboardLayoutOptions, DashboardModel, DataColorCondition, DataColorOptions, DataLimits, DataPoint, DateConfig, DateLevel, DayOfWeek, DecimalScale, DrilldownOptions, DrilldownSelection, FilterVariant, FunnelStyleOptions, GaugeIndicatorStyleOptions, GetDashboardModelOptions, GetDashboardModelsOptions, Hierarchy, HierarchyModel, HighchartsOptions, IndicatorBeforeRenderHandler, IndicatorChartDataOptions, IndicatorChartType, IndicatorComponents, IndicatorRenderOptions, IndicatorStyleOptions, Labels, Legend, LineStyleOptions, LineSubtype, LineWidth, Markers, Member, MenuItemSection, MenuPosition, MonthOfYear, MultiColumnValueToColorMap, Navigator, NumberFormatConfig, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, PieStyleOptions, PieSubtype, PivotRowsSort, PivotTableDataOptions, PivotTableStyleOptions, PivotTableWidgetStyleOptions, PolarStyleOptions, PolarSubtype, RangeChartDataOptions, RangeChartType, RangeDataColorOptions, ScatterChartDataOptions, ScatterChartType, ScatterDataPoint, ScattermapChartDataOptions, ScattermapChartType, ScattermapLocationLevel, ScattermapMarkers, ScattermapStyleOptions, ScatterMarkerSize, ScatterStyleOptions, SeriesChartType, SeriesLabels, SortDirection, StackableStyleOptions, StackableSubtype, StyledColumn, StyledMeasureColumn, SunburstStyleOptions, TableDataOptions, TableStyleOptions, TableType, TabularWidgetType, TextWidgetProps, ThemeOid, ThemeSettings, TranslationConfig, TreemapStyleOptions, UniformDataColorOptions, ValueToColorMap, WidgetByIdStyleOptions, WidgetDataOptions, WidgetId, WidgetModel, WidgetsOptions, WidgetsPanelColumnLayout, WidgetsPanelLayout, WidgetStyleOptions, WidgetType, X2Title, } from '@sisense/sdk-ui-preact';

package/dist/lib/sdk-ui.module.d.ts

@@ -15,24 +15,25 @@ import * as i13 from "./components/charts/polar-chart.component";
 import * as i14 from "./components/charts/treemap-chart.component";
 import * as i15 from "./components/charts/sunburst-chart.component";
 import * as i16 from "./components/widgets/table-widget.component";
-import * as i17 from "./components/widgets/dashboard-widget.component";
-import * as i18 from "./components/widgets/widget-by-id.component";
-import * as i19 from "./components/filters/member-filter-tile.component";
-import * as i20 from "./components/widgets/drilldown-widget.component";
-import * as i21 from "./components/filters/date-range-filter-tile.component";
-import * as i22 from "./components/filters/relative-date-filter-tile.component";
-import * as i23 from "./components/filters/criteria-filter-tile.component";
-import * as i24 from "./components/drilldown-breadcrumbs.component";
-import * as i25 from "./components/context-menu.component";
-import * as i26 from "./components/charts/boxplot-chart.component";
-import * as i27 from "./components/charts/scattermap-chart.component";
-import * as i28 from "./components/charts/areamap-chart.component";
-import * as i29 from "./components/charts/pivot-table.component";
-import * as i30 from "./components/dashboard/dashboard-by-id.component";
-import * as i31 from "./components/dashboard/dashboard.component";
-import * as i32 from "./components/widgets/pivot-table-widget.component";
-import * as i33 from "@angular/common";
-import * as i34 from "./decorators/decorators.module";
+import * as i17 from "./components/widgets/widget-by-id.component";
+import * as i18 from "./components/filters/member-filter-tile.component";
+import * as i19 from "./components/widgets/drilldown-widget.component";
+import * as i20 from "./components/filters/date-range-filter-tile.component";
+import * as i21 from "./components/filters/relative-date-filter-tile.component";
+import * as i22 from "./components/filters/criteria-filter-tile.component";
+import * as i23 from "./components/drilldown-breadcrumbs.component";
+import * as i24 from "./components/context-menu.component";
+import * as i25 from "./components/charts/boxplot-chart.component";
+import * as i26 from "./components/charts/scattermap-chart.component";
+import * as i27 from "./components/charts/areamap-chart.component";
+import * as i28 from "./components/charts/pivot-table.component";
+import * as i29 from "./components/dashboard/dashboard-by-id.component";
+import * as i30 from "./components/dashboard/dashboard.component";
+import * as i31 from "./components/widgets/pivot-table-widget.component";
+import * as i32 from "./components/filters/filter-tile.component";
+import * as i33 from "./components/widgets/widget.component";
+import * as i34 from "@angular/common";
+import * as i35 from "./decorators/decorators.module";
 /**
  * SDK UI Module, which is a container for components.
  *
@@ -62,6 +63,6 @@ import * as i34 from "./decorators/decorators.module";
  */
 export declare class SdkUiModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdkUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkUiModule, [typeof i1.ChartComponent, typeof i2.TableComponent, typeof i3.ChartWidgetComponent, typeof i4.ColumnChartComponent, typeof i5.BarChartComponent, typeof i6.AreaChartComponent, typeof i7.AreaRangeChartComponent, typeof i8.LineChartComponent, typeof i9.IndicatorChartComponent, typeof i10.ScatterChartComponent, typeof i11.PieChartComponent, typeof i12.FunnelChartComponent, typeof i13.PolarChartComponent, typeof i14.TreemapChartComponent, typeof i15.SunburstChartComponent, typeof i16.TableWidgetComponent, typeof i17.DashboardWidgetComponent, typeof i18.WidgetByIdComponent, typeof i19.MemberFilterTileComponent, typeof i20.DrilldownWidgetComponent, typeof i21.DateRangeFilterTileComponent, typeof i22.RelativeDateFilterTileComponent, typeof i23.CriteriaFilterTileComponent, typeof i24.DrilldownBreadcrumbsComponent, typeof i25.ContextMenuComponent, typeof i26.BoxplotChartComponent, typeof i27.ScattermapChartComponent, typeof i28.AreamapChartComponent, typeof i29.PivotTableComponent, typeof i30.DashboardByIdComponent, typeof i31.DashboardComponent, typeof i32.PivotTableWidgetComponent], [typeof i33.CommonModule, typeof i34.DecoratorsModule], [typeof i1.ChartComponent, typeof i2.TableComponent, typeof i3.ChartWidgetComponent, typeof i4.ColumnChartComponent, typeof i5.BarChartComponent, typeof i6.AreaChartComponent, typeof i7.AreaRangeChartComponent, typeof i8.LineChartComponent, typeof i9.IndicatorChartComponent, typeof i10.ScatterChartComponent, typeof i11.PieChartComponent, typeof i12.FunnelChartComponent, typeof i13.PolarChartComponent, typeof i14.TreemapChartComponent, typeof i15.SunburstChartComponent, typeof i16.TableWidgetComponent, typeof i17.DashboardWidgetComponent, typeof i18.WidgetByIdComponent, typeof i19.MemberFilterTileComponent, typeof i20.DrilldownWidgetComponent, typeof i21.DateRangeFilterTileComponent, typeof i22.RelativeDateFilterTileComponent, typeof i23.CriteriaFilterTileComponent, typeof i24.DrilldownBreadcrumbsComponent, typeof i25.ContextMenuComponent, typeof i26.BoxplotChartComponent, typeof i27.ScattermapChartComponent, typeof i28.AreamapChartComponent, typeof i29.PivotTableComponent, typeof i30.DashboardByIdComponent, typeof i31.DashboardComponent, typeof i32.PivotTableWidgetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkUiModule, [typeof i1.ChartComponent, typeof i2.TableComponent, typeof i3.ChartWidgetComponent, typeof i4.ColumnChartComponent, typeof i5.BarChartComponent, typeof i6.AreaChartComponent, typeof i7.AreaRangeChartComponent, typeof i8.LineChartComponent, typeof i9.IndicatorChartComponent, typeof i10.ScatterChartComponent, typeof i11.PieChartComponent, typeof i12.FunnelChartComponent, typeof i13.PolarChartComponent, typeof i14.TreemapChartComponent, typeof i15.SunburstChartComponent, typeof i16.TableWidgetComponent, typeof i17.WidgetByIdComponent, typeof i18.MemberFilterTileComponent, typeof i19.DrilldownWidgetComponent, typeof i20.DateRangeFilterTileComponent, typeof i21.RelativeDateFilterTileComponent, typeof i22.CriteriaFilterTileComponent, typeof i23.DrilldownBreadcrumbsComponent, typeof i24.ContextMenuComponent, typeof i25.BoxplotChartComponent, typeof i26.ScattermapChartComponent, typeof i27.AreamapChartComponent, typeof i28.PivotTableComponent, typeof i29.DashboardByIdComponent, typeof i30.DashboardComponent, typeof i31.PivotTableWidgetComponent, typeof i32.FilterTileComponent, typeof i33.WidgetComponent], [typeof i34.CommonModule, typeof i35.DecoratorsModule], [typeof i1.ChartComponent, typeof i2.TableComponent, typeof i3.ChartWidgetComponent, typeof i4.ColumnChartComponent, typeof i5.BarChartComponent, typeof i6.AreaChartComponent, typeof i7.AreaRangeChartComponent, typeof i8.LineChartComponent, typeof i9.IndicatorChartComponent, typeof i10.ScatterChartComponent, typeof i11.PieChartComponent, typeof i12.FunnelChartComponent, typeof i13.PolarChartComponent, typeof i14.TreemapChartComponent, typeof i15.SunburstChartComponent, typeof i16.TableWidgetComponent, typeof i17.WidgetByIdComponent, typeof i18.MemberFilterTileComponent, typeof i19.DrilldownWidgetComponent, typeof i20.DateRangeFilterTileComponent, typeof i21.RelativeDateFilterTileComponent, typeof i22.CriteriaFilterTileComponent, typeof i23.DrilldownBreadcrumbsComponent, typeof i24.ContextMenuComponent, typeof i25.BoxplotChartComponent, typeof i26.ScattermapChartComponent, typeof i27.AreamapChartComponent, typeof i28.PivotTableComponent, typeof i29.DashboardByIdComponent, typeof i30.DashboardComponent, typeof i31.PivotTableWidgetComponent, typeof i32.FilterTileComponent, typeof i33.WidgetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdkUiModule>;
 }

package/dist/lib/services/dashboard.service.d.ts

@@ -1,6 +1,13 @@
-import { type GetDashboardModelOptions, type GetDashboardModelsOptions } from '@sisense/sdk-ui-preact';
+import { Filter, FilterRelations } from '@sisense/sdk-data';
+import { type ComposableDashboardProps as ComposableDashboardPropsPreact, type GetDashboardModelOptions, type GetDashboardModelsOptions, UseComposedDashboardOptions, WidgetsPanelLayout } from '@sisense/sdk-ui-preact';
+import { BehaviorSubject } from 'rxjs';
+import { type DashboardProps } from '../components/dashboard/dashboard.component';
+import { type WidgetProps } from '../components/widgets/widget.component';
 import { SisenseContextService } from './sisense-context.service';
 import * as i0 from "@angular/core";
+export interface ComposableDashboardProps extends Omit<ComposableDashboardPropsPreact, 'widgets'> {
+    widgets: WidgetProps[];
+}
 /**
  * Service for working with Sisense Fusion dashboards.
  *
@@ -27,6 +34,77 @@ export declare class DashboardService {
      * @returns Dashboard models array
      */
     getDashboardModels(options?: GetDashboardModelsOptions): Promise<import("@sisense/sdk-ui-preact").DashboardModel[]>;
+    /**
+     * Сomposes dashboard or separate dashboard elements into a coordinated dashboard
+     * with cross filtering, and change detection.
+     *
+     * @example
+     * An example of using the `createComposedDashboard` to construct a composed dashboard and render it:
+     * ```html
+      <!--Component HTML template in example.component.html-->
+      <div *ngIf="dashboard$ | async as dashboard">
+        <csdk-filter-tile
+          *ngFor="let filter of getDashboardFilters(dashboard); trackBy: trackByIndex"
+          [filter]="filter"
+        />
+        <csdk-widget
+          *ngFor="let widget of dashboard.widgets; trackBy: trackByIndex"
+          [id]="widget.id"
+          [widgetType]="widget.widgetType"
+          [chartType]="widget.chartType"
+          [pluginType]="widget.pluginType"
+          [dataSource]="widget.dataSource"
+          [dataOptions]="widget.dataOptions"
+          [filters]="widget.filters"
+          [highlights]="widget.highlights"
+          [styleOptions]="widget.styleOptions"
+          [drilldownOptions]="widget.drilldownOptions"
+          [title]="widget.title"
+          [description]="widget.description"
+          [beforeMenuOpen]="widget.beforeMenuOpen"
+          (dataPointClick)="widget.dataPointClick?.($event)"
+          (dataPointContextMenu)="widget.dataPointContextMenu?.($event)"
+          (dataPointsSelect)="widget.dataPointsSelect?.($event)"
+        />
+      </div>
+     * ```
+     *
+     * ```ts
+      // Component behavior in example.component.ts
+      import { Component } from '@angular/core';
+      import { BehaviorSubject } from 'rxjs';
+      import { DashboardService, type DashboardProps } from '@sisense/sdk-ui-angular';
+  
+      @Component({
+        selector: 'example',
+        templateUrl: './example.component.html',
+        styleUrls: ['./example.component.scss'],
+      })
+      export class ExampleComponent {
+        dashboard$: BehaviorSubject<DashboardProps> | undefined;
+  
+        constructor(private dashboardService: DashboardService) {}
+  
+        ngOnInit() {
+          const initialDashboard: DashboardProps = { ... };
+          const composedDashboard = this.dashboardService.createComposedDashboard(initialDashboard);
+          this.dashboard$ = composedDashboard.dashboard$;
+        }
+  
+        trackByIndex = (index: number) => index;
+  
+        getDashboardFilters = ({ filters }: DashboardProps) => Array.isArray(filters) ? filters : [];
+      }
+     * ```
+     * @param initialDashboard - Initial dashboard
+     * @param options - Configuration options
+     * @returns Reactive composed dashboard object and API methods for interacting with it
+     */
+    createComposedDashboard<D extends ComposableDashboardProps | DashboardProps>(initialDashboard: D, options?: UseComposedDashboardOptions): {
+        dashboard$: BehaviorSubject<D>;
+        setFilters: (filters: Filter[] | FilterRelations) => Promise<void>;
+        setWidgetsLayout: (newLayout: WidgetsPanelLayout) => Promise<void>;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DashboardService>;
 }

package/dist/lib/services/query.service.d.ts

@@ -4,12 +4,6 @@ import * as i0 from "@angular/core";
 interface ExecuteQueryHandlers {
     /** Sync or async callback that allows to modify the JAQL payload before it is sent to the server. */
     beforeQuery?: ExecuteQueryParamsPreact['onBeforeQuery'];
-    /**
-     * Sync or async callback that allows to modify the JAQL payload before it is sent to the server.
-     *
-     * @deprecated Use `beforeQuery` instead.
-     */
-    onBeforeQuery?: ExecuteQueryParamsPreact['onBeforeQuery'];
 }
 /**
  * Parameters for data query execution.
@@ -24,12 +18,12 @@ export interface ExecuteQueryByWidgetIdParams extends Omit<ExecuteQueryByWidgetI
 /**
  * Parameters for pivot data query execution.
  */
-export interface ExecutePivotQueryParams extends Omit<ExecutePivotQueryParamsPreact, 'enabled' | 'onBeforeQuery'>, Omit<ExecuteQueryHandlers, 'onBeforeQuery'> {
+export interface ExecutePivotQueryParams extends Omit<ExecutePivotQueryParamsPreact, 'enabled' | 'onBeforeQuery'>, ExecuteQueryHandlers {
 }
 /**
  * Parameters for CSV data query execution.
  */
-export interface ExecuteCsvQueryParams extends Omit<ExecuteCsvQueryParamsPreact, 'enabled' | 'onBeforeQuery'>, Omit<ExecuteQueryHandlers, 'onBeforeQuery'> {
+export interface ExecuteCsvQueryParams extends Omit<ExecuteCsvQueryParamsPreact, 'enabled' | 'onBeforeQuery'>, ExecuteQueryHandlers {
 }
 /**
  * Service for executing data queries.

package/dist/lib/types/chart-event-props.d.ts

@@ -1,6 +1,6 @@
 import type { Data } from '@sisense/sdk-data';
 import type { BeforeRenderHandler, IndicatorBeforeRenderHandler } from '@sisense/sdk-ui-preact';
-import type { AreamapDataPointEventHandler, BoxplotDataPointEventHandler, DataPointEventHandler, DataPointsEventHandler, ScatterDataPointEventHandler, ScatterDataPointsEventHandler, ScattermapDataPointEventHandler } from './data-point';
+import type { AreamapDataPointEventHandler, BoxplotDataPointEventHandler, ChartDataPointClickEventHandler, ChartDataPointContextMenuEventHandler, ChartDataPointsEventHandler, DataPointEventHandler, DataPointsEventHandler, ScatterDataPointEventHandler, ScatterDataPointsEventHandler, ScattermapDataPointEventHandler } from './data-point';
 export interface HighchartsBasedChartEventProps {
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onBeforeRender}
@@ -14,7 +14,6 @@ export interface BaseChartEventProps {
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataReady}
      *
      * @category Callbacks
-     * @internal
      */
     dataReady?: (data: Data) => Data;
 }
@@ -40,7 +39,7 @@ export interface RegularChartEventProps extends BaseChartEventProps, HighchartsB
      *
      * @category Callbacks
      */
-    dataPointsSelected?: DataPointsEventHandler;
+    dataPointsSelect?: DataPointsEventHandler;
 }
 /**
  * Event props for Scatter chart which uses ScatterDataPoint type
@@ -64,13 +63,13 @@ export interface ScatterChartEventProps extends BaseChartEventProps, HighchartsB
      *
      * @category Callbacks
      */
-    dataPointsSelected?: ScatterDataPointsEventHandler;
+    dataPointsSelect?: ScatterDataPointsEventHandler;
 }
 /**
  * Event props for Areamap chart which uses AreamapDataPoint type
  * to describe data points for events.
  */
-export interface AreamapChartEventProps {
+export interface AreamapChartEventProps extends BaseChartEventProps {
     /**
      * {@inheritDoc @sisense/sdk-ui!AreamapChartProps.onDataPointClick}
      *
@@ -82,7 +81,7 @@ export interface AreamapChartEventProps {
  * Event props for Scattermap chart which uses ScattermapDataPoint type
  * to describe data points for events.
  */
-export interface ScattermapChartEventProps {
+export interface ScattermapChartEventProps extends BaseChartEventProps {
     /**
      * {@inheritDoc @sisense/sdk-ui!ScattermapChartProps.onDataPointClick}
      *
@@ -112,7 +111,7 @@ export interface BoxplotChartEventProps extends BaseChartEventProps, HighchartsB
      *
      * @category Callbacks
      */
-    dataPointsSelected?: DataPointsEventHandler;
+    dataPointsSelect?: DataPointsEventHandler;
 }
 export interface IndicatorChartEventProps extends BaseChartEventProps {
     /**
@@ -128,19 +127,19 @@ export interface ChartEventProps extends BaseChartEventProps {
      *
      * @category Callbacks
      */
-    dataPointClick?: DataPointEventHandler | ScatterDataPointEventHandler | AreamapDataPointEventHandler | BoxplotDataPointEventHandler | ScattermapDataPointEventHandler;
+    dataPointClick?: ChartDataPointClickEventHandler;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointContextMenu}
      *
      * @category Callbacks
      */
-    dataPointContextMenu?: DataPointEventHandler | ScatterDataPointEventHandler | BoxplotDataPointEventHandler;
+    dataPointContextMenu?: ChartDataPointContextMenuEventHandler;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onDataPointsSelected}
      *
      * @category Callbacks
      */
-    dataPointsSelected?: DataPointsEventHandler | ScatterDataPointsEventHandler;
+    dataPointsSelect?: ChartDataPointsEventHandler;
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.onBeforeRender}
      *

package/dist/lib/types/data-point.d.ts

@@ -1,4 +1,4 @@
-import { AreamapDataPoint, BoxplotDataPoint, ChartDataPoint, DataPoint, ScatterDataPoint, ScattermapDataPoint } from '@sisense/sdk-ui-preact';
+import { AreamapDataPoint, BoxplotDataPoint, DataPoint, ScatterDataPoint, ScattermapDataPoint } from '@sisense/sdk-ui-preact';
 export type DataPointEvent = {
     /** Data point that was clicked */
     point: DataPoint;
@@ -29,12 +29,8 @@ export type BoxplotDataPointEvent = {
     /** Native PointerEvent */
     nativeEvent: PointerEvent;
 };
-export type ChartDataPointEvent = {
-    /** Data point that was clicked */
-    point: ChartDataPoint;
-    /** Native PointerEvent */
-    nativeEvent: MouseEvent | PointerEvent;
-};
+export type ChartDataPointClickEvent = DataPointEvent | ScatterDataPointEvent | BoxplotDataPointEvent | AreamapDataPointEvent | ScattermapDataPointEvent;
+export type ChartDataPointContextMenuEvent = DataPointEvent | ScatterDataPointEvent | BoxplotDataPointEvent;
 export type DataPointsEvent = {
     /** Data points that were selected */
     points: DataPoint[];
@@ -47,12 +43,13 @@ export type ScatterDataPointsEvent = {
     /** Native MouseEvent */
     nativeEvent: MouseEvent;
 };
-export type ChartDataPointsEvent = {
-    /** Data points that were selected */
-    points: ChartDataPoint[];
+export type BoxplotDataPointsEvent = {
+    /** Data point that were selected */
+    points: BoxplotDataPoint[];
     /** Native MouseEvent */
-    nativeEvent: MouseEvent | PointerEvent;
+    nativeEvent: MouseEvent;
 };
+export type ChartDataPointsEvent = DataPointsEvent | ScatterDataPointsEvent;
 /**
  * A handler function that allows you to customize what happens when certain events occur to
  * a data point.
@@ -72,7 +69,17 @@ export type ScattermapDataPointEventHandler = (event: ScattermapDataPointEvent)
  * Click handler for when a data point on Boxplot is clicked.
  */
 export type BoxplotDataPointEventHandler = (event: BoxplotDataPointEvent) => void;
+/**
+ * Click handler for when a data point on Chart is clicked.
+ */
+export type ChartDataPointClickEventHandler = (event: ChartDataPointClickEvent) => void;
+/**
+ * Context menu handler for when a data point on the Chart is right-clicked.
+ */
+export type ChartDataPointContextMenuEventHandler = (event: ChartDataPointContextMenuEvent) => void;
 /** Click handler for when multiple scatter data points are selected. */
 export type ScatterDataPointsEventHandler = (event: ScatterDataPointsEvent) => void;
 /** Click handler for when multiple data points are selected. */
 export type DataPointsEventHandler = (event: DataPointsEvent) => void;
+/** Click handler for when multiple data points on Chart are selected. */
+export type ChartDataPointsEventHandler = (event: ChartDataPointsEvent) => void;

package/dist/lib/types/filter-event-props.d.ts

@@ -0,0 +1,35 @@
+import { Filter } from '@sisense/sdk-data';
+export type FilterChangeEvent = {
+    /** Filter that was changed */
+    filter: Filter | null;
+};
+export type FilterEditEvent = {
+    /** Index of the filter level that triggers the edit event (in the case of a cascading filter) */
+    levelIndex?: number;
+};
+/**
+ * Filter change event handler.
+ */
+export type FilterChangeEventHandler = (event: FilterChangeEvent) => void;
+/**
+ * Filter edit event handler.
+ */
+export type FilterEditEventHandler = (event: FilterEditEvent) => void;
+/**
+ * Filter delete event handler.
+ */
+export type FilterDeleteEventHandler = () => void;
+export interface BaseFilterTileEventProps {
+    /**
+     * {@inheritDoc FilterChangeEventHandler}
+     */
+    filterChange?: FilterChangeEventHandler;
+    /**
+     * {@inheritDoc FilterEditEventHandler}
+     */
+    filterEdit?: FilterEditEventHandler;
+    /**
+     * {@inheritDoc FilterDeleteEventHandler}
+     */
+    filterDelete?: FilterDeleteEventHandler;
+}

package/dist/lib/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './chart-event-props';
 export * from './dashboard-config';
 export * from './data-point';
+export * from './filter-event-props';
 export * from './utility-types';

package/dist/lib/utilities/dashboard-helpers.d.ts

@@ -62,16 +62,6 @@ export declare const addFilters: (dashboard: DashboardProps, newFilters: Filter[
  * @returns A new dashboard instance with the specified filter replaced.
  */
 export declare const replaceFilter: (dashboard: DashboardProps, filterToReplace: Filter, newFilter: Filter) => DashboardProps;
-/**
- * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.modifyFilter}
- *
- * @deprecated Use {@link replaceFilter} instead
- * @param dashboard - The original dashboard (`DashboardProps`) containing the filter to modify.
- * @param filterToModify - The existing filter to be modified.
- * @param newFilter - The new filter to replace the existing one.
- * @returns A new dashboard instance with the specified filter modified.
- */
-export declare const modifyFilter: (dashboard: DashboardProps, filterToModify: Filter, newFilter: Filter) => DashboardProps;
 /**
  * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.removeFilter}
  *