@odoo/o-spreadsheet 18.3.0-alpha.0 → 18.3.0-alpha.2

package/dist/o-spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.3.0-alpha.0
- * @date 2025-02-18T09:02:28.625Z
- * @hash 9b88da0
+ * @version 18.3.0-alpha.2
+ * @date 2025-02-27T06:31:04.174Z
+ * @hash 17e5bfa
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -992,6 +992,9 @@ function getUniqueText(text, texts, options = {}) {
     }
     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}$/;
@@ -4458,7 +4461,7 @@ function dichotomicSearch(data, target, mode, sortOrder, rangeLength, getValueIn
  * @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;
     }
@@ -4467,17 +4470,48 @@ function linearSearch(data, target, mode, numberOfValues, getValueInData, revers
     }
     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);
             }
@@ -4488,7 +4522,7 @@ function linearSearch(data, target, mode, numberOfValues, getValueInData, revers
     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;
@@ -4499,7 +4533,7 @@ function linearSearch(data, target, mode, numberOfValues, getValueInData, revers
     }
     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;
@@ -4510,12 +4544,10 @@ function linearSearch(data, target, mode, numberOfValues, getValueInData, revers
     }
     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.
@@ -4631,8 +4663,8 @@ function findMatchingSpec(url) {
 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") {
@@ -6489,10 +6521,11 @@ class UuidGenerator {
      *
      */
     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
@@ -6507,10 +6540,11 @@ class UuidGenerator {
      * 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
@@ -6918,7 +6952,7 @@ function isValidLocale(locale) {
  * 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);
 }
@@ -6933,7 +6967,7 @@ function canonicalizeNumberContent(content, locale) {
  * 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);
 }
@@ -6952,7 +6986,7 @@ function localizeContent(content, locale) {
 }
 /** 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) {
@@ -7115,13 +7149,13 @@ function getDateTimeFormat(locale) {
 
 /** 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 &&
@@ -10875,7 +10909,7 @@ const autoCompleteProviders = new Registry();
 
 autoCompleteProviders.add("dataValidation", {
     getProposals(tokenAtCursor, content) {
-        if (content.startsWith("=")) {
+        if (isFormula(content)) {
             return [];
         }
         if (!this.composer.currentEditedCell) {
@@ -18684,7 +18718,7 @@ const HLOOKUP = {
         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);
@@ -18839,7 +18873,7 @@ const MATCH = {
                 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);
@@ -18907,7 +18941,7 @@ const VLOOKUP = {
         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);
@@ -18963,7 +18997,7 @@ const XLOOKUP = {
         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]])
@@ -20421,7 +20455,7 @@ autoCompleteProviders.add("functions", {
             return [];
         }
         const searchTerm = tokenAtCursor.value;
-        if (!this.composer.currentContent.startsWith("=")) {
+        if (!isFormula(this.composer.currentContent)) {
             return [];
         }
         const values = Object.entries(functionRegistry.content)
@@ -20829,7 +20863,7 @@ class AbstractComposerStore extends SpreadsheetStore {
                 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;
@@ -20883,7 +20917,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         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"));
@@ -21083,7 +21117,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
     }
     updateRangeColor() {
-        if (!this._currentContent.startsWith("=") || this.editionMode === "inactive") {
+        if (!isFormula(this._currentContent) || this.editionMode === "inactive") {
             return;
         }
         const editionSheetId = this.sheetId;
@@ -21112,7 +21146,7 @@ class AbstractComposerStore extends SpreadsheetStore {
      * 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;
@@ -21146,7 +21180,7 @@ class AbstractComposerStore extends SpreadsheetStore {
     }
     get autocompleteProvider() {
         const content = this.currentContent;
-        const tokenAtCursor = content.startsWith("=")
+        const tokenAtCursor = isFormula(content)
             ? this.tokenAtCursor
             : { type: "STRING", value: content };
         if (this.editionMode === "inactive" ||
@@ -21203,7 +21237,7 @@ class AbstractComposerStore extends SpreadsheetStore {
      * - 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;
@@ -28302,7 +28336,7 @@ function getBarChartData(definition, dataSets, labelRange, getters) {
 }
 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));
@@ -28779,10 +28813,8 @@ function getChartDatasetFormat(getters, allDataSets, axis) {
 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
@@ -28809,9 +28841,9 @@ function getChartDatasetValues(getters, dataSets) {
             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;
 }
@@ -28822,12 +28854,13 @@ function getBarChartDatasets(definition, args) {
     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,
@@ -28860,6 +28893,9 @@ function getWaterfallDatasetAndLabels(definition, args) {
     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]);
@@ -28895,7 +28931,7 @@ function getLineChartDatasets(definition, args) {
     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)) {
@@ -28905,6 +28941,7 @@ function getLineChartDatasets(definition, args) {
         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,
@@ -28937,7 +28974,9 @@ function getPieChartDatasets(definition, args) {
     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,
@@ -28955,7 +28994,7 @@ function getComboChartDatasets(definition, args) {
     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();
@@ -28963,6 +29002,7 @@ function getComboChartDatasets(definition, args) {
         const dataset = {
             label: label,
             data,
+            hidden,
             borderColor: color,
             backgroundColor: color,
             yAxisID: definition.dataSets?.[index].yAxisId || "y",
@@ -28987,7 +29027,7 @@ function getRadarChartDatasets(definition, args) {
     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;
         }
@@ -28995,6 +29035,7 @@ function getRadarChartDatasets(definition, args) {
         const dataset = {
             label,
             data,
+            hidden,
             borderColor,
             backgroundColor: borderColor,
         };
@@ -29140,6 +29181,11 @@ function getPieChartLegend(definition, args) {
                 hidden: false,
                 lineWidth: 2,
             })),
+            filter: (legendItem, data) => {
+                return "datasetIndex" in legendItem
+                    ? !data.datasets[legendItem.datasetIndex].hidden
+                    : true;
+            },
         },
     };
 }
@@ -29201,6 +29247,11 @@ function getWaterfallChartLegend(definition, args) {
                 }
                 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
     };
@@ -29284,6 +29335,11 @@ function getCustomLegendLabels(fontColor, legendLabelConfig) {
                     ...legendLabelConfig,
                 };
             }),
+            filter: (legendItem, data) => {
+                return "datasetIndex" in legendItem
+                    ? !data.datasets[legendItem.datasetIndex].hidden
+                    : true;
+            },
         },
     };
 }
@@ -29617,7 +29673,7 @@ const templates = /* xml */ `
     <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>
@@ -29678,8 +29734,8 @@ function getBarChartTooltip(definition, args) {
                     ? 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) {
@@ -29687,7 +29743,7 @@ function getBarChartTooltip(definition, args) {
                 }
                 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;
             },
         },
     };
@@ -29712,21 +29768,18 @@ function getLineChartTooltip(definition, args) {
             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);
@@ -29744,17 +29797,15 @@ function getPieChartTooltip(definition, args) {
             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}%)`;
             },
         },
     };
