@qrvey/utils 1.16.0-3 → 1.16.0-31

package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderGeneralOptions.d.ts

@@ -22,4 +22,8 @@ export interface II18nChartBuilderGeneralOptions {
     view_sorting: string;
     view_subtotals: string;
     view_total: string;
+    expanded_by_default: string;
+    expanded_by_default_disabled: string;
+    freeze_headers: string;
+    freeze_rows: string;
 }

package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderMessagesDefault.d.ts

@@ -5,4 +5,5 @@ export interface II18nChartBuilderMessagesDefault {
     max_panels_increment: string;
     median_aggregation_results: string;
     max_limit: string;
+    expanded_by_default: string;
 }

package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderMessagesGeneral.d.ts

@@ -1,3 +1,4 @@
 export interface II18nChartBuilderMessagesGeneral {
     chart_saved: string;
+    chart_saved_ai: string;
 }

package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderStyleOptions.d.ts

@@ -49,4 +49,8 @@ export interface II18nChartBuilderStyleOptions {
     heatmap_pivot_axis_caption: string;
     global_y_axis_caption: string;
     multiseries_type: string;
+    default_format_date_title: string;
+    type_custom_format: string;
+    type_custom_format_placeholder: string;
+    type_custom_format_error: string;
 }

package/dist/cjs/globalization/interfaces/dashboard/II18nDashboardAddChart.d.ts

@@ -3,4 +3,5 @@ export interface II18nDashboardAddChart {
     chart: string;
     metric: string;
     summary: string;
+    add_ai: string;
 }

package/dist/cjs/globalization/interfaces/export/II18nExportingModal.d.ts

