@odoo/o-spreadsheet 18.0.14 → 18.0.16

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.0.14
- * @date 2025-02-05T06:47:33.041Z
- * @hash 90f2af4
+ * @version 18.0.16
+ * @date 2025-02-14T08:44:19.475Z
+ * @hash 39979ab
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -765,9 +765,16 @@ function deepEqualsArray(arr1, arr2) {
     }
     return true;
 }
-/** Check if the given array contains all the values of the other array. */
+/**
+ * Check if the given array contains all the values of the other array.
+ * It makes the assumption that both array do not contain duplicates.
+ */
 function includesAll(arr, values) {
-    return values.every((value) => arr.includes(value));
+    if (arr.length < values.length) {
+        return false;
+    }
+    const set = new Set(arr);
+    return values.every((value) => set.has(value));
 }
 /**
  * Return an object with all the keys in the object that have a falsy value removed.
@@ -6338,6 +6345,37 @@ class UuidGenerator {
     setIsFastStrategy(isFast) {
         this.isFastIdStrategy = isFast;
     }
+    /**
+     * 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() {
+        if (this.isFastIdStrategy) {
+            this.fastIdStart++;
+            return String(this.fastIdStart);
+            //@ts-ignore
+        }
+        else 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) {
+                var 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() {
         if (this.isFastIdStrategy) {
             this.fastIdStart++;
@@ -6351,7 +6389,7 @@ class UuidGenerator {
         else {
             // mainly for jest and other browsers that do not have the crypto functionality
             return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-                var r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
+                var r = (Math.random() * 16) | 0, v = c == "x" ? r : (r & 0x3) | 0x8;
                 return v.toString(16);
             });
         }
@@ -8330,7 +8368,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) {
@@ -8496,7 +8534,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: [] };
     }
 }
 
@@ -8589,7 +8627,7 @@ class DataValidationClipboardHandler extends AbstractCellClipboardHandler {
         }
         return (targetRule || {
             ...originRule,
-            id: newId ? this.uuidGenerator.uuidv4() : originRule.id,
+            id: newId ? this.uuidGenerator.smallUuid() : originRule.id,
             ranges: [],
         });
     }
@@ -8651,7 +8689,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) {
@@ -15053,7 +15091,7 @@ const SORTN = {
             }
         }
     },
-    isExported: true,
+    isExported: false,
 };
 // -----------------------------------------------------------------------------
 // UNIQUE
@@ -28507,17 +28545,15 @@ function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale, tr
         plugins: [],
     };
 }
-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: [] };
@@ -28805,9 +28841,7 @@ function createBarChartRuntime(chart, getters) {
     const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
     let labels = labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
-    if (chart.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    if (shouldRemoveFirstLabel(chart.labelRange, chart.dataSets[0], chart.dataSetsHaveTitle)) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
@@ -29076,8 +29110,8 @@ function fixEmptyLabelsForDateCharts(labels, dataSetsValues) {
     }
     return { labels: newLabels, dataSetsValues: newDatasets };
 }
-function canChartParseLabels(labelRange, getters) {
-    return canBeDateChart(labelRange, getters) || canBeLinearChart(labelRange, getters);
+function canChartParseLabels(chart, getters) {
+    return canBeDateChart(chart, getters) || canBeLinearChart(chart, getters);
 }
 function getChartAxisType(chart, getters) {
     if (isDateChart(chart, getters) && isLuxonTimeAdapterInstalled()) {
@@ -29089,23 +29123,26 @@ function getChartAxisType(chart, getters) {
     return "category";
 }
 function isDateChart(chart, getters) {
-    return !chart.labelsAsText && canBeDateChart(chart.labelRange, getters);
+    return !chart.labelsAsText && canBeDateChart(chart, getters);
 }
 function isLinearChart(chart, getters) {
-    return !chart.labelsAsText && canBeLinearChart(chart.labelRange, getters);
+    return !chart.labelsAsText && canBeLinearChart(chart, getters);
 }
-function canBeDateChart(labelRange, getters) {
-    if (!labelRange || !canBeLinearChart(labelRange, getters)) {
+function canBeDateChart(chart, getters) {
+    if (!chart.labelRange || !canBeLinearChart(chart, getters)) {
         return false;
     }
-    const labelFormat = getChartLabelFormat(getters, labelRange);
+    const labelFormat = getChartLabelFormat(getters, chart.labelRange, shouldRemoveFirstLabel(chart.labelRange, chart.dataSets[0], chart.dataSetsHaveTitle));
     return Boolean(labelFormat && timeFormatLuxonCompatible.test(labelFormat));
 }
-function canBeLinearChart(labelRange, getters) {
-    if (!labelRange) {
+function canBeLinearChart(chart, getters) {
+    if (!chart.labelRange) {
         return false;
     }
-    const labels = getters.getRangeValues(labelRange);
+    const labels = getters.getRangeValues(chart.labelRange);
+    if (shouldRemoveFirstLabel(chart.labelRange, chart.dataSets[0], chart.dataSetsHaveTitle)) {
+        labels.shift();
+    }
     if (labels.some((label) => isNaN(Number(label)) && label)) {
         return false;
     }
@@ -29189,9 +29226,8 @@ function createLineOrScatterChartRuntime(chart, getters) {
     const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
     let labels = axisType === "linear" ? labelValues.values : labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
-    if (chart.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    const removeFirstLabel = shouldRemoveFirstLabel(chart.labelRange, chart.dataSets[0], chart.dataSetsHaveTitle);
+    if (removeFirstLabel) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
@@ -29281,12 +29317,7 @@ function createLineOrScatterChartRuntime(chart, getters) {
         background: chart.background,
         callback: formatTickValue(options),
     };
-    if (chart.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
-        labels.shift();
-    }
-    const labelFormat = getChartLabelFormat(getters, chart.labelRange);
+    const labelFormat = getChartLabelFormat(getters, chart.labelRange, removeFirstLabel);
     if (axisType === "time") {
         const axis = {
             type: "time",
@@ -29544,9 +29575,7 @@ function createComboChartRuntime(chart, getters) {
     const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
     let labels = labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
-    if (chart.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    if (shouldRemoveFirstLabel(chart.labelRange, chart.dataSets[0], chart.dataSetsHaveTitle)) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
@@ -30237,9 +30266,7 @@ function createPieChartRuntime(chart, getters) {
     const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
     let labels = labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
-    if (chart.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    if (shouldRemoveFirstLabel(chart.labelRange, chart.dataSets[0], chart.dataSetsHaveTitle)) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
@@ -30784,9 +30811,7 @@ function createWaterfallChartRuntime(chart, getters) {
     const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
     let labels = labelValues.formattedValues;
     let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
-    if (chart.dataSetsHaveTitle &&
-        dataSetsValues[0] &&
-        labels.length > dataSetsValues[0].data.length) {
+    if (shouldRemoveFirstLabel(chart.labelRange, chart.dataSets[0], chart.dataSetsHaveTitle)) {
         labels.shift();
     }
     ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
@@ -32282,7 +32307,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() });
@@ -32293,7 +32318,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,
@@ -32920,20 +32945,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(chart, getters)) {
+        return lineChartDefinition;
     }
     const _dataSets = createDataSets(getters, dataSets, sheetId, dataSetsHaveTitle);
     if (singleColumn &&
@@ -33301,7 +33327,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();
@@ -33324,8 +33350,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 });
@@ -33384,7 +33410,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");
@@ -33937,7 +33963,7 @@ const insertCheckbox = {
             ranges,
             sheetId,
             rule: {
-                id: env.model.uuidGenerator.uuidv4(),
+                id: env.model.uuidGenerator.smallUuid(),
                 criterion: {
                     type: "isBoolean",
                     values: [],
@@ -33953,7 +33979,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,
@@ -33984,7 +34010,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 });
     },
@@ -37979,7 +38005,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, this.env.model.getters);
         }
         return false;
     }
@@ -38048,7 +38074,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, this.env.model.getters);
         }
         return false;
     }
@@ -39255,8 +39281,8 @@ function useDragAndDropListItems() {
         document.body.style.cursor = "move";
         state.draggedItemId = args.draggedItemId;
         const container = direction === "horizontal"
-            ? new HorizontalContainer(args.containerEl)
-            : new VerticalContainer(args.containerEl);
+            ? new HorizontalContainer(args.scrollableContainerEl)
+            : new VerticalContainer(args.scrollableContainerEl);
         dndHelper = new DOMDndHelper({
             ...args,
             container,
@@ -39267,8 +39293,8 @@ function useDragAndDropListItems() {
         const stopListening = startDnd(dndHelper.onMouseMove.bind(dndHelper), dndHelper.onMouseUp.bind(dndHelper));
         cleanupFns.push(stopListening);
         const onScroll = dndHelper.onScroll.bind(dndHelper);
-        args.containerEl.addEventListener("scroll", onScroll);
-        cleanupFns.push(() => args.containerEl.removeEventListener("scroll", onScroll));
+        args.scrollableContainerEl.addEventListener("scroll", onScroll);
+        cleanupFns.push(() => args.scrollableContainerEl.removeEventListener("scroll", onScroll));
         cleanupFns.push(dndHelper.destroy.bind(dndHelper));
     };
     onWillUnmount(() => {
@@ -39732,7 +39758,7 @@ class ConditionalFormatPreviewList extends Component {
             draggedItemId: cf.id,
             initialMousePosition: event.clientY,
             items: items,
-            containerEl: this.cfListRef.el,
+            scrollableContainerEl: this.cfListRef.el,
             onDragEnd: (cfId, finalIndex) => this.onDragEnd(cfId, finalIndex),
         });
     }
@@ -39863,7 +39889,7 @@ class ConditionalFormattingEditor extends Component {
     state;
     setup() {
         const cf = this.props.editedCf || {
-            id: this.env.model.uuidGenerator.uuidv4(),
+            id: this.env.model.uuidGenerator.smallUuid(),
             ranges: this.env.model.getters
                 .getSelectedZones()
                 .map((zone) => this.env.model.getters.zoneToXC(this.env.model.getters.getActiveSheetId(), zone)),
@@ -41459,7 +41485,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,
         };
@@ -42716,6 +42742,7 @@ class PivotLayoutConfigurator extends Component {
         unusedGranularities: Object,
         dateGranularities: Array,
         datetimeGranularities: Array,
+        getScrollableContainerEl: { type: Function, optional: true },
         pivotId: String,
     };
     dimensionsRef = useRef("pivot-dimensions");
@@ -42749,7 +42776,7 @@ class PivotLayoutConfigurator extends Component {
             draggedItemId: dimension.nameWithGranularity,
             initialMousePosition: event.clientY,
             items: draggableItems,
-            containerEl: this.dimensionsRef.el,
+            scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
             onDragEnd: (dimensionName, finalIndex) => {
                 const originalIndex = draggableIds.findIndex((id) => id === dimensionName);
                 if (originalIndex === finalIndex) {
@@ -42798,7 +42825,7 @@ class PivotLayoutConfigurator extends Component {
             draggedItemId: measure.id,
             initialMousePosition: event.clientY,
             items: draggableItems,
-            containerEl: this.dimensionsRef.el,
+            scrollableContainerEl: this.props.getScrollableContainerEl?.() || this.dimensionsRef.el,
             onDragEnd: (measureName, finalIndex) => {
                 const originalIndex = draggableIds.findIndex((id) => id === measureName);
                 if (originalIndex === finalIndex) {
@@ -42977,8 +43004,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,
@@ -44426,6 +44453,7 @@ class PivotSpreadsheetSidePanel extends Component {
     };
     store;
     state;
+    pivotSidePanelRef = useRef("pivotSidePanel");
     setup() {
         this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
         this.state = useState({
@@ -44454,6 +44482,9 @@ class PivotSpreadsheetSidePanel extends Component {
     get definition() {
         return this.store.definition;
     }
+    getScrollableContainerEl() {
+        return this.pivotSidePanelRef.el;
+    }
     onSelectionChanged(ranges) {
         this.state.rangeHasChanged = true;
         this.state.range = ranges[0];
@@ -45539,7 +45570,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,
@@ -54205,7 +54236,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":
@@ -55071,7 +55102,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 = this.uuidGenerator.uuidv4();
+                const id = this.uuidGenerator.smallUuid();
                 const config = cmd.config || DEFAULT_TABLE_CONFIG;
                 const newTable = cmd.tableType === "dynamic"
                     ? this.createDynamicTable(id, union, config)
@@ -55224,7 +55255,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 = this.uuidGenerator.uuidv4();
+                const uid = this.uuidGenerator.smallUuid();
                 filters.push(this.createFilterFromZone(uid, tableRange.sheetId, filterZone, config));
             }
         }
@@ -55289,7 +55320,7 @@ class TablePlugin extends CorePlugin {
                     ? table.filters.find((f) => f.col === i)
                     : undefined;
                 const filterZone = { ...tableZone, left: i, right: i };
-                const filterId = oldFilter?.id || this.uuidGenerator.uuidv4();
+                const filterId = oldFilter?.id || this.uuidGenerator.smallUuid();
                 filters.push(this.createFilterFromZone(filterId, tableRange.sheetId, filterZone, config));
             }
         }
@@ -55390,7 +55421,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 = this.uuidGenerator.uuidv4();
+                    const uid = this.uuidGenerator.smallUuid();
                     const filterZone = { ...tableZone, left: col, right: col };
                     filters.push(this.createFilterFromZone(uid, sheetId, filterZone, table.config));
                 }
@@ -61590,6 +61621,15 @@ class Session extends EventBus {
         this.waitingAck = true;
         this.sendPendingMessage();
     }
+    dropPendingRevision(revisionId) {
+        this.revisions.drop(revisionId);
+        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;
+    }
     /**
      * Send the next pending message
      */
