@odoo/o-spreadsheet 18.4.0-alpha.4 → 18.4.0-alpha.6

package/dist/o_spreadsheet.xml

@@ -1,9 +1,9 @@
 <!--
  This file is generated by o-spreadsheet build tools. Do not edit it.
  @see https://github.com/odoo/o-spreadsheet
- @version 18.4.0-alpha.4
- @date 2025-05-20T05:58:32.778Z
- @hash 5c28bca
+ @version 18.4.0-alpha.6
+ @date 2025-05-30T08:45:20.500Z
+ @hash eecf7e4
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -2143,10 +2143,7 @@
   </t>
 
   <t t-name="o-spreadsheet-WaterfallChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
         <Section class="'o-vertical-axis-selection pt-0'" title.translate="Vertical axis position">
           <RadioSelection
@@ -2156,18 +2153,9 @@
             onChange.bind="updateVerticalAxisPosition"
           />
         </Section>
-        <ChartLegend
-          figureId="props.figureId"
-          definition="props.definition"
-          updateChart="props.updateChart"
-        />
+        <ChartLegend t-props="props"/>
         <Section class="'pt-0'" title.translate="Values">
-          <Checkbox
-            name="'showValues'"
-            label.translate="Show values"
-            value="props.definition.showValues"
-            onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
-          />
+          <ChartShowValues t-props="props"/>
         </Section>
       </t>
     </GeneralDesignEditor>
@@ -2236,11 +2224,7 @@
   </t>
 
   <t t-name="o-spreadsheet-TreeMapChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart"
-    />
+    <GeneralDesignEditor t-props="props"/>
 
     <SidePanelCollapsible isInitiallyCollapsed="false" title.translate="Tree map colors">
       <t t-set-slot="content">
@@ -2297,12 +2281,7 @@
               value="showLabels"
               onChange="(showLabels) => props.updateChart(this.props.figureId, { showLabels })"
             />
-            <Checkbox
-              name="'showValues'"
-              label.translate="Show values"
-              value="showValues"
-              onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
-            />
+            <ChartShowValues t-props="props" defaultValue="defaults.showValues"/>
           </div>
         </Section>
         <Section class="'pt-0'" t-if="showValues || showLabels">
@@ -2371,16 +2350,9 @@
   </t>
 
   <t t-name="o-spreadsheet-SunburstChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
-        <ChartLegend
-          figureId="props.figureId"
-          definition="props.definition"
-          updateChart="props.updateChart"
-        />
+        <ChartLegend t-props="props"/>
       </t>
     </GeneralDesignEditor>
 
@@ -2408,12 +2380,7 @@
               value="showLabels"
               onChange="(showLabels) => props.updateChart(this.props.figureId, { showLabels })"
             />
-            <Checkbox
-              name="'showValues'"
-              label.translate="Show values"
-              value="showValues"
-              onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
-            />
+            <ChartShowValues t-props="props" defaultValue="defaults.showValues"/>
           </div>
         </Section>
         <Section class="'pt-0'" t-if="showValues || showLabels">
@@ -2435,11 +2402,7 @@
   <t t-name="o-spreadsheet-ScorecardChartDesignPanel">
     <t t-set="color_up">Color Up</t>
     <t t-set="color_down">Color Down</t>
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart"
-      defaultChartTitleFontSize="defaultScorecardTitleFontSize">
+    <GeneralDesignEditor t-props="props" defaultChartTitleFontSize="defaultScorecardTitleFontSize">
       <t t-set-slot="general-extension">
         <Section class="'pt-1'" title.translate="Number formatting">
           <Checkbox
@@ -2553,23 +2516,12 @@
   </t>
 
   <t t-name="o-spreadsheet-RadarChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
-        <ChartLegend
-          figureId="props.figureId"
-          definition="props.definition"
-          updateChart="props.updateChart"
-        />
+        <ChartLegend t-props="props"/>
         <Section class="'pt-0'" title.translate="Values">