@@ -41,6 +41,8 @@ export interface I18nExportingModal {
         columns_to_export_label: string;
         columns_to_create_dataset_label: string;
         no_results_found: string;
+        reached_max_pivots_select_all: string;
+        reached_max_pivots: string;
     };
     schedule: {
         chart_download_ready: string;

package/dist/cjs/globalization/interfaces/filters/II18nFilterPanel.d.ts

@@ -18,4 +18,6 @@ export interface II18nFilterPanel {
     header_section: II18nFilterPanelHeaderSection;
     scope_tooltip: II18nFilterPanelScopeTooltip;
     settings_section: II18nFilterPanelSettingsSection;
+    missing_column: string;
+    missing_columns: string;
 }

package/dist/cjs/globalization/interfaces/filters/II18nFilterPanelScopeTitle.d.ts

@@ -4,6 +4,7 @@ export interface II18nFilterPanelScopeTitle {
     global: string;
     page: string;
     tab: string;
+    container: string;
     chart: string;
     default: string;
     action: string;

package/dist/cjs/globalization/interfaces/filters/II18nFilterScopes.d.ts

@@ -4,6 +4,7 @@ export interface II18nFilterScopes {
     global: string;
     page: string;
     tab: string;
+    container: string;
     default: string;
     chart: string;
     action: string;

package/dist/cjs/globalization/interfaces/formula_builder/II18nFormulaBuilderCreateModal.d.ts

@@ -2,7 +2,9 @@ import { II18nFormulaBuilderErrorMessage } from "./II18nFormulaBuilderErrorMessa
 import { II18nFormulaBuilderV2Functions } from "./II18nFormulaBuilderV2Functions";
 export interface II18nFormulaBuilderCreateModal {
     title_header_create: string;
+    title_header_create_aggregate: string;
     title_header_edit: string;
+    title_header_edit_aggregate: string;
     title_header_table: string;
     name: string;
     placeholder_name: string;

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL.js

@@ -194,6 +194,7 @@ exports.I18N_CHART_BUILDER_GENERAL = {
     },
     messages_general: {
         chart_saved: "was saved successfully.",
+        chart_saved_ai: "Chart added to the Dataset",
     },
     messages_default: {
         max_data: "Chart shows a maximum number of data points by default. To see more, go to <i>General</i> chart options and increase the <i>Max Data</i> Points to display.",
@@ -202,6 +203,7 @@ exports.I18N_CHART_BUILDER_GENERAL = {
         max_panels_increment: "Increasing the amount of panels to display above {{max_data_point_values_panels}} can affect chart performance.",
         median_aggregation_results: "The numbers are not actual, they are for preview purposes only.",
         max_limit: "Only 10,000 max data points are supported.",
+        expanded_by_default: "The maximum supported limit for this feature (Expanded by default) is 500 rows and 50 columns.",
     },
     messages_crosstab: {
         max_data: "Chart shows a maximum number of data points by default. To see more, go to <i>General</i> chart options and increase the <i>Max Records</i> and <i>Max Columns</i> to display.",

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL_OPTIONS.js

@@ -29,6 +29,10 @@ exports.I18N_CHART_BUILDER_GENERAL_OPTIONS = {
         view_sorting: "Sorting",
         view_subtotals: "Subtotals",
         view_total: "Totals",
+        expanded_by_default: "Expanded by default",
+        expanded_by_default_disabled: "This option is disabled. To enable it, limit the layout to a maximum of 2 rows and 2 columns.",
+        freeze_headers: "Freeze the column headers",
+        freeze_rows: "Freeze the row headers",
     },
     tooltip_settings: {
         name: "Tooltips",

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_STYLE_OPTIONS.js

@@ -56,6 +56,10 @@ exports.I18N_CHART_BUILDER_STYLE_OPTIONS = {
         heatmap_pivot_axis_caption: "pivot",
         global_y_axis_caption: "global",
         multiseries_type: "Multiseries Type",
+        default_format_date_title: "Date Format",
+        type_custom_format: "Custom Format",
+        type_custom_format_placeholder: "Type custom format",
+        type_custom_format_error: "Invalid format",
     },
     color_settings: {
         color_by_category: "By category",

package/dist/cjs/globalization/labels/dashboard/I18N_DASHBOARD.js

@@ -10,6 +10,7 @@ exports.I18N_DASHBOARD = {
         chart: "Chart",
         metric: "Metric",
         summary: "Summary",
+        add_ai: "Create Chart with AI",
     },
     empty_state: {
         about_charts: "about charts",

package/dist/cjs/globalization/labels/export/I18N_EXPORT_MODAL.d.ts

@@ -2,4 +2,4 @@ import { I18nExportingModal } from "../../interfaces/export";
 /**
  * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
  */
-export declare const EXPORTING_MODAL: I18nExportingModal;
+export declare const EXPORTING_MODAL: I18nExportingModal | any;

package/dist/cjs/globalization/labels/export/I18N_EXPORT_MODAL.js

@@ -5,63 +5,56 @@ exports.EXPORTING_MODAL = void 0;
  * @deprecated since version 1.12.0; Qrvey version 8.3. Those default poroperties will be replaced by Qrvey Globalization JSON
  */
 exports.EXPORTING_MODAL = {
-    apply_button_label: {
-        export_now: "Export Now",
-        create_dataset: "Create Dataset",
-    },
-    cancel_button_label: "Cancel",
-    error_messages: {
-        special_characters: "Special characters are not allowed in file name.",
-    },
+    title_label: "Export",
     file_name_label: "File Name",
-    new_dataset_name_label: "New Dataset Name",
-    new_dataset_name_placeholder: "Type",
-    recurrence: {
-        label: "Recurrence",
-        value: { does_not_repeat: "Does not repeat" },
-    },
     time_stamp: {
-        label: "Time and Date",
-        value: { now_and_today: "Now and Today" },
+        label: "Date and Time",
+        value: {
+            now_and_today: "Now and Today",
+        },
         none_label: "None",
+        concatenate_date_time: "Concatenate Date and Time to the File Name",
+        off: "Off",
+        on: "On",
     },
     time_zone_label: "Time Zone",
-    title_label: "Export",
-    title_new_dataset: "New Dataset",
+    recurrence: {
+        label: "Occurrence",
+        value: {
+            does_not_repeat: "Does Not Repeat",
+            repeats: "Repeats",
+        },
+    },
+    cancel_button_label: "Cancel",
+    apply_button_label: {
+        export_now: "Export Now",
+        schedule: "Schedule",
+    },
     uniqueness_concatenate: "For Uniqueness Concatenate",
-    toast_messages: {
-        failed_scheduling: "The export could not be scheduled at this time.",
-        successful_scheduling: "The export of {{fileName}} has been scheduled successfully.",
+    tooltips: {
+        configure_valid_schedule: "Configure a valid schedule.",
+        uniqueness_concatenate_tooltip: "Choose whether to append the date and time to the end of the exported file name. <br/> The format is YYMMDDHHMMSSmmm.",
     },
-    pivoting_export: {
-        source_label: "Source",
-        dataset_label: "Dataset",
-        filter_label: "Filter",
-        pivoting: {
-            title: "Pivoting",
-            yes_label: "Yes",
-            no_label: "No",
-        },
-        search_placeholder: "Search",
-        columns_section: {
-            title: "Columns",
-            subtitle: "(Select columns to export)",
-            subtitle_new_dataset: "(Select columns for new dataset)",
-            select_all_label: "Add All Columns",
-            dataset_columns: "Dataset Columns",
-            pivot_columns_label: "Pivot Columns",
-            pivot_columns_sublabel: "Displaying only the first 100 results.",
+    error_messages: {
+        special_characters: "Special characters are not allowed in file name.",
+        select_valid_start_time: "Hour is in the past.",
+        invalid_date: {
+            select_valid_start_time: "Selected time occurs in the past",
+            select_valid_start_date: "Selected date occurs in the past",
         },
-        columns_to_export_label: "Columns to export",
-        columns_to_create_dataset_label: "Dataset columns",
-        no_results_found: "No results found",
+    },
+    warning_messages: {
+        unsaved_changes: "Exports reflect your latest saved changes. Save your updates to prevent outdated exports.",
     },
     schedule: {
+        schedule_tab_title: "Schedule",
+        subscribe_tab_title: "Subscribe",
         chart_download_ready: "Chart is ready to download",
         page_download_ready: "Dashboard is ready to download",
+        select_time_placeholder: "Select time",
         schedule_button_label: {
             schedule: "Schedule",
-            reset_to_default: "Reset to Default",
+            reset_to_default: "Remove Schedule",
         },
         title: "Scheduling",
         start: {
@@ -103,5 +96,45 @@ exports.EXPORTING_MODAL = {
             select_date_placeholder: "Select Date",
             recurrences: "occurrences",
         },
+        time_picker: {
+            hours: "hours",
+            minutes: "minutes",
+        },
+        discard_changes_modal: {
+            discard_changes: "Discard Changes",
+            content: "All changes of Schedule and Subscribe sections will be discarted. This action cannot be restored.",
+            cancel: "Cancel",
+            discard: "Discard",
+        },
+        notifications: {
+            set_up_a_schedule: "Set up a schedule to enable subscriptions.",
+            banner_message: "All subscribers will receive the exported file with the same data as you.",
+        },
+    },
+    toast_messages: {
+        failed_scheduling: "The export could not be scheduled at this time.",
+        successful_scheduling: "The export of {{fileName}} has been scheduled successfully.",
+    },
+    pivoting_export: {
+        dataset_label: "Dataset",
+        filter_label: "Filter",
+        pivoting: {
+            title: "Pivoting",
+            yes_label: "Yes",
+            no_label: "No",
+        },
+        search_placeholder: "Search",
+        columns_section: {
+            title: "Columns",
+            subtitle: "(Select columns to export)",
+            select_all_label: "Add All Columns",
+            dataset_columns: "Dataset Columns",
+            pivot_columns_label: "Pivot Columns",
+            pivot_columns_sublabel: "Displaying only the first 100 results.",
+        },
+        columns_to_export_label: "Columns to export",
+        no_results_found: "No results found",
+        reached_max_pivots_select_all: "You can select up to {{pivots}} pivot columns. Your selection has been adjusted to meet this limit.",
+        reached_max_pivots: "You can select up to {{pivots}} pivot columns.",
     },
 };

package/dist/cjs/globalization/labels/filters/I18N_FILTER.js

@@ -30,6 +30,7 @@ exports.I18N_FILTER = {
         global: "Global Filters",
         page: "Dashboard Filters",
         tab: "Tab Filters",
+        container: "Container Filters",
         chart: "Panel Filters",
         default: "Default Filters",
         action: "Action Filters",

package/dist/cjs/globalization/labels/filters/I18N_FILTER_PANEL.js

@@ -54,4 +54,6 @@ exports.I18N_FILTER_PANEL = {
         scope_display_icons: "Display icons",
         scope_display_colors: "Display color code",
     },
+    missing_column: "Your filters point to columns that are missing",
+    missing_columns: "This filter is using a missing column",
 };

package/dist/cjs/globalization/labels/filters/I18N_FILTER_SCOPE.js

@@ -11,6 +11,7 @@ exports.I18N_FILTER_SCOPE = {
     global: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.GLOBAL,
     page: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.PAGE,
     tab: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.TAB,
+    container: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.CONTAINER,
     default: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.DEFAULT,
     chart: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.CHART,
     action: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.ACTION,

package/dist/cjs/globalization/labels/formula_builder/I18N_FORMULA_BUILDER.js

@@ -39,7 +39,9 @@ exports.I18N_FORMULA_BUILDER = {
     },
     create_modal: {
         title_header_create: "Create Formula",
+        title_header_create_aggregate: "Create Aggregate Formula",
         title_header_edit: "Edit Formula",
+        title_header_edit_aggregate: "Edit Aggregate Formula",
         title_header_table: "Create Table Formula",
         name: "Formula Name",
         placeholder_name: "Type Formula Name",

package/dist/cjs/themes/helpers/index.d.ts

@@ -10,3 +10,4 @@ export * from "./isHexadecimalColor";
 export * from "./isRGBAColor";
 export * from "./lightOrDark";
 export * from "./setAutomaticCSSVariablesForDark";
+export * from "./loadDefaultQrveyFonts";

package/dist/cjs/themes/helpers/index.js

@@ -26,3 +26,4 @@ __exportStar(require("./isHexadecimalColor"), exports);
 __exportStar(require("./isRGBAColor"), exports);
 __exportStar(require("./lightOrDark"), exports);
 __exportStar(require("./setAutomaticCSSVariablesForDark"), exports);
+__exportStar(require("./loadDefaultQrveyFonts"), exports);

package/dist/cjs/themes/helpers/loadDefaultQrveyFonts.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description Load default qrvey fonts
+ * @param domain Qrvey domain
+ * @param root0 Optional parameters
+ * @param root0.styleId Optional styleId for the style tag
+ * @param root0.nonce Optional nonce attribute for csp.
+ */
+export declare function loadDefaultQrveyFonts(domain: string, { styleId: _styleId, nonce: _nonce, }?: {
+    styleId?: string;
+    nonce?: string;
+}): void;

package/dist/cjs/themes/helpers/loadDefaultQrveyFonts.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadDefaultQrveyFonts = void 0;
+// TODO: update this function to add the NONCE when the NONCE dev is ready
+/**
+ * @description Load default qrvey fonts
+ * @param domain Qrvey domain
+ * @param root0 Optional parameters
+ * @param root0.styleId Optional styleId for the style tag
+ * @param root0.nonce Optional nonce attribute for csp.
+ */
+function loadDefaultQrveyFonts(domain, { styleId: _styleId, nonce: _nonce, } = {}) {
+    if (!domain)
+        return;
+    const styleId = _styleId !== null && _styleId !== void 0 ? _styleId : "qrvey-font-styles";
+    // If style exists dont import them again
+    const existingStyle = document.getElementById(styleId);
+    if (existingStyle)
+        return;
+    // Import new styles
+    const style = document.createElement("style");
+    const metaNonceEl = document.querySelector('meta[name="csp-nonce"]');
+    const nonce = _nonce !== null && _nonce !== void 0 ? _nonce : metaNonceEl === null || metaNonceEl === void 0 ? void 0 : metaNonceEl.content;
+    style.nonce = nonce;
+    style.id = styleId;
+    style.textContent = `
+    @import url('${domain}/cdn/fonts/Roboto/roboto.css');
+    @import url('${domain}/cdn/fonts/Inter/inter.css');
+  `;
+    document.head.appendChild(style);
+}
+exports.loadDefaultQrveyFonts = loadDefaultQrveyFonts;

package/dist/column_format/helpers/columnTypeByChart.js

@@ -1,4 +1,4 @@
-import { NUMERICAL_COLUMN, NUMERICAL_COLUMNS } from "../..";
+import { AGGREGATE, NUMERICAL_COLUMN, NUMERICAL_COLUMNS } from "../..";
 import { COLUMN } from "../../columns";
 import { CHART_GROUPS } from "../constants/CHART_GROUP";
 import { SHELF_TYPE } from "../constants/SHELF_TYPE";
@@ -14,6 +14,7 @@ import { parseFormulaTypeByCharts } from "./parseFormulaTypeByCharts";
  * @returns The column type of the column.
  */
 export const columnTypeByChart = (column, shelfType, chartGroup, isGroupedTable) => {
+    var _a;
     if (!column)
         return;
     const currentType = column.type === COLUMN.FORMULA
@@ -22,7 +23,8 @@ export const columnTypeByChart = (column, shelfType, chartGroup, isGroupedTable)
     const isNumericalColumn = NUMERICAL_COLUMNS.some((colType) => colType === currentType) ||
         (chartGroup === CHART_GROUPS.TABLES &&
             isGroupedTable === true &&
-            shelfType === SHELF_TYPE.COLUMNS) ||
+            shelfType === SHELF_TYPE.COLUMNS &&
+            ![AGGREGATE.MIN, AGGREGATE.MAX].includes((_a = column === null || column === void 0 ? void 0 : column.aggregate) === null || _a === void 0 ? void 0 : _a.id)) ||
         (chartGroup === CHART_GROUPS.XY && shelfType === SHELF_TYPE.VALUE);
     return isNumericalColumn === true ? NUMERICAL_COLUMN.NUMERIC : currentType;
 };

package/dist/columns/interfaces/IColumn.d.ts

@@ -22,4 +22,5 @@ export interface IColumn extends Omit<IBColumn, "text" | "bucketId" | "formulaId
     property?: IColumnPropertyType;
     slidebarValue?: number;
     sorting?: IColumnSortingSettings;
+    formulaInputType?: string;
 }

package/dist/columns/interfaces/IColunmCalculation.d.ts

@@ -1,5 +1,10 @@
+export interface IColumnCalculationLevel {
+    id: string;
+    colIndex: number;
+}
 export interface IColumnCalculation {
     abbreviation: string;
     aggregate?: string;
     value?: string;
+    levels?: IColumnCalculationLevel;
 }

package/dist/constants/Charts.Const.d.ts

@@ -30,7 +30,8 @@ export declare enum CHART_TYPE {
     RADAR_CHART = "RADAR_CHART",
     TREEMAP_CHART = "TREEMAP_CHART",
     AREA_CHART = "AREA_CHART",
-    AREA_CHART_MS = "AREA_CHART_MS"
+    AREA_CHART_MS = "AREA_CHART_MS",
+    SCATTER_CHART = "SCATTER_CHART"
 }
 export declare enum CHART_DIMENSION {
     CATEGORIES = "categories",

package/dist/constants/Charts.Const.js

@@ -32,6 +32,7 @@ export var CHART_TYPE;
     CHART_TYPE["TREEMAP_CHART"] = "TREEMAP_CHART";
     CHART_TYPE["AREA_CHART"] = "AREA_CHART";
     CHART_TYPE["AREA_CHART_MS"] = "AREA_CHART_MS";
+    CHART_TYPE["SCATTER_CHART"] = "SCATTER_CHART";
 })(CHART_TYPE || (CHART_TYPE = {}));
 export var CHART_DIMENSION;
 (function (CHART_DIMENSION) {

package/dist/elements/helpers/fixed.d.ts

@@ -2,6 +2,7 @@ import { CanvasDevice } from "../interfaces/ICanvasGrid";
 import { FindAvailablePositionOptions } from "../interfaces/IFixedPosition";
 import { VemFixed } from "../interfaces/IVemCore";
 import { VemPositionFixed } from "../interfaces/IVemPosition";
+export declare const CANVAS_EXTRA_HEIGHT = 10;
 /**
  * update the position for a specific device
  * @param element element to be updated
@@ -45,12 +46,13 @@ export declare function findFixedAvailablePositions(canvasWidth: number, newElem
  * that meet certain conditions (no overflow or overlap). Elements that do not meet these
  * conditions are recalculated to find a new valid position.
  * @param elements - List of elements to recalculate.
+ * @param scopeElements - scope Elements
  * @param device - The device on which the canvas is being rendered.
  * @param resolution - The resolution of the canvas.
  * @param [canvasHeight] - Optional height of the canvas.
  * @returns - List of elements with their recalculated positions.
  */
-export declare const recalculatePreservingPositions: (elements: VemFixed[], device: CanvasDevice, resolution: number, canvasHeight?: number) => VemFixed[];
+export declare const recalculatePreservingPositions: (elements: VemFixed[], scopeElements: VemFixed[], device: CanvasDevice, resolution: number, canvasHeight?: number) => VemFixed[];
 /**
  * Adjusts the `width` of a fixed element to fit within the specified canvas width and updates its position.
  * @param element - The fixed element to adjust.
@@ -94,3 +96,12 @@ export declare const sortElementsFromReferencePoint: (elements: VemFixed<unknown
     x: number;
     y: number;
 }) => VemFixed<unknown>[];
+/**
+ * Updates the height of a given container element based on the bottom limit of other scoped elements.
+ * It ensures the container has at least the height required to encompass all scoped elements.
+ * @param containerItem - The element to update.
+ * @param  device - The target device context (used to access device-specific dimensions).
+ * @param scopeElements
+ * @returns  - A new version of the container element with updated height if needed.
+ */
+export declare const updateFixedElementDimensions: (containerItem: VemFixed<unknown>, device: CanvasDevice, scopeElements: VemFixed<unknown>[]) => VemFixed<unknown>;

package/dist/elements/helpers/fixed.js

@@ -1,11 +1,13 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
+import { objectCopy } from "../../general";
 import { CanvasDevice } from "../interfaces/ICanvasGrid";
 import { VemPositionType } from "../interfaces/IVemPosition";
-import { dxGetFixedGridItemDevice, hasOverflow, hasOverlap, } from "../utils/fixed.position";
+import { dxGetFixedGridItemDevice, dxGetFixedGridItemsBottomLimit, hasOverflow, hasOverlap, } from "../utils/fixed.position";
 import { sortByDistanceFunction } from "../utils/general";
 import { OverlapIntervalTree } from "../utils/overlap";
 import { setElementPosition } from "../utils/position";
 const SPACE_DELTA = 10;
+export const CANVAS_EXTRA_HEIGHT = 10;
 /**
  * update the position for a specific device
  * @param element element to be updated
@@ -109,19 +111,20 @@ export function findFixedAvailablePositions(canvasWidth, newElements, elements,
  * that meet certain conditions (no overflow or overlap). Elements that do not meet these
  * conditions are recalculated to find a new valid position.
  * @param elements - List of elements to recalculate.
+ * @param scopeElements - scope Elements
  * @param device - The device on which the canvas is being rendered.
  * @param resolution - The resolution of the canvas.
  * @param [canvasHeight] - Optional height of the canvas.
  * @returns - List of elements with their recalculated positions.
  */
-export const recalculatePreservingPositions = (elements, device, resolution, canvasHeight) => {
-    const keepElementPositions = getElementsWithKeepPosition([...elements], device, resolution, canvasHeight);
+export const recalculatePreservingPositions = (elements, scopeElements, device, resolution, canvasHeight) => {
+    const keepElementPositions = getElementsWithKeepPosition([...elements], scopeElements, device, resolution, canvasHeight);
     const elementIds = keepElementPositions.map((element) => element.elementId);
     const elementsToCalculate = elements.filter((cElement) => !elementIds.includes(cElement.elementId));
     const defaultElements = keepElementPositions.length
         ? keepElementPositions
         : [];
-    const currentElements = canvasHeight ? defaultElements : elements;
+    const currentElements = [...scopeElements, ...defaultElements];
     const newElements = findFixedAvailablePositions(resolution, elementsToCalculate, currentElements, device, false, false, canvasHeight);
     return [...keepElementPositions, ...newElements];
 };
@@ -129,18 +132,19 @@ export const recalculatePreservingPositions = (elements, device, resolution, can
  * Filters elements that should retain their current position on the canvas by checking
  * that they do not have overflow (spilling outside the canvas) or overlap (colliding with other elements).
  * @param elements - List of elements to check.
+ * @param scopeElements - List of elements to check.
  * @param device - The device on which the canvas is being rendered.
  * @param resolution - The resolution of the canvas.
  * @param [canvasHeight] - Optional height of the canvas.
  * @returns - List of elements that can retain their current position.
  */
-const getElementsWithKeepPosition = (elements, device, resolution, canvasHeight) => {
+const getElementsWithKeepPosition = (elements, scopeElements, device, resolution, canvasHeight) => {
     const calculatedElements = elements.map((mElement) => {
         const desktopPosition = dxGetFixedGridItemDevice(mElement, CanvasDevice.DESKTOP);
         return updateFixedPosition(mElement, desktopPosition, device);
     });
     return calculatedElements.filter((cElement) => {
-        const currentElements = calculatedElements.filter((fElement) => fElement.elementId !== cElement.elementId);
+        const currentElements = scopeElements.filter((fElement) => fElement.elementId !== cElement.elementId);
         const overflow = hasOverflow(cElement, device, resolution, canvasHeight);
         const overlap = hasOverlap(cElement, currentElements, device);
         return !overflow && !overlap;
@@ -234,3 +238,23 @@ export const sortElementsFromReferencePoint = (elements, device, referencePoint)
     const sortedElements = [...calculatedElements].sort(sortByDistanceFunction);
     return sortedElements.map((element) => element.element);
 };
+/**
+ * Updates the height of a given container element based on the bottom limit of other scoped elements.
+ * It ensures the container has at least the height required to encompass all scoped elements.
+ * @param containerItem - The element to update.
+ * @param  device - The target device context (used to access device-specific dimensions).
+ * @param scopeElements
+ * @returns  - A new version of the container element with updated height if needed.
+ */
+export const updateFixedElementDimensions = (containerItem, device, scopeElements) => {
+    let currentElement = objectCopy(containerItem);
+    const calculatedHeight = dxGetFixedGridItemsBottomLimit(scopeElements, device);
+    const currentHeight = currentElement.position.fixed[device].height;
+    const newHeight = calculatedHeight > currentHeight
+        ? calculatedHeight + CANVAS_EXTRA_HEIGHT
+        : currentHeight;
+    currentElement = updateFixedPosition(currentElement, {
+        height: newHeight,
+    }, device);
+    return Object.assign({}, currentElement);
+};

package/dist/elements/helpers/gridStrategy.d.ts

@@ -17,6 +17,19 @@ interface RecalculateOptions {
  * @returns - A list of elements with updated positions if the canvas type is "fixed" or "responsive".
  */
 export declare function recalculateElements(newElements: Vem[], currentElements: Vem[], canvasWidth: number, canvasType: string, device: CanvasDevice, options?: RecalculateOptions): Vem[];
+/**
+ * Updates the dimensions of a container element using a strategy based on the given canvas type.
+ *
+ * Delegates the update logic to a specific strategy found in `updateDimensionStrategies`
+ * using the provided `canvasType` key.
+ * @param containerItem The element whose dimensions need to be updated
+ * @param scopeElements A list of elements to consider in the update strategy
+ * @param device The device context (e.g., desktop, tablet, mobile) used to retrieve device-specific properties
+ * @param canvasType The type of canvas that determines which strategy to use.
+ * @param gap The type of canvas that determines which strategy to use.
+ * @returns  - The updated element with modified dimensions, or `undefined` if no strategy is found.
+ */
+export declare function applyDynamicSize(containerItem: Vem, scopeElements: Vem[], device: CanvasDevice, canvasType: string, gap?: number): Vem | undefined;
 /**
  * The calculation is delegated to a specific strategy based on the `canvasType`.
  * @param elements - The list of elements in the canvas.