@odoo/o-spreadsheet 17.4.21 → 17.4.23

package/dist/o-spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.4.21
- * @date 2025-02-05T06:46:54.366Z
- * @hash 0c55e18
+ * @version 17.4.23
+ * @date 2025-02-14T08:37:12.219Z
+ * @hash 8339907
  */
 
 (function (exports, owl) {
@@ -747,9 +747,16 @@
       }
       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.
@@ -5492,6 +5499,37 @@
       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++;
@@ -5505,7 +5543,7 @@
           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);
               });
           }
@@ -6892,7 +6930,7 @@
           };
       }
       getPasteTarget(sheetId, target, content, options) {
-          const newId = new UuidGenerator().uuidv4();
+          const newId = new UuidGenerator().smallUuid();
           return { zones: [], figureId: newId, sheetId };
       }
       paste(target, clippedContent, options) {
@@ -7034,7 +7072,9 @@
           const cfInTarget = this.getters
               .getConditionalFormats(targetSheetId)
               .find((cf) => cf.stopIfTrue === originCF.stopIfTrue && deepEquals(cf.rule, originCF.rule));
-          return cfInTarget ? cfInTarget : { ...originCF, id: this.uuidGenerator.uuidv4(), ranges: [] };
+          return cfInTarget
+              ? cfInTarget
+              : { ...originCF, id: this.uuidGenerator.smallUuid(), ranges: [] };
       }
   }
 
@@ -7119,7 +7159,7 @@
               originRule.isBlocking === rule.isBlocking);
           return ruleInTargetSheet
               ? ruleInTargetSheet
-              : { ...originRule, id: newId ? this.uuidGenerator.uuidv4() : originRule.id, ranges: [] };
+              : { ...originRule, id: newId ? this.uuidGenerator.smallUuid() : originRule.id, ranges: [] };
       }
       /**
        * Add or remove XCs to a given data validation rule.
@@ -7160,7 +7200,7 @@
           };
       }
       getPasteTarget(sheetId, target, content, options) {
-          const newId = new UuidGenerator().uuidv4();
+          const newId = new UuidGenerator().smallUuid();
           return { sheetId, zones: [], figureId: newId };
       }
       paste(target, clippedContent, options) {
@@ -13029,6 +13069,25 @@ stores.inject(MyMetaStore, storeInstance);
       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) {
@@ -13542,6 +13601,7 @@ stores.inject(MyMetaStore, storeInstance);
     ISODD: ISODD,
     ISO_CEILING: ISO_CEILING,
     LN: LN,
+    LOG: LOG,
     MOD: MOD,
     MUNIT: MUNIT,
     ODD: ODD,
@@ -16250,7 +16310,7 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
       },
-      isExported: true,
+      isExported: false,
   };
   // -----------------------------------------------------------------------------
   // UNIQUE
@@ -23516,17 +23576,15 @@ stores.inject(MyMetaStore, storeInstance);
           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: [] };
@@ -23864,9 +23922,7 @@ stores.inject(MyMetaStore, storeInstance);
       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));
@@ -24043,8 +24099,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
       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()) {
@@ -24056,23 +24112,26 @@ stores.inject(MyMetaStore, storeInstance);
       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;
       }
@@ -24175,9 +24234,8 @@ stores.inject(MyMetaStore, storeInstance);
       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));
@@ -24192,7 +24250,7 @@ stores.inject(MyMetaStore, storeInstance);
       const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
       const options = { format: dataSetFormat, locale, truncateLabels };
       const config = getLineOrScatterConfiguration(chart, labels, options);
-      const labelFormat = getChartLabelFormat(getters, chart.labelRange);
+      const labelFormat = getChartLabelFormat(getters, chart.labelRange, removeFirstLabel);
       if (axisType === "time") {
           const axis = {
               type: "time",
@@ -24406,9 +24464,7 @@ stores.inject(MyMetaStore, storeInstance);
       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));
@@ -25061,9 +25117,7 @@ stores.inject(MyMetaStore, storeInstance);
       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));
@@ -25611,9 +25665,7 @@ stores.inject(MyMetaStore, storeInstance);
       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));
@@ -27131,7 +27183,7 @@ stores.inject(MyMetaStore, storeInstance);
   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() });
@@ -27141,7 +27193,7 @@ stores.inject(MyMetaStore, storeInstance);
       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,
@@ -27756,20 +27808,21 @@ stores.inject(MyMetaStore, storeInstance);
       }
       // 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 &&
@@ -28463,7 +28516,7 @@ stores.inject(MyMetaStore, storeInstance);
   //------------------------------------------------------------------------------
   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();
@@ -28486,8 +28539,8 @@ stores.inject(MyMetaStore, storeInstance);
   // 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 });
@@ -28546,7 +28599,7 @@ stores.inject(MyMetaStore, storeInstance);
   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");
@@ -29099,7 +29152,7 @@ stores.inject(MyMetaStore, storeInstance);
               ranges,
               sheetId,
               rule: {
-                  id: env.model.uuidGenerator.uuidv4(),
+                  id: env.model.uuidGenerator.smallUuid(),
                   criterion: {
                       type: "isBoolean",
                       values: [],
@@ -29115,7 +29168,7 @@ stores.inject(MyMetaStore, storeInstance);
           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,
@@ -29146,7 +29199,7 @@ stores.inject(MyMetaStore, storeInstance);
       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 });
       },
@@ -32845,7 +32898,7 @@ stores.inject(MyMetaStore, storeInstance);
       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;
       }
@@ -32917,7 +32970,7 @@ stores.inject(MyMetaStore, storeInstance);
       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;
       }
@@ -33546,8 +33599,8 @@ stores.inject(MyMetaStore, storeInstance);
           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,
@@ -33558,8 +33611,8 @@ stores.inject(MyMetaStore, storeInstance);
           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));
       };
       owl.onWillUnmount(() => {
@@ -34007,7 +34060,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: cf.id,
               initialMousePosition: event.clientY,
               items: items,
-              containerEl: this.cfListRef.el,
+              scrollableContainerEl: this.cfListRef.el,
               onDragEnd: (cfId, finalIndex) => this.onDragEnd(cfId, finalIndex),
           });
       }
@@ -34216,7 +34269,7 @@ stores.inject(MyMetaStore, storeInstance);
       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)),
@@ -35188,7 +35241,7 @@ stores.inject(MyMetaStore, storeInstance);
               .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,
           };
@@ -36019,6 +36072,7 @@ stores.inject(MyMetaStore, storeInstance);
           unusedMeasureFields: Array,
           unusedDateTimeGranularities: Object,
           allGranularities: Array,
+          getScrollableContainerEl: { type: Function, optional: true },
       };
       dimensionsRef = owl.useRef("pivot-dimensions");
       dragAndDrop = useDragAndDropListItems();
@@ -36047,7 +36101,7 @@ stores.inject(MyMetaStore, storeInstance);
               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) {
@@ -36087,7 +36141,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: measure.name,
               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) {
@@ -36306,8 +36360,8 @@ stores.inject(MyMetaStore, storeInstance);
           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,
@@ -37526,6 +37580,7 @@ stores.inject(MyMetaStore, storeInstance);
       };
       store;
       state;
+      pivotSidePanelRef = owl.useRef("pivotSidePanel");
       setup() {
           this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId);
           this.state = owl.useState({
@@ -37554,6 +37609,9 @@ stores.inject(MyMetaStore, storeInstance);
       get definition() {
           return this.store.definition;
       }
+      getScrollableContainerEl() {
+          return this.pivotSidePanelRef.el;
+      }
       onSelectionChanged(ranges) {
           this.state.rangeHasChanged = true;
           this.state.range = ranges[0];
@@ -38632,7 +38690,7 @@ stores.inject(MyMetaStore, storeInstance);
           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,
@@ -50913,7 +50971,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "RENAME_SHEET":
                   return this.isRenameAllowed(cmd);
               case "DELETE_SHEET":
-                  return this.orderedSheetIds.length > 1
+                  return this.getVisibleSheetIds().length > 1
                       ? "Success" /* CommandResult.Success */
                       : "NotEnoughSheets" /* CommandResult.NotEnoughSheets */;
               case "ADD_COLUMNS_ROWS":