-          <Checkbox
-            name="'showValues'"
-            label.translate="Show values"
-            value="props.definition.showValues"
-            onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
-          />
+          <ChartShowValues t-props="props"/>
+          <ChartShowDataMarkers t-props="props"/>
         </Section>
       </t>
     </GeneralDesignEditor>
@@ -2577,23 +2529,11 @@
   </t>
 
   <t t-name="o-spreadsheet-PieChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
-        <ChartLegend
-          figureId="props.figureId"
-          definition="props.definition"
-          updateChart="props.updateChart"
-        />
+        <ChartLegend t-props="props"/>
         <Section class="'pt-0'" title.translate="Values">
-          <Checkbox
-            name="'showValues'"
-            label.translate="Show values"
-            value="props.definition.showValues"
-            onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
-          />
+          <ChartShowValues t-props="props"/>
         </Section>
         <PieHoleSize
           t-if="props.definition.isDoughnut"
@@ -2648,6 +2588,29 @@
     </div>
   </t>
 
+  <t t-name="o-spreadsheet-LineChartDesignPanel">
+    <GeneralDesignEditor t-props="props">
+      <t t-set-slot="general-extension">
+        <ChartLegend t-props="props"/>
+        <Section class="'pt-0'" title.translate="Values">
+          <ChartShowValues t-props="props"/>
+          <ChartShowDataMarkers t-props="props"/>
+        </Section>
+      </t>
+    </GeneralDesignEditor>
+    <SeriesWithAxisDesignEditor t-props="props"/>
+    <SidePanelCollapsible isInitiallyCollapsed="true" title.translate="Axes">
+      <t t-set-slot="content">
+        <AxisDesignEditor
+          axesList="axesList"
+          figureId="props.figureId"
+          definition="props.definition"
+          updateChart="props.updateChart"
+        />
+      </t>
+    </SidePanelCollapsible>
+  </t>
+
   <t t-name="o-spreadsheet-LineConfigPanel">
     <div>
       <Section class="'pt-0'">
@@ -2725,10 +2688,7 @@
   </t>
 
   <t t-name="o-spreadsheet-GeoChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
         <Section class="'pt-0'" title.translate="Legend position">
           <select
@@ -2830,11 +2790,7 @@
   </t>
 
   <t t-name="o-spreadsheet-GaugeChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart"
-    />
+    <GeneralDesignEditor t-props="props"/>
     <SidePanelCollapsible isInitiallyCollapsed="false" title.translate="Gauge Design">
       <t t-set-slot="content">
         <Section class="'pt-0'" title.translate="Range">
@@ -2971,18 +2927,10 @@
   </t>
 
   <t t-name="o-spreadsheet-FunnelChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
         <Section class="'pt-0'" title.translate="Values">
-          <Checkbox
-            name="'showValues'"
-            label.translate="Show values"
-            value="props.definition.showValues"
-            onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
-          />
+          <ChartShowValues t-props="props"/>
         </Section>
       </t>
     </GeneralDesignEditor>
@@ -3005,23 +2953,12 @@
   </t>
 
   <t t-name="o-spreadsheet-ComboChartDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
-        <ChartLegend
-          figureId="props.figureId"
-          definition="props.definition"
-          updateChart="props.updateChart"
-        />
+        <ChartLegend t-props="props"/>
         <Section class="'pt-0'" title.translate="Values">
-          <Checkbox
-            name="'showValues'"
-            label.translate="Show values"
-            value="props.definition.showValues"
-            onChange="showValues => props.updateChart(this.props.figureId, {showValues})"
-          />
+          <ChartShowValues t-props="props"/>
+          <ChartShowDataMarkers t-props="props"/>
         </Section>
       </t>
     </GeneralDesignEditor>
@@ -3051,23 +2988,11 @@
   </t>
 
   <t t-name="o-spreadsheet-ChartWithAxisDesignPanel">
-    <GeneralDesignEditor
-      figureId="props.figureId"
-      definition="props.definition"
-      updateChart="props.updateChart">
+    <GeneralDesignEditor t-props="props">
       <t t-set-slot="general-extension">
