@sisense/sdk-ui-angular 1.11.0 → 1.13.0

package/dist/lib/components/charts/area-range-chart.component.d.ts

@@ -0,0 +1,134 @@
+import { EventEmitter } from '@angular/core';
+import { type ChartType } from '../../sdk-ui-core-exports';
+import { type AreaRangeChartProps } from '@sisense/sdk-ui-preact';
+import { ArgumentsAsObject } from '../../types';
+import * as i0 from "@angular/core";
+/**
+ * A component that displays a range of data over a given time period or across multiple categories.
+ * It is particularly useful for visualizing the minimum and maximum values in a dataset, along with
+ * the area between these values.
+ *
+ * @example
+ * ```html
+ *    <csdk-area-range-chart
+ *      [dataSet]="chart.dataSet"
+ *      [dataOptions]="chart.dataOptions"
+ *      [highlights]="filters"
+ *      [beforeRender]="onBeforeRender"
+ *      (dataPointClick)="logArguments($event)"
+ *      (dataPointContextMenu)="logArguments($event)"
+ *      (dataPointsSelect)="logArguments($event)"
+ *    />
+ * ```
+ * ```ts
+import { Component } from '@angular/core';
+import { measureFactory, filterFactory, Filter } from '@sisense/sdk-data';
+import * as DM from '../../assets/sample-healthcare-model';
+import type { ChartType, RangeChartDataOptions } from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'app-analytics',
+  templateUrl: './analytics.component.html',
+  styleUrls: ['./analytics.component.scss'],
+})
+export class AnalyticsComponent {
+  DM = DM;
+  filters = [filterFactory.members(DM.Divisions.Divison_name, ['Cardiology', 'Neurology'])];
+  chart = {
+    chartType: 'arearange' as ChartType,
+    dataSet: DM.DataSource,
+    dataOptions: {
+      category: [DM.Admissions.Admission_Time.Years],
+      value: [
+        {
+            title: 'Admission Cost Range',
+            upperBound: measureFactory.multiply(
+              measureFactory.sum(DM.Admissions.Cost_of_admission, 'Lower Admission'),
+              0.6,
+            ),
+            lowerBound: measureFactory.multiply(
+              measureFactory.sum(DM.Admissions.Cost_of_admission, 'Upper Admission'),
+              1.4,
+             ),
+        }
+      ],
+      breakBy: [],
+    } as RangeChartDataOptions,
+  };
+
+  onBeforeRender(options: any) {
+    console.log('beforeRender');
+    console.log(options);
+    return options;
+  }
+
+  logArguments(...args: any[]) {
+    console.log(args);
+  }
+}
+ * ```
+ * <img src="media://angular-area-range-chart-example.png" width="800px" />
+ *
+ * @group Charts
+ * @beta
+ */
+export declare class AreaRangeChartComponent {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.dataSet}
+     *
+     * @category Data
+     */
+    dataSet: AreaRangeChartProps['dataSet'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.dataOptions}
+     *
+     * @category Chart
+     */
+    dataOptions: AreaRangeChartProps['dataOptions'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.filters}
+     *
+     * @category Data
+     */
+    filters: AreaRangeChartProps['filters'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.highlights}
+     *
+     * @category Data
+     */
+    highlights: AreaRangeChartProps['highlights'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.styleOptions}
+     *
+     * @category Chart
+     */
+    styleOptions: AreaRangeChartProps['styleOptions'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onBeforeRender}
+     *
+     * @category Callbacks
+     */
+    beforeRender: AreaRangeChartProps['onBeforeRender'];
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointClick}
+     *
+     * @category Callbacks
+     */
+    dataPointClick: EventEmitter<ArgumentsAsObject<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined, ["point", "nativeEvent"]>>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointContextMenu}
+     *
+     * @category Callbacks
+     */
+    dataPointContextMenu: EventEmitter<ArgumentsAsObject<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined, ["point", "nativeEvent"]>>;
+    /**
+     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointsSelected}
+     *
+     * @category Callbacks
+     */
+    dataPointsSelect: EventEmitter<ArgumentsAsObject<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined, ["points", "nativeEvent"]>>;
+    /** @internal */
+    chartType: ChartType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaRangeChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaRangeChartComponent, "csdk-area-range-chart", never, { "dataSet": "dataSet"; "dataOptions": "dataOptions"; "filters": "filters"; "highlights": "highlights"; "styleOptions": "styleOptions"; "beforeRender": "beforeRender"; }, { "dataPointClick": "dataPointClick"; "dataPointContextMenu": "dataPointContextMenu"; "dataPointsSelect": "dataPointsSelect"; }, never, never, false, never>;
+}

package/dist/lib/components/charts/index.d.ts

@@ -15,3 +15,4 @@ export * from './boxplot-chart.component';
 export * from './scattermap-chart.component';
 export * from './areamap-chart.component';
 export * from './pivot-table.component';
