@odoo/o-spreadsheet 19.1.0-alpha.0 → 19.1.0-alpha.1

package/dist/o-spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.1.0-alpha.0
- * @date 2025-09-11T07:49:49.483Z
- * @hash 587c928
+ * @version 19.1.0-alpha.1
+ * @date 2025-09-12T13:33:41.605Z
+ * @hash d3e4e7b
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, useExternalListener, onWillUpdateProps, onWillStart, onWillPatch, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -888,6 +888,7 @@ const tokenColors = {
     ARG_SEPARATOR: functionColor,
     ORPHAN_RIGHT_PAREN: "#ff0000",
 };
+const DRAG_THRESHOLD = 5; // in pixels, to avoid unwanted drag when clicking
 
 //------------------------------------------------------------------------------
 // Miscellaneous
@@ -24537,18 +24538,15 @@ function createScorecardChartRuntime(chart, getters) {
     return {
         title: {
             ...chart.title,
-            // chart titles are extracted from .json files and they are translated at runtime here
-            text: chart.title.text ? _t(chart.title.text) : "",
+            text: chart.title.text ? getters.dynamicTranslate(chart.title.text) : "",
         },
         keyValue: formattedKeyValue,
-        keyDescr: chart.keyDescr?.text
-            ? _t(chart.keyDescr.text) // descriptions are extracted from .json files and they are translated at runtime here
-            : "",
+        keyDescr: chart.keyDescr?.text ? getters.dynamicTranslate(chart.keyDescr.text) : "",
         baselineDisplay,
         baselineArrow: getBaselineArrowDirection(baselineCell, keyValueCell, chart.baselineMode),
         baselineColor: getBaselineColor(baselineCell, chart.baselineMode, keyValueCell, chart.baselineColorUp, chart.baselineColorDown),
         baselineDescr: chart.baselineMode !== "progress" && chart.baselineDescr?.text
-            ? _t(chart.baselineDescr.text) // descriptions are extracted from .json files and they are translated at runtime here
+            ? getters.dynamicTranslate(chart.baselineDescr.text)
             : "",
         fontColor,
         background,
@@ -24848,9 +24846,8 @@ class ScorecardChart extends Component {
         return this.env.model.getters.getChartRuntime(this.props.chartId);
     }
     get title() {
-        const title = this.env.model.getters.getChartDefinition(this.props.chartId).title.text ?? "";
-        // chart titles are extracted from .json files and they are translated at runtime here
-        return _t(title);
+        const title = this.env.model.getters.getChartDefinition(this.props.chartId).title.text;
+        return title ? this.env.model.getters.dynamicTranslate(title) : "";
     }
     setup() {
         useEffect(this.createChart.bind(this), () => {
@@ -27023,12 +27020,12 @@ function getDatasetAxisId(definition, dataset) {
     return axisId || "y";
 }
 
-function getChartTitle(definition) {
+function getChartTitle(definition, getters) {
     const chartTitle = definition.title;
     const fontColor = chartMutedFontColor(definition.background);
     return {
         display: !!chartTitle.text,
-        text: _t(chartTitle.text),
+        text: chartTitle.text ? getters.dynamicTranslate(chartTitle.text) : "",
         color: chartTitle?.color ?? fontColor,
         align: chartTitle.align === "center" ? "center" : chartTitle.align === "right" ? "end" : "start",
         font: {
@@ -27596,7 +27593,7 @@ function createBarChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getBarChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getBarChartLegend(definition),
                 tooltip: getBarChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getChartShowValues(definition, chartData),
@@ -28827,7 +28824,7 @@ function createComboChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getBarChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getComboChartLegend(definition),
                 tooltip: getBarChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getChartShowValues(definition, chartData),
@@ -28973,7 +28970,7 @@ function createFunnelChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getFunnelChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: { display: false },
                 tooltip: getFunnelChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getChartShowValues(definition, chartData),
@@ -29210,8 +29207,7 @@ function createGaugeChartRuntime(chart, getters) {
         background: getters.getStyleOfSingleCellChart(chart.background, dataRange).background,
         title: {
             ...chart.title,
-            // chart titles are extracted from .json files and they are translated at runtime here
-            text: _t(chart.title.text ?? ""),
+            text: chart.title.text ? getters.dynamicTranslate(chart.title.text) : "",
         },
         minValue: {
             value: minValue,
@@ -29395,7 +29391,7 @@ function createGeoChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getGeoChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 tooltip: getGeoChartTooltip(definition, chartData),
                 legend: { display: false },
             },
@@ -29560,7 +29556,7 @@ function createLineChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getLineChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getLineChartLegend(definition),
                 tooltip: getLineChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getChartShowValues(definition, chartData),
@@ -29697,7 +29693,7 @@ function createPieChartRuntime(chart, getters) {
                 : undefined,
             layout: getChartLayout(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getPieChartLegend(definition, chartData),
                 tooltip: getPieChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getChartShowValues(definition, chartData),
@@ -29851,7 +29847,7 @@ function createPyramidChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getPyramidChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getBarChartLegend(definition),
                 tooltip: getPyramidChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getPyramidChartShowValues(definition, chartData),
@@ -30000,7 +29996,7 @@ function createRadarChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getRadarChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getRadarChartLegend(definition),
                 tooltip: getRadarChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getChartShowValues(definition, chartData),
@@ -30155,7 +30151,7 @@ function createScatterChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getScatterChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getScatterChartLegend(definition),
                 tooltip: getLineChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getChartShowValues(definition, chartData),
@@ -30294,7 +30290,7 @@ function createSunburstChartRuntime(chart, getters) {
             ...CHART_COMMON_OPTIONS,
             layout: getChartLayout(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getSunburstChartLegend(definition),
                 tooltip: getSunburstChartTooltip(definition, chartData),
                 sunburstLabelsPlugin: getSunburstShowValues(definition, chartData),
@@ -30444,7 +30440,7 @@ function createTreeMapChartRuntime(chart, getters) {
             ...CHART_COMMON_OPTIONS,
             layout: getChartLayout(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: { display: false },
                 tooltip: getTreeMapChartTooltip(definition, chartData),
             },
@@ -30607,7 +30603,7 @@ function createWaterfallChartRuntime(chart, getters) {
             layout: getChartLayout(definition, chartData),
             scales: getWaterfallChartScales(definition, chartData),
             plugins: {
-                title: getChartTitle(definition),
+                title: getChartTitle(definition, getters),
                 legend: getWaterfallChartLegend(definition),
                 tooltip: getWaterfallChartTooltip(definition, chartData),
                 chartShowValuesPlugin: getWaterfallChartShowValues(definition, chartData),
@@ -32383,7 +32379,11 @@ class CarouselFigure extends Component {
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
     };
-    static components = { ChartDashboardMenu };
+    static components = { ChartDashboardMenu, MenuPopover };
+    carouselTabsRef = useRef("carouselTabs");
+    carouselTabsDropdownRef = useRef("carouselTabsDropdown");
+    menuState = useState({ isOpen: false, anchorRect: null, menuItems: [] });
+    hiddenItems = [];
     animationStore;
     setup() {
         this.animationStore = useStore(ChartAnimationStore);
@@ -32394,6 +32394,7 @@ class CarouselFigure extends Component {
             else {
                 this.props.editFigureStyle?.({ "pointer-events": "auto" });
             }
+            this.updateTabsVisibility();
         });
     }
     get carousel() {
@@ -32453,6 +32454,49 @@ class CarouselFigure extends Component {
         const style = { ...DEFAULT_CAROUSEL_TITLE_STYLE, ...this.carousel.title };
         return cssPropertiesToCss(cellTextStyleToCss(chartStyleToCellStyle(style)));
     }
+    updateTabsVisibility() {
+        const tabsContainerEl = this.carouselTabsRef.el;
+        const dropDownEl = this.carouselTabsDropdownRef.el;
+        if (!tabsContainerEl || !dropDownEl) {
+            return;
+        }
+        this.hiddenItems = [];
+        const containerRect = getBoundingRectAsPOJO(tabsContainerEl);
+        const tabs = Array.from(tabsContainerEl.children);
+        for (const tab of tabs) {
+            tab.style.display = "block";
+        }
+        const tabWidths = tabs.map((tab) => getBoundingRectAsPOJO(tab).width);
+        let currentWidth = 0;
+        for (let i = 0; i < tabs.length; i++) {
+            const shouldBeHidden = currentWidth + tabWidths[i] > containerRect.width;
+            currentWidth += tabWidths[i];
+            if (shouldBeHidden) {
+                tabs[i].style.display = "none";
+                this.hiddenItems.push(this.carousel.items[i]);
+            }
+        }
+        dropDownEl.style.display = this.hiddenItems.length ? "block" : "none";
+    }
+    get menuId() {
+        return "carousel-tabs-menu-";
+    }
+    toggleMenu(ev) {
+        if (ev.closedMenuId === this.menuId) {
+            this.menuState.isOpen = false;
+            return;
+        }
+        const rect = getRefBoundingRect(this.carouselTabsDropdownRef);
+        const menuItems = this.hiddenItems.map((item) => ({
+            name: this.getItemTitle(item),
+            execute: () => this.onCarouselTabClick(item),
+            isActive: () => this.isItemSelected(item),
+            isReadonlyAllowed: true,
+        }));
+        this.menuState.isOpen = true;
+        this.menuState.anchorRect = rect;
+        this.menuState.menuItems = createActions(menuItems);
+    }
 }
 
 class ChartFigure extends Component {
@@ -39326,6 +39370,14 @@ function getCaretDownSvg(color) {
         paths: [{ fillColor: color.textColor || TEXT_BODY_MUTED, path: "M120 195 h270 l-135 130" }],
     };
 }
+function getCaretUpSvg(color) {
+    return {
+        name: "CARET_UP",
+        width: 512,
+        height: 512,
+        paths: [{ fillColor: color.textColor || TEXT_BODY_MUTED, path: "M120 325 h270 l-135 -130" }],
+    };
+}
 function getHoveredCaretDownSvg(color) {
     return {
         name: "CARET_DOWN",
@@ -50432,9 +50484,16 @@ class FiguresContainer extends Component {
             maxX: this.env.model.getters.getColDimensions(sheetId, this.env.model.getters.getNumberCols(sheetId) - 1).end,
             maxY: this.env.model.getters.getRowDimensions(sheetId, this.env.model.getters.getNumberRows(sheetId) - 1).end,
         };
+        let hasStartedDnd = false;
         const onMouseMove = (ev) => {
             const getters = this.env.model.getters;
             const currentMousePosition = { x: ev.clientX, y: ev.clientY };
+            const offsetX = Math.abs(currentMousePosition.x - initialMousePosition.x);
+            const offsetY = Math.abs(currentMousePosition.y - initialMousePosition.y);
+            if (!hasStartedDnd && offsetX < DRAG_THRESHOLD && offsetY < DRAG_THRESHOLD) {
+                return; // add a small threshold to avoid dnd when just clicking
+            }
+            hasStartedDnd = true;
             const draggedFigure = dragFigureForMove(currentMousePosition, initialMousePosition, initialFigure, maxDimensions, initialScrollPosition, getters.getActiveSheetScrollInfo());
             const otherFigures = this.getOtherFigures(initialFigure.id);
             const overlappingCarousel = this.getCarouselOverlappingChart(draggedFigure, otherFigures);
@@ -55634,7 +55693,7 @@ class ScorecardChartDesignPanel extends Component {
         return SCORECARD_CHART_TITLE_FONT_SIZE;
     }
     translate(term) {
-        return _t(term);
+        return this.env.model.getters.dynamicTranslate(term);
     }
     setColor(color, colorPickerId) {
         switch (colorPickerId) {
@@ -57186,7 +57245,7 @@ class CustomCurrencyPanel extends Component {
             });
         }
         const emptyCurrency = {
-            name: _t(CustomCurrencyTerms.Custom),
+            name: CustomCurrencyTerms.Custom,
             code: "",
             symbol: "",
             decimalPlaces: 2,
@@ -58846,12 +58905,13 @@ class PivotLayoutConfigurator extends Component {
     addCalculatedMeasure() {
         const { measures } = this.props.definition;
         const measureName = this.env.model.getters.generateNewCalculatedMeasureName(measures);
+        const aggregator = "sum";
         this.props.onDimensionsUpdated({
             measures: measures.concat([
                 {
-                    id: this.getMeasureId(measureName),
+                    id: this.getMeasureId(measureName, aggregator),
                     fieldName: measureName,
-                    aggregator: "sum",
+                    aggregator,
                     computedBy: {
                         sheetId: this.env.model.getters.getActiveSheetId(),
                         formula: "=0",
@@ -61443,14 +61503,16 @@ class ClickableCellSortIcon extends Component {
             "background-color": this.getBackgroundColor(cellStyle),
         });
     }
-    get icon() {
-        switch (this.props.sortDirection) {
-            case "asc":
-                return "fa-sort-asc";
-            case "desc":
-                return "fa-sort-desc";
+    get verticalJustifyClass() {
+        const cellStyle = this.env.model.getters.getCellComputedStyle(this.props.position);
+        switch (cellStyle.verticalAlign) {
+            case "top":
+                return "justify-content-start";
+            case "middle":
+                return "justify-content-center";
+            case "bottom":
             default:
-                return "fa-sort";
+                return "justify-content-end";
         }
     }
     getBackgroundColor(cellStyle) {
@@ -70651,6 +70713,30 @@ function togglePivotCollapse(position, env) {
         pivot: { ...definition, collapsedDomains: newDomains },
     });
 }
+iconsOnCellRegistry.add("pivot_dashboard_sorting", (getters, position) => {
+    if (!getters.isDashboard()) {
+        return undefined;
+    }
+    const pivotCell = getters.getPivotCellFromPosition(position);
+    if (pivotCell.type !== "MEASURE_HEADER") {
+        return undefined;
+    }
+    const sortDirection = getters.getPivotCellSortDirection(position);
+    if (sortDirection !== "asc" && sortDirection !== "desc") {
+        return undefined;
+    }
+    const cellStyle = getters.getCellComputedStyle(position);
+    return {
+        type: `pivot_dashboard_sorting_${sortDirection}`,
+        priority: 5,
+        horizontalAlign: "right",
+        size: GRID_ICON_EDGE_LENGTH,
+        margin: GRID_ICON_MARGIN,
+        svg: sortDirection === "asc" ? getCaretUpSvg(cellStyle) : getCaretDownSvg(cellStyle),
+        position,
+        onClick: undefined, // click is managed by ClickableCellSortIcon
+    };
+});
 
 class CellIconPlugin extends CoreViewPlugin {
     static getters = ["doesCellHaveGridIcon", "getCellIcons", "getCellIconRect"];
@@ -71130,7 +71216,7 @@ function withPivotPresentationLayer (PivotClass) {
                 return { value: 0 };
             }
             const { columns, rows } = super.definition;
-            if (columns.length + rows.length !== domain.length) {
+            if (measure.aggregator && columns.length + rows.length !== domain.length) {
                 const values = this.getValuesToAggregate(measure, domain);
                 const aggregator = AGGREGATORS_FN[measure.aggregator];
                 if (!aggregator) {
@@ -71149,11 +71235,17 @@ function withPivotPresentationLayer (PivotClass) {
                 if (columns.find((col) => col.nameWithGranularity === symbolName)) {
                     const { colDomain } = domainToColRowDomain(this, domain);
                     const symbolIndex = colDomain.findIndex((node) => node.field === symbolName);
+                    if (symbolIndex === -1) {
+                        return new NotAvailableError();
+                    }
                     return this.getPivotHeaderValueAndFormat(colDomain.slice(0, symbolIndex + 1));
                 }
                 if (rows.find((row) => row.nameWithGranularity === symbolName)) {
                     const { rowDomain } = domainToColRowDomain(this, domain);
                     const symbolIndex = rowDomain.findIndex((row) => row.field === symbolName);
+                    if (symbolIndex === -1) {
+                        return new NotAvailableError();
+                    }
                     return this.getPivotHeaderValueAndFormat(rowDomain.slice(0, symbolIndex + 1));
                 }
                 return this.getPivotCellValueAndFormat(symbolName, domain);
@@ -75547,6 +75639,21 @@ class DataValidationInsertionPlugin extends UIPlugin {
     }
 }
 
+/**
+ * This plugin provides dynamic translation getter. In o-spreadsheet, it has
+ * no implementation, but this plugin can be replaced by another one to provide
+ * a real implementation.
+ *
+ * For example, in Odoo, the plugin is replaced by a plugin that used the
+ * module namespace to dynamically translate terms.
+ */
+class DynamicTranslate extends UIPlugin {
+    static getters = ["dynamicTranslate"];
+    dynamicTranslate(term) {
+        return term;
+    }
+}
+
 const genericRepeatsTransforms = [
     repeatSheetDependantCommand,
     repeatTargetDependantCommand,
@@ -79178,6 +79285,7 @@ const featurePluginRegistry = new Registry()
     .add("table_ui_resize", TableResizeUI)
     .add("datavalidation_insert", DataValidationInsertionPlugin)
     .add("checkbox_toggle", CheckboxTogglePlugin)
+    .add("dynamic_translate", DynamicTranslate)
     .add("geo_features", GeoFeaturePlugin);
 // Plugins which have a state, but which should not be shared in collaborative
 const statefulUIPluginRegistry = new Registry()
@@ -88357,9 +88465,9 @@ const constants = {
 };
 const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 
-export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
+export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "19.1.0-alpha.0";
-__info__.date = "2025-09-11T07:49:49.483Z";
-__info__.hash = "587c928";
+__info__.version = "19.1.0-alpha.1";
+__info__.date = "2025-09-12T13:33:41.605Z";
+__info__.hash = "d3e4e7b";