@odoo/o-spreadsheet 18.3.0-alpha.0 → 18.3.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 18.3.0-alpha.0
- * @date 2025-02-18T09:02:28.625Z
- * @hash 9b88da0
+ * @version 18.3.0-alpha.1
+ * @date 2025-02-25T06:00:14.885Z
+ * @hash be4d957
  */
 
 (function (exports, owl) {
@@ -993,6 +993,9 @@
       }
       return newText;
   }
+  function isFormula(content) {
+      return content.startsWith("=") || content.startsWith("+");
+  }
 
   const RBA_REGEX = /rgba?\(|\s+|\)/gi;
   const HEX_MATCH = /^#([A-F\d]{2}){3,4}$/;
@@ -4459,7 +4462,7 @@
    * @param reverseSearch if true, search in the array starting from the end.
 
    */
-  function linearSearch(data, target, mode, numberOfValues, getValueInData, reverseSearch = false) {
+  function linearSearch(data, target, mode, numberOfValues, getValueInData, lookupCaches, reverseSearch = false) {
       if (target === undefined || target.value === null) {
           return -1;
       }
@@ -4468,17 +4471,48 @@
       }
       const _target = normalizeValue(target.value);
       const getValue = reverseSearch
-          ? (data, i) => getValueInData(data, numberOfValues - i - 1)
-          : getValueInData;
+          ? (data, i) => normalizeValue(getValueInData(data, numberOfValues - i - 1))
+          : (data, i) => normalizeValue(getValueInData(data, i));
+      // first check if the target is in the cache
+      const isNotWildcardTarget = mode !== "wildcard" ||
+          typeof _target !== "string" ||
+          !(_target.includes("*") || _target.includes("?"));
+      if (lookupCaches && isNotWildcardTarget) {
+          const searchMode = reverseSearch ? "reverseSearch" : "forwardSearch";
+          let cache = lookupCaches[searchMode].get(data);
+          if (cache === undefined) {
+              // build the cache for all the values
+              cache = new Map();
+              for (let i = 0; i < numberOfValues; i++) {
+                  const value = getValue(data, i) ?? null;
+                  if (!cache.has(value)) {
+                      cache.set(value, i);
+                  }
+              }
+              lookupCaches[searchMode].set(data, cache);
+          }
+          if (cache.has(_target)) {
+              const resultIndex = cache.get(_target);
+              return reverseSearch ? numberOfValues - resultIndex - 1 : resultIndex;
+          }
+          if (mode === "strict") {
+              return -1;
+          }
+      }
+      // else perform the linear search
+      const resultIndex = _linearSearch(data, _target, mode, numberOfValues, getValue);
+      return reverseSearch && resultIndex !== -1 ? numberOfValues - resultIndex - 1 : resultIndex;
+  }
+  function _linearSearch(data, _target, mode, numberOfValues, getNormalizeValue) {
       let indexMatchTarget = (i) => {
-          return normalizeValue(getValue(data, i)) === _target;
+          return getNormalizeValue(data, i) === _target;
       };
       if (mode === "wildcard" &&
           typeof _target === "string" &&
           (_target.includes("*") || _target.includes("?"))) {
           const regExp = wildcardToRegExp(_target);
           indexMatchTarget = (i) => {
-              const value = normalizeValue(getValue(data, i));
+              const value = getNormalizeValue(data, i);
               if (typeof value === "string") {
                   return regExp.test(value);
               }
@@ -4489,7 +4523,7 @@
       let closestMatchIndex = -1;
       if (mode === "nextSmaller") {
           indexMatchTarget = (i) => {
-              const value = normalizeValue(getValue(data, i));
+              const value = getNormalizeValue(data, i);
               if ((!closestMatch && compareCellValues(_target, value) >= 0) ||
                   (compareCellValues(_target, value) >= 0 && compareCellValues(value, closestMatch) > 0)) {
                   closestMatch = value;
@@ -4500,7 +4534,7 @@
       }
       if (mode === "nextGreater") {
           indexMatchTarget = (i) => {
-              const value = normalizeValue(getValue(data, i));
+              const value = getNormalizeValue(data, i);
               if ((!closestMatch && compareCellValues(_target, value) <= 0) ||
                   (compareCellValues(_target, value) <= 0 && compareCellValues(value, closestMatch) < 0)) {
                   closestMatch = value;
@@ -4511,12 +4545,10 @@
       }
       for (let i = 0; i < numberOfValues; i++) {
           if (indexMatchTarget(i)) {
-              return reverseSearch ? numberOfValues - i - 1 : i;
+              return i;
           }
       }
-      return reverseSearch && closestMatchIndex !== -1
-          ? numberOfValues - closestMatchIndex - 1
-          : closestMatchIndex;
+      return closestMatchIndex;
   }
   /**
    * Normalize a value.
@@ -4632,8 +4664,8 @@
   function urlRepresentation(link, getters) {
       return findMatchingSpec(link.url).urlRepresentation(link.url, getters);
   }
-  function openLink(link, env) {
-      findMatchingSpec(link.url).open(link.url, env);
+  function openLink(link, env, isMiddleClick) {
+      findMatchingSpec(link.url).open(link.url, env, isMiddleClick);
   }
   function detectLink(value) {
       if (typeof value !== "string") {
@@ -6490,10 +6522,11 @@
        *
        */
       smallUuid() {
-          //@ts-ignore
-          if (window.crypto && window.crypto.getRandomValues) {
-              //@ts-ignore
-              return ([1e7] + -1e3).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+          if (window.crypto) {
+              return "10000000-1000".replace(/[01]/g, (c) => {
+                  const n = Number(c);
+                  return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+              });
           }
           else {
               // mainly for jest and other browsers that do not have the crypto functionality
@@ -6508,10 +6541,11 @@
        * This method should be used when you need to avoid collisions at all costs, like the id of a revision.
        */
       uuidv4() {
-          //@ts-ignore
-          if (window.crypto && window.crypto.getRandomValues) {
-              //@ts-ignore
-              return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+          if (window.crypto) {
+              return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => {
+                  const n = Number(c);
+                  return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+              });
           }
           else {
               // mainly for jest and other browsers that do not have the crypto functionality
@@ -6919,7 +6953,7 @@
    * canonicalizeNumberContent("02/12/2012", FR_LOCALE) // "02/12/2012"
    */
   function canonicalizeNumberContent(content, locale) {
-      return content.startsWith("=")
+      return isFormula(content)
           ? canonicalizeFormula$1(content, locale)
           : canonicalizeNumberLiteral(content, locale);
   }
@@ -6934,7 +6968,7 @@
    * canonicalizeContent("02-12-2012", FR_LOCALE) // "12/02/2012"
    */
   function canonicalizeContent(content, locale) {
-      return content.startsWith("=")
+      return isFormula(content)
           ? canonicalizeFormula$1(content, locale)
           : canonicalizeLiteral(content, locale);
   }
@@ -6953,7 +6987,7 @@
   }
   /** Change a formula to its canonical form (en_US locale) */
   function canonicalizeFormula$1(formula, locale) {
-      return _localizeFormula$1(formula, locale, DEFAULT_LOCALE);
+      return _localizeFormula$1(formula.startsWith("+") ? "=" + formula.slice(1) : formula, locale, DEFAULT_LOCALE);
   }
   /** Change a formula from the canonical form to the given locale */
   function localizeFormula(formula, locale) {
@@ -7116,13 +7150,13 @@
 
   /** Change a number string to its canonical form (en_US locale) */
   function canonicalizeNumberValue(content, locale) {
-      return content.startsWith("=")
+      return isFormula(content)
           ? canonicalizeFormula(content, locale)
           : canonicalizeNumberLiteral(content, locale);
   }
   /** Change a formula to its canonical form (en_US locale) */
   function canonicalizeFormula(formula, locale) {
-      return _localizeFormula(formula, locale, DEFAULT_LOCALE);
+      return _localizeFormula(formula.startsWith("+") ? "=" + formula.slice(1) : formula, locale, DEFAULT_LOCALE);
   }
   function _localizeFormula(formula, fromLocale, toLocale) {
       if (fromLocale.formulaArgSeparator === toLocale.formulaArgSeparator &&
@@ -10876,7 +10910,7 @@ stores.inject(MyMetaStore, storeInstance);
 
   autoCompleteProviders.add("dataValidation", {
       getProposals(tokenAtCursor, content) {
-          if (content.startsWith("=")) {
+          if (isFormula(content)) {
               return [];
           }
           if (!this.composer.currentEditedCell) {
@@ -18685,7 +18719,7 @@ stores.inject(MyMetaStore, storeInstance);
           const _isSorted = toBoolean(isSorted.value);
           const colIndex = _isSorted
               ? dichotomicSearch(_range, searchKey, "nextSmaller", "asc", _range.length, getValueFromRange)
-              : linearSearch(_range, searchKey, "wildcard", _range.length, getValueFromRange);
+              : linearSearch(_range, searchKey, "wildcard", _range.length, getValueFromRange, this.lookupCaches);
           const col = _range[colIndex];
           if (col === undefined) {
               return valueNotAvailable(searchKey);
@@ -18840,7 +18874,7 @@ stores.inject(MyMetaStore, storeInstance);
                   index = dichotomicSearch(_range, searchKey, "nextSmaller", "asc", rangeLen, getElement);
                   break;
               case 0:
-                  index = linearSearch(_range, searchKey, "wildcard", rangeLen, getElement);
+                  index = linearSearch(_range, searchKey, "wildcard", rangeLen, getElement, this.lookupCaches);
                   break;
               case -1:
                   index = dichotomicSearch(_range, searchKey, "nextGreater", "desc", rangeLen, getElement);
@@ -18908,7 +18942,7 @@ stores.inject(MyMetaStore, storeInstance);
           const _isSorted = toBoolean(isSorted.value);
           const rowIndex = _isSorted
               ? dichotomicSearch(_range, searchKey, "nextSmaller", "asc", _range[0].length, getValueFromRange)
-              : linearSearch(_range, searchKey, "wildcard", _range[0].length, getValueFromRange);
+              : linearSearch(_range, searchKey, "wildcard", _range[0].length, getValueFromRange, this.lookupCaches);
           const value = _range[_index - 1][rowIndex];
           if (value === undefined) {
               return valueNotAvailable(searchKey);
@@ -18964,7 +18998,7 @@ stores.inject(MyMetaStore, storeInstance);
           const reverseSearch = _searchMode === -1;
           const index = _searchMode === 2 || _searchMode === -2
               ? dichotomicSearch(_lookupRange, searchKey, mode, _searchMode === 2 ? "asc" : "desc", rangeLen, getElement)
-              : linearSearch(_lookupRange, searchKey, mode, rangeLen, getElement, reverseSearch);
+              : linearSearch(_lookupRange, searchKey, mode, rangeLen, getElement, this.lookupCaches, reverseSearch);
           if (index !== -1) {
               return lookupDirection === "col"
                   ? _returnRange.map((col) => [col[index]])
@@ -20422,7 +20456,7 @@ stores.inject(MyMetaStore, storeInstance);
               return [];
           }
           const searchTerm = tokenAtCursor.value;
-          if (!this.composer.currentContent.startsWith("=")) {
+          if (!isFormula(this.composer.currentContent)) {
               return [];
           }
           const values = Object.entries(functionRegistry.content)
@@ -20830,7 +20864,7 @@ stores.inject(MyMetaStore, storeInstance);
                   return;
               }
               if (content) {
-                  if (content.startsWith("=")) {
+                  if (isFormula(content)) {
                       const left = this.currentTokens.filter((t) => t.type === "LEFT_PAREN").length;
                       const right = this.currentTokens.filter((t) => t.type === "RIGHT_PAREN").length;
                       const missing = left - right;
@@ -20884,7 +20918,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           if (isNewCurrentContent || this.editionMode !== "inactive") {
               const locale = this.getters.getLocale();
-              this.currentTokens = text.startsWith("=") ? composerTokenize(text, locale) : [];
+              this.currentTokens = isFormula(text) ? composerTokenize(text, locale) : [];
               if (this.currentTokens.length > 100) {
                   if (raise) {
                       this.notificationStore.raiseError(_t("This formula has over 100 parts. It can't be processed properly, consider splitting it into multiple cells"));
@@ -21084,7 +21118,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       updateRangeColor() {
-          if (!this._currentContent.startsWith("=") || this.editionMode === "inactive") {
+          if (!isFormula(this._currentContent) || this.editionMode === "inactive") {
               return;
           }
           const editionSheetId = this.sheetId;
@@ -21113,7 +21147,7 @@ stores.inject(MyMetaStore, storeInstance);
        * Highlight all ranges that can be found in the composer content.
        */
       get highlights() {
-          if (!this.currentContent.startsWith("=") || this.editionMode === "inactive") {
+          if (!isFormula(this.currentContent) || this.editionMode === "inactive") {
               return [];
           }
           const editionSheetId = this.sheetId;
@@ -21147,7 +21181,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       get autocompleteProvider() {
           const content = this.currentContent;
-          const tokenAtCursor = content.startsWith("=")
+          const tokenAtCursor = isFormula(content)
               ? this.tokenAtCursor
               : { type: "STRING", value: content };
           if (this.editionMode === "inactive" ||
@@ -21204,7 +21238,7 @@ stores.inject(MyMetaStore, storeInstance);
        * - Previous and next tokens can be separated by spaces
        */
       canStartComposerRangeSelection() {
-          if (this._currentContent.startsWith("=")) {
+          if (isFormula(this._currentContent)) {
               const tokenAtCursor = this.tokenAtCursor;
               if (!tokenAtCursor) {
                   return false;
@@ -28303,7 +28337,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
   function getPyramidChartData(definition, dataSets, labelRange, getters) {
       const barChartData = getBarChartData(definition, dataSets, labelRange, getters);
-      const barDataset = barChartData.dataSetsValues;
+      const barDataset = barChartData.dataSetsValues.filter((ds) => !ds.hidden);
       const pyramidDatasetValues = [];
       if (barDataset[0]) {
           const pyramidData = barDataset[0].data.map((value) => (value > 0 ? value : 0));
@@ -28780,10 +28814,8 @@ stores.inject(MyMetaStore, storeInstance);
   function getChartDatasetValues(getters, dataSets) {
       const datasetValues = [];
       for (const [dsIndex, ds] of Object.entries(dataSets)) {
-          if (getters.isColHidden(ds.dataRange.sheetId, ds.dataRange.zone.left)) {
-              continue;
-          }
           let label;
+          let hidden = getters.isColHidden(ds.dataRange.sheetId, ds.dataRange.zone.left);
           if (ds.labelCell) {
               const labelRange = ds.labelCell;
               const cell = labelRange
@@ -28810,9 +28842,9 @@ stores.inject(MyMetaStore, storeInstance);
               data.fill(1);
           }
           else if (data.every((cell) => cell === undefined || cell === null || !isNumber(cell.toString(), DEFAULT_LOCALE))) {
-              continue;
+              hidden = true;
           }
-          datasetValues.push({ data, label });
+          datasetValues.push({ data, label, hidden });
       }
       return datasetValues;
   }
@@ -28823,12 +28855,13 @@ stores.inject(MyMetaStore, storeInstance);
       const colors = getChartColorsGenerator(definition, dataSetsValues.length);
       const trendDatasets = [];
       for (const index in dataSetsValues) {
-          let { label, data } = dataSetsValues[index];
+          let { label, data, hidden } = dataSetsValues[index];
           label = definition.dataSets?.[index].label || label;
           const backgroundColor = colors.next();
           const dataset = {
               label,
               data,
+              hidden,
               borderColor: definition.background || BACKGROUND_CHART_COLOR,
               borderWidth: definition.stacked ? 1 : 0,
               backgroundColor,
@@ -28861,6 +28894,9 @@ stores.inject(MyMetaStore, storeInstance);
       const labelsWithSubTotals = [];
       let lastValue = 0;
       for (const dataSetsValue of dataSetsValues) {
+          if (dataSetsValue.hidden) {
+              continue;
+          }
           for (let i = 0; i < dataSetsValue.data.length; i++) {
               const data = dataSetsValue.data[i];
               labelsWithSubTotals.push(labels[i]);
@@ -28896,7 +28932,7 @@ stores.inject(MyMetaStore, storeInstance);
       const trendDatasets = [];
       const colors = getChartColorsGenerator(definition, dataSetsValues.length);
       for (let index = 0; index < dataSetsValues.length; index++) {
-          let { label, data } = dataSetsValues[index];
+          let { label, data, hidden } = dataSetsValues[index];
           label = definition.dataSets?.[index].label || label;
           const color = colors.next();
           if (axisType && ["linear", "time"].includes(axisType)) {
@@ -28906,6 +28942,7 @@ stores.inject(MyMetaStore, storeInstance);
           const dataset = {
               label,
               data,
+              hidden,
               tension: 0, // 0 -> render straight lines, which is much faster
               borderColor: color,
               backgroundColor: areaChart ? setColorAlpha(color, LINE_FILL_TRANSPARENCY) : color,
@@ -28938,7 +28975,9 @@ stores.inject(MyMetaStore, storeInstance);
       const dataSets = [];
       const dataSetsLength = Math.max(0, ...dataSetsValues.map((ds) => ds?.data?.length ?? 0));
       const backgroundColor = getPieColors(new ColorGenerator(dataSetsLength), dataSetsValues);
-      for (const { label, data } of dataSetsValues) {
+      for (const { label, data, hidden } of dataSetsValues) {
+          if (hidden)
+              continue;
           const dataset = {
               label,
               data,
@@ -28956,7 +28995,7 @@ stores.inject(MyMetaStore, storeInstance);
       const colors = getChartColorsGenerator(definition, dataSetsValues.length);
       const trendDatasets = [];
       for (let index = 0; index < dataSetsValues.length; index++) {
-          let { label, data } = dataSetsValues[index];
+          let { label, data, hidden } = dataSetsValues[index];
           label = definition.dataSets?.[index].label || label;
           const design = definition.dataSets?.[index];
           const color = colors.next();
@@ -28964,6 +29003,7 @@ stores.inject(MyMetaStore, storeInstance);
           const dataset = {
               label: label,
               data,
+              hidden,
               borderColor: color,
               backgroundColor: color,
               yAxisID: definition.dataSets?.[index].yAxisId || "y",
@@ -28988,7 +29028,7 @@ stores.inject(MyMetaStore, storeInstance);
       const fill = definition.fillArea ?? false;
       const colors = getChartColorsGenerator(definition, dataSetsValues.length);
       for (let i = 0; i < dataSetsValues.length; i++) {
-          let { label, data } = dataSetsValues[i];
+          let { label, data, hidden } = dataSetsValues[i];
           if (definition.dataSets?.[i]?.label) {
               label = definition.dataSets[i].label;
           }
@@ -28996,6 +29036,7 @@ stores.inject(MyMetaStore, storeInstance);
           const dataset = {
               label,
               data,
+              hidden,
               borderColor,
               backgroundColor: borderColor,
           };
@@ -29141,6 +29182,11 @@ stores.inject(MyMetaStore, storeInstance);
                   hidden: false,
                   lineWidth: 2,
               })),
+              filter: (legendItem, data) => {
+                  return "datasetIndex" in legendItem
+                      ? !data.datasets[legendItem.datasetIndex].hidden
+                      : true;
+              },
           },
       };
   }
@@ -29202,6 +29248,11 @@ stores.inject(MyMetaStore, storeInstance);
                   }
                   return legendValues;
               },
+              filter: (legendItem, data) => {
+                  return "datasetIndex" in legendItem
+                      ? !data.datasets[legendItem.datasetIndex].hidden
+                      : true;
+              },
           },
           onClick: () => { }, // Disables click interaction with the waterfall chart legend items
       };
@@ -29285,6 +29336,11 @@ stores.inject(MyMetaStore, storeInstance);
                       ...legendLabelConfig,
                   };
               }),
+              filter: (legendItem, data) => {
+                  return "datasetIndex" in legendItem
+                      ? !data.datasets[legendItem.datasetIndex].hidden
+                      : true;
+              },
           },
       };
   }
@@ -29618,7 +29674,7 @@ stores.inject(MyMetaStore, storeInstance);
     <div
       class="o-chart-custom-tooltip border rounded px-2 py-1 pe-none mw-100 position-absolute text-nowrap shadow opacity-100">
       <table class="overflow-hidden m-0">
-        <thead>
+        <thead t-if="title">
           <tr>
             <th class="o-tooltip-title align-baseline border-0 text-truncate" t-esc="title" t-attf-style="max-width: {{ labelsMaxWidth }}"/>
           </tr>
@@ -29679,8 +29735,8 @@ stores.inject(MyMetaStore, storeInstance);
                       ? undefined
                       : "";
               },
+              beforeLabel: (tooltipItem) => tooltipItem.dataset?.label || tooltipItem.label,
               label: function (tooltipItem) {
-                  const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
                   const horizontalChart = definition.horizontal;
                   let yLabel = horizontalChart ? tooltipItem.parsed.x : tooltipItem.parsed.y;
                   if (yLabel === undefined || yLabel === null) {
@@ -29688,7 +29744,7 @@ stores.inject(MyMetaStore, storeInstance);
                   }
                   const axisId = horizontalChart ? tooltipItem.dataset.xAxisID : tooltipItem.dataset.yAxisID;
                   const yLabelStr = formatChartDatasetValue(args.axisFormats, args.locale)(yLabel, axisId);
-                  return xLabel ? `${xLabel}: ${yLabelStr}` : yLabelStr;
+                  return yLabelStr;
               },
           },
       };
@@ -29713,21 +29769,18 @@ stores.inject(MyMetaStore, storeInstance);
               const formattedX = formatValue(label, { locale, format: labelFormat });
               const axisId = tooltipItem.dataset.yAxisID || "y";
               const formattedY = formatValue(dataSetPoint, { locale, format: axisFormats?.[axisId] });
-              const dataSetTitle = tooltipItem.dataset.label;
-              return formattedX
-                  ? `${dataSetTitle}: (${formattedX}, ${formattedY})`
-                  : `${dataSetTitle}: ${formattedY}`;
+              return formattedX ? `(${formattedX}, ${formattedY})` : `${formattedY}`;
           };
       }
       else {
           tooltip.callbacks.label = function (tooltipItem) {
-              const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
               const yLabel = tooltipItem.parsed.y;
               const axisId = tooltipItem.dataset.yAxisID;
               const yLabelStr = formatChartDatasetValue(axisFormats, locale)(yLabel, axisId);
-              return xLabel ? `${xLabel}: ${yLabelStr}` : yLabelStr;
+              return yLabelStr;
           };
       }
+      tooltip.callbacks.beforeLabel = (tooltipItem) => tooltipItem.dataset?.label || tooltipItem.label;
       tooltip.callbacks.title = function (tooltipItems) {
           const displayTooltipTitle = axisType !== "linear" &&
               tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID);
@@ -29745,17 +29798,15 @@ stores.inject(MyMetaStore, storeInstance);
               title: function (tooltipItems) {
                   return tooltipItems[0].dataset.label;
               },
+              beforeLabel: (tooltipItem) => tooltipItem.label || tooltipItem.dataset.label,
               label: function (tooltipItem) {
                   const data = tooltipItem.dataset.data;
                   const dataIndex = tooltipItem.dataIndex;
                   const percentage = calculatePercentage(data, dataIndex);
-                  const xLabel = tooltipItem.label || tooltipItem.dataset.label;
                   const yLabel = tooltipItem.parsed.y ?? tooltipItem.parsed;
                   const toolTipFormat = !format && yLabel >= 1000 ? "#,##" : format;
                   const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
-                  return xLabel
-                      ? `${xLabel}: ${yLabelStr} (${percentage}%)`
-                      : `${yLabelStr} (${percentage}%)`;
+                  return `${yLabelStr} (${percentage}%)`;
               },
           },
       };
@@ -29768,16 +29819,17 @@ stores.inject(MyMetaStore, storeInstance);
           enabled: false,
           external: customTooltipHandler,
           callbacks: {
-              label: function (tooltipItem) {
-                  const [lastValue, currentValue] = tooltipItem.raw;
-                  const yLabel = currentValue - lastValue;
+              beforeLabel: function (tooltipItem) {
                   const dataSeriesIndex = labels.length
                       ? Math.floor(tooltipItem.dataIndex / labels.length)
                       : 0;
-                  const dataSeriesLabel = dataSeriesLabels[dataSeriesIndex];
+                  return dataSeriesLabels[dataSeriesIndex];
+              },
+              label: function (tooltipItem) {
+                  const [lastValue, currentValue] = tooltipItem.raw;
+                  const yLabel = currentValue - lastValue;
                   const toolTipFormat = !format && Math.abs(yLabel) > 1000 ? "#,##" : format;
-                  const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
-                  return dataSeriesLabel ? `${dataSeriesLabel}: ${yLabelStr}` : yLabelStr;
+                  return formatValue(yLabel, { format: toolTipFormat, locale });
               },
           },
       };
@@ -29801,11 +29853,10 @@ stores.inject(MyMetaStore, storeInstance);
           enabled: false,
           external: customTooltipHandler,
           callbacks: {
+              beforeLabel: (tooltipItem) => tooltipItem.dataset?.label || tooltipItem.label,
               label: function (tooltipItem) {
-                  const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
                   const yLabel = tooltipItem.parsed.r;
-                  const formattedY = formatValue(yLabel, { format: axisFormats?.r, locale });
-                  return xLabel ? `${xLabel}: ${formattedY}` : formattedY;
+                  return formatValue(yLabel, { format: axisFormats?.r, locale });
               },
           },
       };
@@ -29820,13 +29871,12 @@ stores.inject(MyMetaStore, storeInstance);
               return tooltipItem.raw.value !== undefined;
           },
           callbacks: {
+              beforeLabel: (tooltipItem) => tooltipItem.raw.feature.properties.name,
               label: function (tooltipItem) {
                   const rawItem = tooltipItem.raw;
-                  const xLabel = rawItem.feature.properties.name;
                   const yLabel = rawItem.value;
                   const toolTipFormat = !format && Math.abs(yLabel) >= 1000 ? "#,##" : format;
-                  const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
-                  return xLabel ? `${xLabel}: ${yLabelStr}` : yLabelStr;
+                  return formatValue(yLabel, { format: toolTipFormat, locale });
               },
           },
       };
@@ -29846,7 +29896,8 @@ stores.inject(MyMetaStore, storeInstance);
           return;
       }
       const tooltipItems = tooltip.body.map((body, index) => {
-          let [label, value] = body.lines[0].split(":").map((str) => str.trim());
+          let label = body.before[0];
+          let value = body.lines[0];
           if (!value) {
               value = label;
               label = "";
@@ -33007,6 +33058,187 @@ stores.inject(MyMetaStore, storeInstance);
       },
   };
 
+  const macRegex = /Mac/i;
+  const MODIFIER_KEYS = ["Shift", "Control", "Alt", "Meta"];
+  /**
+   * Return true if the event was triggered from
+   * a child element.
+   */
+  function isChildEvent(parent, ev) {
+      if (!parent)
+          return false;
+      return !!ev.target && parent.contains(ev.target);
+  }
+  function gridOverlayPosition() {
+      const spreadsheetElement = document.querySelector(".o-grid-overlay");
+      if (spreadsheetElement) {
+          const { top, left } = spreadsheetElement?.getBoundingClientRect();
+          return { top, left };
+      }
+      throw new Error("Can't find spreadsheet position");
+  }
+  function getBoundingRectAsPOJO(el) {
+      const rect = el.getBoundingClientRect();
+      return {
+          x: rect.x,
+          y: rect.y,
+          width: rect.width,
+          height: rect.height,
+      };
+  }
+  /**
+   * Iterate over all the children of `el` in the dom tree starting at `el`, depth first.
+   */
+  function* iterateChildren(el) {
+      yield el;
+      if (el.hasChildNodes()) {
+          for (let child of el.childNodes) {
+              yield* iterateChildren(child);
+          }
+      }
+  }
+  function getOpenedMenus() {
+      return Array.from(document.querySelectorAll(".o-spreadsheet .o-menu"));
+  }
+  function getCurrentSelection(el) {
+      let { startElement, endElement, startSelectionOffset, endSelectionOffset } = getStartAndEndSelection(el);
+      let startSizeBefore = findSelectionIndex(el, startElement, startSelectionOffset);
+      let endSizeBefore = findSelectionIndex(el, endElement, endSelectionOffset);
+      return {
+          start: startSizeBefore,
+          end: endSizeBefore,
+      };
+  }
+  function getStartAndEndSelection(el) {
+      const selection = document.getSelection();
+      return {
+          startElement: selection.anchorNode || el,
+          startSelectionOffset: selection.anchorOffset,
+          endElement: selection.focusNode || el,
+          endSelectionOffset: selection.focusOffset,
+      };
+  }
+  /**
+   * Computes the text 'index' inside this.el based on the currently selected node and its offset.
+   * The selected node is either a Text node or an Element node.
+   *
+   * case 1 -Text node:
+   * the offset is the number of characters from the start of the node. We have to add this offset to the
+   * content length of all previous nodes.
+   *
+   * case 2 - Element node:
+   * the offset is the number of child nodes before the selected node. We have to add the content length of
+   * all the nodes prior to the selected node as well as the content of the child node before the offset.
+   *
+   * See the MDN documentation for more details.
+   * https://developer.mozilla.org/en-US/docs/Web/API/Range/startOffset
+   * https://developer.mozilla.org/en-US/docs/Web/API/Range/endOffset
+   *
+   */
+  function findSelectionIndex(el, nodeToFind, nodeOffset) {
+      let usedCharacters = 0;
+      let it = iterateChildren(el);
+      let current = it.next();
+      let isFirstParagraph = true;
+      while (!current.done && current.value !== nodeToFind) {
+          if (!current.value.hasChildNodes()) {
+              if (current.value.textContent) {
+                  usedCharacters += current.value.textContent.length;
+              }
+          }
+          // One new paragraph = one new line character, except for the first paragraph
+          if (current.value.nodeName === "P" ||
+              (current.value.nodeName === "DIV" && current.value !== el) // On paste, the HTML may contain <div> instead of <p>
+          ) {
+              if (isFirstParagraph) {
+                  isFirstParagraph = false;
+              }
+              else {
+                  usedCharacters++;
+              }
+          }
+          current = it.next();
+      }
+      if (current.value !== nodeToFind) {
+          /** This situation can happen if the code is called while the selection is not currently on the element.
+           * In this case, we return 0 because we don't know the size of the text before the selection.
+           *
+           * A known occurrence is triggered since the introduction of commit d4663158 (PR #2038).
+           */
+          return 0;
+      }
+      else {
+          if (!current.value.hasChildNodes()) {
+              usedCharacters += nodeOffset;
+          }
+          else {
+              const children = [...current.value.childNodes].slice(0, nodeOffset);
+              usedCharacters += children.reduce((acc, child, index) => {
+                  if (child.textContent !== null) {
+                      // need to account for paragraph nodes that implicitly add a new line
+                      // except for the last paragraph
+                      let chars = child.textContent.length;
+                      if (child.nodeName === "P" && index !== children.length - 1) {
+                          chars++;
+                      }
+                      return acc + chars;
+                  }
+                  else {
+                      return acc;
+                  }
+              }, 0);
+          }
+      }
+      if (nodeToFind.nodeName === "P" && !isFirstParagraph && nodeToFind.textContent === "") {
+          usedCharacters++;
+      }
+      return usedCharacters;
+  }
+  const letterRegex = /^[a-zA-Z]$/;
+  /**
+   * Transform a keyboard event into a shortcut string that represent this event. The letters keys will be uppercased.
+   *
+   * @argument ev - The keyboard event to transform
+   * @argument mode - Use either ev.key of ev.code to get the string shortcut
+   *
+   * @example
+   * event : { ctrlKey: true, key: "a" } => "Ctrl+A"
+   * event : { shift: true, alt: true, key: "Home" } => "Alt+Shift+Home"
+   */
+  function keyboardEventToShortcutString(ev, mode = "key") {
+      let keyDownString = "";
+      if (!MODIFIER_KEYS.includes(ev.key)) {
+          if (isCtrlKey(ev))
+              keyDownString += "Ctrl+";
+          if (ev.altKey)
+              keyDownString += "Alt+";
+          if (ev.shiftKey)
+              keyDownString += "Shift+";
+      }
+      const key = mode === "key" ? ev.key : ev.code;
+      keyDownString += letterRegex.test(key) ? key.toUpperCase() : key;
+      return keyDownString;
+  }
+  function isMacOS() {
+      return Boolean(macRegex.test(navigator.userAgent));
+  }
+  /**
+   * @param {KeyboardEvent | MouseEvent} ev
+   * @returns Returns true if the event was triggered with the "ctrl" modifier pressed.
+   * On Mac, this is the "meta" or "command" key.
+   */
+  function isCtrlKey(ev) {
+      return isMacOS() ? ev.metaKey : ev.ctrlKey;
+  }
+  /**
+   * @param {MouseEvent} ev - The mouse event.
+   * @returns {boolean} Returns true if the event was triggered by a middle-click
+   * or a Ctrl + Click (Cmd + Click on Mac).
+   */
+  function isMiddleClickOrCtrlClick(ev) {
+      return ev.button === 1 || (isCtrlKey(ev) && ev.button === 0);
+  }
+
   const LINK_TOOLTIP_HEIGHT = 32;
   const LINK_TOOLTIP_WIDTH = 220;
   css /* scss */ `
@@ -33081,8 +33313,8 @@ stores.inject(MyMetaStore, storeInstance);
       getUrlRepresentation(link) {
           return urlRepresentation(link, this.env.model.getters);
       }
-      openLink() {
-          openLink(this.link, this.env);
+      openLink(ev) {
+          openLink(this.link, this.env, isMiddleClickOrCtrlClick(ev));
       }
       edit() {
           const { col, row } = this.props.cellPosition;
@@ -33211,179 +33443,6 @@ stores.inject(MyMetaStore, storeInstance);
       sequence: 10,
   });
 
-  const macRegex = /Mac/i;
-  const MODIFIER_KEYS = ["Shift", "Control", "Alt", "Meta"];
-  /**
-   * Return true if the event was triggered from
-   * a child element.
-   */
-  function isChildEvent(parent, ev) {
-      if (!parent)
-          return false;
-      return !!ev.target && parent.contains(ev.target);
-  }
-  function gridOverlayPosition() {
-      const spreadsheetElement = document.querySelector(".o-grid-overlay");
-      if (spreadsheetElement) {
-          const { top, left } = spreadsheetElement?.getBoundingClientRect();
-          return { top, left };
-      }
-      throw new Error("Can't find spreadsheet position");
-  }
-  function getBoundingRectAsPOJO(el) {
-      const rect = el.getBoundingClientRect();
-      return {
-          x: rect.x,
-          y: rect.y,
-          width: rect.width,
-          height: rect.height,
-      };
-  }
-  /**
-   * Iterate over all the children of `el` in the dom tree starting at `el`, depth first.
-   */
-  function* iterateChildren(el) {
-      yield el;
-      if (el.hasChildNodes()) {
-          for (let child of el.childNodes) {
-              yield* iterateChildren(child);
-          }
-      }
-  }
-  function getOpenedMenus() {
-      return Array.from(document.querySelectorAll(".o-spreadsheet .o-menu"));
-  }
-  function getCurrentSelection(el) {
-      let { startElement, endElement, startSelectionOffset, endSelectionOffset } = getStartAndEndSelection(el);
-      let startSizeBefore = findSelectionIndex(el, startElement, startSelectionOffset);
-      let endSizeBefore = findSelectionIndex(el, endElement, endSelectionOffset);
-      return {
-          start: startSizeBefore,
-          end: endSizeBefore,
-      };
-  }
-  function getStartAndEndSelection(el) {
-      const selection = document.getSelection();
-      return {
-          startElement: selection.anchorNode || el,
-          startSelectionOffset: selection.anchorOffset,
-          endElement: selection.focusNode || el,
-          endSelectionOffset: selection.focusOffset,
-      };
-  }
-  /**
-   * Computes the text 'index' inside this.el based on the currently selected node and its offset.
-   * The selected node is either a Text node or an Element node.
-   *
-   * case 1 -Text node:
-   * the offset is the number of characters from the start of the node. We have to add this offset to the
-   * content length of all previous nodes.
-   *
-   * case 2 - Element node:
-   * the offset is the number of child nodes before the selected node. We have to add the content length of
-   * all the nodes prior to the selected node as well as the content of the child node before the offset.
-   *
-   * See the MDN documentation for more details.
-   * https://developer.mozilla.org/en-US/docs/Web/API/Range/startOffset
-   * https://developer.mozilla.org/en-US/docs/Web/API/Range/endOffset
-   *
-   */
-  function findSelectionIndex(el, nodeToFind, nodeOffset) {
-      let usedCharacters = 0;
-      let it = iterateChildren(el);
-      let current = it.next();
-      let isFirstParagraph = true;
-      while (!current.done && current.value !== nodeToFind) {
-          if (!current.value.hasChildNodes()) {
-              if (current.value.textContent) {
-                  usedCharacters += current.value.textContent.length;
-              }
-          }
-          // One new paragraph = one new line character, except for the first paragraph
-          if (current.value.nodeName === "P" ||
-              (current.value.nodeName === "DIV" && current.value !== el) // On paste, the HTML may contain <div> instead of <p>
-          ) {
-              if (isFirstParagraph) {
-                  isFirstParagraph = false;
-              }
-              else {
-                  usedCharacters++;
-              }
-          }
-          current = it.next();
-      }
-      if (current.value !== nodeToFind) {
-          /** This situation can happen if the code is called while the selection is not currently on the element.
-           * In this case, we return 0 because we don't know the size of the text before the selection.
-           *
-           * A known occurrence is triggered since the introduction of commit d4663158 (PR #2038).
-           */
-          return 0;
-      }
-      else {
-          if (!current.value.hasChildNodes()) {
-              usedCharacters += nodeOffset;
-          }
-          else {
-              const children = [...current.value.childNodes].slice(0, nodeOffset);
-              usedCharacters += children.reduce((acc, child, index) => {
-                  if (child.textContent !== null) {
-                      // need to account for paragraph nodes that implicitly add a new line
-                      // except for the last paragraph
-                      let chars = child.textContent.length;
-                      if (child.nodeName === "P" && index !== children.length - 1) {
-                          chars++;
-                      }
-                      return acc + chars;
-                  }
-                  else {
-                      return acc;
-                  }
-              }, 0);
-          }
-      }
-      if (nodeToFind.nodeName === "P" && !isFirstParagraph && nodeToFind.textContent === "") {
-          usedCharacters++;
-      }
-      return usedCharacters;
-  }
-  const letterRegex = /^[a-zA-Z]$/;
-  /**
-   * Transform a keyboard event into a shortcut string that represent this event. The letters keys will be uppercased.
-   *
-   * @argument ev - The keyboard event to transform
-   * @argument mode - Use either ev.key of ev.code to get the string shortcut
-   *
-   * @example
-   * event : { ctrlKey: true, key: "a" } => "Ctrl+A"
-   * event : { shift: true, alt: true, key: "Home" } => "Alt+Shift+Home"
-   */
-  function keyboardEventToShortcutString(ev, mode = "key") {
-      let keyDownString = "";
-      if (!MODIFIER_KEYS.includes(ev.key)) {
-          if (isCtrlKey(ev))
-              keyDownString += "Ctrl+";
-          if (ev.altKey)
-              keyDownString += "Alt+";
-          if (ev.shiftKey)
-              keyDownString += "Shift+";
-      }
-      const key = mode === "key" ? ev.key : ev.code;
-      keyDownString += letterRegex.test(key) ? key.toUpperCase() : key;
-      return keyDownString;
-  }
-  function isMacOS() {
-      return Boolean(macRegex.test(navigator.userAgent));
-  }
-  /**
-   * @param {KeyboardEvent | MouseEvent} ev
-   * @returns Returns true if the event was triggered with the "ctrl" modifier pressed.
-   * On Mac, this is the "meta" or "command" key.
-   */
-  function isCtrlKey(ev) {
-      return isMacOS() ? ev.metaKey : ev.ctrlKey;
-  }
-
   /**
    * Repeatedly calls a callback function with a time delay between calls.
    */
@@ -33578,8 +33637,8 @@ stores.inject(MyMetaStore, storeInstance);
       getIconColor(menu) {
           return cssPropertiesToCss({ color: menu.iconColor });
       }
-      async activateMenu(menu) {
-          const result = await menu.execute?.(this.env);
+      async activateMenu(menu, isMiddleClick) {
+          const result = await menu.execute?.(this.env, isMiddleClick);
           this.close();
           this.props.onMenuClicked?.({ detail: result });
       }
@@ -33642,13 +33701,14 @@ stores.inject(MyMetaStore, storeInstance);
           this.subMenu.parentMenu = undefined;
       }
       onClickMenu(menu, ev) {
-          if (this.isEnabled(menu)) {
-              if (this.isRoot(menu)) {
-                  this.openSubMenu(menu, ev.currentTarget);
-              }
-              else {
-                  this.activateMenu(menu);
-              }
+          if (!this.isEnabled(menu)) {
+              return;
+          }
+          if (this.isRoot(menu)) {
+              this.openSubMenu(menu, ev.currentTarget);
+          }
+          else {
+              this.activateMenu(menu, isMiddleClickOrCtrlClick(ev));
           }
       }
       onMouseOver(menu, ev) {
@@ -40276,7 +40336,7 @@ stores.inject(MyMetaStore, storeInstance);
           const content = this.props.composerStore.currentContent;
           if (this.props.focus === "cellFocus" &&
               !this.autoCompleteState.provider &&
-              !content.startsWith("=")) {
+              !isFormula(content)) {
               this.props.composerStore.stopEdition();
               return;
           }
@@ -40493,7 +40553,7 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           }
           const composerContent = this.props.composerStore.currentContent;
-          const isValidFormula = composerContent.startsWith("=");
+          const isValidFormula = isFormula(composerContent);
           if (isValidFormula) {
               const tokens = this.props.composerStore.currentTokens;
               const currentSelection = this.contentHelper.getCurrentSelection();
@@ -40550,7 +40610,7 @@ stores.inject(MyMetaStore, storeInstance);
        */
       getContentLines() {
           let value = this.props.composerStore.currentContent;
-          const isValidFormula = value.startsWith("=");
+          const isValidFormula = isFormula(value);
           if (value === "") {
               return [];
           }
@@ -40639,7 +40699,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.autoCompleteState.useProvider(autoCompleteProvider);
           }
           const token = this.props.composerStore.tokenAtCursor;
-          if (content.startsWith("=") && token && token.type !== "SYMBOL") {
+          if (isFormula(content) && token && token.type !== "SYMBOL") {
               const tokenContext = token.functionContext;
               const parentFunction = tokenContext?.parent.toUpperCase();
               if (tokenContext &&
@@ -48697,7 +48757,7 @@ stores.inject(MyMetaStore, storeInstance);
                   }
                   break;
               case "ACTIVATE_SHEET":
-                  if (!this._currentContent.startsWith("=")) {
+                  if (!isFormula(this._currentContent)) {
                       this._cancelEdition();
                       this.resetContent();
                   }
@@ -48773,7 +48833,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (content) {
               const sheetId = this.getters.getActiveSheetId();
               const cell = this.getters.getEvaluatedCell({ sheetId, col: this.col, row: this.row });
-              if (cell.link && !content.startsWith("=")) {
+              if (cell.link && !isFormula(content)) {
                   content = markdownLink(content, cell.link.url);
               }
               this.addHeadersForSpreadingFormula(content);
@@ -48833,7 +48893,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       /** Add headers at the end of the sheet so the formula in the composer has enough space to spread */
       addHeadersForSpreadingFormula(content) {
-          if (!content.startsWith("=")) {
+          if (!isFormula(content)) {
               return;
           }
           const evaluated = this.getters.evaluateFormula(this.sheetId, content);
@@ -48866,7 +48926,7 @@ stores.inject(MyMetaStore, storeInstance);
       checkDataValidation() {
           const cellPosition = { sheetId: this.sheetId, col: this.col, row: this.row };
           const content = this.getCurrentCanonicalContent();
-          const cellValue = content.startsWith("=")
+          const cellValue = isFormula(content)
               ? this.getters.evaluateFormula(this.sheetId, content)
               : parseLiteral(content, this.getters.getLocale());
           if (isMatrix(cellValue)) {
@@ -48988,23 +49048,23 @@ stores.inject(MyMetaStore, storeInstance);
           if (this.composerStore.editionMode === "inactive") {
               return `z-index: -1000;`;
           }
-          const isFormula = this.composerStore.currentContent.startsWith("=");
+          const _isFormula = isFormula(this.composerStore.currentContent);
           const cell = this.env.model.getters.getActiveCell();
           const position = this.env.model.getters.getActivePosition();
           const style = this.env.model.getters.getCellComputedStyle(position);
           // position style
           const { x: left, y: top, width, height } = this.rect;
           // color style
-          const background = (!isFormula && style.fillColor) || "#ffffff";
-          const color = (!isFormula && style.textColor) || "#000000";
+          const background = (!_isFormula && style.fillColor) || "#ffffff";
+          const color = (!_isFormula && style.textColor) || "#000000";
           // font style
-          const fontSize = (!isFormula && style.fontSize) || 10;
-          const fontWeight = !isFormula && style.bold ? "bold" : undefined;
-          const fontStyle = !isFormula && style.italic ? "italic" : "normal";
-          const textDecoration = !isFormula ? getTextDecoration(style) : "none";
+          const fontSize = (!_isFormula && style.fontSize) || 10;
+          const fontWeight = !_isFormula && style.bold ? "bold" : undefined;
+          const fontStyle = !_isFormula && style.italic ? "italic" : "normal";
+          const textDecoration = !_isFormula ? getTextDecoration(style) : "none";
           // align style
           let textAlign = "left";
-          if (!isFormula) {
+          if (!_isFormula) {
               textAlign = style.align || cell.defaultAlign;
           }
           const maxHeight = this.props.gridDims.height - this.rect.y;
@@ -51638,8 +51698,8 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   .o-corner {
     position: absolute;
-    height: 6px;
-    width: 6px;
+    height: 8px;
+    width: 8px;
     border: 1px solid white;
   }
   .o-corner-nw,
@@ -53204,7 +53264,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.history.update("borders", sheetId, col, row, "left", border?.left);
               if (border?.left &&
                   col > 0 &&
-                  !deepEquals(this.getCellBorder({ sheetId, col: col - 1, row })?.right, border?.left)) {
+                  !deepEquals(this.borders[sheetId]?.[col - 1]?.[row]?.right, border?.left)) {
                   this.history.update("borders", sheetId, col - 1, row, "right", undefined);
               }
           }
@@ -53212,7 +53272,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.history.update("borders", sheetId, col, row, "top", border?.top);
               if (border?.top &&
                   row > 0 &&
-                  !deepEquals(this.getCellBorder({ sheetId, col, row: row - 1 })?.bottom, border?.top)) {
+                  !deepEquals(this.borders[sheetId]?.[col]?.[row - 1]?.bottom, border?.top)) {
                   this.history.update("borders", sheetId, col, row - 1, "bottom", undefined);
               }
           }
@@ -53220,7 +53280,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.history.update("borders", sheetId, col, row, "right", border?.right);
               if (border?.right &&
                   col < maxCol &&
-                  !deepEquals(this.getCellBorder({ sheetId, col: col + 1, row })?.left, border?.right)) {
+                  !deepEquals(this.borders[sheetId]?.[col + 1]?.[row]?.left, border?.right)) {
                   this.history.update("borders", sheetId, col + 1, row, "left", undefined);
               }
           }
@@ -53228,7 +53288,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.history.update("borders", sheetId, col, row, "bottom", border?.bottom);
               if (border?.bottom &&
                   row < maxRow &&
-                  !deepEquals(this.getCellBorder({ sheetId, col, row: row + 1 })?.top, border?.bottom)) {
+                  !deepEquals(this.borders[sheetId]?.[col]?.[row + 1]?.top, border?.bottom)) {
                   this.history.update("borders", sheetId, col, row + 1, "top", undefined);
               }
           }
@@ -60000,6 +60060,10 @@ stores.inject(MyMetaStore, storeInstance);
           this.compilationParams = buildCompilationParameters(this.context, this.getters, this.computeAndSave.bind(this));
           this.compilationParams.evalContext.updateDependencies = this.updateDependencies.bind(this);
           this.compilationParams.evalContext.addDependencies = this.addDependencies.bind(this);
+          this.compilationParams.evalContext.lookupCaches = {
+              forwardSearch: new Map(),
+              reverseSearch: new Map(),
+          };
       }
       createEmptyPositionSet() {
           const sheetSizes = {};
@@ -68616,7 +68680,7 @@ stores.inject(MyMetaStore, storeInstance);
       condition: (position, getters) => {
           return !!getters.getEvaluatedCell(position).link;
       },
-      execute: (position, env) => openLink(env.model.getters.getEvaluatedCell(position).link, env),
+      execute: (position, env, isMiddleClick) => openLink(env.model.getters.getEvaluatedCell(position).link, env, isMiddleClick),
       sequence: 5,
   });
 
@@ -69601,9 +69665,9 @@ stores.inject(MyMetaStore, storeInstance);
       getClickableCells() {
           return owl.toRaw(this.clickableCellsStore.clickableCells);
       }
-      selectClickableCell(clickableCell) {
+      selectClickableCell(ev, clickableCell) {
           const { position, action } = clickableCell;
-          action(position, this.env);
+          action(position, this.env, isMiddleClickOrCtrlClick(ev));
       }
       onClosePopover() {
           this.cellPopovers.close();
@@ -75610,9 +75674,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.3.0-alpha.0";
-  __info__.date = "2025-02-18T09:02:28.625Z";
-  __info__.hash = "9b88da0";
+  __info__.version = "18.3.0-alpha.1";
+  __info__.date = "2025-02-25T06:00:14.885Z";
+  __info__.hash = "be4d957";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);