@odoo/o-spreadsheet 17.4.30 → 17.4.32

package/dist/o-spreadsheet.cjs.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.30
- * @date 2025-04-14T17:17:01.767Z
- * @hash e4cf37d
+ * @version 17.4.32
+ * @date 2025-04-25T08:06:59.937Z
+ * @hash c370ddf
  */
 
 'use strict';
@@ -5828,6 +5828,12 @@ function tokenizeString(chars) {
     }
     return null;
 }
+/**
+  - \p{L} is for any letter (from any language)
+  - \p{N} is for any number
+  - the u flag at the end is for unicode, which enables the `\p{...}` syntax
+ */
+const unicodeSymbolCharRegexp = /\p{L}|\p{N}|_|\.|!|\$/u;
 const SYMBOL_CHARS = new Set("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_.!$");
 /**
  * A "Symbol" is just basically any word-like element that can appear in a
@@ -5868,7 +5874,8 @@ function tokenizeSymbol(chars) {
             };
         }
     }
-    while (chars.current && SYMBOL_CHARS.has(chars.current)) {
+    while (chars.current &&
+        (SYMBOL_CHARS.has(chars.current) || chars.current.match(unicodeSymbolCharRegexp))) {
         result += chars.shift();
     }
     if (result.length) {
@@ -7555,7 +7562,7 @@ function transformZone(zone, executed) {
     if (executed.type === "ADD_COLUMNS_ROWS") {
         return expandZoneOnInsertion(zone, executed.dimension === "COL" ? "left" : "top", executed.base, executed.position, executed.quantity);
     }
-    return { ...zone };
+    return zone;
 }
 function transformRangeData(range, executed) {
     const deletedSheet = executed.type === "DELETE_SHEET" && executed.sheetId;
@@ -10940,9 +10947,11 @@ const GAUGE_TITLE_PADDING_LEFT = DEFAULT_CHART_PADDING;
 const GAUGE_TITLE_PADDING_TOP = DEFAULT_CHART_PADDING;
 function drawGaugeChart(canvas, runtime) {
     const canvasBoundingRect = canvas.getBoundingClientRect();
-    canvas.width = canvasBoundingRect.width;
-    canvas.height = canvasBoundingRect.height;
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = dpr * canvasBoundingRect.width;
+    canvas.height = dpr * canvasBoundingRect.height;
     const ctx = canvas.getContext("2d");
+    ctx.scale(dpr, dpr);
     const config = getGaugeRenderingConfig(canvasBoundingRect, runtime, ctx);
     drawBackground(ctx, config);
     drawGauge(ctx, config);
@@ -11499,9 +11508,11 @@ let ScorecardChart$1 = class ScorecardChart extends AbstractChart {
 };
 function drawScoreChart(structure, canvas) {
     const ctx = canvas.getContext("2d");
-    canvas.width = structure.canvas.width;
-    const availableWidth = canvas.width - DEFAULT_CHART_PADDING;
-    canvas.height = structure.canvas.height;
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = dpr * structure.canvas.width;
+    canvas.height = dpr * structure.canvas.height;
+    ctx.scale(dpr, dpr);
+    const availableWidth = structure.canvas.width - DEFAULT_CHART_PADDING;
     ctx.fillStyle = structure.canvas.backgroundColor;
     ctx.fillRect(0, 0, structure.canvas.width, structure.canvas.height);
     if (structure.title) {
@@ -12266,6 +12277,10 @@ class ChartJsComponent extends owl.Component {
                 this.currentRuntime = runtime;
             }
         });
+        owl.useEffect(() => {
+            this.currentRuntime = this.chartRuntime;
+            this.updateChartJs(deepCopy(this.currentRuntime));
+        }, () => [window.devicePixelRatio]);
     }
     createChart(chartData) {
         const canvas = this.canvas.el;
@@ -12307,7 +12322,7 @@ class ScorecardChart extends owl.Component {
         owl.useEffect(this.createChart.bind(this), () => {
             const canvas = this.canvas.el;
             const rect = canvas.getBoundingClientRect();
-            return [rect.width, rect.height, this.runtime, this.canvas.el];
+            return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
         });
     }
     createChart() {
@@ -25196,7 +25211,7 @@ class GaugeChartComponent extends owl.Component {
         owl.useEffect(() => drawGaugeChart(this.canvas.el, this.runtime), () => {
             const canvas = this.canvas.el;
             const rect = canvas.getBoundingClientRect();
-            return [rect.width, rect.height, this.runtime, this.canvas.el];
+            return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
         });
     }
 }
@@ -32362,7 +32377,7 @@ class ColorPicker extends owl.Component {
     }
     setHexColor(ev) {
         // only support HEX code input
-        const val = ev.target.value.slice(0, 7);
+        const val = ev.target.value.replace("##", "#").slice(0, 7);
         this.state.customHexColor = val;
         if (!isColorValid(val)) ;
         else {
@@ -57384,10 +57399,8 @@ function mergeTransformation(toTransform, executed) {
     }
     const target = [];
     for (const zone1 of toTransform.target) {
-        for (const zone2 of executed.target) {
-            if (!overlap(zone1, zone2)) {
-                target.push({ ...zone1 });
-            }
+        if (executed.target.every((zone2) => !overlap(zone1, zone2))) {
+            target.push(zone1);
         }
     }
     if (target.length) {
@@ -69376,6 +69389,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.4.30";
-__info__.date = "2025-04-14T17:17:01.767Z";
-__info__.hash = "e4cf37d";
+__info__.version = "17.4.32";
+__info__.date = "2025-04-25T08:06:59.937Z";
+__info__.hash = "c370ddf";

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 17.4.30
- * @date 2025-04-14T17:17:01.767Z
- * @hash e4cf37d
+ * @version 17.4.32
+ * @date 2025-04-25T08:06:59.937Z
+ * @hash c370ddf
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -5826,6 +5826,12 @@ function tokenizeString(chars) {
     }
     return null;
 }
+/**
+  - \p{L} is for any letter (from any language)
+  - \p{N} is for any number
+  - the u flag at the end is for unicode, which enables the `\p{...}` syntax
+ */
+const unicodeSymbolCharRegexp = /\p{L}|\p{N}|_|\.|!|\$/u;
 const SYMBOL_CHARS = new Set("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_.!$");
 /**
  * A "Symbol" is just basically any word-like element that can appear in a
@@ -5866,7 +5872,8 @@ function tokenizeSymbol(chars) {
             };
         }
     }
-    while (chars.current && SYMBOL_CHARS.has(chars.current)) {
+    while (chars.current &&
+        (SYMBOL_CHARS.has(chars.current) || chars.current.match(unicodeSymbolCharRegexp))) {
         result += chars.shift();
     }
     if (result.length) {
@@ -7553,7 +7560,7 @@ function transformZone(zone, executed) {
     if (executed.type === "ADD_COLUMNS_ROWS") {
         return expandZoneOnInsertion(zone, executed.dimension === "COL" ? "left" : "top", executed.base, executed.position, executed.quantity);
     }
-    return { ...zone };
+    return zone;
 }
 function transformRangeData(range, executed) {
     const deletedSheet = executed.type === "DELETE_SHEET" && executed.sheetId;
@@ -10938,9 +10945,11 @@ const GAUGE_TITLE_PADDING_LEFT = DEFAULT_CHART_PADDING;
 const GAUGE_TITLE_PADDING_TOP = DEFAULT_CHART_PADDING;
 function drawGaugeChart(canvas, runtime) {
     const canvasBoundingRect = canvas.getBoundingClientRect();
-    canvas.width = canvasBoundingRect.width;
-    canvas.height = canvasBoundingRect.height;
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = dpr * canvasBoundingRect.width;
+    canvas.height = dpr * canvasBoundingRect.height;
     const ctx = canvas.getContext("2d");
+    ctx.scale(dpr, dpr);
     const config = getGaugeRenderingConfig(canvasBoundingRect, runtime, ctx);
     drawBackground(ctx, config);
     drawGauge(ctx, config);
@@ -11497,9 +11506,11 @@ let ScorecardChart$1 = class ScorecardChart extends AbstractChart {
 };
 function drawScoreChart(structure, canvas) {
     const ctx = canvas.getContext("2d");
-    canvas.width = structure.canvas.width;
-    const availableWidth = canvas.width - DEFAULT_CHART_PADDING;
-    canvas.height = structure.canvas.height;
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = dpr * structure.canvas.width;
+    canvas.height = dpr * structure.canvas.height;
+    ctx.scale(dpr, dpr);
+    const availableWidth = structure.canvas.width - DEFAULT_CHART_PADDING;
     ctx.fillStyle = structure.canvas.backgroundColor;
     ctx.fillRect(0, 0, structure.canvas.width, structure.canvas.height);
     if (structure.title) {
@@ -12264,6 +12275,10 @@ class ChartJsComponent extends Component {
                 this.currentRuntime = runtime;
             }
         });
+        useEffect(() => {
+            this.currentRuntime = this.chartRuntime;
+            this.updateChartJs(deepCopy(this.currentRuntime));
+        }, () => [window.devicePixelRatio]);
     }
     createChart(chartData) {
         const canvas = this.canvas.el;
@@ -12305,7 +12320,7 @@ class ScorecardChart extends Component {
         useEffect(this.createChart.bind(this), () => {
             const canvas = this.canvas.el;
             const rect = canvas.getBoundingClientRect();
-            return [rect.width, rect.height, this.runtime, this.canvas.el];
+            return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
         });
     }
     createChart() {
@@ -25194,7 +25209,7 @@ class GaugeChartComponent extends Component {
         useEffect(() => drawGaugeChart(this.canvas.el, this.runtime), () => {
             const canvas = this.canvas.el;
             const rect = canvas.getBoundingClientRect();
-            return [rect.width, rect.height, this.runtime, this.canvas.el];
+            return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
         });
     }
 }
@@ -32360,7 +32375,7 @@ class ColorPicker extends Component {
     }
     setHexColor(ev) {
         // only support HEX code input
-        const val = ev.target.value.slice(0, 7);
+        const val = ev.target.value.replace("##", "#").slice(0, 7);
         this.state.customHexColor = val;
         if (!isColorValid(val)) ;
         else {
@@ -57382,10 +57397,8 @@ function mergeTransformation(toTransform, executed) {
     }
     const target = [];
     for (const zone1 of toTransform.target) {
-        for (const zone2 of executed.target) {
-            if (!overlap(zone1, zone2)) {
-                target.push({ ...zone1 });
-            }
+        if (executed.target.every((zone2) => !overlap(zone1, zone2))) {
+            target.push(zone1);
         }
     }
     if (target.length) {
@@ -69331,6 +69344,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 = "17.4.30";
-__info__.date = "2025-04-14T17:17:01.767Z";
-__info__.hash = "e4cf37d";
+__info__.version = "17.4.32";
+__info__.date = "2025-04-25T08:06:59.937Z";
+__info__.hash = "c370ddf";

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.30
- * @date 2025-04-14T17:17:01.767Z
- * @hash e4cf37d
+ * @version 17.4.32
+ * @date 2025-04-25T08:06:59.937Z
+ * @hash c370ddf
  */
 
 (function (exports, owl) {
@@ -5827,6 +5827,12 @@
       }
       return null;
   }