@@ -61604,13 +61644,7 @@ class Session extends EventBus {
                  * The command is empty, we have to drop 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.dropPendingRevision(revision.id);
                 this.pendingMessages = [];
                 return;
             }
@@ -61636,7 +61670,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);
@@ -61645,6 +61678,27 @@ 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 pendingRemoteRevisions = this.pendingMessages.filter((message) => message.type === "REMOTE_REVISION");
+                const firstTransformedRevisionIndex = pendingRemoteRevisions.findIndex((message) => !deepEquals(message.commands, this.revisions.get(message.nextRevisionId).commands));
+                if (firstTransformedRevisionIndex !== -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 discard all subsequent local
+                     * revisions.
+                     */
+                    this.dropPendingRevision(this.pendingMessages[firstTransformedRevisionIndex].nextRevisionId);
+                    this.pendingMessages = this.pendingMessages.slice(0, firstTransformedRevisionIndex);
+                }
+                this.serverRevisionId = message.nextRevisionId;
+                this.processedRevisions.add(message.nextRevisionId);
+                this.sendPendingMessage();
+                break;
+            }
         }
     }
     isAlreadyProcessed(message) {
@@ -63076,23 +63130,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;
@@ -64555,23 +64609,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);
@@ -64581,6 +64619,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));
     }
@@ -64884,6 +64923,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
     // ------------------------------------------
@@ -66886,7 +66944,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 });
@@ -67003,7 +67061,7 @@ class BottomBar extends Component {
             draggedItemId: sheetId,
             initialMousePosition: event.clientX,
             items: sheets,
-            containerEl: this.sheetListRef.el,
+            scrollableContainerEl: this.sheetListRef.el,
             onDragEnd: (sheetId, finalIndex) => this.onDragEnd(sheetId, finalIndex),
         });
     }
@@ -67974,7 +68032,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;
     }
@@ -69261,7 +69319,7 @@ class Tree {
     }
     /**
      * Drop the operation and all following operations in every
-     * branch
+     * branches
      */
     drop(operationId) {
         for (const branch of this.branches) {
@@ -72638,7 +72696,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();
@@ -73125,6 +73183,6 @@ const constants = {
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, 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.0.14";
-__info__.date = "2025-02-05T06:47:33.041Z";
-__info__.hash = "90f2af4";
+__info__.version = "18.0.16";
+__info__.date = "2025-02-14T08:44:19.475Z";
+__info__.hash = "39979ab";