@qrvey/utils 1.16.0-2 → 1.16.0-20

package/dist/cjs/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/cjs/elements/helpers/fixed.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortElementsFromReferencePoint = exports.calculateDistancesToReferencePoint = exports.getFixedGridElementsBottomLimit = exports.updateFixedElementWidth = exports.recalculatePreservingPositions = exports.findFixedAvailablePositions = exports.getFixedPositionByDevice = exports.findAvailablePosition = exports.updateFixedPosition = void 0;
+exports.updateFixedElementDimensions = exports.sortElementsFromReferencePoint = exports.calculateDistancesToReferencePoint = exports.getFixedGridElementsBottomLimit = exports.updateFixedElementWidth = exports.recalculatePreservingPositions = exports.findFixedAvailablePositions = exports.getFixedPositionByDevice = exports.findAvailablePosition = exports.updateFixedPosition = exports.CANVAS_EXTRA_HEIGHT = void 0;
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
+const general_1 = require("../../general");
 const ICanvasGrid_1 = require("../interfaces/ICanvasGrid");
 const IVemPosition_1 = require("../interfaces/IVemPosition");
 const fixed_position_1 = require("../utils/fixed.position");
-const general_1 = require("../utils/general");
+const general_2 = require("../utils/general");
 const overlap_1 = require("../utils/overlap");
 const position_1 = require("../utils/position");
 const SPACE_DELTA = 10;
+exports.CANVAS_EXTRA_HEIGHT = 10;
 /**
  * update the position for a specific device
  * @param element element to be updated
@@ -116,19 +118,20 @@ exports.findFixedAvailablePositions = findFixedAvailablePositions;
  * 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.
  */
-const recalculatePreservingPositions = (elements, device, resolution, canvasHeight) => {
-    const keepElementPositions = getElementsWithKeepPosition([...elements], device, resolution, canvasHeight);
+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];
 };
