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

package/dist/o-spreadsheet.iife.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
  */
 
 (function (exports, owl) {
@@ -889,6 +889,7 @@
       ARG_SEPARATOR: functionColor,
       ORPHAN_RIGHT_PAREN: "#ff0000",
   };
+  const DRAG_THRESHOLD = 5; // in pixels, to avoid unwanted drag when clicking
 
   //------------------------------------------------------------------------------
   // Miscellaneous
@@ -24538,18 +24539,15 @@ stores.inject(MyMetaStore, storeInstance);
       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,
@@ -24849,9 +24847,8 @@ stores.inject(MyMetaStore, storeInstance);
           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() {
           owl.useEffect(this.createChart.bind(this), () => {
@@ -27024,12 +27021,12 @@ stores.inject(MyMetaStore, storeInstance);
       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: {
@@ -27597,7 +27594,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -28828,7 +28825,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -28974,7 +28971,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -29211,8 +29208,7 @@ stores.inject(MyMetaStore, storeInstance);
           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,
@@ -29396,7 +29392,7 @@ stores.inject(MyMetaStore, storeInstance);
               layout: getChartLayout(definition, chartData),
               scales: getGeoChartScales(definition, chartData),
               plugins: {
-                  title: getChartTitle(definition),
+                  title: getChartTitle(definition, getters),
                   tooltip: getGeoChartTooltip(definition, chartData),
                   legend: { display: false },
               },
@@ -29561,7 +29557,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -29698,7 +29694,7 @@ stores.inject(MyMetaStore, storeInstance);
                   : 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),
@@ -29852,7 +29848,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -30001,7 +29997,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -30156,7 +30152,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -30295,7 +30291,7 @@ stores.inject(MyMetaStore, storeInstance);
               ...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),
@@ -30445,7 +30441,7 @@ stores.inject(MyMetaStore, storeInstance);
               ...CHART_COMMON_OPTIONS,
               layout: getChartLayout(definition, chartData),
               plugins: {
-                  title: getChartTitle(definition),
+                  title: getChartTitle(definition, getters),
                   legend: { display: false },
                   tooltip: getTreeMapChartTooltip(definition, chartData),
               },
@@ -30608,7 +30604,7 @@ stores.inject(MyMetaStore, storeInstance);
               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),
@@ -32384,7 +32380,11 @@ stores.inject(MyMetaStore, storeInstance);
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
       };
-      static components = { ChartDashboardMenu };
+      static components = { ChartDashboardMenu, MenuPopover };
+      carouselTabsRef = owl.useRef("carouselTabs");
+      carouselTabsDropdownRef = owl.useRef("carouselTabsDropdown");
+      menuState = owl.useState({ isOpen: false, anchorRect: null, menuItems: [] });
+      hiddenItems = [];
       animationStore;
       setup() {
           this.animationStore = useStore(ChartAnimationStore);
@@ -32395,6 +32395,7 @@ stores.inject(MyMetaStore, storeInstance);
               else {
                   this.props.editFigureStyle?.({ "pointer-events": "auto" });
               }
+              this.updateTabsVisibility();
           });
       }
       get carousel() {
@@ -32454,6 +32455,49 @@ stores.inject(MyMetaStore, storeInstance);
           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 owl.Component {
@@ -39327,6 +39371,14 @@ stores.inject(MyMetaStore, storeInstance);
           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",
@@ -50433,9 +50485,16 @@ stores.inject(MyMetaStore, storeInstance);
               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);
@@ -55635,7 +55694,7 @@ stores.inject(MyMetaStore, storeInstance);
           return SCORECARD_CHART_TITLE_FONT_SIZE;
       }
       translate(term) {
-          return _t(term);
+          return this.env.model.getters.dynamicTranslate(term);
       }
       setColor(color, colorPickerId) {
           switch (colorPickerId) {
@@ -57187,7 +57246,7 @@ stores.inject(MyMetaStore, storeInstance);
               });
           }
           const emptyCurrency = {
-              name: _t(CustomCurrencyTerms.Custom),
+              name: CustomCurrencyTerms.Custom,
               code: "",
               symbol: "",
               decimalPlaces: 2,
@@ -58847,12 +58906,13 @@ stores.inject(MyMetaStore, storeInstance);
       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",
@@ -61444,14 +61504,16 @@ stores.inject(MyMetaStore, storeInstance);
               "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) {
@@ -70652,6 +70714,30 @@ stores.inject(MyMetaStore, storeInstance);
           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"];
@@ -71131,7 +71217,7 @@ stores.inject(MyMetaStore, storeInstance);
                   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) {
@@ -71150,11 +71236,17 @@ stores.inject(MyMetaStore, storeInstance);
                   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);
@@ -75548,6 +75640,21 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  /**
+   * 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,
@@ -79179,6 +79286,7 @@ stores.inject(MyMetaStore, storeInstance);
       .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()
@@ -88389,6 +88497,8 @@ stores.inject(MyMetaStore, storeInstance);
   exports.coreTypes = coreTypes;
   exports.findCellInNewZone = findCellInNewZone;
   exports.functionCache = functionCache;
+  exports.getCaretDownSvg = getCaretDownSvg;
+  exports.getCaretUpSvg = getCaretUpSvg;
   exports.helpers = helpers;
   exports.hooks = hooks;
   exports.invalidateCFEvaluationCommands = invalidateCFEvaluationCommands;
@@ -88409,9 +88519,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = 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";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);