@@ -29767,16 +29818,17 @@ function getWaterfallChartTooltip(definition, args) {
         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 });
             },
         },
     };
@@ -29800,11 +29852,10 @@ function getRadarChartTooltip(definition, args) {
         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 });
             },
         },
     };
@@ -29819,13 +29870,12 @@ function getGeoChartTooltip(definition, args) {
             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 });
             },
         },
     };
@@ -29845,7 +29895,8 @@ function customTooltipHandler({ chart, tooltip }) {
         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 = "";
@@ -33006,6 +33057,187 @@ const FilterMenuPopoverBuilder = {
     },
 };
 
+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 */ `
@@ -33080,8 +33312,8 @@ class LinkDisplay extends Component {
     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;
@@ -33210,179 +33442,6 @@ linkMenuRegistry.add("sheet", {
     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.
  */
@@ -33577,8 +33636,8 @@ class Menu extends Component {
     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 });
     }
@@ -33641,13 +33700,14 @@ class Menu extends Component {
         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) {
@@ -38403,6 +38463,9 @@ class GenericChartConfigPanel extends Component {
         this.state.datasetDispatchResult = this.props.updateChart(this.props.figureId, {
             dataSets: this.dataSets,
         });
+        if (this.state.datasetDispatchResult.isSuccessful) {
+            this.dataSets = this.env.model.getters.getChartDefinition(this.props.figureId).dataSets;
+        }
     }
     getDataSeriesRanges() {
         return this.dataSets;
@@ -39819,8 +39882,16 @@ class ContentEditableHelper {
             }
             let startNode = this.findChildAtCharacterIndex(start);
             let endNode = this.findChildAtCharacterIndex(end);
-            range.setStart(startNode.node, startNode.offset);
-            range.setEnd(endNode.node, endNode.offset);
+            // setEnd (setStart) will result in a collapsed range if the end point is before the start point
+            // https://developer.mozilla.org/en-US/docs/Web/API/Range/setEnd
+            if (start <= end) {
+                range.setStart(startNode.node, startNode.offset);
+                range.setEnd(endNode.node, endNode.offset);
+            }
+            else {
+                range.setStart(endNode.node, endNode.offset);
+                range.setEnd(startNode.node, startNode.offset);
+            }
         }
     }
     /**
@@ -40275,7 +40346,7 @@ class Composer extends Component {
         const content = this.props.composerStore.currentContent;
         if (this.props.focus === "cellFocus" &&
             !this.autoCompleteState.provider &&
-            !content.startsWith("=")) {
+            !isFormula(content)) {
             this.props.composerStore.stopEdition();
             return;
         }
@@ -40492,7 +40563,7 @@ class Composer extends Component {
             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();
@@ -40549,7 +40620,7 @@ class Composer extends Component {
      */
     getContentLines() {
         let value = this.props.composerStore.currentContent;
-        const isValidFormula = value.startsWith("=");
+        const isValidFormula = isFormula(value);
         if (value === "") {
             return [];
         }
@@ -40638,7 +40709,7 @@ class Composer extends Component {
             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 &&
@@ -44734,6 +44805,10 @@ class TextInput extends Component {
             type: String,
             optional: true,
         },
+        autofocus: {
+            type: Boolean,
+            optional: true,
+        },
     };
     inputRef = useRef("input");
     setup() {
@@ -44742,6 +44817,9 @@ class TextInput extends Component {
                 this.save();
             }
         }, { capture: true });
+        if (this.props.autofocus) {
+            useAutofocus({ refName: "input" });
+        }
     }
     onKeyDown(ev) {
         switch (ev.key) {
@@ -48696,7 +48774,7 @@ class CellComposerStore extends AbstractComposerStore {
                 }
                 break;
             case "ACTIVATE_SHEET":
-                if (!this._currentContent.startsWith("=")) {
+                if (!isFormula(this._currentContent)) {
                     this._cancelEdition();
                     this.resetContent();
                 }
@@ -48772,7 +48850,7 @@ class CellComposerStore extends AbstractComposerStore {
         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);
@@ -48832,7 +48910,7 @@ class CellComposerStore extends AbstractComposerStore {
     }
     /** 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);
@@ -48865,7 +48943,7 @@ class CellComposerStore extends AbstractComposerStore {
     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)) {
@@ -48987,23 +49065,23 @@ class GridComposer extends Component {
         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;
@@ -51637,8 +51715,8 @@ class Border extends Component {
 css /* scss */ `
   .o-corner {
     position: absolute;
-    height: 6px;
-    width: 6px;
+    height: 8px;
+    width: 8px;
     border: 1px solid white;
   }
   .o-corner-nw,
@@ -53203,7 +53281,7 @@ class BordersPlugin extends CorePlugin {
             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);
             }
         }
@@ -53211,7 +53289,7 @@ class BordersPlugin extends CorePlugin {
             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);
             }
         }
@@ -53219,7 +53297,7 @@ class BordersPlugin extends CorePlugin {
             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);
             }
         }
@@ -53227,7 +53305,7 @@ class BordersPlugin extends CorePlugin {
             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);
             }
         }
@@ -59999,6 +60077,10 @@ class Evaluator {
         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 = {};
@@ -68615,7 +68697,7 @@ clickableCellRegistry.add("link", {
     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,
 });
 
@@ -69600,9 +69682,9 @@ class SpreadsheetDashboard extends Component {
     getClickableCells() {
         return 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();
@@ -75564,6 +75646,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, 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.2";
+__info__.date = "2025-02-27T06:31:04.174Z";
+__info__.hash = "17e5bfa";