@sisense/sdk-ui-angular 2.20.0 → 2.22.0

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, NgModule, EventEmitter, Component, ViewChild, Input, Output, createComponent } from '@angular/core';
-import { DataObserver, CustomThemeProvider, CustomSisenseContextProvider, CustomWidgetsProviderAdapter, createClientApplication, getDefaultThemeSettings, getThemeSettingsByOid, ComponentAdapter, Chart, TabberButtonsWidget, createWrapperElement, getDashboardModel, getDashboardModels, HookAdapter, useComposedDashboardInternal, createHookApiFacade, useGetFilterMembers, getHierarchyModels, executeQuery, executeQueryByWidgetId, executePivotQuery, useExecuteCsvQueryInternal, useExecuteCustomWidgetQueryInternal, getWidgetModel, useJtdWidget, PivotTable, Table, ContextMenu, Dashboard, DashboardById, DrilldownBreadcrumbs, CriteriaFilterTile, DateRangeFilterTile, FilterTile, FiltersPanel, MemberFilterTile, RelativeDateFilterTile, ChartWidget, DrilldownWidget, createWrapperElementHandler, createComponentRenderer, PivotTableWidget, TableWidget, Widget, WidgetById, dashboardModelTranslator as dashboardModelTranslator$1, dashboardHelpers as dashboardHelpers$1, widgetModelTranslator as widgetModelTranslator$1 } from '@sisense/sdk-ui-preact';
+import { InjectionToken, Injectable, Optional, Inject, NgModule, EventEmitter, Component, ViewChild, Input, Output, reflectComponentType, createComponent } from '@angular/core';
+import { DataObserver, CustomThemeProvider, CustomSisenseContextProvider, CustomWidgetsProviderAdapter, createClientApplication, getDefaultThemeSettings, getThemeSettingsByOid, ComponentAdapter, Chart, TabberButtonsWidget, createElement, ExternalComponentAdapterElement, getDashboardModel, getDashboardModels, HookAdapter, useComposedDashboardInternal, createHookApiFacade, useGetFilterMembers, useGetSharedFormulaInternal, getHierarchyModels, executeQuery, executeQueryByWidgetId, executePivotQuery, useExecuteCsvQueryInternal, useExecuteCustomWidgetQueryInternal, getWidgetModel, useJtdWidget, PivotTable, Table, ContextMenu, createWrapperElement, Dashboard, DashboardById, DrilldownBreadcrumbs, CriteriaFilterTile, DateRangeFilterTile, FilterTile, FiltersPanel, MemberFilterTile, RelativeDateFilterTile, ChartWidget, DrilldownWidget, createWrapperElementHandler, createComponentRenderer, PivotTableWidget, TableWidget, Widget, WidgetById, dashboardModelTranslator as dashboardModelTranslator$1, dashboardHelpers as dashboardHelpers$1, widgetModelTranslator as widgetModelTranslator$1 } from '@sisense/sdk-ui-preact';
 export { boxWhiskerProcessResult, extractDimensionsAndMeasures } from '@sisense/sdk-ui-preact';
 import { ReplaySubject, firstValueFrom, concat, of, BehaviorSubject, skip } from 'rxjs';
 import { __decorate } from 'tslib';
@@ -285,7 +285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     args: [SISENSE_CONTEXT_CONFIG_TOKEN]
                 }] }]; } });
 
