@odoo/o-spreadsheet 17.4.31 → 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.31
- * @date 2025-04-18T16:24:47.716Z
- * @hash 7991032
+ * @version 17.4.32
+ * @date 2025-04-25T08:06:59.937Z
+ * @hash c370ddf
  */
 
 'use strict';
@@ -10947,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);
@@ -11506,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) {
@@ -12273,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;
@@ -12314,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() {
@@ -25203,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];
         });
     }
 }
@@ -32369,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 {
@@ -69381,6 +69389,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.4.31";
-__info__.date = "2025-04-18T16:24:47.716Z";
-__info__.hash = "7991032";
+__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.31
- * @date 2025-04-18T16:24:47.716Z
- * @hash 7991032
+ * @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';
@@ -10945,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);
@@ -11504,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) {
@@ -12271,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;
@@ -12312,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() {
@@ -25201,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];
         });
     }
 }
@@ -32367,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 {
@@ -69336,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.31";
-__info__.date = "2025-04-18T16:24:47.716Z";
-__info__.hash = "7991032";
+__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.31
- * @date 2025-04-18T16:24:47.716Z
- * @hash 7991032
+ * @version 17.4.32
+ * @date 2025-04-25T08:06:59.937Z
+ * @hash c370ddf
  */
 
 (function (exports, owl) {
@@ -10946,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);
@@ -11505,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) {
@@ -12272,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;
@@ -12313,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() {
@@ -25202,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];
           });
       }
   }
@@ -32368,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 {
@@ -69380,9 +69388,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.4.31";
-  __info__.date = "2025-04-18T16:24:47.716Z";
-  __info__.hash = "7991032";
+  __info__.version = "17.4.32";
+  __info__.date = "2025-04-25T08:06:59.937Z";
+  __info__.hash = "c370ddf";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);