@@ -137,18 +140,19 @@ exports.recalculatePreservingPositions = recalculatePreservingPositions;
  * 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 = (0, fixed_position_1.dxGetFixedGridItemDevice)(mElement, ICanvasGrid_1.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 = (0, fixed_position_1.hasOverflow)(cElement, device, resolution, canvasHeight);
         const overlap = (0, fixed_position_1.hasOverlap)(cElement, currentElements, device);
         return !overflow && !overlap;
@@ -242,7 +246,28 @@ exports.calculateDistancesToReferencePoint = calculateDistancesToReferencePoint;
  */
 const sortElementsFromReferencePoint = (elements, device, referencePoint) => {
     const calculatedElements = (0, exports.calculateDistancesToReferencePoint)(elements, device, referencePoint);
-    const sortedElements = [...calculatedElements].sort(general_1.sortByDistanceFunction);
+    const sortedElements = [...calculatedElements].sort(general_2.sortByDistanceFunction);
     return sortedElements.map((element) => element.element);
 };
 exports.sortElementsFromReferencePoint = sortElementsFromReferencePoint;
+/**
+ * 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.
+ */
+const updateFixedElementDimensions = (containerItem, device, scopeElements) => {
+    let currentElement = (0, general_1.objectCopy)(containerItem);
+    const calculatedHeight = (0, fixed_position_1.dxGetFixedGridItemsBottomLimit)(scopeElements, device);
+    const currentHeight = currentElement.position.fixed[device].height;
+    const newHeight = calculatedHeight > currentHeight
+        ? calculatedHeight + exports.CANVAS_EXTRA_HEIGHT
+        : currentHeight;
+    currentElement = updateFixedPosition(currentElement, {
+        height: newHeight,
+    }, device);
+    return Object.assign({}, currentElement);
+};
+exports.updateFixedElementDimensions = updateFixedElementDimensions;

package/dist/cjs/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.

package/dist/cjs/elements/helpers/gridStrategy.js

@@ -1,10 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateCanvasHeight = exports.recalculateElements = void 0;
+exports.calculateCanvasHeight = exports.applyDynamicSize = exports.recalculateElements = void 0;
 const fixed_1 = require("./fixed");
 const responsive_1 = require("./responsive");
 const interfaces_1 = require("../interfaces");
 const element_1 = require("../utils/element");
+const applyDynamicSizeStrategies = {
+    fixed: (containerItem, scopeElements, device) => {
+        return (0, fixed_1.updateFixedElementDimensions)(containerItem, device, scopeElements);
+    },
+    responsive: (containerItem, scopeElements, device, gap) => {
+        return (0, responsive_1.updateResponsiveElementDimensions)(containerItem, device, scopeElements, gap);
+    },
+};
 const recalculateStrategies = {
     fixed: (elements, currentElements, canvasWidth, device, options) => {
         const isSorted = !currentElements.length;
@@ -18,8 +26,8 @@ const recalculateStrategies = {
                 y: 0,
             })
             : changedElements;
-        return options.canvasHeight
-            ? (0, fixed_1.recalculatePreservingPositions)(orderedElements, device, canvasWidth, options.canvasHeight)
+        return options.keepPosition
+            ? (0, fixed_1.recalculatePreservingPositions)(orderedElements, currentElements, device, canvasWidth, options.canvasHeight)
             : (0, fixed_1.findFixedAvailablePositions)(canvasWidth, orderedElements, currentElements, device, false, false, options === null || options === void 0 ? void 0 : options.canvasHeight);
     },
     responsive: (elements, currentElements, canvasWidth, device, options) => {
@@ -65,6 +73,26 @@ function recalculateElements(newElements, currentElements, canvasWidth, canvasTy
     return strategy(newElements, currentElements, canvasWidth, device, calculatedOptions);
 }
 exports.recalculateElements = recalculateElements;
+/**
+ * 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.
+ */
+function applyDynamicSize(containerItem, scopeElements, device, canvasType, gap = 0) {
+    const strategy = applyDynamicSizeStrategies[canvasType];
+    if (!strategy) {
+        return;
+    }
+    return strategy(containerItem, scopeElements, device, gap);
+}
+exports.applyDynamicSize = applyDynamicSize;
 /**
  * The calculation is delegated to a specific strategy based on the `canvasType`.
  * @param elements - The list of elements in the canvas.

package/dist/cjs/elements/helpers/responsive.d.ts

@@ -1,5 +1,5 @@
 import { CanvasDevice } from "../interfaces/ICanvasGrid";
-import { VemResponsive } from "../interfaces/IVemCore";
+import { VemFixed, VemResponsive } from "../interfaces/IVemCore";
 import { VemPositionResponsive } from "../interfaces/IVemPosition";
 /**
  * Finds the first available position for a new responsive element within a canvas.
@@ -85,3 +85,13 @@ export declare const sortByDistanceInResponsiveFunction: (a: {
     element: VemResponsive;
 }, _device: CanvasDevice) => number;
 export declare const sortResponsiveElements: (elements: VemResponsive<unknown>[], sortByDevice?: CanvasDevice) => VemResponsive<unknown>[];
+/**
+ * Updates the height (`rowSpan`) of a fixed container element based on the positions.
+ * of the fixed elements it contains, ensuring it is tall enough to encompass all child elements.
+ * @param containerItem - The container element whose height needs to be updated.
+ * @param device - The target device (used to retrieve responsive dimensions).
+ * @param scopeElements - The list of fixed elements that are scoped to the container.
+ * @param rowGapSize - row gap
+ * @returns A new container element with the updated responsive `rowSpan` height for the given device.
+ */
+export declare const updateResponsiveElementDimensions: (containerItem: VemResponsive<unknown>, device: CanvasDevice, scopeElements: VemFixed<unknown>[], rowGapSize: number) => VemResponsive<unknown>;

package/dist/cjs/elements/helpers/responsive.js

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortResponsiveElements = exports.sortByDistanceInResponsiveFunction = exports.calculateDistancesToReferencePoint = exports.getResponsiveGridElementsBottomLimit = exports.updateResponsiveElementColSpan = exports.findResponsiveAvailablePositions = exports.updateResponsivePosition = exports.findAvailablePosition = void 0;
+exports.updateResponsiveElementDimensions = exports.sortResponsiveElements = exports.sortByDistanceInResponsiveFunction = exports.calculateDistancesToReferencePoint = exports.getResponsiveGridElementsBottomLimit = exports.updateResponsiveElementColSpan = exports.findResponsiveAvailablePositions = exports.updateResponsivePosition = exports.findAvailablePosition = void 0;
+const general_1 = require("../../general");
 const ICanvasGrid_1 = require("../interfaces/ICanvasGrid");
 const IVemPosition_1 = require("../interfaces/IVemPosition");
+const fixed_position_1 = require("../utils/fixed.position");
 const overlap_1 = require("../utils/overlap");
 const position_1 = require("../utils/position");
 const SPACE_DELTA = 1;
 const HEIGHT_DELTA = 32;
+const CANVAS_EXTRA_ROW = 1;
 /**
  * Finds the first available position for a new responsive element within a canvas.
  * @param canvasWidth - The width of the canvas in terms of columns.
@@ -164,3 +167,30 @@ const sortResponsiveElements = (elements, sortByDevice) => {
     return sortedElements.map((element) => element.element);
 };
 exports.sortResponsiveElements = sortResponsiveElements;
+/**
+ * Updates the height (`rowSpan`) of a fixed container element based on the positions.
+ * of the fixed elements it contains, ensuring it is tall enough to encompass all child elements.
+ * @param containerItem - The container element whose height needs to be updated.
+ * @param device - The target device (used to retrieve responsive dimensions).
+ * @param scopeElements - The list of fixed elements that are scoped to the container.
+ * @param rowGapSize - row gap
+ * @returns A new container element with the updated responsive `rowSpan` height for the given device.
+ */
+const updateResponsiveElementDimensions = (containerItem, device, scopeElements, rowGapSize) => {
+    let currentElement = (0, general_1.objectCopy)(containerItem);
+    const currentHeight = currentElement.position.responsive[device].rowSpan;
+    const delta = HEIGHT_DELTA + rowGapSize;
+    // height in px
+    const calculatedHeight = (0, fixed_position_1.dxGetFixedGridItemsBottomLimit)(scopeElements, device);
+    // convert to rows
+    const transformToRows = Math.round(calculatedHeight / delta);
+    const baseRowSpan = Math.max(currentHeight, transformToRows);
+    const newRowSpan = baseRowSpan > currentHeight
+        ? baseRowSpan + CANVAS_EXTRA_ROW
+        : currentHeight;
+    currentElement = updateResponsivePosition(currentElement, {
+        rowSpan: newRowSpan,
+    }, device);
+    return Object.assign({}, currentElement);
+};
+exports.updateResponsiveElementDimensions = updateResponsiveElementDimensions;

package/dist/cjs/elements/utils/fixed.position.d.ts

@@ -10,3 +10,4 @@ export declare const dxGetFixedGridItemY: (element: VemFixed, device: CanvasDevi
 export declare const dxGetFixedGridItemZ: (element: VemFixed, device: CanvasDevice) => number;
 export declare const dxGetFixedGridItemHeight: (element: VemFixed, device: CanvasDevice) => number;
 export declare const dxGetFixedGridItemWidth: (element: VemFixed, device: CanvasDevice) => number;
+export declare const dxGetFixedGridItemsBottomLimit: (items: VemFixed[], device: CanvasDevice, allowNegative?: boolean) => number;

package/dist/cjs/elements/utils/fixed.position.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dxGetFixedGridItemWidth = exports.dxGetFixedGridItemHeight = exports.dxGetFixedGridItemZ = exports.dxGetFixedGridItemY = exports.dxGetFixedGridItemX = exports.dxGetFixedGridItemDevice = exports.checkFixedGridItemsOverlap = exports.itemYOverflow = exports.itemXOverflow = exports.hasOverlap = exports.hasOverflow = void 0;
+exports.dxGetFixedGridItemsBottomLimit = exports.dxGetFixedGridItemWidth = exports.dxGetFixedGridItemHeight = exports.dxGetFixedGridItemZ = exports.dxGetFixedGridItemY = exports.dxGetFixedGridItemX = exports.dxGetFixedGridItemDevice = exports.checkFixedGridItemsOverlap = exports.itemYOverflow = exports.itemXOverflow = exports.hasOverlap = exports.hasOverflow = void 0;
 const hasOverflow = (element, device, resolution, canvasHeight) => {
     const hasXOverflow = (0, exports.itemXOverflow)(element, device, resolution);
     const hasYOverflow = canvasHeight
@@ -84,3 +84,10 @@ const dxGetFixedGridItemWidth = (element, device) => {
     return (_a = position === null || position === void 0 ? void 0 : position.width) !== null && _a !== void 0 ? _a : 400;
 };
 exports.dxGetFixedGridItemWidth = dxGetFixedGridItemWidth;
+const dxGetFixedGridItemsBottomLimit = (items, device, allowNegative = false) => {
+    return items.length === 0
+        ? 0
+        : Math.max(...items.map((gridItem) => (0, exports.dxGetFixedGridItemY)(gridItem, device, allowNegative) +
+            (0, exports.dxGetFixedGridItemHeight)(gridItem, device)));
+};
+exports.dxGetFixedGridItemsBottomLimit = dxGetFixedGridItemsBottomLimit;

package/dist/cjs/filters/constants/common/FILTER_SCOPE.d.ts

@@ -4,6 +4,7 @@ export declare enum FILTER_SCOPE {
     GLOBAL = "GLOBAL",// Analyze Filters | Filters for all pages on PB/EU
     PAGE = "PAGE",// PB/EU Filters for a single page
     TAB = "TAB",// PB/EU Filters for a single tab
+    CONTAINER = "CONTAINER",
     DEFAULT = "DEFAULT",// Filters created on Chart Builder
     CHART = "CHART",// PB/EU Filters for panels inside a page/tab
     ACTION = "ACTION",// Filters created with FilterBY or other actions

package/dist/cjs/filters/constants/common/FILTER_SCOPE.js

@@ -8,6 +8,7 @@ var FILTER_SCOPE;
     FILTER_SCOPE["GLOBAL"] = "GLOBAL";
     FILTER_SCOPE["PAGE"] = "PAGE";
     FILTER_SCOPE["TAB"] = "TAB";
+    FILTER_SCOPE["CONTAINER"] = "CONTAINER";
     FILTER_SCOPE["DEFAULT"] = "DEFAULT";
     FILTER_SCOPE["CHART"] = "CHART";
     FILTER_SCOPE["ACTION"] = "ACTION";

package/dist/cjs/filters/constants/common/FILTER_SCOPES.js

@@ -8,6 +8,7 @@ exports.FILTER_SCOPES = [
     FILTER_SCOPE_1.FILTER_SCOPE.GLOBAL,
     FILTER_SCOPE_1.FILTER_SCOPE.PAGE,
     FILTER_SCOPE_1.FILTER_SCOPE.TAB,
+    FILTER_SCOPE_1.FILTER_SCOPE.CONTAINER,
     FILTER_SCOPE_1.FILTER_SCOPE.DEFAULT,
     FILTER_SCOPE_1.FILTER_SCOPE.CHART,
     FILTER_SCOPE_1.FILTER_SCOPE.ACTION,

package/dist/cjs/filters/constants/common/FILTER_SCOPE_INFO.js

@@ -44,6 +44,14 @@ exports.FILTER_SCOPE_INFO = [
         displayed: true,
         i18nLabelPath: "filter.scopes.tab",
     },
+    {
+        label: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.CONTAINER,
+        shortLabel: "Container",
+        abbrLabel: "CONT",
+        value: FILTER_SCOPE_1.FILTER_SCOPE.CONTAINER,
+        displayed: true,
+        i18nLabelPath: "filter.scopes.container",
+    },
     {
         label: FILTER_SCOPE_LABEL_1.FILTER_SCOPE_LABEL.DEFAULT,
         shortLabel: "Default",

package/dist/cjs/filters/constants/common/FILTER_SCOPE_LABEL.d.ts

@@ -4,6 +4,7 @@ export declare enum FILTER_SCOPE_LABEL {
     GLOBAL = "Global",
     PAGE = "Dashboard",
     TAB = "Tab",
+    CONTAINER = "Container",
     DEFAULT = "Default",
     CHART = "Panel",
     ACTION = "Action",

package/dist/cjs/filters/constants/common/FILTER_SCOPE_LABEL.js

@@ -8,6 +8,7 @@ var FILTER_SCOPE_LABEL;
     FILTER_SCOPE_LABEL["GLOBAL"] = "Global";
     FILTER_SCOPE_LABEL["PAGE"] = "Dashboard";
     FILTER_SCOPE_LABEL["TAB"] = "Tab";
+    FILTER_SCOPE_LABEL["CONTAINER"] = "Container";
     FILTER_SCOPE_LABEL["DEFAULT"] = "Default";
     FILTER_SCOPE_LABEL["CHART"] = "Panel";
     FILTER_SCOPE_LABEL["ACTION"] = "Action";

package/dist/cjs/filters/constants/settings/FILTER_SETTINGS_DEFAULT.js

@@ -130,7 +130,7 @@ exports.FILTER_SETTINGS_DEFAULT = {
             colorPickerDisplayed: true,
             displayed: true,
             enabled: true,
-            icon: "fp-global",
+            icon: "q-icon-fp-global",
             iconsDisplayed: true,
             interaction: {
                 createDisplayed: true,
@@ -153,7 +153,7 @@ exports.FILTER_SETTINGS_DEFAULT = {
             colorPickerDisplayed: true,
             displayed: true,
             enabled: true,
-            icon: "fp-page",
+            icon: "q-icon-fp-page",
             iconsDisplayed: true,
             interaction: {
                 createDisplayed: true,
@@ -176,7 +176,30 @@ exports.FILTER_SETTINGS_DEFAULT = {
             colorPickerDisplayed: true,
             displayed: true,
             enabled: true,
-            icon: "fp-tab",
+            icon: "q-icon-fp-tab",
+            iconsDisplayed: true,
+            interaction: {
+                createDisplayed: true,
+                createEnabled: true,
+                deleteDisplayed: true,
+                deleteEnabled: true,
+                editDisplayed: true,
+                editEnabled: true,
+                enableDisplayed: true,
+                enableEnabled: true,
+            },
+            label: undefined,
+            readonly: false,
+        },
+        [FILTER_SCOPE_1.FILTER_SCOPE.CONTAINER]: {
+            canCollapse: true,
+            collapsed: false,
+            color: "#F472F2",
+            colorized: true,
+            colorPickerDisplayed: true,
+            displayed: true,
+            enabled: true,
+            icon: "new-q-icon-an-rectangle",
             iconsDisplayed: true,
             interaction: {
                 createDisplayed: true,
@@ -199,7 +222,7 @@ exports.FILTER_SETTINGS_DEFAULT = {
             colorPickerDisplayed: true,
             displayed: true,
             enabled: true,
-            icon: "fp-chart",
+            icon: "q-icon-fp-chart",
             iconsDisplayed: true,
             interaction: {
                 createDisplayed: true,
@@ -222,7 +245,7 @@ exports.FILTER_SETTINGS_DEFAULT = {
             colorPickerDisplayed: true,
             displayed: true,
             enabled: true,
-            icon: "fp-global",
+            icon: "q-icon-fp-global",
             iconsDisplayed: true,
             interaction: {
                 createDisplayed: true,
@@ -245,7 +268,7 @@ exports.FILTER_SETTINGS_DEFAULT = {
             colorPickerDisplayed: true,
             displayed: true,
             enabled: true,
-            icon: "ico_workflows",
+            icon: "q-icon-ico_workflows",
             iconsDisplayed: true,
             interaction: {
                 createDisplayed: true,

package/dist/cjs/filters/helpers/common/excludeFiltersByDatasetsColumns.d.ts

@@ -0,0 +1,10 @@
+import { IDataset } from "../../../qrvey/interfaces/IDataset";
+import { IFUData } from "../../interfaces/ui/IFUData";
+/**
+ * Filtering the filters by the columns of datasets.
+ * Module specially for CLS.
+ * @param data the filter data
+ * @param datasets the collection of datasets and their columns
+ * @returns A new filter data with the filtered filters by columns
+ */
+export declare function excludeFiltersByDatasetsColumns(data: IFUData, datasets?: IDataset[]): IFUData;

package/dist/cjs/filters/helpers/common/excludeFiltersByDatasetsColumns.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.excludeFiltersByDatasetsColumns = void 0;
+const getDatasetColumn_1 = require("../../../columns/helpers/getDatasetColumn");
+const isEmpty_1 = require("../../../general/mix/isEmpty");
+const getDatasetByColumn_1 = require("../../../qrvey/helpers/getDatasetByColumn");
+/**
+ * Filtering the filters by the columns of datasets.
+ * Module specially for CLS.
+ * @param data the filter data
+ * @param datasets the collection of datasets and their columns
+ * @returns A new filter data with the filtered filters by columns
+ */
+function excludeFiltersByDatasetsColumns(data, datasets = []) {
+    if ((0, isEmpty_1.isEmpty)(data) || (0, isEmpty_1.isEmpty)(data.scopes))
+        return;
+    if ((0, isEmpty_1.isEmpty)(datasets))
+        return data;
+    const newData = Object.assign(Object.assign({}, data), { scopes: getExcludedScopes(data.scopes, datasets) });
+    if (!(0, isEmpty_1.isEmpty)(newData) && newData.scopes.length > 0) {
+        return newData;
+    }
+}
+exports.excludeFiltersByDatasetsColumns = excludeFiltersByDatasetsColumns;
+/**
+ *
+ * @param scopes
+ * @param datasets
+ */
+function getExcludedScopes(scopes, datasets = []) {
+    return scopes
+        .map((scope) => (Object.assign(Object.assign({}, scope), { datasets: getExcludedDatasets(scope.datasets, datasets) })))
+        .filter((scope) => !(0, isEmpty_1.isEmpty)(scope) && scope.datasets.length > 0);
+}
+/**
+ *
+ * @param scopeDatasets
+ * @param datasets
+ */
+function getExcludedDatasets(scopeDatasets, datasets) {
+    return scopeDatasets
+        .map((scopeDataset) => {
+        const dataset = (0, getDatasetByColumn_1.getDatasetByColumn)({ qrveyid: scopeDataset.qrveyid }, datasets);
+        if (!(0, isEmpty_1.isEmpty)(dataset)) {
+            return Object.assign(Object.assign({}, scopeDataset), { filters: getExcludedFilters(scopeDataset.filters, dataset) });
+        }
+    })
+        .filter((dataset) => !(0, isEmpty_1.isEmpty)(dataset) && dataset.filters.length > 0);
+}
+/**
+ *
+ * @param filters
+ * @param dataset
+ */
+function getExcludedFilters(filters, dataset) {
+    return filters
+        .map((filter) => {
+        const column = (0, getDatasetColumn_1.getDatasetColumn)(filter.column, dataset);
+        if ((0, isEmpty_1.isEmpty)(column)) {
+            return Object.assign({}, filter);
+        }
+    })
+        .filter(Boolean);
+}

package/dist/cjs/filters/helpers/common/index.d.ts

@@ -44,3 +44,4 @@ export * from "./mergeValues";
 export * from "./resolveDatasetConditions";
 export * from "./resolveFilterConditions";
 export * from "./resolveScopeConditions";
+export * from "./excludeFiltersByDatasetsColumns";

package/dist/cjs/filters/helpers/common/index.js

@@ -60,3 +60,4 @@ __exportStar(require("./mergeValues"), exports);
 __exportStar(require("./resolveDatasetConditions"), exports);
 __exportStar(require("./resolveFilterConditions"), exports);
 __exportStar(require("./resolveScopeConditions"), exports);
+__exportStar(require("./excludeFiltersByDatasetsColumns"), exports);

package/dist/cjs/format/duration/durationFormatter.js

@@ -131,7 +131,10 @@ class DurationFormatter {
         let _number = number;
         _number *= this.numberFactor;
         const durationParts = this.parts.reduce((store, part) => {
-            store[part.symbol] = Math.floor(_number / part.ms);
+            const roundDuration = Math.floor(Math.abs(_number / part.ms));
+            const durationValid = roundDuration * (_number < 0 ? -1 : 1);
+            store[part.symbol] =
+                durationValid === 0 ? Math.abs(durationValid) : durationValid;
             _number %= part.ms;
             return store;
         }, {});

package/dist/cjs/formulas/constants/FORMULA.d.ts

@@ -9,3 +9,4 @@ export declare enum FORMULA {
 export declare const COLUMN_BY_FORMULA: {
     [key in IFormulaType]: IColumnType;
 };
+export declare const AGGREGATE_FORMULA = "AGGREGATE";

package/dist/cjs/formulas/constants/FORMULA.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COLUMN_BY_FORMULA = exports.FORMULA = void 0;
+exports.AGGREGATE_FORMULA = exports.COLUMN_BY_FORMULA = exports.FORMULA = void 0;
 const COLUMN_1 = require("../../columns/constants/COLUMN");
 var FORMULA;
 (function (FORMULA) {
@@ -15,3 +15,4 @@ exports.COLUMN_BY_FORMULA = {
     [FORMULA.TEXT]: COLUMN_1.COLUMN.TEXT_FORMULA,
     [FORMULA.BOOLEAN]: COLUMN_1.COLUMN.TEXT_FORMULA,
 };
+exports.AGGREGATE_FORMULA = "AGGREGATE";

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/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/interfaces/formula_builder/II18nFormulaBuilderV2Functions.d.ts

@@ -76,11 +76,11 @@ export interface II18nFormulaBuilderV2Functions {
     roundup: II18nFormulaBuilderV2FunctionRound;
     millisecond: II18nFormulaBuilderV2FunctionMillisecond;
     text: II18nFormulaBuilderV2FunctionText;
-    agg_sum: II18nFormulaBuilderV2FunctionAggregate;
-    agg_avg: II18nFormulaBuilderV2FunctionAggregate;
-    agg_med: II18nFormulaBuilderV2FunctionAggregate;
-    agg_min: II18nFormulaBuilderV2FunctionAggregate;
-    agg_max: II18nFormulaBuilderV2FunctionAggregate;
-    agg_count: II18nFormulaBuilderV2FunctionAggregate;
-    agg_distcount: II18nFormulaBuilderV2FunctionAggregate;
+    sum: II18nFormulaBuilderV2FunctionAggregate;
+    avg: II18nFormulaBuilderV2FunctionAggregate;
+    med: II18nFormulaBuilderV2FunctionAggregate;
+    minval: II18nFormulaBuilderV2FunctionAggregate;
+    maxval: II18nFormulaBuilderV2FunctionAggregate;
+    count: II18nFormulaBuilderV2FunctionAggregate;
+    distcount: II18nFormulaBuilderV2FunctionAggregate;
 }