-var packageVersion = '2.20.0';
+var packageVersion = '2.22.0';
 
 class DecoratorsModule {
     constructor(sisenseContextService) {
@@ -2053,6 +2053,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Adapter class that manages the lifecycle of an Angular component
+ * rendered within a Preact context. This provides efficient updates
+ * by reusing the component instance instead of recreating it on every
+ * props change.
+ *
+ * This pattern mirrors how `ComponentAdapter` works for regular Preact
+ * components, ensuring consistent behavior between regular widgets
+ * and custom Angular widgets.
+ *
+ * Implements ExternalComponentAdapter interface to be compatible with
+ * the ExternalComponentAdapterElement in sdk-ui-preact.
+ *
+ * @internal
+ */
+class AngularComponentAdapter {
+    constructor(dynamicRenderer, componentClass) {
+        this.dynamicRenderer = dynamicRenderer;
+        this.componentClass = componentClass;
+        this.componentRef = null;
+        this.element = null;
+        this.isDestroyed = false;
+        // Extract input names from component metadata (supports both property names and aliases)
+        const mirror = reflectComponentType(componentClass);
+        this.inputNames = new Set(mirror?.inputs.flatMap((input) => [input.propName, input.templateName]) ?? []);
+    }
+    /**
+     * Mounts the Angular component into the container element.
+     * This should only be called once when the Preact wrapper mounts.
+     *
+     * @param container - The DOM element to mount the Angular component into
+     * @param props - Initial props to pass to the component
+     */
+    mount(container, props) {
+        if (this.componentRef || this.isDestroyed) {
+            return;
+        }
+        const rendered = this.dynamicRenderer.renderComponent(this.componentClass, props);
+        container.appendChild(rendered.element);
+        this.componentRef = rendered.componentRef;
+        this.element = rendered.element;
+    }
+    /**
+     * Updates the props on the existing Angular component instance.
+     * Uses ComponentRef.setInput() for @Input properties to ensure proper
+     * change detection, OnPush component marking, and ngOnChanges lifecycle
+     * hook execution. Uses direct assignment for non-input properties
+     * (e.g., event callbacks).
+     *
+     * @param props - New props to apply to the component
+     */
+    update(props) {
+        if (!this.componentRef || this.isDestroyed) {
+            return;
+        }
+        let hasDirectAssignments = false;
+        Object.keys(props).forEach((key) => {
+            const value = props[key];
+            if (this.inputNames.has(key)) {
+                // Use setInput() for @Input properties - triggers ngOnChanges and marks OnPush as dirty
+                this.componentRef.setInput(key, value);
+            }
+            else {
+                // Direct assignment for non-input properties (e.g., callbacks)
+                this.componentRef.instance[key] = value;
+                hasDirectAssignments = true;
+            }
+        });
+        // Trigger change detection only if we had direct assignments
+        if (hasDirectAssignments) {
+            this.componentRef.changeDetectorRef.detectChanges();
+        }
+    }
+    /**
+     * Destroys the Angular component and cleans up resources.
+     * This should be called when the Preact wrapper unmounts.
+     */
+    destroy() {
+        if (this.isDestroyed) {
+            return;
+        }
+        this.isDestroyed = true;
+        if (this.componentRef) {
+            this.componentRef.destroy();
+            this.componentRef = null;
+        }
+        if (this.element && this.element.parentNode) {
+            this.element.parentNode.removeChild(this.element);
+        }
+        this.element = null;
+    }
+    /**
+     * Returns whether the adapter has an active component instance.
+     */
+    isActive() {
+        return this.componentRef !== null && !this.isDestroyed;
+    }
+}
+
 /**
  * Service for rendering components dynamically.
  *
@@ -2115,13 +2214,32 @@ class CustomWidgetsService {
      * @param customWidget - The custom widget component class to register.
      */
     registerCustomWidget(customWidgetType, customWidget) {
-        const customWidgetPreactComponent = (props) => {
-            const renderedComponent = this.dynamicRenderer.renderComponent(customWidget, props);
-            return createWrapperElement(renderedComponent.element, () => renderedComponent.destroy());
+        const dynamicRenderer = this.dynamicRenderer;
+        /**
+         * Factory function that creates an adapter for the Angular component.
+         * This is called once per component mount by the ExternalComponentAdapterElement.
+         */
+        const createAdapter = () => {
+            return new AngularComponentAdapter(dynamicRenderer, customWidget);
+        };
+        /**
+         * Preact wrapper component that manages the Angular component lifecycle.
+         * Uses ExternalComponentAdapterElement (which uses hooks internally in the correct Preact context)
+         * to ensure the Angular component is:
+         * - Created once on mount
+         * - Updated in-place on props changes (preserving state)
+         * - Properly destroyed on unmount
+         */
+        const CustomWidgetWrapper = (props) => {
+            const adapterElementProps = {
+                adapterFactory: createAdapter,
+                componentProps: props,
+            };
+            return createElement(ExternalComponentAdapterElement, adapterElementProps);
         };
         const customWidgetsMap = this.customWidgetsMap$.value;
         if (!customWidgetsMap.has(customWidgetType)) {
-            customWidgetsMap.set(customWidgetType, customWidgetPreactComponent);
+            customWidgetsMap.set(customWidgetType, CustomWidgetWrapper);
             this.customWidgetsMap$.next(customWidgetsMap);
         }
     }
@@ -2144,8 +2262,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: DynamicRenderer }]; } });
 
