@odoo/o-spreadsheet 19.0.0 → 19.0.3

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.0.0
- * @date 2025-09-11T07:18:49.704Z
- * @hash 0ac0e86
+ * @version 19.0.3
+ * @date 2025-09-19T07:26:41.356Z
+ * @hash 84f3b74
  */
 
 (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
@@ -1367,8 +1368,19 @@
           },
       }[funcName];
   }
+  /**
+   * Removes the specified indexes from the array.
+   * Sparse (empty) elements are transformed to undefined (unless their index is explicitly removed).
+   */
   function removeIndexesFromArray(array, indexes) {
-      return array.filter((_, index) => !indexes.includes(index));
+      const toRemove = new Set(indexes);
+      const newArray = [];
+      for (let i = 0; i < array.length; i++) {
+          if (!toRemove.has(i)) {
+              newArray.push(array[i]);
+          }
+      }
+      return newArray;
   }
   function insertItemsAtIndex(array, items, index) {
       const newArray = [...array];
@@ -16083,8 +16095,9 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   function sortMatrix(matrix, locale, ...criteria) {
-      for (const [i, value] of criteria.entries()) {
-          assert(value !== undefined, _t("Value for parameter %d is missing, while the function [[FUNCTION_NAME]] expect a number or a range.", i + 1));
+      for (let i = 0; i < criteria.length; i++) {
+          const param = i % 2 === 0 ? "sort_column" : "is_ascending";
+          assert(criteria[i] !== undefined, _t("Value for parameter %s is missing in [[FUNCTION_NAME]].", param));
       }
       const sortingOrders = [];
       const sortColumns = [];
@@ -24538,18 +24551,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 +24859,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 +27033,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 +27606,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 +28837,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 +28983,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 +29220,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 +29404,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 +29569,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 +29706,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 +29860,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 +30009,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 +30164,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 +30303,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 +30453,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 +30616,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 +32392,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 +32407,7 @@ stores.inject(MyMetaStore, storeInstance);
               else {
                   this.props.editFigureStyle?.({ "pointer-events": "auto" });
               }
+              this.updateTabsVisibility();
           });
       }
       get carousel() {
@@ -32454,6 +32467,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 +39383,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 +50497,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 +55706,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 +57258,7 @@ stores.inject(MyMetaStore, storeInstance);
               });
           }
           const emptyCurrency = {
-              name: _t(CustomCurrencyTerms.Custom),
+              name: CustomCurrencyTerms.Custom,
               code: "",
               symbol: "",
               decimalPlaces: 2,
@@ -58847,12 +58918,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 +61516,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 +70726,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 +71229,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 +71248,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 +75652,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,
@@ -77518,13 +77637,10 @@ stores.inject(MyMetaStore, storeInstance);
           const deltaCol = isBasedBefore && isCol ? thickness : 0;
           const deltaRow = isBasedBefore && !isCol ? thickness : 0;
           const toRemove = isBasedBefore ? cmd.elements.map((el) => el + thickness) : cmd.elements;
-          const originalSize = Object.fromEntries(toRemove.map((element) => {
-              const size = isCol
-                  ? this.getters.getColSize(cmd.sheetId, element)
-                  : this.getters.getUserRowSize(cmd.sheetId, element);
-              const isDefaultCol = isCol && size === DEFAULT_CELL_WIDTH;
-              return [element, isDefaultCol ? undefined : size];
-          }));
+          const originalSize = {};
+          for (const element of toRemove) {
+              originalSize[element] = this.getters.getHeaderSize(cmd.sheetId, cmd.dimension, element);
+          }
           const target = [
               {
                   left: isCol ? start + deltaCol : 0,
@@ -77568,11 +77684,11 @@ stores.inject(MyMetaStore, storeInstance);
           for (const element of toRemove) {
               const size = originalSize[element];
               const currentSize = this.getters.getHeaderSize(cmd.sheetId, cmd.dimension, currentIndex);
-              if (size && size !== currentSize) {
+              if (size !== currentSize) {
                   resizingGroups[size] ??= [];
                   resizingGroups[size].push(currentIndex);
-                  currentIndex += 1;
               }
+              currentIndex += 1;
           }
           for (const size in resizingGroups) {
               this.dispatch("RESIZE_COLUMNS_ROWS", {
@@ -79179,6 +79295,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 +88506,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 +88528,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "19.0.0";
-  __info__.date = "2025-09-11T07:18:49.704Z";
-  __info__.hash = "0ac0e86";
+  __info__.version = "19.0.3";
+  __info__.date = "2025-09-19T07:26:41.356Z";
+  __info__.hash = "84f3b74";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);