@@ -51770,7 +51828,7 @@ stores.inject(MyMetaStore, storeInstance);
                   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)
@@ -51923,7 +51981,7 @@ stores.inject(MyMetaStore, storeInstance);
               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));
               }
           }
@@ -51988,7 +52046,7 @@ stores.inject(MyMetaStore, storeInstance);
                       ? 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));
               }
           }
@@ -52089,7 +52147,7 @@ stores.inject(MyMetaStore, storeInstance);
           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));
                   }
@@ -59038,23 +59096,23 @@ stores.inject(MyMetaStore, storeInstance);
   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;
@@ -60524,23 +60582,7 @@ stores.inject(MyMetaStore, storeInstance);
                           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);
@@ -60550,6 +60592,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       finalize() {
+          this.fallbackToVisibleSheet();
           /** Any change to the selection has to be  reflected in the selection processor. */
           this.selection.resetDefaultAnchor(this, deepCopy(this.gridSelection.anchor));
       }
@@ -60853,6 +60896,25 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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
       // ------------------------------------------
@@ -62832,7 +62894,7 @@ stores.inject(MyMetaStore, storeInstance);
       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 });
@@ -62947,7 +63009,7 @@ stores.inject(MyMetaStore, storeInstance);
               draggedItemId: sheetId,
               initialMousePosition: event.clientX,
               items: sheets,
-              containerEl: this.sheetListRef.el,
+              scrollableContainerEl: this.sheetListRef.el,
               onDragEnd: (sheetId, finalIndex) => this.onDragEnd(sheetId, finalIndex),
           });
       }
@@ -68390,7 +68452,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       setupConfig(config) {
           const client = config.client || {
-              id: this.uuidGenerator.uuidv4(),
+              id: this.uuidGenerator.smallUuid(),
               name: _t("Anonymous").toString(),
           };
           const transportService = config.transportService || new LocalTransportService();
@@ -68909,9 +68971,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.4.21";
-  __info__.date = "2025-02-05T06:46:54.366Z";
-  __info__.hash = "0c55e18";
+  __info__.version = "17.4.23";
+  __info__.date = "2025-02-14T08:37:12.219Z";
+  __info__.hash = "8339907";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);