-        <ChartLegend
-          figureId="props.figureId"
-          definition="props.definition"
-          updateChart="props.updateChart"
-        />
+        <ChartLegend t-props="props"/>
         <Section class="'pt-0'" title.translate="Values">
-          <Checkbox
-            name="'showValues'"
-            label.translate="Show values"
-            value="props.definition.showValues"
-            onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
-          />
+          <ChartShowValues t-props="props"/>
         </Section>
       </t>
     </GeneralDesignEditor>
@@ -3505,6 +3430,24 @@
     </div>
   </t>
 
+  <t t-name="o-spreadsheet-ChartShowValues">
+    <Checkbox
+      name="'showValues'"
+      label.translate="Show values"
+      value="props.definition.showValues ?? props.defaultValue"
+      onChange="(showValues) => props.updateChart(this.props.figureId, { showValues })"
+    />
+  </t>
+
+  <t t-name="o-spreadsheet-ChartShowDataMarkers">
+    <Checkbox
+      name="'showDataMarkers'"
+      label.translate="Show data markers"
+      value="!props.definition.hideDataMarkers"
+      onChange="(showDataMarkers) => props.updateChart(this.props.figureId, { hideDataMarkers: !showDataMarkers })"
+    />
+  </t>
+
   <t t-name="o-spreadsheet-SeriesWithAxisDesignEditor">
     <SeriesDesignEditor t-props="props">
       <t t-set-slot="data-series-extension" t-slot-scope="scope">
@@ -6017,14 +5960,14 @@
 
   <t t-name="o-spreadsheet-ScorecardChart">
     <canvas
-      class="o-figure-canvas o-scorecard w-100 h-100"
+      class="o-figure-canvas o-scorecard w-100 h-100 d-block"
       t-ref="chartContainer"
       t-att-title="title"
     />
   </t>
 
   <t t-name="o-spreadsheet-GaugeChartComponent">
-    <canvas class="o-figure-canvas o-gauge-chart w-100 h-100" t-ref="chartContainer"/>
+    <canvas class="o-figure-canvas o-gauge-chart w-100 h-100 d-block" t-ref="chartContainer"/>
   </t>
 
   <t t-name="spreadsheet.ChartDashboardMenu">
@@ -6354,7 +6297,7 @@
               t-as="content"
               t-key="content_index"
               t-att-class="content.classes?.join(' ')"
-              t-attf-style="color: {{content.color || 'inherit'}};"
+              t-attf-style="color: {{content.color || '#000000'}};"
               t-esc="content.value"
             />
           </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "18.4.0-alpha.4",
+  "version": "18.4.0-alpha.6",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",

package/readme.md

@@ -15,6 +15,23 @@ a.k.a. "[Owly](https://github.com/odoo/owl) Sheet" 🦉
 
 ![o-spreadsheet screenshot](doc/o-spreadsheet.png "o-spreadsheet demo")
 
+## Run it!
+
+```bash
+# install dependencies
+npm install
+
+# build stuff, start a live server, start a collaborative server, build with --watch
+npm run dev
+```
+
+## Test it!
+
+```bash
+npm run test # run all tests
+npm run test -- --watch # run all tests, rerun on file change
+```
+
 ## Integrating o-spreadsheet
 
 1. [Getting started](doc/integrating/integration.md#getting-started)
@@ -42,26 +59,6 @@ a.k.a. "[Owly](https://github.com/odoo/owl) Sheet" 🦉
 10. [Translations](doc/extending/translations.md)
 11. [API](doc/tsdoc/README.md)
 
-## Run it!
-
-```bash
-# install dependencies
-npm install
-
-# build o_spreadsheet.js in dist/
-npm run build
-
-# build stuff, start a live server, start a collaborative server, build with --watch
-npm run dev
-
-# run the test suite
-npm run test
-npm run test -- --watch
-
-# build documentation
-npm run doc
-```
-
 ## Contributing
 
 - Open a pull request or an issue on this repository.