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

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.3
+ @date 2025-07-28T13:43:55.612Z
+ @hash 53dfee8
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -2682,7 +2682,7 @@
         </Section>
         <PieHoleSize
           t-if="props.definition.isDoughnut"
-          value="props.definition.pieHolePercentage ?? 50"
+          value="props.definition.pieHolePercentage ?? this.defaultHoleSize"
           onValueChange.bind="onPieHoleSizeChange"
         />
       </t>
@@ -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>
 
@@ -6321,13 +6323,14 @@
   <t t-name="o-spreadsheet-Composer">
     <div class="o-composer-container w-100 h-100">
       <t t-set="autoCompleteProposals" t-value="props.composerStore.autoCompleteProposals"/>
+      <t t-set="canBeToggled" t-value="props.composerStore.canBeToggled"/>
       <t
         t-set="assistantIsAvailable"
         t-value="props.showAssistant and (autoCompleteProposals.length or functionDescriptionState.showDescription)"
       />
       <div class="d-flex flex-row position-relative">
         <span
-          t-if="props.focus !== 'inactive' and assistantIsAvailable and assistant.forcedClosed"
+          t-if="props.focus !== 'inactive' and assistantIsAvailable and canBeToggled and assistant.forcedClosed"
           role="button"
           title="Show formula help"
           t-on-click="openAssistant"
@@ -6344,7 +6347,7 @@
           t-att-style="props.inputStyle"
           t-ref="o_composer"
           tabindex="1"
-          t-att-contenteditable="env.model.getters.isReadonly() ? 'false' : 'true'"
+          t-att-contenteditable="env.model.getters.isReadonly() ? 'false' : 'plaintext-only'"
           t-att-placeHolder="props.placeholder"
           t-att-inputmode="props.inputMode"
           spellcheck="false"
@@ -6367,12 +6370,13 @@
       <div
         class="o-composer-assistant-container shadow position-absolute z-1"
         t-att-style="assistantContainerStyle"
-        t-if="props.focus !== 'inactive' and !assistant.forcedClosed and assistantIsAvailable"
+        t-if="props.focus !== 'inactive' and assistantIsAvailable and !(canBeToggled and assistant.forcedClosed)"
         t-on-wheel.stop=""
         t-on-pointerdown.prevent.stop=""
         t-on-pointerup.prevent.stop=""
         t-on-click.prevent.stop="">
         <span
+          t-if="canBeToggled and !assistant.forcedClosed"
           role="button"
           t-on-click="closeAssistant"
           class="fa-stack position-absolute top-0 start-100 translate-middle fs-4">
@@ -6693,7 +6697,7 @@
           t-on-dblclick="() => this.onDblClick()"
           t-on-focusout="() => this.onFocusOut()"
           t-on-keydown="(ev) => this.onKeyDown(ev)"
-          t-att-contenteditable="state.isEditing ? 'true': 'false'"
+          t-att-contenteditable="state.isEditing ? 'plaintext-only': 'false'"
         />
         <span
           class="o-sheet-icon ms-1"

package/package.json

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