+export * from './area-range-chart.component';

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

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

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

@@ -6,27 +6,28 @@ import * as i4 from "./components/widgets/chart-widget.component";
 import * as i5 from "./components/charts/column-chart.component";
 import * as i6 from "./components/charts/bar-chart.component";
 import * as i7 from "./components/charts/area-chart.component";
-import * as i8 from "./components/charts/line-chart.component";
-import * as i9 from "./components/charts/indicator-chart.component";
-import * as i10 from "./components/charts/scatter-chart.component";
-import * as i11 from "./components/charts/pie-chart.component";
-import * as i12 from "./components/charts/funnel-chart.component";
-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/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/drilldown-breadcrumbs.component";
-import * as i22 from "./components/context-menu.component";
-import * as i23 from "./components/charts/boxplot-chart.component";
-import * as i24 from "./components/charts/scattermap-chart.component";
-import * as i25 from "./components/charts/areamap-chart.component";
-import * as i26 from "./components/charts/pivot-table.component";
-import * as i27 from "@angular/common";
-import * as i28 from "./decorators/decorators.module";
+import * as i8 from "./components/charts/area-range-chart.component";
+import * as i9 from "./components/charts/line-chart.component";
+import * as i10 from "./components/charts/indicator-chart.component";
+import * as i11 from "./components/charts/scatter-chart.component";
+import * as i12 from "./components/charts/pie-chart.component";
+import * as i13 from "./components/charts/funnel-chart.component";
+import * as i14 from "./components/charts/polar-chart.component";
+import * as i15 from "./components/charts/treemap-chart.component";
+import * as i16 from "./components/charts/sunburst-chart.component";
+import * as i17 from "./components/widgets/table-widget.component";
+import * as i18 from "./components/widgets/dashboard-widget.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/drilldown-breadcrumbs.component";
+import * as i23 from "./components/context-menu.component";
+import * as i24 from "./components/charts/boxplot-chart.component";
+import * as i25 from "./components/charts/scattermap-chart.component";
+import * as i26 from "./components/charts/areamap-chart.component";
+import * as i27 from "./components/charts/pivot-table.component";
+import * as i28 from "@angular/common";
+import * as i29 from "./decorators/decorators.module";
 /**
  * SDK UI Module, which is a container for components.
  *
@@ -57,6 +58,6 @@ import * as i28 from "./decorators/decorators.module";
  */
 export declare class SdkUiModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdkUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkUiModule, [typeof i1.BasicMemberFilterTileComponent, typeof i2.ChartComponent, typeof i3.TableComponent, typeof i4.ChartWidgetComponent, typeof i5.ColumnChartComponent, typeof i6.BarChartComponent, typeof i7.AreaChartComponent, 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.MemberFilterTileComponent, typeof i19.DrilldownWidgetComponent, typeof i20.DateRangeFilterTileComponent, typeof i21.DrilldownBreadcrumbsComponent, typeof i22.ContextMenuComponent, typeof i23.BoxplotChartComponent, typeof i24.ScattermapChartComponent, typeof i25.AreamapChartComponent, typeof i26.PivotTableComponent], [typeof i27.CommonModule, typeof i28.DecoratorsModule], [typeof i1.BasicMemberFilterTileComponent, typeof i2.ChartComponent, typeof i3.TableComponent, typeof i4.ChartWidgetComponent, typeof i5.ColumnChartComponent, typeof i6.BarChartComponent, typeof i7.AreaChartComponent, 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.MemberFilterTileComponent, typeof i19.DrilldownWidgetComponent, typeof i20.DateRangeFilterTileComponent, typeof i21.DrilldownBreadcrumbsComponent, typeof i22.ContextMenuComponent, typeof i23.BoxplotChartComponent, typeof i24.ScattermapChartComponent, typeof i25.AreamapChartComponent, typeof i26.PivotTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkUiModule, [typeof i1.BasicMemberFilterTileComponent, typeof i2.ChartComponent, typeof i3.TableComponent, typeof i4.ChartWidgetComponent, typeof i5.ColumnChartComponent, typeof i6.BarChartComponent, typeof i7.AreaChartComponent, typeof i8.AreaRangeChartComponent, typeof i9.LineChartComponent, typeof i10.IndicatorChartComponent, typeof i11.ScatterChartComponent, typeof i12.PieChartComponent, typeof i13.FunnelChartComponent, typeof i14.PolarChartComponent, typeof i15.TreemapChartComponent, typeof i16.SunburstChartComponent, typeof i17.TableWidgetComponent, typeof i18.DashboardWidgetComponent, typeof i19.MemberFilterTileComponent, typeof i20.DrilldownWidgetComponent, typeof i21.DateRangeFilterTileComponent, typeof i22.DrilldownBreadcrumbsComponent, typeof i23.ContextMenuComponent, typeof i24.BoxplotChartComponent, typeof i25.ScattermapChartComponent, typeof i26.AreamapChartComponent, typeof i27.PivotTableComponent], [typeof i28.CommonModule, typeof i29.DecoratorsModule], [typeof i1.BasicMemberFilterTileComponent, typeof i2.ChartComponent, typeof i3.TableComponent, typeof i4.ChartWidgetComponent, typeof i5.ColumnChartComponent, typeof i6.BarChartComponent, typeof i7.AreaChartComponent, typeof i8.AreaRangeChartComponent, typeof i9.LineChartComponent, typeof i10.IndicatorChartComponent, typeof i11.ScatterChartComponent, typeof i12.PieChartComponent, typeof i13.FunnelChartComponent, typeof i14.PolarChartComponent, typeof i15.TreemapChartComponent, typeof i16.SunburstChartComponent, typeof i17.TableWidgetComponent, typeof i18.DashboardWidgetComponent, typeof i19.MemberFilterTileComponent, typeof i20.DrilldownWidgetComponent, typeof i21.DateRangeFilterTileComponent, typeof i22.DrilldownBreadcrumbsComponent, typeof i23.ContextMenuComponent, typeof i24.BoxplotChartComponent, typeof i25.ScattermapChartComponent, typeof i26.AreamapChartComponent, typeof i27.PivotTableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdkUiModule>;
 }

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

@@ -132,27 +132,40 @@ export declare class ThemeService {
                 borderGradient: [string, string] | null;
                 borderRadius: string;
                 hover: {
-                    backgroundColor: string;
                     textColor: string;
+                    backgroundColor: string;
                 };
                 loadingGradient: [string, string];
                 gap: string;
             };
             clickableMessages: {
-                backgroundColor: string;
                 textColor: string;
+                backgroundColor: string;
                 border: string | false;
+                borderGradient: [string, string] | null;
                 hover: {
                     textColor: string;
                     backgroundColor: string;
                 };
             };
+            dataTopics: {
+                backgroundColor: string;
+                items: {
+                    textColor: string;
+                    backgroundColor: string;
+                };
+            };
             icons: {
                 color: string;
-                hover: {
-                    color: string;
+                feedbackIcons: {
+                    hoverColor: string;
                 };
             };
+            tooltips: {
+                backgroundColor: string;
+                textColor: string;
+                boxShadow: string;
+            };
         };
     }>;
     updateThemeSettings(theme: string | ThemeSettings): Promise<void>;

