@odoo/o-spreadsheet 18.2.0-alpha.7 → 18.2.0

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.2.0-alpha.7
- * @date 2025-02-10T09:01:19.353Z
- * @hash 0432f17
+ * @version 18.2.0
+ * @date 2025-02-18T08:27:07.101Z
+ * @hash d708714
  */
 
 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';
@@ -2229,17 +2229,7 @@ function toZoneWithoutBoundaryChanges(xc) {
  */
 function toUnboundedZone(xc) {
     const zone = toZoneWithoutBoundaryChanges(xc);
-    if (zone.right !== undefined && zone.right < zone.left) {
-        const tmp = zone.left;
-        zone.left = zone.right;
-        zone.right = tmp;
-    }
-    if (zone.bottom !== undefined && zone.bottom < zone.top) {
-        const tmp = zone.top;
-        zone.top = zone.bottom;
-        zone.bottom = tmp;
-    }
-    return zone;
+    return reorderZone(zone);
 }
 /**
  * Convert from a cartesian reference to a Zone.
@@ -2513,11 +2503,11 @@ function positions(zone) {
     return positions;
 }
 function reorderZone(zone) {
-    if (zone.left > zone.right) {
-        zone = { left: zone.right, right: zone.left, top: zone.top, bottom: zone.bottom };
+    if (zone.right !== undefined && zone.left > zone.right) {
+        zone = { ...zone, left: zone.right, right: zone.left };
     }
-    if (zone.top > zone.bottom) {
-        zone = { left: zone.left, right: zone.right, top: zone.bottom, bottom: zone.top };
+    if (zone.bottom !== undefined && zone.top > zone.bottom) {
+        zone = { ...zone, top: zone.bottom, bottom: zone.top };
     }
     return zone;
 }
@@ -3422,12 +3412,12 @@ function isTargetDependent(cmd) {
 function isRangeDependant(cmd) {
     return "ranges" in cmd;
 }
-function isZoneDependent(cmd) {
-    return "zone" in cmd;
-}
 function isPositionDependent(cmd) {
     return "col" in cmd && "row" in cmd && "sheetId" in cmd;
 }
+function isZoneDependent(cmd) {
+    return "sheetId" in cmd && "zone" in cmd;
+}
 const invalidateEvaluationCommands = new Set([
     "RENAME_SHEET",
     "DELETE_SHEET",
@@ -3439,6 +3429,7 @@ const invalidateEvaluationCommands = new Set([
     "REDO",
     "ADD_MERGE",
     "REMOVE_MERGE",
+    "DUPLICATE_SHEET",
     "UPDATE_LOCALE",
     "ADD_PIVOT",
     "UPDATE_PIVOT",
@@ -3468,7 +3459,6 @@ const invalidateChartEvaluationCommands = new Set([
 ]);
 const invalidateDependenciesCommands = new Set(["MOVE_RANGES"]);
 const invalidateCFEvaluationCommands = new Set([
-    "DUPLICATE_SHEET",
     "EVALUATE_CELLS",
     "ADD_CONDITIONAL_FORMAT",
     "REMOVE_CONDITIONAL_FORMAT",
@@ -3638,6 +3628,7 @@ var CommandResult;
     CommandResult["InvalidRange"] = "InvalidRange";
     CommandResult["InvalidZones"] = "InvalidZones";
     CommandResult["InvalidSheetId"] = "InvalidSheetId";
+    CommandResult["InvalidCellId"] = "InvalidCellId";
     CommandResult["InvalidFigureId"] = "InvalidFigureId";
     CommandResult["InputAlreadyFocused"] = "InputAlreadyFocused";
     CommandResult["MaximumRangesReached"] = "MaximumRangesReached";
@@ -6488,6 +6479,33 @@ function drawDecoratedText(context, text, position, underline = false, strikethr
  * https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
  * */
 class UuidGenerator {
+    /**
+     * Generates a custom UUID using a simple 36^12 method (8-character alphanumeric string with lowercase letters)
+     * This has a higher chance of collision than a UUIDv4, but not only faster to generate than an UUIDV4,
+     * it also has a smaller size, which is preferable to alleviate the overall data size.
+     *
+     * This method is preferable when generating uuids for the core data (sheetId, figureId, etc)
+     * as they will appear several times in the revisions and local history.
+     *
+     */
+    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));
+        }
+        else {
+            // mainly for jest and other browsers that do not have the crypto functionality
+            return "xxxxxxxx-xxxx".replace(/[xy]/g, function (c) {
+                const r = (Math.random() * 16) | 0, v = c == "x" ? r : (r & 0x3) | 0x8;
+                return v.toString(16);
+            });
+        }
+    }
+    /**
+     * Generates an UUIDV4, has astronomically low chance of collision, but is larger in size than the smallUuid.
+     * 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) {
@@ -8523,7 +8541,7 @@ class ChartClipboardHandler extends AbstractFigureClipboardHandler {
         };
     }
     getPasteTarget(sheetId, target, content, options) {
-        const newId = new UuidGenerator().uuidv4();
+        const newId = new UuidGenerator().smallUuid();
         return { zones: [], figureId: newId, sheetId };
     }
     paste(target, clippedContent, options) {
@@ -8689,7 +8707,7 @@ class ConditionalFormatClipboardHandler extends AbstractCellClipboardHandler {
         if (!targetCF && queuedCfs) {
             targetCF = queuedCfs.find((queued) => queued.cf.stopIfTrue === originCF.stopIfTrue && deepEquals(queued.cf.rule, originCF.rule))?.cf;
         }
-        return targetCF || { ...originCF, id: this.uuidGenerator.uuidv4(), ranges: [] };
+        return targetCF || { ...originCF, id: this.uuidGenerator.smallUuid(), ranges: [] };
     }
 }
 
@@ -8782,7 +8800,7 @@ class DataValidationClipboardHandler extends AbstractCellClipboardHandler {
         }
         return (targetRule || {
             ...originRule,
-            id: newId ? this.uuidGenerator.uuidv4() : originRule.id,
+            id: newId ? this.uuidGenerator.smallUuid() : originRule.id,
             ranges: [],
         });
     }
@@ -8844,7 +8862,7 @@ class ImageClipboardHandler extends AbstractFigureClipboardHandler {
         };
     }
     getPasteTarget(sheetId, target, content, options) {
-        const newId = new UuidGenerator().uuidv4();
+        const newId = new UuidGenerator().smallUuid();
         return { sheetId, zones: [], figureId: newId };
     }
     paste(target, clippedContent, options) {
@@ -10179,9 +10197,6 @@ css /* scss */ `
       font-size: 12px;
       background-color: #fff;
       z-index: ${ComponentsImportance.FigureTooltip};
-      table td span {
-        box-sizing: border-box;
-      }
     }
   }
 `;
@@ -12212,6 +12227,25 @@ const LN = {
     isExported: true,
 };
 // -----------------------------------------------------------------------------
+// LOG
+// -----------------------------------------------------------------------------
+const LOG = {
+    description: _t("The logarithm of a number, for a given base."),
+    args: [
+        arg("value (number)", _t("The value for which to calculate the logarithm.")),
+        arg("base (number, default=10)", _t("The base of the logarithm.")),
+    ],
+    compute: function (value, base = { value: 10 }) {
+        const _value = toNumber(value, this.locale);
+        const _base = toNumber(base, this.locale);
+        assert(() => _value > 0, _t("The value (%s) must be strictly positive.", _value.toString()));
+        assert(() => _base > 0, _t("The base (%s) must be strictly positive.", _base.toString()));
+        assert(() => _base !== 1, _t("The base must be different from 1."));
+        return Math.log10(_value) / Math.log10(_base);
+    },
+    isExported: true,
+};
+// -----------------------------------------------------------------------------
 // MOD
 // -----------------------------------------------------------------------------
 function mod(dividend, divisor) {
@@ -12751,6 +12785,7 @@ var math = /*#__PURE__*/Object.freeze({
   ISODD: ISODD,
   ISO_CEILING: ISO_CEILING,
   LN: LN,
+  LOG: LOG,
   MOD: MOD,
   MUNIT: MUNIT,
   ODD: ODD,
@@ -15285,7 +15320,7 @@ const SORTN = {
             }
         }
     },
-    isExported: true,
+    isExported: false,
 };
 // -----------------------------------------------------------------------------
 // UNIQUE