+  /**
+    - \p{L} is for any letter (from any language)
+    - \p{N} is for any number
+    - the u flag at the end is for unicode, which enables the `\p{...}` syntax
+   */
+  const unicodeSymbolCharRegexp = /\p{L}|\p{N}|_|\.|!|\$/u;
   const SYMBOL_CHARS = new Set("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_.!$");
   /**
    * A "Symbol" is just basically any word-like element that can appear in a
@@ -5867,7 +5873,8 @@
               };
           }
       }
-      while (chars.current && SYMBOL_CHARS.has(chars.current)) {
+      while (chars.current &&
+          (SYMBOL_CHARS.has(chars.current) || chars.current.match(unicodeSymbolCharRegexp))) {
           result += chars.shift();
       }
       if (result.length) {
@@ -7554,7 +7561,7 @@
       if (executed.type === "ADD_COLUMNS_ROWS") {
           return expandZoneOnInsertion(zone, executed.dimension === "COL" ? "left" : "top", executed.base, executed.position, executed.quantity);
       }
-      return { ...zone };
+      return zone;
   }
   function transformRangeData(range, executed) {
       const deletedSheet = executed.type === "DELETE_SHEET" && executed.sheetId;
@@ -10939,9 +10946,11 @@ stores.inject(MyMetaStore, storeInstance);
   const GAUGE_TITLE_PADDING_TOP = DEFAULT_CHART_PADDING;
   function drawGaugeChart(canvas, runtime) {
       const canvasBoundingRect = canvas.getBoundingClientRect();
-      canvas.width = canvasBoundingRect.width;
-      canvas.height = canvasBoundingRect.height;
+      const dpr = window.devicePixelRatio || 1;
+      canvas.width = dpr * canvasBoundingRect.width;
+      canvas.height = dpr * canvasBoundingRect.height;
       const ctx = canvas.getContext("2d");
+      ctx.scale(dpr, dpr);
       const config = getGaugeRenderingConfig(canvasBoundingRect, runtime, ctx);
       drawBackground(ctx, config);
       drawGauge(ctx, config);
@@ -11498,9 +11507,11 @@ stores.inject(MyMetaStore, storeInstance);
   };
   function drawScoreChart(structure, canvas) {
       const ctx = canvas.getContext("2d");
-      canvas.width = structure.canvas.width;
-      const availableWidth = canvas.width - DEFAULT_CHART_PADDING;
-      canvas.height = structure.canvas.height;
+      const dpr = window.devicePixelRatio || 1;
+      canvas.width = dpr * structure.canvas.width;
+      canvas.height = dpr * structure.canvas.height;
+      ctx.scale(dpr, dpr);
+      const availableWidth = structure.canvas.width - DEFAULT_CHART_PADDING;
       ctx.fillStyle = structure.canvas.backgroundColor;
       ctx.fillRect(0, 0, structure.canvas.width, structure.canvas.height);
       if (structure.title) {
@@ -12265,6 +12276,10 @@ stores.inject(MyMetaStore, storeInstance);
                   this.currentRuntime = runtime;
               }
           });
+          owl.useEffect(() => {
+              this.currentRuntime = this.chartRuntime;
+              this.updateChartJs(deepCopy(this.currentRuntime));
+          }, () => [window.devicePixelRatio]);
       }
       createChart(chartData) {
           const canvas = this.canvas.el;
@@ -12306,7 +12321,7 @@ stores.inject(MyMetaStore, storeInstance);
           owl.useEffect(this.createChart.bind(this), () => {
               const canvas = this.canvas.el;
               const rect = canvas.getBoundingClientRect();
-              return [rect.width, rect.height, this.runtime, this.canvas.el];
+              return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
           });
       }
       createChart() {
@@ -25195,7 +25210,7 @@ stores.inject(MyMetaStore, storeInstance);
           owl.useEffect(() => drawGaugeChart(this.canvas.el, this.runtime), () => {
               const canvas = this.canvas.el;
               const rect = canvas.getBoundingClientRect();
-              return [rect.width, rect.height, this.runtime, this.canvas.el];
+              return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
           });
       }
   }
@@ -32361,7 +32376,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       setHexColor(ev) {
           // only support HEX code input
-          const val = ev.target.value.slice(0, 7);
+          const val = ev.target.value.replace("##", "#").slice(0, 7);
           this.state.customHexColor = val;
           if (!isColorValid(val)) ;
           else {
@@ -57383,10 +57398,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
       const target = [];
       for (const zone1 of toTransform.target) {
-          for (const zone2 of executed.target) {
-              if (!overlap(zone1, zone2)) {
-                  target.push({ ...zone1 });
-              }
+          if (executed.target.every((zone2) => !overlap(zone1, zone2))) {
+              target.push(zone1);
           }
       }
       if (target.length) {
@@ -69375,9 +69388,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.4.30";
-  __info__.date = "2025-04-14T17:17:01.767Z";
-  __info__.hash = "e4cf37d";
+  __info__.version = "17.4.32";
+  __info__.date = "2025-04-25T08:06:59.937Z";
+  __info__.hash = "c370ddf";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);