package/dist/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.11.0",
+  "version": "1.13.0",
   "author": "Sisense",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "dist",
@@ -25,9 +25,9 @@
     "dist/**/*"
   ],
   "peerDependencies": {
-    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0",
-    "@angular/compiler": "^15.0.0 || ^16.0.0 || ^17.0.0",
-    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0"
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/compiler": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
     "@sisense/sdk-data": "workspace:^",

package/dist/public-api.d.ts

@@ -2,8 +2,20 @@
  * @packageDocumentation
  * @groupDescription Charts
  * Angular components for charts
+ * @groupDescription Chart Utilities
+ * Utilities to be used with charts
+ * @groupDescription Data Grids
+ * Angular components for data grids
+ * @groupDescription Drilldown
+ * Angular components for creating drilldown experiences
+ * @groupDescription Filter Tiles
+ * Angular filter tile components
+ * @groupDescription Contexts
+ * Angular context modules, services, and variables
+ * @groupDescription Queries
+ * Angular query service
  * @groupDescription Fusion Embed
- * Fusion Dashboards, Widgets, Queries, and Formulas
+ * Angular modules, services, and components for working with Fusion Embed dashboards, widgets, queries, and formulas
  * @groupDescription Interfaces
  * TypeScript interfaces for components and services listed above
  * @groupDescription Type Aliases

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.11.0";
+declare const _default: "1.13.0";
 export default _default;

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.11.0",
+  "version": "1.13.0",
   "author": "Sisense",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "dist",
@@ -40,14 +40,14 @@
     "sync-version": "node ./scripts/sync-version.cjs"
   },
   "peerDependencies": {
-    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0",
-    "@angular/compiler": "^15.0.0 || ^16.0.0 || ^17.0.0",
-    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0"
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/compiler": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@sisense/sdk-data": "^1.11.0",
-    "@sisense/sdk-tracking": "^1.11.0",
-    "@sisense/sdk-ui-preact": "^1.11.0",
+    "@sisense/sdk-data": "^1.13.0",
+    "@sisense/sdk-tracking": "^1.13.0",
+    "@sisense/sdk-ui-preact": "^1.13.0",
     "rxjs": "^7.8.1",
     "ts-deepmerge": "^6.2.0",
     "tslib": "^2.3.0"