@odoo/o-spreadsheet 18.5.0-alpha.10 → 18.5.0-alpha.12

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.10
- @date 2025-08-21T06:43:00.829Z
- @hash 5800d1b
+ @version 18.5.0-alpha.12
+ @date 2025-08-29T08:06:00.157Z
+ @hash 8ee7677
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -4408,7 +4408,10 @@
                 t-att-style="getIconColor(menuItem)">
                 <t t-if="getIconName(menuItem)" t-call="{{getIconName(menuItem)}}"/>
               </div>
-              <div class="o-menu-item-name align-middle text-truncate" t-esc="getName(menuItem)"/>
+              <div
+                class="o-menu-item-name align-middle text-truncate align-items-center d-flex"
+                t-esc="getName(menuItem)"
+              />
               <t t-set="description" t-value="menuItem.description(env)"/>
               <div
                 t-if="description"
@@ -4418,12 +4421,12 @@
               <t t-set="secondaryIcon" t-value="menuItem.secondaryIcon(env)"/>
               <div
                 t-if="isMenuRoot"
-                class="o-menu-item-root align-middle ms-auto"
+                class="o-menu-item-root ms-auto align-items-center d-flex"
                 t-call="o-spreadsheet-Icon.CARET_RIGHT"
               />
               <div
                 t-elif="secondaryIcon"
-                class="o-menu-item-root align-middle ms-auto"
+                class="o-menu-item-root ms-auto align-items-center d-flex"
                 t-call="{{secondaryIcon}}"
               />
             </div>
@@ -6037,13 +6040,13 @@
       t-if="chartId"
       t-on-click="exitFullScreen">
       <button
-        class="o-exit top-0 end-0 position-absolute o-button primary m-1"
+        class="o-exit top-0 end-0 position-absolute o-button primary m-1 shadow"
         t-on-click="exitFullScreen">
         Exit fullscreen
       </button>
       <div class="flex-fill">
         <div
-          class="o-fullscreen-chart o-figure position-relative"
+          class="o-fullscreen-chart o-figure position-relative border rounded shadow"
           tabindex="1"
           t-ref="fullScreenChart"
           t-on-click.stop=""
@@ -6350,7 +6353,7 @@
         />
         <div class="o-figure-menu position-absolute m-2" t-if="!env.isDashboard()">
           <div
-            class="o-figure-menu-item"
+            class="o-figure-menu-item d-flex-align-items-center"
             t-if="!env.model.getters.isReadonly() and props.figureUI.tag !== 'carousel'"
             t-on-click="showMenu"
             t-ref="menuButton"
@@ -6442,18 +6445,19 @@
 
   <t t-name="o-spreadsheet-ChartDashboardMenu">
     <div class="o-dashboard-chart-select position-absolute top-0 end-0" t-on-click.stop="">
-      <div class="d-flex flex-row px-1" t-att-style="backgroundColor">
+      <div class="d-flex align-items-center gap-1 p-1 rounded" t-att-style="backgroundColor">
         <t t-foreach="getMenuItems()" t-as="item" t-key="item.id">
-          <button
-            t-attf-class=" {{item.iconClass}} {{item.isSelected ? 'active' : ''}}"
-            class="o-chart-dashboard-item btn mt-1 me-1 p-1 "
+          <div
+            t-attf-class=" {{item.class}}"
+            class="o-chart-dashboard-item btn border-0 lh-1 p-1 d-flex align-items-center justify-content-center"
             t-att-title="item.label"
             t-on-click="item.onClick"
-            t-att-data-id="item.id"
-          />
+            t-att-data-id="item.id">
+            <t t-if="item.preview" t-call="{{item.preview}}"/>
+          </div>
         </t>
         <button
-          class="o-chart-dashboard-item btn mt-1 p-1 fa fa-ellipsis-v"
+          class="o-chart-dashboard-item btn text-muted lh-1 p-1 fa fa-ellipsis-v"
           t-on-click="openContextMenu"
         />
       </div>
@@ -6531,8 +6535,13 @@
             t-on-click="(ev) => this.selectClickableCell(ev, clickableCell)"
             t-on-auxclick="(ev) => this.selectClickableCell(ev, clickableCell)"
             t-on-contextmenu.prevent=""
-            t-att-style="getCellClickableStyle(clickableCell.coordinates)"
-          />
+            t-att-style="getCellClickableStyle(clickableCell.coordinates)">
+            <t
+              t-if="clickableCell.component"
+              t-component="clickableCell.component"
+              t-props="clickableCell.componentProps"
+            />
+          </div>
         </GridOverlay>
         <canvas t-ref="canvas"/>
         <GridPopover
@@ -6547,6 +6556,14 @@
     </div>
   </t>
 
+  <t t-name="o-spreadsheet-ClickableCellSortIcon">
+    <div class="w-100 h-100 d-flex flex-column align-items-end justify-content-end">
+      <span class="o-icon h-100 sorting-icon pb-1" t-att-style="style">
+        <i class="fa fa-small" t-att-class="icon"/>
+      </span>
+    </div>
+  </t>
+
   <t t-name="o-spreadsheet-TopBarComposer">
     <div class="o-topbar-composer-container w-100">
       <div

package/package.json

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