@odoo/o-spreadsheet 18.1.0-alpha.5 → 18.1.0-alpha.7

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.1.0-alpha.5
- @date 2024-11-22T14:23:33.024Z
- @hash e13bd67
+ @version 18.1.0-alpha.7
+ @date 2024-12-05T10:41:08.683Z
+ @hash 7b1c39b
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -979,7 +979,7 @@
           t-on-keydown="onInputKeydown"
           t-on-click.stop=""
           t-on-focus.stop="onInputFocused"
-          t-att-value="currentFontSize"
+          t-att-value="props.currentFontSize"
           t-on-change="setSizeFromInput"
           t-ref="inputFontSize"
         />
@@ -987,19 +987,17 @@
           <t t-call="o-spreadsheet-Icon.CARET_DOWN"/>
         </span>
       </div>
-      <div
-        class="o-dropdown-content o-text-options"
-        t-if="dropdown.isOpen"
-        t-on-click.stop=""
-        t-att-style="props.dropdownStyle">
-        <t t-foreach="fontSizes" t-as="fontSize" t-key="fontSize">
-          <div
-            t-esc="fontSize"
-            t-att-data-size="fontSize"
-            t-on-click="() => this.setSizeFromList(fontSize)"
-          />
-        </t>
-      </div>
+      <Popover t-if="dropdown.isOpen" t-props="popoverProps">
+        <div class="o-text-options bg-white" t-on-click.stop="" t-ref="fontSizeList">
+          <t t-foreach="fontSizes" t-as="fontSize" t-key="fontSize">
+            <div
+              t-esc="fontSize"
+              t-att-data-size="fontSize"
+              t-on-click="() => this.setSizeFromList(fontSize)"
+            />
+          </t>
+        </div>
+      </Popover>
     </div>
   </t>
 
@@ -2700,6 +2698,7 @@
       updateAlignment.bind="updateAxisTitleAlignment"
       updateColor.bind="updateAxisTitleColor"
       style="axisTitleStyle"
+      onFontSizeChanged.bind="updateAxisTitleFontSize"
     />
   </t>
 
@@ -2741,6 +2740,7 @@
           updateAlignment.bind="updateChartTitleAlignment"
           updateColor.bind="updateChartTitleColor"
           style="titleStyle"
+          onFontSizeChanged.bind="updateChartTitleFontSize"
         />
         <t t-slot="general-extension"/>
       </t>
@@ -3012,6 +3012,12 @@
           </div>
         </div>
         <div class="o-divider"/>
+        <FontSizeEditor
+          currentFontSize="props.style.fontSize"
+          onFontSizeChanged.bind="this.updateFontSize"
+          class="'o-hoverable-button'"
+        />
+        <div class="o-divider"/>
         <ColorPickerWidget
           currentColor="props.style.color"
           toggleColorPicker="(ev) => this.toggleDropdownTool('fillChartColorTool', ev)"
@@ -3741,7 +3747,8 @@
     <GeneralDesignEditor
       figureId="props.figureId"
       definition="props.definition"
-      updateChart="props.updateChart">
+      updateChart="props.updateChart"
+      defaultChartTitleFontSize="defaultScorecardTitleFontSize">
       <t t-set-slot="general-extension">
         <Section class="'pt-1'" title.translate="Number formatting">
           <Checkbox
@@ -5138,6 +5145,7 @@
             composerContent="measure.computedBy.formula"
             defaultRangeSheetId="measure.computedBy.sheetId"
             contextualAutocomplete="getMeasureAutocomplete()"
+            getContextualColoredSymbolToken.bind="getColoredSymbolToken"
           />
         </div>
       </div>
@@ -5223,7 +5231,11 @@
   </t>
 
   <t t-name="o-spreadsheet-PivotSpreadsheetSidePanel">
-    <div class="d-flex flex-column h-100 justify-content-between overflow-hidden">
+    <t t-set="isReadonly" t-value="env.model.getters.isReadonly()"/>
+    <div
+      class="d-flex flex-column h-100 justify-content-between overflow-hidden"
+      t-att="isReadonly ? ['inert', 1] : []"
+      t-att-class="{ 'pe-none': isReadonly, 'opacity-50': isReadonly }">
       <div class="h-100 position-relative overflow-x-hidden overflow-y-auto">
         <PivotTitleSection pivotId="props.pivotId" flipAxis.bind="flipAxis"/>
         <Section title.translate="Range">
@@ -5837,9 +5849,10 @@
 
             <div class="o-divider"/>
             <FontSizeEditor
+              currentFontSize="currentFontSize"
+              onFontSizeChanged.bind="this.setFontSize"
               class="'o-hoverable-button'"
               onToggle.bind="this.onClick"
-              dropdownStyle="this.dropdownStyle"
             />
             <div class="o-divider"/>
 

package/package.json

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