-function translateToPreactWidgetProps(widgetProps) {
-    const { beforeRender, dataReady, beforeMenuOpen, dataPointClick, dataPointContextMenu, dataPointsSelect, ...commonWidgetProps } = widgetProps;
+function toPreactWidgetProps(angularProps) {
+    const { beforeRender, dataReady, beforeMenuOpen, dataPointClick, dataPointContextMenu, dataPointsSelect, ...commonWidgetProps } = angularProps;
     return {
         ...commonWidgetProps,
         onBeforeRender: beforeRender,
@@ -2168,8 +2286,8 @@ function translateToPreactWidgetProps(widgetProps) {
             : undefined,
     };
 }
-function translateFromPreactWidgetProps(widgetProps) {
-    const { onBeforeRender, onDataReady, onBeforeMenuOpen, onDataPointClick, onDataPointContextMenu, onDataPointsSelected, ...commonWidgetProps } = widgetProps;
+function toWidgetProps$1(preactProps) {
+    const { onBeforeRender, onDataReady, onBeforeMenuOpen, onDataPointClick, onDataPointContextMenu, onDataPointsSelected, ...commonWidgetProps } = preactProps;
     return {
         ...commonWidgetProps,
         beforeRender: onBeforeRender,
@@ -2186,17 +2304,37 @@ function translateFromPreactWidgetProps(widgetProps) {
             : undefined,
     };
 }
+function toChartWidgetProps$1(preactProps) {
+    const { onBeforeRender, onDataReady, ...rest } = preactProps;
+    return {
+        ...rest,
+        beforeRender: onBeforeRender,
+        dataReady: onDataReady,
+    };
+}
+function toPivotTableWidgetProps$1(preactProps) {
+    const { ...rest } = preactProps;
+    return {
+        ...rest,
+    };
+}
+function toTextWidgetProps$1(preactProps) {
+    const { ...rest } = preactProps;
+    return {
+        ...rest,
+    };
+}
 
-function translateToPreactDashboardProps(dashboardProps) {
+function toPreactDashboardProps(angularProps) {
     return {
-        ...dashboardProps,
-        widgets: dashboardProps.widgets.map(translateToPreactWidgetProps),
+        ...angularProps,
+        widgets: angularProps.widgets.map(toPreactWidgetProps),
     };
 }
-function translateFromPreactDashboardProps(dashboardProps) {
+function toDashboardProps$1(preactProps) {
     return {
-        ...dashboardProps,
-        widgets: dashboardProps.widgets.map(translateFromPreactWidgetProps),
+        ...preactProps,
+        widgets: preactProps.widgets.map(toWidgetProps$1),
     };
 }
 
@@ -2310,9 +2448,9 @@ let DashboardService = class DashboardService {
         const hookAdapter = new HookAdapter((useComposedDashboardInternal), [createSisenseContextConnector(this.sisenseContextService)]);
         const dashboard$ = new BehaviorSubject(initialDashboard);
         hookAdapter.subscribe(({ dashboard }) => {
-            dashboard$.next(translateFromPreactDashboardProps(dashboard));
+            dashboard$.next(toDashboardProps$1(dashboard));
         });
-        hookAdapter.run(translateToPreactDashboardProps(initialDashboard), options);
+        hookAdapter.run(toPreactDashboardProps(initialDashboard), options);
         const setFilters = createHookApiFacade(hookAdapter, 'setFilters', true);
         const setWidgetsLayout = createHookApiFacade(hookAdapter, 'setWidgetsLayout', true);
         const destroy = () => {
@@ -2406,6 +2544,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: SisenseContextService }]; } });
 
+/**
+ * Service for working with shared formulas.
+ *
+ * @group Fusion Assets
+ * @fusionEmbed
+ */
+let FormulaService = class FormulaService {
+    constructor(sisenseContextService) {
+        this.sisenseContextService = sisenseContextService;
+    }
+    /**
+     * Fetch a [shared formula](https://docs.sisense.com/main/SisenseLinux/shared-formulas.htm) from a Fusion instance.
+     *
+     * The formula can be identified either by `oid` or by `name` and `dataSource` pair.
+     *
+     * When the retrieval is successful but the shared formula is not found, the result is `null`. When the retrieval is not successful, the promise is rejected with an error.
+     *
+     * ## Example
+     *
+     * Retrieve a shared formula by oid:
+     *
+     * ```ts
+     * try {
+     *   const formula = await formulaService.getSharedFormula({
+     *     oid: 'd61c337b-fabc-4e9e-b4cc-a30116857153',
+     *   });
+     *
+     *   if (formula) {
+     *     console.log('Formula found:', formula);
+     *   } else {
+     *     console.log('Formula not found');
+     *   }
+     * } catch (error) {
+     *   console.error('Error:', error);
+     * }
+     * ```
+     *
+     * ## Example
+     *
+     * Retrieve a shared formula by name and data source:
+     *
+     * ```ts
+     * try {
+     *   const formula = await formulaService.getSharedFormula({
+     *     name: 'My Shared Formula',
+     *     dataSource: DM.DataSource,
+     *   });
+     *
+     *   if (formula) {
+     *     console.log('Formula found:', formula);
+     *   } else {
+     *     console.log('Formula not found');
+     *   }
+     * } catch (error) {
+     *   console.error('Error:', error);
+     * }
+     * ```
+     *
+     * @param params - Parameters for retrieving the shared formula. Must include either `oid` or both `name` and `dataSource`.
+     * @returns Promise that resolves to the shared formula, or `null` if not found
+     */
+    async getSharedFormula(params) {
+        const hookAdapter = new HookAdapter(useGetSharedFormulaInternal, [
+            createSisenseContextConnector(this.sisenseContextService),
+        ]);
+        const resultPromise = new Promise((resolve, reject) => {
+            hookAdapter.subscribe((res) => {
+                const { formula, isError, isSuccess, error } = res;
+                if (isError) {
+                    reject(error);
+                }
+                else if (isSuccess) {
+                    resolve(formula ?? null);
+                }
+            });
+        });
+        hookAdapter.run(params);
+        return resultPromise.finally(() => {
+            hookAdapter.destroy();
+        });
+    }
+};
+FormulaService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormulaService, deps: [{ token: SisenseContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+FormulaService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormulaService, providedIn: 'root' });
+FormulaService = __decorate([
+    TrackableService(['getSharedFormula'])
+], FormulaService);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormulaService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: SisenseContextService }]; } });
+
 /**
  * Service for working with Sisense Fusion hierarchies.
  *
@@ -2716,12 +2948,12 @@ let WidgetService = class WidgetService {
             createThemeContextConnector(this.themeService),
         ]);
         // Convert Angular props to preact props
-        const preactProps = translateToPreactWidgetProps(widgetProps);
+        const preactProps = toPreactWidgetProps(widgetProps);
         // Subscribe to hook adapter results and capture the subscription
         const hookAdapterSubscription = hookAdapter.subscribe((enhancedPreactProps) => {
             if (enhancedPreactProps) {
                 // Convert back to Angular props
-                const angularProps = translateFromPreactWidgetProps(enhancedPreactProps);
+                const angularProps = toWidgetProps$1(enhancedPreactProps);
                 enhancedProps$.next(angularProps);
             }
             else {
@@ -3953,7 +4185,7 @@ class DashboardComponent {
         }
     }
     getPreactComponentProps() {
-        return translateToPreactDashboardProps({
+        return toPreactDashboardProps({
             title: this.title,
             layoutOptions: this.layoutOptions,
             config: this.config,
@@ -5606,7 +5838,7 @@ class WidgetComponent {
         }
     }
     getPreactComponentProps() {
-        return translateToPreactWidgetProps({
+        return toPreactWidgetProps({
             id: this.id,
             widgetType: this.widgetType,
             chartType: this.chartType,
@@ -6021,7 +6253,7 @@ export class DashboardComponent {
  * ```
  */
 function toDashboardProps(dashboardModel) {
-    return dashboardModelTranslator$1.toDashboardProps(dashboardModel);
+    return toDashboardProps$1(dashboardModelTranslator$1.toDashboardProps(dashboardModel));
 }
 
 var dashboardModelTranslator = /*#__PURE__*/Object.freeze({
@@ -6044,7 +6276,7 @@ var dashboardModelTranslator = /*#__PURE__*/Object.freeze({
  * @returns A new dashboard instance with the updated filters.
  */
 const replaceFilters = (dashboard, newFilters) => {
-    return dashboardHelpers$1.replaceFilters(dashboard, newFilters);
+    return toDashboardProps$1(dashboardHelpers$1.replaceFilters(toPreactDashboardProps(dashboard), newFilters));
 };
 /**
  * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.addFilter}
@@ -6061,7 +6293,7 @@ const replaceFilters = (dashboard, newFilters) => {
  * @returns A new dashboard instance with the new filter added.
  */
 const addFilter = (dashboard, newFilter) => {
-    return dashboardHelpers$1.addFilter(dashboard, newFilter);
+    return toDashboardProps$1(dashboardHelpers$1.addFilter(toPreactDashboardProps(dashboard), newFilter));
 };
 /**
  * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.addFilters}
@@ -6078,7 +6310,7 @@ const addFilter = (dashboard, newFilter) => {
  * @returns A new dashboard instance with the new filters added.
  */
 const addFilters = (dashboard, newFilters) => {
-    return dashboardHelpers$1.addFilters(dashboard, newFilters);
+    return toDashboardProps$1(dashboardHelpers$1.addFilters(toPreactDashboardProps(dashboard), newFilters));
 };
 /**
  * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.replaceFilter}
@@ -6097,7 +6329,7 @@ const addFilters = (dashboard, newFilters) => {
  * @returns A new dashboard instance with the specified filter replaced.
  */
 const replaceFilter = (dashboard, filterToReplace, newFilter) => {
-    return dashboardHelpers$1.replaceFilter(dashboard, filterToReplace, newFilter);
+    return toDashboardProps$1(dashboardHelpers$1.replaceFilter(toPreactDashboardProps(dashboard), filterToReplace, newFilter));
 };
 /**
  * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.removeFilter}
@@ -6114,7 +6346,7 @@ const replaceFilter = (dashboard, filterToReplace, newFilter) => {
  * @returns A new dashboard instance with the specified filter removed.
  */
 const removeFilter = (dashboard, filterToRemove) => {
-    return dashboardHelpers$1.removeFilter(dashboard, filterToRemove);
+    return toDashboardProps$1(dashboardHelpers$1.removeFilter(toPreactDashboardProps(dashboard), filterToRemove));
 };
 /**
  * {@inheritDoc @sisense/sdk-ui!dashboardHelpers.removeFilters}
@@ -6131,7 +6363,7 @@ const removeFilter = (dashboard, filterToRemove) => {
  * @returns A new dashboard instance with the specified filters removed.
  */
 const removeFilters = (dashboard, filtersToRemove) => {
-    return dashboardHelpers$1.removeFilters(dashboard, filtersToRemove);
+    return toDashboardProps$1(dashboardHelpers$1.removeFilters(toPreactDashboardProps(dashboard), filtersToRemove));
 };
 
 var dashboardHelpers = /*#__PURE__*/Object.freeze({
@@ -6144,6 +6376,28 @@ var dashboardHelpers = /*#__PURE__*/Object.freeze({
     replaceFilters: replaceFilters
 });
 
+function toChartProps$1(preactProps) {
+    const { onBeforeRender, onDataReady, ...rest } = preactProps;
+    return {
+        ...rest,
+        beforeRender: onBeforeRender,
+        dataReady: onDataReady,
+    };
+}
+function toTableProps$1(preactProps) {
+    const { onDataReady, ...rest } = preactProps;
+    return {
+        ...rest,
+        dataReady: onDataReady,
+    };
+}
+function toPivotTableProps$1(preactProps) {
+    const { ...rest } = preactProps;
+    return {
+        ...rest,
+    };
+}
+
 /**
  * Translates a {@link WidgetModel} to the parameters for executing a query for the widget.
  *
@@ -6230,7 +6484,7 @@ export class ExampleComponent {
  * Use {@link toPivotTableProps} instead for getting props for the {@link PivotTableComponent}.
  */
 function toChartProps(widgetModel) {
-    return widgetModelTranslator$1.toChartProps(widgetModel);
+    return toChartProps$1(widgetModelTranslator$1.toChartProps(widgetModel));
 }
 /**
  * Translates a {@link WidgetModel} to the props for rendering a table.
@@ -6279,7 +6533,7 @@ export class ExampleComponent {
  * Use {@link toPivotTableProps} instead for getting props for the {@link PivotTableComponent}.
  */
 function toTableProps(widgetModel) {
-    return widgetModelTranslator$1.toTableProps(widgetModel);
+    return toTableProps$1(widgetModelTranslator$1.toTableProps(widgetModel));
 }
 /**
  * Translates a {@link WidgetModel} to the props for rendering a pivot table.
@@ -6328,7 +6582,7 @@ export class ExampleComponent {
  * Use {@link toTableProps} instead for getting props for the {@link TableComponent}.
  */
 function toPivotTableProps(widgetModel) {
-    return widgetModelTranslator$1.toPivotTableProps(widgetModel);
+    return toPivotTableProps$1(widgetModelTranslator$1.toPivotTableProps(widgetModel));
 }
 /**
  * Translates a {@link WidgetModel} to the props for rendering a chart widget.
@@ -6377,7 +6631,7 @@ export class ExampleComponent {
  * Note: this method is not supported for pivot widgets.
  */
 function toChartWidgetProps(widgetModel) {
-    return widgetModelTranslator$1.toChartWidgetProps(widgetModel);
+    return toChartWidgetProps$1(widgetModelTranslator$1.toChartWidgetProps(widgetModel));
 }
 /**
  * Translates a {@link WidgetModel} to the props for rendering a pivot table widget.
@@ -6425,7 +6679,7 @@ export class ExampleComponent {
  * Use {@link toChartWidgetProps} instead for getting props for the {@link ChartWidgetComponent}.
  */
 function toPivotTableWidgetProps(widgetModel) {
-    return widgetModelTranslator$1.toPivotTableWidgetProps(widgetModel);
+    return toPivotTableWidgetProps$1(widgetModelTranslator$1.toPivotTableWidgetProps(widgetModel));
 }
 /**
  * Translates a {@link WidgetModel} to the props for rendering a text widget.
@@ -6444,7 +6698,7 @@ const textWidgetProps = widgetModelTranslator.toTextWidgetProps(widgetModel);
  * Use {@link toPivotTableWidgetProps} instead for getting props for the pivot table widget.
  */
 function toTextWidgetProps(widgetModel) {
-    return widgetModelTranslator$1.toTextWidgetProps(widgetModel);
+    return toTextWidgetProps$1(widgetModelTranslator$1.toTextWidgetProps(widgetModel));
 }
 /**
  * Translates {@link WidgetModel} to {@link WidgetProps}.
@@ -6495,7 +6749,7 @@ function toTextWidgetProps(widgetModel) {
  * ```
  */
 function toWidgetProps(widgetModel) {
-    return widgetModelTranslator$1.toWidgetProps(widgetModel);
+    return toWidgetProps$1(widgetModelTranslator$1.toWidgetProps(widgetModel));
 }
 
 var widgetModelTranslator = /*#__PURE__*/Object.freeze({
@@ -6519,5 +6773,5 @@ var widgetModelTranslator = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartComponent, AreaRangeChartComponent, AreamapChartComponent, BarChartComponent, BoxplotChartComponent, CalendarHeatmapChartComponent, ChartComponent, ChartWidgetComponent, ColumnChartComponent, ContextMenuComponent, CriteriaFilterTileComponent, CustomWidgetsService, DashboardByIdComponent, DashboardComponent, DashboardService, DateRangeFilterTileComponent, DrilldownBreadcrumbsComponent, DrilldownWidgetComponent, FilterService, FilterTileComponent, FiltersPanelComponent, FunnelChartComponent, HierarchyService, IndicatorChartComponent, LineChartComponent, MemberFilterTileComponent, PieChartComponent, PivotTableComponent, PivotTableWidgetComponent, PolarChartComponent, QueryService, RelativeDateFilterTileComponent, SISENSE_CONTEXT_CONFIG_TOKEN, ScatterChartComponent, ScattermapChartComponent, SdkUiModule, SisenseContextService, StreamgraphChartComponent, SunburstChartComponent, THEME_CONFIG_TOKEN, TableComponent, TableWidgetComponent, ThemeService, TrackableService, TreemapChartComponent, WidgetByIdComponent, WidgetComponent, WidgetService, createCustomWidgetsContextConnector, createSisenseContextConnector, createThemeContextConnector, dashboardHelpers, dashboardModelTranslator, widgetModelTranslator };
+export { AreaChartComponent, AreaRangeChartComponent, AreamapChartComponent, BarChartComponent, BoxplotChartComponent, CalendarHeatmapChartComponent, ChartComponent, ChartWidgetComponent, ColumnChartComponent, ContextMenuComponent, CriteriaFilterTileComponent, CustomWidgetsService, DashboardByIdComponent, DashboardComponent, DashboardService, DateRangeFilterTileComponent, DrilldownBreadcrumbsComponent, DrilldownWidgetComponent, FilterService, FilterTileComponent, FiltersPanelComponent, FormulaService, FunnelChartComponent, HierarchyService, IndicatorChartComponent, LineChartComponent, MemberFilterTileComponent, PieChartComponent, PivotTableComponent, PivotTableWidgetComponent, PolarChartComponent, QueryService, RelativeDateFilterTileComponent, SISENSE_CONTEXT_CONFIG_TOKEN, ScatterChartComponent, ScattermapChartComponent, SdkUiModule, SisenseContextService, StreamgraphChartComponent, SunburstChartComponent, THEME_CONFIG_TOKEN, TableComponent, TableWidgetComponent, ThemeService, TrackableService, TreemapChartComponent, WidgetByIdComponent, WidgetComponent, WidgetService, createCustomWidgetsContextConnector, createSisenseContextConnector, createThemeContextConnector, dashboardHelpers, dashboardModelTranslator, widgetModelTranslator };
 //# sourceMappingURL=sisense-sdk-ui-angular.mjs.map