@odoo/o-spreadsheet 18.5.0-alpha.1 → 18.5.0-alpha.2

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.5.0-alpha.1
- @date 2025-06-27T09:13:39.263Z
- @hash 756e75b
+ @version 18.5.0-alpha.2
+ @date 2025-07-11T11:14:46.273Z
+ @hash 6d42178
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -2690,46 +2690,48 @@
   </t>
 
   <t t-name="o-spreadsheet-ChartPanel">
-    <div class="o-chart" t-if="figureId">
+    <div class="o-chart d-flex flex-column h-100" t-if="figureId">
       <div class="o-panel">
         <div
           class="o-panel-element o-panel-configuration"
           t-att-class="store.panel !== 'configuration' ? 'inactive' : ''"
-          t-on-click="() => this.store.activatePanel('configuration')">
+          t-on-click="switchPanel.bind(this, 'configuration')">
           <i class="fa fa-sliders"/>
           Configuration
         </div>
         <div
           class="o-panel-element o-panel-design"
           t-att-class="store.panel !== 'design' ? 'inactive' : ''"
-          t-on-click="() => this.store.activatePanel('design')">
+          t-on-click="switchPanel.bind(this, 'design')">
           <i class="fa fa-paint-brush"/>
           Design
         </div>
       </div>
 
       <t t-set="definition" t-value="getChartDefinition(this.figureId)"/>
-      <t t-if="store.panel === 'configuration'">
-        <ChartTypePicker figureId="props.figureId" chartPanelStore="store"/>
-        <t
-          t-component="chartPanel.configuration"
-          definition="definition"
-          figureId="figureId"
-          updateChart.bind="updateChart"
-          canUpdateChart.bind="canUpdateChart"
-          t-key="figureId + definition.type"
-        />
-      </t>
-      <t t-else="">
-        <t
-          t-component="chartPanel.design"
-          definition="definition"
-          figureId="figureId"
-          updateChart.bind="updateChart"
-          canUpdateChart.bind="canUpdateChart"
-          t-key="figureId + definition.type"
-        />
-      </t>
+      <div class="o-panel-content overflow-y-auto" t-ref="panelContent">
+        <div t-att-class="store.panel !== 'configuration' ? 'd-none' : ''">
+          <ChartTypePicker figureId="props.figureId" chartPanelStore="store"/>
+          <t
+            t-component="chartPanel.configuration"
+            definition="definition"
+            figureId="figureId"
+            updateChart.bind="updateChart"
+            canUpdateChart.bind="canUpdateChart"
+            t-key="figureId + definition.type"
+          />
+        </div>
+        <div t-att-class="store.panel !== 'design' ? 'd-none' : ''">
+          <t
+            t-component="chartPanel.design"
+            definition="definition"
+            figureId="figureId"
+            updateChart.bind="updateChart"
+            canUpdateChart.bind="canUpdateChart"
+            t-key="figureId + definition.type"
+          />
+        </div>
+      </div>
     </div>
   </t>
 

package/package.json

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