@@ -22873,6 +22908,10 @@ const DRAWING_NS_A = "http://schemas.openxmlformats.org/drawingml/2006/main";
 const DRAWING_NS_C = "http://schemas.openxmlformats.org/drawingml/2006/chart";
 const CONTENT_TYPES = {
     workbook: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml",
+    macroEnabledWorkbook: "application/vnd.ms-excel.sheet.macroEnabled.main+xml",
+    templateWorkbook: "application/vnd.openxmlformats-officedocument.spreadsheetml.template.main+xml",
+    macroEnabledTemplateWorkbook: "application/vnd.ms-excel.template.macroEnabled.main+xml",
+    excelAddInWorkbook: "application/vnd.ms-excel.addin.macroEnabled.main+xml",
     sheet: "application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml",
     sharedStrings: "application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml",
     styles: "application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml",
@@ -26944,7 +26983,11 @@ class XlsxReader {
     buildXlsxFileStructure() {
         const xlsxFileStructure = {
             sheets: getXLSXFilesOfType(CONTENT_TYPES.sheet, this.xmls),
-            workbook: getXLSXFilesOfType(CONTENT_TYPES.workbook, this.xmls)[0],
+            workbook: getXLSXFilesOfType(CONTENT_TYPES.workbook, this.xmls)[0] ||
+                getXLSXFilesOfType(CONTENT_TYPES.macroEnabledWorkbook, this.xmls)[0] ||
+                getXLSXFilesOfType(CONTENT_TYPES.templateWorkbook, this.xmls)[0] ||
+                getXLSXFilesOfType(CONTENT_TYPES.macroEnabledTemplateWorkbook, this.xmls)[0] ||
+                getXLSXFilesOfType(CONTENT_TYPES.excelAddInWorkbook, this.xmls)[0],
             styles: getXLSXFilesOfType(CONTENT_TYPES.styles, this.xmls)[0],
             sharedStrings: getXLSXFilesOfType(CONTENT_TYPES.sharedStrings, this.xmls)[0],
             theme: getXLSXFilesOfType(CONTENT_TYPES.themes, this.xmls)[0],
@@ -27642,7 +27685,7 @@ function forceUnicityOfFigure(data) {
     for (const sheet of data.sheets || []) {
         for (const figure of sheet.figures || []) {
             if (figureIds.has(figure.id)) {
-                figure.id += uuidGenerator.uuidv4();
+                figure.id += uuidGenerator.smallUuid();
             }
             figureIds.add(figure.id);
         }
@@ -28226,9 +28269,7 @@ function getBarChartData(definition, dataSets, labelRange, getters) {
     const labelValues = getChartLabelValues(getters, dataSets, labelRange);
     let labels = labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, dataSets);
-    if (definition.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28277,13 +28318,12 @@ function getPyramidChartData(definition, dataSets, labelRange, getters) {
     };
 }
 function getLineChartData(definition, dataSets, labelRange, getters) {
-    const axisType = getChartAxisType(definition, labelRange, getters);
+    const axisType = getChartAxisType(definition, dataSets, labelRange, getters);
     const labelValues = getChartLabelValues(getters, dataSets, labelRange);
     let labels = axisType === "linear" ? labelValues.values : labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, dataSets);
-    if (definition.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    const removeFirstLabel = shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false);
+    if (removeFirstLabel) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28295,7 +28335,7 @@ function getLineChartData(definition, dataSets, labelRange, getters) {
     }
     const leftAxisFormat = getChartDatasetFormat(getters, dataSets, "left");
     const rightAxisFormat = getChartDatasetFormat(getters, dataSets, "right");
-    const labelsFormat = getChartLabelFormat(getters, labelRange);
+    const labelsFormat = getChartLabelFormat(getters, labelRange, removeFirstLabel);
     const axisFormats = { y: leftAxisFormat, y1: rightAxisFormat, x: labelsFormat };
     const trendDataSetsValues = [];
     for (const index in dataSetsValues) {
@@ -28331,9 +28371,7 @@ function getPieChartData(definition, dataSets, labelRange, getters) {
     const labelValues = getChartLabelValues(getters, dataSets, labelRange);
     let labels = labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, dataSets);
-    if (definition.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28353,9 +28391,7 @@ function getRadarChartData(definition, dataSets, labelRange, getters) {
     const labelValues = getChartLabelValues(getters, dataSets, labelRange);
     let labels = labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, dataSets);
-    if (definition.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28375,7 +28411,7 @@ function getRadarChartData(definition, dataSets, labelRange, getters) {
 function getGeoChartData(definition, dataSets, labelRange, getters) {
     const labelValues = getChartLabelValues(getters, dataSets, labelRange);
     let labels = labelValues.formattedValues;
-    if (definition.dataSetsHaveTitle) {
+    if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
         labels.shift();
     }
     let dataSetsValues = getChartDatasetValues(getters, dataSets);
@@ -28536,36 +28572,41 @@ function normalizeLabels(labels, newLabels, config) {
     }
     return { normalizedLabels, normalizedNewLabels };
 }
-function getChartAxisType(chart, labelRange, getters) {
-    if (isDateChart(chart, labelRange, getters) && isLuxonTimeAdapterInstalled()) {
+function getChartAxisType(definition, dataSets, labelRange, getters) {
+    if (isDateChart(definition, dataSets, labelRange, getters) && isLuxonTimeAdapterInstalled()) {
         return "time";
     }
-    if (isLinearChart(chart, labelRange, getters)) {
+    if (isLinearChart(definition, dataSets, labelRange, getters)) {
         return "linear";
     }
     return "category";
 }
-function isDateChart(definition, labelRange, getters) {
-    return !definition.labelsAsText && canBeDateChart(labelRange, getters);
+function isDateChart(definition, dataSets, labelRange, getters) {
+    return !definition.labelsAsText && canBeDateChart(definition, dataSets, labelRange, getters);
 }
-function isLinearChart(definition, labelRange, getters) {
-    return !definition.labelsAsText && canBeLinearChart(labelRange, getters);
+function isLinearChart(definition, dataSets, labelRange, getters) {
+    return !definition.labelsAsText && canBeLinearChart(definition, dataSets, labelRange, getters);
 }
-function canChartParseLabels(labelRange, getters) {
-    return canBeDateChart(labelRange, getters) || canBeLinearChart(labelRange, getters);
+function canChartParseLabels(definition, dataSets, labelRange, getters) {
+    return (canBeDateChart(definition, dataSets, labelRange, getters) ||
+        canBeLinearChart(definition, dataSets, labelRange, getters));
 }
-function canBeDateChart(labelRange, getters) {
-    if (!labelRange || !canBeLinearChart(labelRange, getters)) {
+function canBeDateChart(definition, dataSets, labelRange, getters) {
+    if (!labelRange || !canBeLinearChart(definition, dataSets, labelRange, getters)) {
         return false;
     }
-    const labelFormat = getChartLabelFormat(getters, labelRange);
+    const removeFirstLabel = shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false);
+    const labelFormat = getChartLabelFormat(getters, labelRange, removeFirstLabel);
     return Boolean(labelFormat && timeFormatLuxonCompatible.test(labelFormat));
 }
-function canBeLinearChart(labelRange, getters) {
+function canBeLinearChart(definition, dataSets, labelRange, getters) {
     if (!labelRange) {
         return false;
     }
     const labels = getters.getRangeValues(labelRange);
+    if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
+        labels.shift();
+    }
     if (labels.some((label) => isNaN(Number(label)) && label)) {
         return false;
     }
@@ -28674,17 +28715,15 @@ function aggregateDataForLabels(labels, datasets) {
         })),
     };
 }
-function getChartLabelFormat(getters, range) {
+function getChartLabelFormat(getters, range, shouldRemoveFirstLabel) {
     if (!range)
         return undefined;
-    const { sheetId, zone: { left, top, bottom }, } = range;
-    for (let row = top; row <= bottom; row++) {
-        const format = getters.getEvaluatedCell({ sheetId, col: left, row }).format;
-        if (format) {
-            return format;
-        }
+    const { sheetId, zone } = range;
+    const formats = positions(zone).map((position) => getters.getEvaluatedCell({ sheetId, ...position }).format);
+    if (shouldRemoveFirstLabel) {
+        formats.shift();
     }
-    return undefined;
+    return formats.find((format) => format !== undefined);
 }
 function getChartLabelValues(getters, dataSets, labelRange) {
     let labels = { values: [], formattedValues: [] };
@@ -28902,7 +28941,7 @@ function getPieChartDatasets(definition, args) {
         const dataset = {
             label,
             data,
-            borderColor: BACKGROUND_CHART_COLOR,
+            borderColor: definition.background || "#FFFFFF",
             backgroundColor,
             hoverOffset: 30,
         };
@@ -32591,7 +32630,6 @@ css /* scss */ `
     border-left: 3px solid red;
     padding: 10px;
     width: ${ERROR_TOOLTIP_WIDTH}px;
-    box-sizing: border-box !important;
     overflow-wrap: break-word;
 
     .o-error-tooltip-message {
@@ -32674,7 +32712,6 @@ css /* scss */ `
       width: ${CHECKBOX_WIDTH}px;
       height: ${CHECKBOX_WIDTH}px;
       vertical-align: top;
-      box-sizing: border-box;
       outline: none;
       border: 1px solid ${GRAY_300};
       cursor: pointer;
@@ -32747,14 +32784,12 @@ class FilterMenuValueItem extends Component {
 const FILTER_MENU_HEIGHT = 295;
 const CSS = css /* scss */ `
   .o-filter-menu {
-    box-sizing: border-box;
     padding: 8px 16px;
     height: ${FILTER_MENU_HEIGHT}px;
     line-height: 1;
 
     .o-filter-menu-item {
       display: flex;
-      box-sizing: border-box;
       cursor: pointer;
       user-select: none;
 
@@ -32984,7 +33019,6 @@ css /* scss */ `
     justify-content: space-between;
     height: ${LINK_TOOLTIP_HEIGHT}px;
     width: ${LINK_TOOLTIP_WIDTH}px;
-    box-sizing: border-box !important;
 
     img {
       margin-right: 3px;
@@ -33101,7 +33135,7 @@ const linkSheet = {
 const deleteSheet = {
     name: _t("Delete"),
     isVisible: (env) => {
-        return env.model.getters.getSheetIds().length > 1;
+        return env.model.getters.getVisibleSheetIds().length > 1;
     },
     execute: (env) => env.askConfirmation(_t("Are you sure you want to delete this sheet?"), () => {
         env.model.dispatch("DELETE_SHEET", { sheetId: env.model.getters.getActiveSheetId() });
@@ -33112,7 +33146,7 @@ const duplicateSheet = {
     name: _t("Duplicate"),
     execute: (env) => {
         const sheetIdFrom = env.model.getters.getActiveSheetId();
-        const sheetIdTo = env.model.uuidGenerator.uuidv4();
+        const sheetIdTo = env.model.uuidGenerator.smallUuid();
         env.model.dispatch("DUPLICATE_SHEET", {
             sheetId: sheetIdFrom,
             sheetIdTo,
@@ -33401,11 +33435,9 @@ css /* scss */ `
     background-color: white;
     padding: ${MENU_VERTICAL_PADDING}px 0px;
     width: ${MENU_WIDTH}px;
-    box-sizing: border-box !important;
     user-select: none;
 
     .o-menu-item {
-      box-sizing: border-box;
       height: ${MENU_ITEM_HEIGHT}px;
       padding: ${MENU_ITEM_PADDING_VERTICAL}px ${MENU_ITEM_PADDING_HORIZONTAL}px;
       cursor: pointer;
@@ -33657,7 +33689,7 @@ class Menu extends Component {
 const MENU_OFFSET_X = 320;
 const MENU_OFFSET_Y = 100;
 const PADDING = 12;
-const LINK_EDITOR_WIDTH = 340;
+const LINK_EDITOR_WIDTH = 340 + 2 * PADDING;
 css /* scss */ `
   .o-link-editor {
     font-size: 13px;
@@ -33681,7 +33713,6 @@ css /* scss */ `
       text-align: right;
     }
     input.o-input {
-      box-sizing: border-box;
       width: 100%;
       padding: 0 23px 4px 0;
     }
@@ -33909,20 +33940,21 @@ function getSmartChartDefinition(zone, getters) {
     }
     // Only display legend for several datasets.
     const newLegendPos = dataSetZone.right === dataSetZone.left ? "none" : "top";
-    const labelRange = labelRangeXc ? getters.getRangeFromSheetXC(sheetId, labelRangeXc) : undefined;
-    if (canChartParseLabels(labelRange, getters)) {
-        return {
-            title: {},
-            dataSets,
-            labelsAsText: false,
-            stacked: false,
-            aggregated: false,
-            cumulative: false,
-            labelRange: labelRangeXc,
-            type: "line",
-            dataSetsHaveTitle,
-            legendPosition: newLegendPos,
-        };
+    const lineChartDefinition = {
+        title: {},
+        dataSets,
+        labelsAsText: false,
+        stacked: false,
+        aggregated: false,
+        cumulative: false,
+        labelRange: labelRangeXc,
+        type: "line",
+        dataSetsHaveTitle,
+        legendPosition: newLegendPos,
+    };
+    const chart = new LineChart(lineChartDefinition, sheetId, getters);
+    if (canChartParseLabels(lineChartDefinition, chart.dataSets, chart.labelRange, getters)) {
+        return lineChartDefinition;
     }
     const _dataSets = createDataSets(getters, dataSets, sheetId, dataSetsHaveTitle);
     if (singleColumn &&
@@ -34336,7 +34368,7 @@ const HIDE_ROWS_NAME = (env) => {
 //------------------------------------------------------------------------------
 const CREATE_CHART = (env) => {
     const getters = env.model.getters;
-    const id = env.model.uuidGenerator.uuidv4();
+    const id = env.model.uuidGenerator.smallUuid();
     const sheetId = getters.getActiveSheetId();
     if (getZoneArea(env.model.getters.getSelectedZone()) === 1) {
         env.model.selection.selectTableAroundSelection();
@@ -34359,8 +34391,8 @@ const CREATE_CHART = (env) => {
 // Pivots
 //------------------------------------------------------------------------------
 const CREATE_PIVOT = (env) => {
-    const pivotId = env.model.uuidGenerator.uuidv4();
-    const newSheetId = env.model.uuidGenerator.uuidv4();
+    const pivotId = env.model.uuidGenerator.smallUuid();
+    const newSheetId = env.model.uuidGenerator.smallUuid();
     const result = env.model.dispatch("INSERT_NEW_PIVOT", { pivotId, newSheetId });
     if (result.isSuccessful) {
         env.openSidePanel("PivotSidePanel", { pivotId });
@@ -34419,7 +34451,7 @@ async function requestImage(env) {
 const CREATE_IMAGE = async (env) => {
     if (env.imageProvider) {
         const sheetId = env.model.getters.getActiveSheetId();
-        const figureId = env.model.uuidGenerator.uuidv4();
+        const figureId = env.model.uuidGenerator.smallUuid();
         const image = await requestImage(env);
         if (!image) {
             throw new Error("No image provider was given to the environment");
@@ -34972,7 +35004,7 @@ const insertCheckbox = {
             ranges,
             sheetId,
             rule: {
-                id: env.model.uuidGenerator.uuidv4(),
+                id: env.model.uuidGenerator.smallUuid(),
                 criterion: {
                     type: "isBoolean",
                     values: [],
@@ -34988,7 +35020,7 @@ const insertDropdown = {
         const zones = env.model.getters.getSelectedZones();
         const sheetId = env.model.getters.getActiveSheetId();
         const ranges = zones.map((zone) => env.model.getters.getRangeDataFromZone(sheetId, zone));
-        const ruleID = env.model.uuidGenerator.uuidv4();
+        const ruleID = env.model.uuidGenerator.smallUuid();
         env.model.dispatch("ADD_DATA_VALIDATION_RULE", {
             ranges,
             sheetId,
@@ -35019,7 +35051,7 @@ const insertSheet = {
     execute: (env) => {
         const activeSheetId = env.model.getters.getActiveSheetId();
         const position = env.model.getters.getSheetIds().indexOf(activeSheetId) + 1;
-        const sheetId = env.model.uuidGenerator.uuidv4();
+        const sheetId = env.model.uuidGenerator.smallUuid();
         env.model.dispatch("CREATE_SHEET", { sheetId, position });
         env.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom: activeSheetId, sheetIdTo: sheetId });
     },
@@ -37997,7 +38029,6 @@ css /* scss */ `
       }
     }
     .o-button {
-      height: 28px;
       flex-grow: 0;
     }
 
@@ -38554,8 +38585,8 @@ css /* scss */ `
       }
     }
     .o-color-picker-line-item {
-      width: ${ITEM_EDGE_LENGTH}px;
-      height: ${ITEM_EDGE_LENGTH}px;
+      width: ${ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH}px;
+      height: ${ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH}px;
       margin: 0px;
       border-radius: 50px;
       border: ${ITEM_BORDER_WIDTH}px solid #666666;
@@ -38578,7 +38609,6 @@ css /* scss */ `
         font-size: 14px;
         background: white;
         border-radius: 4px;
-        box-sizing: border-box;
         &:hover:enabled {
           background-color: rgba(0, 0, 0, 0.08);
         }
@@ -38605,7 +38635,6 @@ css /* scss */ `
       .o-gradient {
         margin-bottom: ${MAGNIFIER_EDGE / 2}px;
         border: ${ITEM_BORDER_WIDTH}px solid #c0c0c0;
-        box-sizing: border-box;
         width: ${INNER_GRADIENT_WIDTH + 2 * ITEM_BORDER_WIDTH}px;
         height: ${INNER_GRADIENT_HEIGHT + 2 * ITEM_BORDER_WIDTH}px;
         position: relative;
@@ -38614,7 +38643,6 @@ css /* scss */ `
       .magnifier {
         height: ${MAGNIFIER_EDGE}px;
         width: ${MAGNIFIER_EDGE}px;
-        box-sizing: border-box;
         border-radius: 50%;
         border: 2px solid #fff;
         box-shadow: 0px 0px 3px #c0c0c0;
@@ -38629,7 +38657,6 @@ css /* scss */ `
       }
       .o-hue-picker {
         border: ${ITEM_BORDER_WIDTH}px solid #c0c0c0;
-        box-sizing: border-box;
         width: 100%;
         height: 12px;
         border-radius: 4px;
@@ -38656,7 +38683,6 @@ css /* scss */ `
         padding: 2px 0px;
         display: flex;
         input {
-          box-sizing: border-box;
           width: 50%;
           border-radius: 4px;
           padding: 4px 23px 4px 10px;
@@ -38855,7 +38881,7 @@ css /* scss */ `
     .o-color-picker-button {
       > span {
         border-bottom: 4px solid;
-        height: 16px;
+        height: 20px;
         margin-top: 2px;
         display: block;
       }
@@ -38903,7 +38929,7 @@ css /* scss */ `
   .o-font-size-editor {
     height: calc(100% - 4px);
     input.o-font-size {
-      outline-color: ${SELECTION_BORDER_COLOR};
+      outline: none;
       height: 20px;
       width: 23px;
     }
@@ -39184,8 +39210,8 @@ const TRANSPARENT_BACKGROUND_SVG = /*xml*/ `
 `;
 css /* scss */ `
   .o-round-color-picker-button {
-    width: 18px;
-    height: 18px;
+    width: 20px;
+    height: 20px;
     cursor: pointer;
     border: 1px solid ${GRAY_300};
     background-position: 1px 1px;
@@ -39332,7 +39358,6 @@ css /* scss */ `
       width: 14px;
       height: 14px;
       border: 1px solid ${GRAY_300};
-      box-sizing: border-box;
       outline: none;
       border-radius: 8px;
 
@@ -40048,8 +40073,6 @@ css /* scss */ `
       word-break: break-all;
       padding-right: 2px;
 
-      box-sizing: border-box;
-
       caret-color: black;
       padding-left: 3px;
       padding-right: 3px;
@@ -40705,7 +40728,6 @@ css /* scss */ `
   .o-spreadsheet {
     .o-standalone-composer {
       min-height: 24px;
-      box-sizing: border-box;
 
       border-bottom: 1px solid;
       border-color: ${GRAY_300};
@@ -40807,7 +40829,6 @@ css /* scss */ `
     }
 
     td {
-      box-sizing: border-box;
       height: 30px;
       padding: 6px 0;
     }
@@ -40830,7 +40851,6 @@ css /* scss */ `
     select {
       width: 100%;
       height: 100%;
-      box-sizing: border-box;
     }
   }
 `;
@@ -41060,7 +41080,7 @@ class LineConfigPanel extends GenericChartConfigPanel {
     get canTreatLabelsAsText() {
         const chart = this.env.model.getters.getChart(this.props.figureId);
         if (chart && chart instanceof LineChart) {
-            return canChartParseLabels(chart.labelRange, this.env.model.getters);
+            return canChartParseLabels(chart.getDefinition(), chart.dataSets, chart.labelRange, this.env.model.getters);
         }
         return false;
     }
@@ -41137,7 +41157,7 @@ class ScatterConfigPanel extends GenericChartConfigPanel {
     get canTreatLabelsAsText() {
         const chart = this.env.model.getters.getChart(this.props.figureId);
         if (chart && chart instanceof ScatterChart) {
-            return canChartParseLabels(chart.labelRange, this.env.model.getters);
+            return canChartParseLabels(chart.getDefinition(), chart.dataSets, chart.labelRange, this.env.model.getters);
         }
         return false;
     }
@@ -41390,7 +41410,6 @@ css /* scss */ `
   }
 
   .o-popover .o-chart-select-popover {
-    box-sizing: border-box;
     background: #fff;
     .o-chart-type-item {
       cursor: pointer;
@@ -41690,7 +41709,7 @@ css /* scss */ `
     }
 
     border-bottom: 1px solid ${GRAY_300};
-    height: 60px;
+    height: 80px;
     padding: 10px;
     position: relative;
     cursor: pointer;
@@ -42424,7 +42443,7 @@ class ConditionalFormattingPanel extends Component {
         this.originalEditedCf = undefined;
     }
     addConditionalFormat() {
-        const cfId = this.env.model.uuidGenerator.uuidv4();
+        const cfId = this.env.model.uuidGenerator.smallUuid();
         this.env.model.dispatch("ADD_CONDITIONAL_FORMAT", {
             sheetId: this.activeSheetId,
             ranges: this.env.model.getters
@@ -43694,7 +43713,7 @@ class DataValidationEditor extends Component {
             .getSelectedZones()
             .map((zone) => zoneToXc(this.env.model.getters.getUnboundedZone(sheetId, zone)));
         return {
-            id: this.env.model.uuidGenerator.uuidv4(),
+            id: this.env.model.uuidGenerator.smallUuid(),
             criterion: { type: "textContains", values: [""] },
             ranges,
         };
@@ -43711,7 +43730,6 @@ css /* scss */ `
   .o-sidePanel {
     .o-dv-preview {
       height: 70px;
-      box-sizing: border-box;
       cursor: pointer;
       border-bottom: 1px solid ${FIGURE_BORDER_COLOR};
 
@@ -44327,7 +44345,7 @@ class FindAndReplacePanel extends Component {
 css /* scss */ `
   .o-more-formats-panel {
     .format-preview {
-      height: 48px;
+      height: 49px;
       background-color: white;
       cursor: pointer;
 
@@ -44499,7 +44517,6 @@ css /* scss */ `
   .o-sidePanel {
     .o-pivot-measure-display-field,
     .o-pivot-measure-display-value {
-      box-sizing: border-box;
       border: solid 1px ${GRAY_300};
       border-radius: 3px;
     }
@@ -44542,7 +44559,7 @@ class PivotMeasureDisplayPanel extends Component {
 
 css /* scss */ `
   .pivot-defer-update {
-    min-height: 35px;
+    min-height: 40px;
   }
 `;
 class PivotDeferUpdate extends Component {
@@ -44688,7 +44705,6 @@ class AddDimensionButton extends Component {
 css /* scss */ `
   .o-spreadsheet {
     .os-input {
-      box-sizing: border-box;
       border-width: 0 0 1px 0;
       border-color: transparent;
       outline: none;
@@ -45312,8 +45328,8 @@ class PivotTitleSection extends Component {
         return this.env.model.getters.getPivotDisplayName(this.props.pivotId);
     }
     duplicatePivot() {
-        const newPivotId = this.env.model.uuidGenerator.uuidv4();
-        const newSheetId = this.env.model.uuidGenerator.uuidv4();
+        const newPivotId = this.env.model.uuidGenerator.smallUuid();
+        const newSheetId = this.env.model.uuidGenerator.smallUuid();
         const result = this.env.model.dispatch("DUPLICATE_PIVOT_IN_NEW_SHEET", {
             pivotId: this.props.pivotId,
             newPivotId,
@@ -47657,7 +47673,6 @@ class TableStylesPopover extends Component {
 
 css /* scss */ `
   .o-table-style-picker {
-    box-sizing: border-box;
     border: 1px solid ${GRAY_300};
     border-radius: 3px;
 
@@ -47936,7 +47951,7 @@ class TableStyleEditorPanel extends Component {
         this.state.selectedTemplateName = templateName;
     }
     onConfirm() {
-        const tableStyleId = this.props.styleId || this.env.model.uuidGenerator.uuidv4();
+        const tableStyleId = this.props.styleId || this.env.model.uuidGenerator.smallUuid();
         this.env.model.dispatch("CREATE_TABLE_STYLE", {
             tableStyleId,
             tableStyleName: this.state.styleName,
@@ -48109,7 +48124,6 @@ const BORDER_WIDTH = 1;
 const ACTIVE_BORDER_WIDTH = 2;
 css /*SCSS*/ `
   div.o-figure {
-    box-sizing: border-box;
     position: absolute;
     width: 100%;
     height: 100%;
@@ -48121,7 +48135,6 @@ css /*SCSS*/ `
   }
 
   div.o-figure-border {
-    box-sizing: border-box;
     z-index: 1;
   }
 
@@ -48495,7 +48508,6 @@ css /* scss */ `
     height: ${AUTOFILL_EDGE_LENGTH}px;
     width: ${AUTOFILL_EDGE_LENGTH}px;
     border: 1px solid white;
-    box-sizing: border-box !important;
     background-color: #1a73e8;
   }
 
@@ -48872,7 +48884,6 @@ const GRID_CELL_REFERENCE_TOP_OFFSET = 28;
 css /* scss */ `
   div.o-grid-composer {
     z-index: ${ComponentsImportance.GridComposer};
-    box-sizing: border-box;
     position: absolute;
     border: ${COMPOSER_BORDER_WIDTH}px solid ${SELECTION_BORDER_COLOR};
     font-family: ${DEFAULT_FONT};
@@ -49121,8 +49132,6 @@ class GridCellIcon extends Component {
 const MARGIN = (GRID_ICON_EDGE_LENGTH - CHECKBOX_WIDTH) / 2;
 css /* scss */ `
   .o-dv-checkbox {
-    box-sizing: border-box !important;
-    accent-color: #808080;
     margin: ${MARGIN}px;
     /* required to prevent the checkbox position to be sensible to the font-size (affects Firefox) */
     position: absolute;
@@ -49882,7 +49891,6 @@ class FilterIconsOverlay extends Component {
 css /* scss */ `
   .o-grid-add-rows {
     input.o-input {
-      box-sizing: border-box;
       width: 60px;
       height: 30px;
     }
@@ -51810,6 +51818,7 @@ css /* scss */ `
     background-color: ${BACKGROUND_GRAY_COLOR};
 
     &.corner {
+      box-sizing: content-box;
       right: 0px;
       bottom: 0px;
       height: ${SCROLLBAR_WIDTH}px;
@@ -52045,8 +52054,8 @@ const SIZE = 3;
 const COLOR = "#777";
 css /* scss */ `
   .o-table-resizer {
-    width: ${SIZE}px;
-    height: ${SIZE}px;
+    width: ${SIZE * 2}px;
+    height: ${SIZE * 2}px;
     border-bottom: ${SIZE}px solid ${COLOR};
     border-right: ${SIZE}px solid ${COLOR};
     cursor: nwse-resize;
@@ -53466,6 +53475,10 @@ class CellPlugin extends CorePlugin {
                 return this.checkValidations(cmd, this.checkCellOutOfSheet, this.checkUselessUpdateCell);
             case "CLEAR_CELL":
                 return this.checkValidations(cmd, this.checkCellOutOfSheet, this.checkUselessClearCell);
+            case "UPDATE_CELL_POSITION":
+                return !cmd.cellId || this.cells[cmd.sheetId]?.[cmd.cellId]
+                    ? "Success" /* CommandResult.Success */
+                    : "InvalidCellId" /* CommandResult.InvalidCellId */;
             default:
                 return "Success" /* CommandResult.Success */;
         }
@@ -53510,6 +53523,9 @@ class CellPlugin extends CorePlugin {
             case "DELETE_CONTENT":
                 this.clearZones(cmd.sheetId, cmd.target);
                 break;
+            case "DELETE_SHEET": {
+                this.history.update("cells", cmd.sheetId, undefined);
+            }
         }
     }
     clearZones(sheetId, zones) {
@@ -54300,6 +54316,9 @@ class ConditionalFormatPlugin extends CorePlugin {
     allowDispatch(cmd) {
         switch (cmd.type) {
             case "ADD_CONDITIONAL_FORMAT":
+                if (cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId))) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
                 return this.checkValidations(cmd, this.checkCFRule, this.checkEmptyRange, this.checkCFHasChanged);
             case "CHANGE_CONDITIONAL_FORMAT_PRIORITY":
                 return this.checkValidPriorityChange(cmd.cfId, cmd.delta, cmd.sheetId);
@@ -54716,8 +54735,17 @@ class DataValidationPlugin extends CorePlugin {
     allowDispatch(cmd) {
         switch (cmd.type) {
             case "ADD_DATA_VALIDATION_RULE":
+                if (!this.getters.tryGetSheet(cmd.sheetId)) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
+                if (cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId))) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
                 return this.checkValidations(cmd, this.chainValidations(this.checkEmptyRange, this.checkValidRange, this.checkCriterionTypeIsValid, this.checkCriterionHasValidNumberOfValues, this.checkCriterionValuesAreValid));
             case "REMOVE_DATA_VALIDATION_RULE":
+                if (!this.getters.tryGetSheet(cmd.sheetId)) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
                 if (!this.rules[cmd.sheetId].find((rule) => rule.id === cmd.id)) {
                     return "UnknownDataValidationRule" /* CommandResult.UnknownDataValidationRule */;
                 }
@@ -54944,6 +54972,7 @@ class DataValidationPlugin extends CorePlugin {
 class FigurePlugin extends CorePlugin {
     static getters = ["getFigures", "getFigure", "getFigureSheetId"];
     figures = {};
+    insertionOrders = []; // TODO use a list in master
     // ---------------------------------------------------------------------------
     // Command Handling
     // ---------------------------------------------------------------------------
@@ -55046,11 +55075,14 @@ class FigurePlugin extends CorePlugin {
     }
     addFigure(figure, sheetId) {
         this.history.update("figures", sheetId, figure.id, figure);
+        this.history.update("insertionOrders", this.insertionOrders.length, figure.id);
     }
     deleteSheet(sheetId) {
+        this.history.update("insertionOrders", this.insertionOrders.filter((id) => !this.figures[sheetId]?.[id]));
         this.history.update("figures", sheetId, undefined);
     }
     removeFigure(id, sheetId) {
+        this.history.update("insertionOrders", this.insertionOrders.filter((figureId) => figureId !== id));
         this.history.update("figures", sheetId, id, undefined);
     }
     checkFigureExists(sheetId, figureId) {
@@ -55069,7 +55101,14 @@ class FigurePlugin extends CorePlugin {
     // Getters
     // ---------------------------------------------------------------------------
     getFigures(sheetId) {
-        return Object.values(this.figures[sheetId] || {}).filter(isDefined);
+        const figures = [];
+        for (const figureId of this.insertionOrders) {
+            const figure = this.figures[sheetId]?.[figureId];
+            if (figure) {
+                figures.push(figure);
+            }
+        }
+        return figures;
     }
     getFigure(sheetId, figureId) {
         return this.figures[sheetId]?.[figureId];
@@ -55082,11 +55121,9 @@ class FigurePlugin extends CorePlugin {
     // ---------------------------------------------------------------------------
     import(data) {
         for (let sheet of data.sheets) {
-            const figures = {};
-            sheet.figures.forEach((figure) => {
-                figures[figure.id] = figure;
-            });
-            this.figures[sheet.id] = figures;
+            for (const figure of sheet.figures) {
+                this.addFigure(figure, sheet.id);
+            }
         }
     }
     export(data) {
@@ -56546,6 +56583,9 @@ class SheetPlugin extends CorePlugin {
             case "CREATE_SHEET": {
                 return this.checkValidations(cmd, this.checkSheetName, this.checkSheetPosition);
             }
+            case "DUPLICATE_SHEET": {
+                return this.sheets[cmd.sheetIdTo] ? "DuplicatedSheetId" /* CommandResult.DuplicatedSheetId */ : "Success" /* CommandResult.Success */;
+            }
             case "MOVE_SHEET":
                 try {
                     const currentIndex = this.orderedSheetIds.findIndex((id) => id === cmd.sheetId);
@@ -56562,7 +56602,7 @@ class SheetPlugin extends CorePlugin {
                     ? "Success" /* CommandResult.Success */
                     : "InvalidColor" /* CommandResult.InvalidColor */;
             case "DELETE_SHEET":
-                return this.orderedSheetIds.length > 1
+                return this.getVisibleSheetIds().length > 1
                     ? "Success" /* CommandResult.Success */
                     : "NotEnoughSheets" /* CommandResult.NotEnoughSheets */;
             case "ADD_COLUMNS_ROWS":
@@ -57348,14 +57388,18 @@ class SheetPlugin extends CorePlugin {
     checkZonesAreInSheet(cmd) {
         if (!("sheetId" in cmd))
             return "Success" /* CommandResult.Success */;
+        if ("ranges" in cmd &&
+            cmd.ranges.some((rangeData) => rangeData._sheetId !== "" && !this.getters.tryGetSheet(rangeData._sheetId))) {
+            return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+        }
         return this.checkZonesExistInSheet(cmd.sheetId, this.getCommandZones(cmd));
     }
 }
 
-let nextTableId = 1;
 class TablePlugin extends CorePlugin {
     static getters = ["getCoreTable", "getCoreTables", "getCoreTableMatchingTopLeft"];
     tables = {};
+    nextTableId = 1;
     adaptRanges(applyChange, sheetId) {
         const sheetIds = sheetId ? [sheetId] : this.getters.getSheetIds();
         for (const sheetId of sheetIds) {
@@ -57367,6 +57411,9 @@ class TablePlugin extends CorePlugin {
     allowDispatch(cmd) {
         switch (cmd.type) {
             case "CREATE_TABLE":
+                if (cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId) || rangeData._sheetId !== cmd.sheetId)) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
                 const zones = cmd.ranges.map((rangeData) => this.getters.getRangeFromRangeData(rangeData).zone);
                 if (!areZonesContinuous(zones)) {
                     return "NonContinuousTargets" /* CommandResult.NonContinuousTargets */;
@@ -57420,7 +57467,7 @@ class TablePlugin extends CorePlugin {
                 const union = this.getters.getRangesUnion(ranges);
                 const mergesInTarget = this.getters.getMergesInZone(cmd.sheetId, union.zone);
                 this.dispatch("REMOVE_MERGE", { sheetId: cmd.sheetId, target: mergesInTarget });
-                const id = `${nextTableId++}`;
+                const id = this.consumeNextId();
                 const config = cmd.config || DEFAULT_TABLE_CONFIG;
                 const newTable = cmd.tableType === "dynamic"
                     ? this.createDynamicTable(id, union, config)
@@ -57573,7 +57620,7 @@ class TablePlugin extends CorePlugin {
             filters = [];
             for (const i of range(zone.left, zone.right + 1)) {
                 const filterZone = { ...zone, left: i, right: i };
-                const uid = `${nextTableId++}`;
+                const uid = this.consumeNextId();
                 filters.push(this.createFilterFromZone(uid, tableRange.sheetId, filterZone, config));
             }
         }
@@ -57638,7 +57685,7 @@ class TablePlugin extends CorePlugin {
                     ? table.filters.find((f) => f.col === i)
                     : undefined;
                 const filterZone = { ...tableZone, left: i, right: i };
-                const filterId = oldFilter?.id || `${nextTableId++}`;
+                const filterId = oldFilter?.id || this.consumeNextId();
                 filters.push(this.createFilterFromZone(filterId, tableRange.sheetId, filterZone, config));
             }
         }
@@ -57739,7 +57786,7 @@ class TablePlugin extends CorePlugin {
         if (filters.length < zoneToDimension(tableZone).numberOfCols) {
             for (let col = tableZone.left; col <= tableZone.right; col++) {
                 if (!filters.find((filter) => filter.col === col)) {
-                    const uid = `${nextTableId++}`;
+                    const uid = this.consumeNextId();
                     const filterZone = { ...tableZone, left: col, right: col };
                     filters.push(this.createFilterFromZone(uid, sheetId, filterZone, table.config));
                 }
@@ -57749,13 +57796,18 @@ class TablePlugin extends CorePlugin {
         const newTable = this.createStaticTable(table.id, table.type, newTableRange, table.config, filters);
         this.history.update("tables", sheetId, table.id, newTable);
     }
+    consumeNextId() {
+        const id = `${this.nextTableId}`;
+        this.history.update("nextTableId", this.nextTableId + 1);
+        return id;
+    }
     // ---------------------------------------------------------------------------
     // Import/Export
     // ---------------------------------------------------------------------------
     import(data) {
         for (const sheet of data.sheets) {
             for (const tableData of sheet.tables || []) {
-                const uuid = `${nextTableId++}`;
+                const uuid = this.consumeNextId();
                 const tableConfig = tableData.config || DEFAULT_TABLE_CONFIG;
                 const range = this.getters.getRangeFromSheetXC(sheet.id, tableData.range);
                 const tableType = tableData.type || "static";
@@ -57803,7 +57855,10 @@ class HeaderGroupingPlugin extends CorePlugin {
     allowDispatch(cmd) {
         switch (cmd.type) {
             case "GROUP_HEADERS": {
-                const { start, end } = cmd;
+                const { start, end, sheetId } = cmd;
+                if (!this.getters.tryGetSheet(sheetId)) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
                 if (!this.getters.doesHeadersExist(cmd.sheetId, cmd.dimension, [start, end])) {
                     return "InvalidHeaderGroupStartEnd" /* CommandResult.InvalidHeaderGroupStartEnd */;
                 }
@@ -57816,7 +57871,10 @@ class HeaderGroupingPlugin extends CorePlugin {
                 break;
             }
             case "UNGROUP_HEADERS": {
-                const { start, end } = cmd;
+                const { start, end, sheetId } = cmd;
+                if (!this.getters.tryGetSheet(sheetId)) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
                 if (!this.getters.doesHeadersExist(cmd.sheetId, cmd.dimension, [start, end])) {
                     return "InvalidHeaderGroupStartEnd" /* CommandResult.InvalidHeaderGroupStartEnd */;
                 }
@@ -57827,6 +57885,9 @@ class HeaderGroupingPlugin extends CorePlugin {
             }
             case "UNFOLD_HEADER_GROUP":
             case "FOLD_HEADER_GROUP":
+                if (!this.getters.tryGetSheet(cmd.sheetId)) {
+                    return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                }
                 const group = this.findGroupWithStartEnd(cmd.sheetId, cmd.dimension, cmd.start, cmd.end);
                 if (!group) {
                     return "UnknownHeaderGroup" /* CommandResult.UnknownHeaderGroup */;
@@ -58227,6 +58288,9 @@ class PivotCorePlugin extends CorePlugin {
                 return this.checkDuplicatedMeasureIds(cmd.pivot);
             }
             case "UPDATE_PIVOT": {
+                if (!(cmd.pivotId in this.pivots)) {
+                    return "PivotIdNotFound" /* CommandResult.PivotIdNotFound */;
+                }
                 if (deepEquals(cmd.pivot, this.pivots[cmd.pivotId]?.definition)) {
                     return "NoChanges" /* CommandResult.NoChanges */;
                 }
@@ -58243,6 +58307,8 @@ class PivotCorePlugin extends CorePlugin {
                     return "EmptyName" /* CommandResult.EmptyName */;
                 }
                 break;
+            case "REMOVE_PIVOT":
+            case "DUPLICATE_PIVOT":
             case "INSERT_PIVOT": {
                 if (!(cmd.pivotId in this.pivots)) {
                     return "PivotIdNotFound" /* CommandResult.PivotIdNotFound */;
@@ -58292,7 +58358,7 @@ class PivotCorePlugin extends CorePlugin {
                 break;
             }
             case "UPDATE_PIVOT": {
-                this.history.update("pivots", cmd.pivotId, "definition", cmd.pivot);
+                this.history.update("pivots", cmd.pivotId, "definition", deepCopy(cmd.pivot));
                 this.compileCalculatedMeasures(cmd.pivot.measures);
                 break;
             }
@@ -58363,7 +58429,7 @@ class PivotCorePlugin extends CorePlugin {
     // Private
     // -------------------------------------------------------------------------
     addPivot(pivotId, pivot, formulaId = this.nextFormulaId.toString()) {
-        this.history.update("pivots", pivotId, { definition: pivot, formulaId });
+        this.history.update("pivots", pivotId, { definition: deepCopy(pivot), formulaId });
         this.compileCalculatedMeasures(pivot.measures);
         this.history.update("formulaIds", formulaId, pivotId);
         this.history.update("nextFormulaId", this.nextFormulaId + 1);
@@ -63281,6 +63347,9 @@ function updateChartRangesTransformation(toTransform, executed) {
     };
 }
 function createSheetTransformation(toTransform, executed) {
+    if (toTransform.sheetId === executed.sheetId) {
+        toTransform = { ...toTransform, sheetId: `${toTransform.sheetId}~` };
+    }
     if (toTransform.name === executed.name) {
         return {
             ...toTransform,
@@ -63932,21 +64001,14 @@ class Session extends EventBus {
         if (!message)
             return;
         if (message.type === "REMOTE_REVISION") {
-            const revision = this.revisions.get(message.nextRevisionId);
+            let revision = this.revisions.get(message.nextRevisionId);
             if (revision.commands.length === 0) {
                 /**
-                 * The command is empty, we have to drop all the next local revisions
+                 * The command is empty, we have to rebase all the next local revisions
                  * to avoid issues with undo/redo
                  */
-                this.revisions.drop(revision.id);
-                const revisionIds = this.pendingMessages
-                    .filter((message) => message.type === "REMOTE_REVISION")
-                    .map((message) => message.nextRevisionId);
-                this.trigger("pending-revisions-dropped", { revisionIds });
-                this.waitingAck = false;
-                this.waitingUndoRedoAck = false;
-                this.pendingMessages = [];
-                return;
+                this.revisions.rebase(revision.id);
+                revision = this.revisions.get(message.nextRevisionId);
             }
             message = {
                 ...message,
@@ -63971,7 +64033,6 @@ class Session extends EventBus {
         switch (message.type) {
             case "REMOTE_REVISION":
             case "REVISION_REDONE":
-            case "REVISION_UNDONE":
             case "SNAPSHOT_CREATED":
                 this.waitingAck = false;
                 this.pendingMessages = this.pendingMessages.filter((msg) => msg.nextRevisionId !== message.nextRevisionId);
@@ -63980,6 +64041,25 @@ class Session extends EventBus {
                 this.lastRevisionMessage = message;
                 this.sendPendingMessage();
                 break;
+            case "REVISION_UNDONE": {
+                this.waitingAck = false;
+                this.pendingMessages = this.pendingMessages.filter((msg) => msg.nextRevisionId !== message.nextRevisionId);
+                const firstPendingRevisionId = this.pendingMessages.findIndex((message) => message.type === "REMOTE_REVISION");
+                if (firstPendingRevisionId !== -1) {
+                    /**
+                     * Some revisions undergo transformations that may cause issues with
+                     * undo/redo if the transformation is destructive (we don't get back
+                     * the original command by transforming it with the inverse).
+                     * To prevent these problems, we must rebase all subsequent local
+                     * revisions.
+                     */
+                    this.revisions.rebase(this.pendingMessages[firstPendingRevisionId].nextRevisionId);
+                }
+                this.serverRevisionId = message.nextRevisionId;
+                this.processedRevisions.add(message.nextRevisionId);
+                this.sendPendingMessage();
+                break;
+            }
         }
     }
     isAlreadyProcessed(message) {
@@ -65095,6 +65175,10 @@ class SheetUIPlugin extends UIPlugin {
      */
     checkZonesAreInSheet(cmd) {
         const sheetId = "sheetId" in cmd ? cmd.sheetId : this.getters.tryGetActiveSheetId();
+        if ("ranges" in cmd &&
+            cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId))) {
+            return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+        }
         const zones = this.getters.getCommandZones(cmd);
         if (!sheetId && zones.length > 0) {
             return "NoActiveSheet" /* CommandResult.NoActiveSheet */;
@@ -65444,23 +65528,23 @@ const uuidGenerator = new UuidGenerator();
 function repeatCreateChartCommand(getters, cmd) {
     return {
         ...repeatSheetDependantCommand(getters, cmd),
-        id: uuidGenerator.uuidv4(),
+        id: uuidGenerator.smallUuid(),
     };
 }
 function repeatCreateImageCommand(getters, cmd) {
     return {
         ...repeatSheetDependantCommand(getters, cmd),
-        figureId: uuidGenerator.uuidv4(),
+        figureId: uuidGenerator.smallUuid(),
     };
 }
 function repeatCreateFigureCommand(getters, cmd) {
     const newCmd = repeatSheetDependantCommand(getters, cmd);
-    newCmd.figure.id = uuidGenerator.uuidv4();
+    newCmd.figure.id = uuidGenerator.smallUuid();
     return newCmd;
 }
 function repeatCreateSheetCommand(getters, cmd) {
     const newCmd = deepCopy(cmd);
-    newCmd.sheetId = uuidGenerator.uuidv4();
+    newCmd.sheetId = uuidGenerator.smallUuid();
     const sheetName = cmd.name || getters.getSheet(getters.getActiveSheetId()).name;
     // Extract the prefix of the sheet name (everything before the number at the end of the name)
     const namePrefix = sheetName.match(/(.+?)\d*$/)?.[1] || sheetName;
@@ -65649,7 +65733,6 @@ class HistoryPlugin extends UIPlugin {
         super(config);
         this.session = config.session;
         this.session.on("new-local-state-update", this, this.onNewLocalStateUpdate);
-        this.session.on("pending-revisions-dropped", this, ({ revisionIds }) => this.drop(revisionIds));
         this.session.on("snapshot", this, () => {
             this.undoStack = [];
             this.redoStack = [];
@@ -65719,10 +65802,6 @@ class HistoryPlugin extends UIPlugin {
         const lastNonRedoRevision = this.getPossibleRevisionToRepeat();
         return canRepeatRevision(lastNonRedoRevision);
     }
-    drop(revisionIds) {
-        this.undoStack = this.undoStack.filter((id) => !revisionIds.includes(id));
-        this.redoStack = [];
-    }
     onNewLocalStateUpdate({ id }) {
         this.undoStack.push(id);
         this.redoStack = [];
@@ -66920,23 +66999,7 @@ class GridSelectionPlugin extends UIPlugin {
                         gridSelection: deepCopy(gridSelection),
                     };
                 }
-                if (!this.getters.tryGetSheet(this.getters.getActiveSheetId())) {
-                    const currentSheetIds = this.getters.getVisibleSheetIds();
-                    this.activeSheet = this.getters.getSheet(currentSheetIds[0]);
-                    if (this.activeSheet.id in this.sheetsData) {
-                        const { anchor } = this.clipSelection(this.activeSheet.id, this.sheetsData[this.activeSheet.id].gridSelection);
-                        this.selectCell(anchor.cell.col, anchor.cell.row);
-                    }
-                    else {
-                        this.selectCell(0, 0);
-                    }
-                    const { col, row } = this.gridSelection.anchor.cell;
-                    this.moveClient({
-                        sheetId: this.getters.getActiveSheetId(),
-                        col,
-                        row,
-                    });
-                }
+                this.fallbackToVisibleSheet();
                 const sheetId = this.getters.getActiveSheetId();
                 this.gridSelection.zones = this.gridSelection.zones.map((z) => this.getters.expandZone(sheetId, z));
                 this.gridSelection.anchor.zone = this.getters.expandZone(sheetId, this.gridSelection.anchor.zone);
@@ -66946,6 +67009,7 @@ class GridSelectionPlugin extends UIPlugin {
         }
     }
     finalize() {
+        this.fallbackToVisibleSheet();
         /** Any change to the selection has to be  reflected in the selection processor. */
         this.selection.resetDefaultAnchor(this, deepCopy(this.gridSelection.anchor));
     }
@@ -67256,6 +67320,25 @@ class GridSelectionPlugin extends UIPlugin {
         }
         return "Success" /* CommandResult.Success */;
     }
+    fallbackToVisibleSheet() {
+        if (!this.getters.tryGetSheet(this.getters.getActiveSheetId())) {
+            const currentSheetIds = this.getters.getVisibleSheetIds();
+            this.activeSheet = this.getters.getSheet(currentSheetIds[0]);
+            if (this.activeSheet.id in this.sheetsData) {
+                const { anchor } = this.clipSelection(this.activeSheet.id, this.sheetsData[this.activeSheet.id].gridSelection);
+                this.selectCell(anchor.cell.col, anchor.cell.row);
+            }
+            else {
+                this.selectCell(0, 0);
+            }
+            const { col, row } = this.gridSelection.anchor.cell;
+            this.moveClient({
+                sheetId: this.getters.getActiveSheetId(),
+                col,
+                row,
+            });
+        }
+    }
     //-------------------------------------------
     // Helpers for extensions
     // ------------------------------------------
@@ -68393,7 +68476,9 @@ class HeaderPositionsUIPlugin extends UIPlugin {
             case "UNGROUP_HEADERS":
             case "GROUP_HEADERS":
             case "CREATE_SHEET":
-                this.headerPositions[cmd.sheetId] = this.computeHeaderPositionsOfSheet(cmd.sheetId);
+                if (this.getters.tryGetSheet(cmd.sheetId)) {
+                    this.headerPositions[cmd.sheetId] = this.computeHeaderPositionsOfSheet(cmd.sheetId);
+                }
                 break;
             case "DUPLICATE_SHEET":
                 this.headerPositions[cmd.sheetIdTo] = deepCopy(this.headerPositions[cmd.sheetId]);
@@ -68401,12 +68486,14 @@ class HeaderPositionsUIPlugin extends UIPlugin {
         }
     }
     finalize() {
-        if (this.isDirty) {
-            for (const sheetId of this.getters.getSheetIds()) {
+        for (const sheetId of this.getters.getSheetIds()) {
+            // sheets can be created without this plugin being aware of it
+            // in concurrent situations.
+            if (this.isDirty || !this.headerPositions[sheetId]) {
                 this.headerPositions[sheetId] = this.computeHeaderPositionsOfSheet(sheetId);
             }
-            this.isDirty = false;
         }
+        this.isDirty = false;
     }
     /**
      * Returns the size, start and end coordinates of a column on an unfolded sheet
@@ -69230,7 +69317,7 @@ class BottomBar extends Component {
     clickAddSheet(ev) {
         const activeSheetId = this.env.model.getters.getActiveSheetId();
         const position = this.env.model.getters.getSheetIds().findIndex((sheetId) => sheetId === activeSheetId) + 1;
-        const sheetId = this.env.model.uuidGenerator.uuidv4();
+        const sheetId = this.env.model.uuidGenerator.smallUuid();
         const name = this.env.model.getters.getNextSheetName(_t("Sheet"));
         this.env.model.dispatch("CREATE_SHEET", { sheetId, position, name });
         this.env.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom: activeSheetId, sheetIdTo: sheetId });
@@ -69546,8 +69633,8 @@ css /* scss */ `
       z-index: ${ComponentsImportance.HeaderGroupingButton};
       .o-group-fold-button {
         cursor: pointer;
-        width: 13px;
-        height: 13px;
+        width: 15px;
+        height: 15px;
         border: 1px solid ${HEADER_GROUPING_BORDER_COLOR};
         .o-icon {
           width: 7px;
@@ -69559,9 +69646,6 @@ css /* scss */ `
         }
       }
     }
-    .o-group-border {
-      box-sizing: border-box;
-    }
   }
 `;
 class AbstractHeaderGroup extends Component {
@@ -69956,7 +70040,7 @@ css /* scss */ `
     margin: 2px 1px;
     padding: 0px 1px;
     border-radius: 2px;
-    min-width: 20px;
+    min-width: 22px;
   }
   .o-disabled {
     opacity: 0.6;
@@ -70055,8 +70139,8 @@ css /* scss */ `
         margin: 1px;
         .o-line-item {
           padding: 4px;
-          width: 18px;
-          height: 18px;
+          width: 26px;
+          height: 26px;
           &.active {
             background-color: ${BUTTON_ACTIVE_BG};
           }
@@ -70250,6 +70334,10 @@ const FX_SVG = /*xml*/ `
 </svg>
 `;
 css /* scss */ `
+  .o-topbar-composer-container {
+    height: ${TOPBAR_TOOLBAR_HEIGHT}px;
+  }
+
   .o-topbar-composer {
     height: fit-content;
     margin-top: -1px;
@@ -70737,7 +70825,6 @@ css /* scss */ `
     *,
     *:before,
     *:after {
-      box-sizing: content-box;
       /* rtl not supported ATM */
       direction: ltr;
     }
@@ -70796,7 +70883,6 @@ css /* scss */ `
     .o-input {
       min-width: 0px;
       padding: 1px 0;
-      box-sizing: border-box;
       width: 100%;
       outline: none;
       border-color: ${GRAY_300};
@@ -70867,18 +70953,9 @@ css /* scss */ `
     }
 
     > canvas {
+      box-sizing: content-box;
       border-bottom: 1px solid #e2e3e3;
     }
-    .o-scrollbar {
-      &.corner {
-        right: 0px;
-        bottom: 0px;
-        height: ${SCROLLBAR_WIDTH}px;
-        width: ${SCROLLBAR_WIDTH}px;
-        border-top: 1px solid #e2e3e3;
-        border-left: 1px solid #e2e3e3;
-      }
-    }
 
     .o-grid-overlay {
       position: absolute;
@@ -70891,7 +70968,7 @@ css /* scss */ `
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
-    height: 30px;
+    height: 32px;
     line-height: 16px;
     flex-grow: 1;
     background-color: ${BUTTON_BG};
@@ -71519,7 +71596,7 @@ class Tree {
     }
     /**
      * Drop the operation and all following operations in every
-     * branch
+     * branches
      */
     drop(operationId) {
         for (const branch of this.branches) {
@@ -71824,9 +71901,16 @@ class SelectiveHistory {
         this.fastForward();
         this.insert(redoId, this.buildEmpty(redoId), insertAfter);
     }
-    drop(operationId) {
+    rebase(operationId) {
+        const operation = this.get(operationId);
+        const execution = [...this.tree.execution(this.HEAD_BRANCH).startAfter(operationId)];
         this.revertBefore(operationId);
+        const baseId = this.HEAD_OPERATION.id;
         this.tree.drop(operationId);
+        this.insert(operationId, operation, baseId);
+        for (const { operation } of execution) {
+            this.insert(operation.id, operation.data, this.HEAD_OPERATION.id);
+        }
     }
     /**
      * Revert the state as it was *before* the given operation was executed.
@@ -74954,6 +75038,11 @@ class Model extends EventBus {
             dispatch: (command) => {
                 const result = this.checkDispatchAllowed(command);
                 if (!result.isSuccessful) {
+                    // core views plugins need to be invalidated
+                    this.dispatchToHandlers(this.coreHandlers, {
+                        type: "UNDO",
+                        commands: [command],
+                    });
                     return;
                 }
                 this.isReplayingCommand = true;
@@ -74981,7 +75070,7 @@ class Model extends EventBus {
     }
     setupConfig(config) {
         const client = config.client || {
-            id: this.uuidGenerator.uuidv4(),
+            id: this.uuidGenerator.smallUuid(),
             name: _t("Anonymous").toString(),
         };
         const transportService = config.transportService || new LocalTransportService();
@@ -75475,6 +75564,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.2.0-alpha.7";
-__info__.date = "2025-02-10T09:01:19.353Z";
-__info__.hash = "0432f17";
+__info__.version = "18.2.0";
+__info__.date = "2025-02-18T08:27:07.101Z";
+__info__.hash = "d708714";