@odoo/o-spreadsheet 19.0.4 → 19.0.5

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.4
- * @date 2025-09-23T12:37:28.362Z
- * @hash 87b774d
+ * @version 19.0.5
+ * @date 2025-10-07T10:04:06.400Z
+ * @hash 86fc442
  */
 
 (function (exports, owl) {
@@ -1383,9 +1383,7 @@
       return newArray;
   }
   function insertItemsAtIndex(array, items, index) {
-      const newArray = [...array];
-      newArray.splice(index, 0, ...items);
-      return newArray;
+      return array.slice(0, index).concat(items).concat(array.slice(index));
   }
   function replaceItemAtIndex(array, newItem, index) {
       const newArray = [...array];
@@ -5635,7 +5633,7 @@
    * Replace in place tokens "mm" and "m" that denote minutes in date format with "MM" to avoid confusion with months.
    *
    * As per OpenXML specification, in date formats if a date token "m" or "mm" is followed by a date token "s" or
-   * preceded by a data token "h", then it's not a month but an minute.
+   * preceded by a data token "h", then it's not a month but a minute.
    */
   function convertTokensToMinutesInDateFormat(tokens) {
       const dateParts = tokens.filter((token) => token.type === "DATE_PART");
@@ -5678,6 +5676,9 @@
               case "REPEATED_CHAR":
                   format += "*" + token.value;
                   break;
+              case "DATE_PART":
+                  format += token.value === "MM" ? "mm" : token.value; // Convert "MM" back to "mm" for minutes
+                  break;
               default:
                   format += token.value;
           }
@@ -24853,6 +24854,7 @@ stores.inject(MyMetaStore, storeInstance);
       static template = "o-spreadsheet-ScorecardChart";
       static props = {
           chartId: String,
+          isFullScreen: { type: Boolean, optional: true },
       };
       canvas = owl.useRef("chartContainer");
       get runtime() {
@@ -27616,26 +27618,6 @@ stores.inject(MyMetaStore, storeInstance);
       return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
   }
 
-  class FullScreenChartStore extends SpreadsheetStore {
-      mutators = ["toggleFullScreenChart"];
-      fullScreenFigure = undefined;
-      toggleFullScreenChart(figureId) {
-          if (this.fullScreenFigure?.id === figureId) {
-              this.fullScreenFigure = undefined;
-          }
-          else {
-              this.makeFullScreen(figureId);
-          }
-      }
-      makeFullScreen(figureId) {
-          const sheetId = this.getters.getActiveSheetId();
-          const figure = this.getters.getFigure(sheetId, figureId);
-          if (figure) {
-              this.fullScreenFigure = { ...figure, x: 0, y: 0, width: 0, height: 0 };
-          }
-      }
-  }
-
   const TREND_LINE_AXES_IDS = [TREND_LINE_XAXIS_ID, MOVING_AVERAGE_TREND_LINE_XAXIS_ID];
   const ZOOMABLE_AXIS_IDS = ["x", ...TREND_LINE_AXES_IDS];
   class ZoomableChartStore extends SpreadsheetStore {
@@ -27807,7 +27789,6 @@ stores.inject(MyMetaStore, storeInstance);
   class ZoomableChartJsComponent extends ChartJsComponent {
       static template = "o-spreadsheet-ZoomableChartJsComponent";
       store;
-      fullScreenChartStore;
       masterChartCanvas = owl.useRef("masterChartCanvas");
       masterChart;
       mode;
@@ -27818,7 +27799,6 @@ stores.inject(MyMetaStore, storeInstance);
       removeEventListeners = () => { };
       setup() {
           this.store = useStore(ZoomableChartStore);
-          this.fullScreenChartStore = useStore(FullScreenChartStore);
           super.setup();
       }
       unmount() {
@@ -27833,12 +27813,8 @@ stores.inject(MyMetaStore, storeInstance);
     `;
       }
       get sliceable() {
-          if (this.env.isDashboard()) {
-              const fullScreenFigureId = this.fullScreenChartStore.fullScreenFigure?.id;
-              const chartFigureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
-              if (fullScreenFigureId === chartFigureId) {
-                  return true;
-              }
+          if (this.props.isFullScreen) {
+              return true;
           }
           const definition = this.env.model.getters.getChartDefinition(this.props.chartId);
           return ("zoomable" in definition && definition?.zoomable) ?? false;
@@ -27901,9 +27877,6 @@ stores.inject(MyMetaStore, storeInstance);
           const xMax = Math.max(...xValues);
           return { xMin, xMax };
       }
-      get shouldAnimate() {
-          return this.env.model.getters.isDashboard() && !this.sliceable;
-      }
       createChart(chartRuntime) {
           const chartData = chartRuntime.chartJsConfig;
           this.isBarChart = chartData.type === "bar";
@@ -27922,6 +27895,9 @@ stores.inject(MyMetaStore, storeInstance);
           const masterChartCtx = this.masterChartCanvas.el.getContext("2d");
           this.masterChart = new window.Chart(masterChartCtx, this.getMasterChartConfiguration(chartRuntime["masterChartConfig"]));
           this.resetAxesLimits();
+          if (this.chart?.options) {
+              this.chart.options.animation = false;
+          }
       }
       updateChartJs(chartRuntime) {
           const chartData = chartRuntime.chartJsConfig;
@@ -27955,6 +27931,9 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
           this.resetAxesLimits();
+          if (this.chart?.options) {
+              this.chart.options.animation = false;
+          }
       }
       resetAxesLimits() {
           if (!this.chart) {
@@ -28052,7 +28031,7 @@ stores.inject(MyMetaStore, storeInstance);
       onPointerDownInMasterChart(ev) {
           this.removeEventListeners();
           const position = ev.offsetX;
-          if (!this.masterChart?.chartArea || !this.chart?.scales.x) {
+          if (!this.masterChart?.chartArea || !this.chart?.scales?.x) {
               return;
           }
           const { left, right, top, bottom } = this.masterChart.chartArea;
@@ -31610,6 +31589,26 @@ stores.inject(MyMetaStore, storeInstance);
       return matchedChart.displayName;
   }
 
+  class FullScreenFigureStore extends SpreadsheetStore {
+      mutators = ["toggleFullScreenFigure"];
+      fullScreenFigure = undefined;
+      toggleFullScreenFigure(figureId) {
+          if (this.fullScreenFigure?.id === figureId) {
+              this.fullScreenFigure = undefined;
+          }
+          else {
+              this.makeFullScreen(figureId);
+          }
+      }
+      makeFullScreen(figureId) {
+          const sheetId = this.getters.getActiveSheetId();
+          const figure = this.getters.getFigure(sheetId, figureId);
+          if (figure) {
+              this.fullScreenFigure = { ...figure, x: 0, y: 0, width: 0, height: 0 };
+          }
+      }
+  }
+
   /**
    * Repeatedly calls a callback function with a time delay between calls.
    */
@@ -32347,12 +32346,13 @@ stores.inject(MyMetaStore, storeInstance);
   class ChartDashboardMenu extends owl.Component {
       static template = "o-spreadsheet-ChartDashboardMenu";
       static components = { MenuPopover };
-      static props = { chartId: String };
+      static props = { chartId: String, hasFullScreenButton: { type: Boolean, optional: true } };
+      static defaultProps = { hasFullScreenButton: true };
       fullScreenFigureStore;
       menuState = owl.useState({ isOpen: false, anchorRect: null, menuItems: [] });
       setup() {
           super.setup();
-          this.fullScreenFigureStore = useStore(FullScreenChartStore);
+          this.fullScreenFigureStore = useStore(FullScreenFigureStore);
       }
       getMenuItems() {
           return [this.fullScreenMenuItem].filter(isDefined);
@@ -32368,6 +32368,9 @@ stores.inject(MyMetaStore, storeInstance);
           this.menuState.menuItems = getChartMenuActions(figureId, () => { }, this.env);
       }
       get fullScreenMenuItem() {
+          if (!this.props.hasFullScreenButton) {
+              return undefined;
+          }
           const definition = this.env.model.getters.getChartDefinition(this.props.chartId);
           const figureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
           if (definition.type === "scorecard") {
@@ -32379,7 +32382,7 @@ stores.inject(MyMetaStore, storeInstance);
               label: isFullScreen ? _t("Exit Full Screen") : _t("Full Screen"),
               class: `text-muted fa ${isFullScreen ? "fa-compress" : "fa-expand"}`,
               onClick: () => {
-                  this.fullScreenFigureStore.toggleFullScreenChart(figureId);
+                  this.fullScreenFigureStore.toggleFullScreenFigure(figureId);
               },
           };
       }
@@ -32391,6 +32394,7 @@ stores.inject(MyMetaStore, storeInstance);
           figureUI: Object,
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
+          isFullScreen: { type: Boolean, optional: true },
       };
       static components = { ChartDashboardMenu, MenuPopover };
       carouselTabsRef = owl.useRef("carouselTabs");
@@ -32398,8 +32402,10 @@ stores.inject(MyMetaStore, storeInstance);
       menuState = owl.useState({ isOpen: false, anchorRect: null, menuItems: [] });
       hiddenItems = [];
       animationStore;
+      fullScreenFigureStore;
       setup() {
           this.animationStore = useStore(ChartAnimationStore);
+          this.fullScreenFigureStore = useStore(FullScreenFigureStore);
           owl.useEffect(() => {
               if (this.selectedCarouselItem?.type === "carouselDataView") {
                   this.props.editFigureStyle?.({ "pointer-events": "none" });
@@ -32446,7 +32452,8 @@ stores.inject(MyMetaStore, storeInstance);
               item,
           });
           if (item.type === "chart") {
-              this.animationStore?.enableAnimationForChart(item.chartId);
+              const animationChartId = item.chartId + (this.props.isFullScreen ? "-fullscreen" : "");
+              this.animationStore?.enableAnimationForChart(animationChartId);
           }
       }
       get headerStyle() {
@@ -32510,6 +32517,17 @@ stores.inject(MyMetaStore, storeInstance);
           this.menuState.anchorRect = rect;
           this.menuState.menuItems = createActions(menuItems);
       }
+      toggleFullScreen() {
+          if (this.selectedCarouselItem?.type === "chart") {
+              this.fullScreenFigureStore.toggleFullScreenFigure(this.props.figureUI.id);
+          }
+      }
+      get fullScreenButtonTitle() {
+          return this.props.isFullScreen ? _t("Exit Full Screen") : _t("Full Screen");
+      }
+      get visibleCarouselItems() {
+          return this.carousel.items.filter((item) => item.type === "carouselDataView" && this.props.isFullScreen ? false : true);
+      }
   }
 
   class ChartFigure extends owl.Component {
@@ -32518,6 +32536,7 @@ stores.inject(MyMetaStore, storeInstance);
           figureUI: Object,
           onFigureDeleted: Function,
           editFigureStyle: { type: Function, optional: true },
+          isFullScreen: { type: Boolean, optional: true },
       };
       static components = { ChartDashboardMenu };
       onDoubleClick() {
@@ -58659,7 +58678,7 @@ stores.inject(MyMetaStore, storeInstance);
           return undefined;
       }
       get isCalculatedMeasureInvalid() {
-          return this.env.model.getters.getMeasureCompiledFormula(this.props.measure).isBadExpression;
+          return compile(this.props.measure.computedBy?.formula ?? "").isBadExpression;
       }
   }
 
@@ -61537,16 +61556,16 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  class FullScreenChart extends owl.Component {
-      static template = "o-spreadsheet-FullScreenChart";
+  class FullScreenFigure extends owl.Component {
+      static template = "o-spreadsheet-FullScreenFigure";
       static props = {};
-      static components = { ChartDashboardMenu };
-      fullScreenChartStore;
-      ref = owl.useRef("fullScreenChart");
+      static components = { ChartFigure };
+      fullScreenFigureStore;
+      ref = owl.useRef("fullScreenFigure");
       spreadsheetRect = useSpreadsheetRect();
       figureRegistry = figureRegistry;
       setup() {
-          this.fullScreenChartStore = useStore(FullScreenChartStore);
+          this.fullScreenFigureStore = useStore(FullScreenFigureStore);
           const animationStore = useStore(ChartAnimationStore);
           let lastFigureId = undefined;
           owl.onWillUpdateProps(() => {
@@ -61558,7 +61577,7 @@ stores.inject(MyMetaStore, storeInstance);
           owl.useEffect((el) => el?.focus(), () => [this.ref.el]);
       }
       get figureUI() {
-          return this.fullScreenChartStore.fullScreenFigure;
+          return this.fullScreenFigureStore.fullScreenFigure;
       }
       get chartId() {
           if (!this.figureUI)
@@ -61567,7 +61586,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       exitFullScreen() {
           if (this.figureUI) {
-              this.fullScreenChartStore.toggleFullScreenChart(this.figureUI.id);
+              this.fullScreenFigureStore.toggleFullScreenFigure(this.figureUI.id);
           }
       }
       onKeyDown(ev) {
@@ -61575,15 +61594,10 @@ stores.inject(MyMetaStore, storeInstance);
               this.exitFullScreen();
           }
       }
-      get chartComponent() {
-          if (!this.chartId)
+      get figureComponent() {
+          if (!this.figureUI)
               return undefined;
-          const type = this.env.model.getters.getChartType(this.chartId);
-          const component = chartComponentRegistry.get(type);
-          if (!component) {
-              throw new Error(`Component is not defined for type ${type}`);
-          }
-          return component;
+          return figureRegistry.get(this.figureUI.tag).Component;
       }
   }
 
@@ -64323,11 +64337,11 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "ADD_COLUMNS_ROWS": {
-                  const sizes = [...this.sizes[cmd.sheetId][cmd.dimension]];
+                  const sizes = this.sizes[cmd.sheetId][cmd.dimension];
                   const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
                   const baseSize = sizes[cmd.base];
-                  sizes.splice(addIndex, 0, ...Array(cmd.quantity).fill(baseSize));
-                  this.history.update("sizes", cmd.sheetId, cmd.dimension, sizes);
+                  const newSizes = insertItemsAtIndex(sizes, Array(cmd.quantity).fill(baseSize), addIndex);
+                  this.history.update("sizes", cmd.sheetId, cmd.dimension, newSizes);
                   break;
               }
               case "RESIZE_COLUMNS_ROWS":
@@ -64478,9 +64492,8 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "ADD_COLUMNS_ROWS": {
-                  const hiddenHeaders = [...this.hiddenHeaders[cmd.sheetId][cmd.dimension]];
                   const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
-                  hiddenHeaders.splice(addIndex, 0, ...Array(cmd.quantity).fill(false));
+                  const hiddenHeaders = insertItemsAtIndex([...this.hiddenHeaders[cmd.sheetId][cmd.dimension]], Array(cmd.quantity).fill(false), addIndex);
                   this.history.update("hiddenHeaders", cmd.sheetId, cmd.dimension, hiddenHeaders);
                   break;
               }
@@ -68664,12 +68677,12 @@ stores.inject(MyMetaStore, storeInstance);
           this.rTrees[sheetId].remove(item, this.rtreeItemComparer);
       }
       rtreeItemComparer(left, right) {
-          return (left.data === right.data &&
-              left.boundingBox.sheetId === right.boundingBox.sheetId &&
+          return (left.boundingBox.sheetId === right.boundingBox.sheetId &&
               left.boundingBox?.zone.left === right.boundingBox.zone.left &&
               left.boundingBox?.zone.top === right.boundingBox.zone.top &&
               left.boundingBox?.zone.right === right.boundingBox.zone.right &&
-              left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom);
+              left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom &&
+              deepEquals(left.data, right.data));
       }
   }
   /**
@@ -82219,6 +82232,9 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return this.focus === "inactive" && !this.composerStore.currentContent;
+      }
       get rect() {
           return this.composerRef.el
               ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -82261,12 +82277,6 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   const COMPOSER_MAX_HEIGHT = 300;
-  /* svg free of use from https://uxwing.com/formula-fx-icon/ */
-  const FX_SVG = /*xml*/ `
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.8 122.9' width='16' height='16' focusable='false'>
-  <path d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z' fill='#BDBDBD'/>
-</svg>
-`;
   css /* scss */ `
   .o-topbar-composer-container {
     height: ${DESKTOP_TOPBAR_TOOLBAR_HEIGHT}px;
@@ -82278,14 +82288,6 @@ stores.inject(MyMetaStore, storeInstance);
     margin-bottom: -1px;
     border: 1px solid;
     font-family: ${DEFAULT_FONT};
-
-    /* In readonly we always show the fx icon if the composer is empty, not matter the focus */
-    .o-composer:empty:not(:focus):not(.active)::before,
-    &.o-topbar-composer-readonly .o-composer:empty::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(FX_SVG)}");
-      position: relative;
-      top: 20%;
-    }
   }
 
   .user-select-text {
@@ -82318,6 +82320,9 @@ stores.inject(MyMetaStore, storeInstance);
               ? this.composerFocusStore.focusMode
               : "inactive";
       }
+      get showFxIcon() {
+          return this.focus === "inactive" && !this.composerStore.currentContent;
+      }
       get composerStyle() {
           const style = {
               padding: "5px 0px 5px 8px",
@@ -83669,7 +83674,7 @@ stores.inject(MyMetaStore, storeInstance);
           SidePanels,
           SpreadsheetDashboard,
           HeaderGroupContainer,
-          FullScreenChart,
+          FullScreenFigure,
       };
       sidePanel;
       spreadsheetRef = owl.useRef("spreadsheet");
@@ -88393,6 +88398,7 @@ stores.inject(MyMetaStore, storeInstance);
       Grid,
       GridOverlay,
       ScorecardChart,
+      GaugeChartComponent,
       LineConfigPanel,
       BarConfigPanel,
       PieChartDesignPanel,
@@ -88431,7 +88437,7 @@ stores.inject(MyMetaStore, storeInstance);
       RadioSelection,
       GeoChartRegionSelectSection,
       ChartDashboardMenu,
-      FullScreenChart,
+      FullScreenFigure,
   };
   const hooks = {
       useDragAndDropListItems,
@@ -88531,9 +88537,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "19.0.4";
-  __info__.date = "2025-09-23T12:37:28.362Z";
-  __info__.hash = "87b774d";
+  __info__.version = "19.0.5";
+  __info__.date = "2025-10-07T10:04:06.400Z";
+  __info__.hash = "86fc442";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);