@odoo/o-spreadsheet 19.1.0-alpha.3 → 19.1.0-alpha.5

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 19.1.0-alpha.3
- @date 2025-09-23T12:38:47.420Z
- @hash ce2b07a
+ @version 19.1.0-alpha.5
+ @date 2025-10-16T06:40:46.498Z
+ @hash 1a0e3d5
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -361,7 +361,7 @@
       t-att-style="getStyle()">
       <t t-if="env.isDashboard()">
         <SpreadsheetDashboard getGridSize.bind="getGridSize"/>
-        <FullScreenChart/>
+        <FullScreenFigure/>
       </t>
       <t t-else="">
         <div class="o-spreadsheet-topbar-wrapper o-two-columns">
@@ -398,9 +398,14 @@
         <RibbonMenu onClose="() => this.menuState.isOpen=false"/>
       </t>
       <t t-else="">
-        <div class="o-small-composer px-2 py-2">
+        <div class="o-small-composer px-2 py-2 position-relative">
           <div class="w-100" t-ref="bottombarComposer">
             <Composer t-props="composerProps"/>
+            <span
+              t-if="showFxIcon"
+              class="position-absolute top-50 translate-middle-y ps-2 pe-none">
+              <t t-call="o-spreadsheet-Icon.FX_SVG"/>
+            </span>
           </div>
           <span
             class="align-items-center d-flex justify-content-center o-selection-button"
@@ -448,7 +453,10 @@
         </div>
         <span class="d-flex align-items-center" t-esc="state.title"/>
       </div>
-      <div class="o-ribbon-menu-wrapper overflow-auto">
+      <div
+        class="o-ribbon-menu-wrapper overflow-auto"
+        t-ref="container"
+        t-on-scroll="updateShadows">
         <Menu t-props="menuProps"/>
       </div>
     </div>
@@ -5552,6 +5560,30 @@
       />
     </svg>
   </t>
+  <t t-name="o-spreadsheet-Icon.FX_SVG">
+    <svg class="o-icon fx-icon" viewBox="0 0 121.8 122.9">
+      <path
+        fill="currentColor"
+        d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z'
+      />
+    </svg>
+  </t>
+  <t t-name="o-spreadsheet-Icon.COLLAPSE">
+    <svg class="o-icon" viewBox="0 0 18 18">
+      <path
+        d="M12.124 2.576a.6.6 0 0 1 0 .848l-2.7 2.7a.6.6 0 0 1-.848 0l-2.7-2.7a.6.6 0 0 1 .848-.848L8.4 4.2V.9a.6.6 0 0 1 1.2 0v3.3l1.676-1.624a.6.6 0 0 1 .848 0M5.876 15.424a.6.6 0 0 1 0-.848l2.7-2.7a.6.6 0 0 1 .848 0l2.7 2.7a.6.6 0 0 1-.848.848L9.6 13.8v3.3a.6.6 0 0 1-1.2 0v-3.3l-1.676 1.624a.6.6 0 0 1-.848 0M2 7a.5.5 0 0 0 0 1h14a.5.5 0 0 0 0-1M2 10a.5.5 0 0 0 0 1h14a.5.5 0 0 0 0-1"
+        fill="currentColor"
+      />
+    </svg>
+  </t>
+  <t t-name="o-spreadsheet-Icon.EXPAND">
+    <svg class="o-icon" viewBox="0 0 18 18">
+      <path
+        d="M5.876 14.076a.6.6 0 0 0 0 .848l2.7 2.7a.6.6 0 0 0 .848 0l2.7-2.7a.6.6 0 0 0-.848-.848L9.6 15.7v-3.3a.6.6 0 0 0-1.2 0v3.3l-1.676-1.624a.6.6 0 0 0-.848 0m6.248-10.152a.6.6 0 0 0 0-.848l-2.7-2.7a.6.6 0 0 0-.848 0l-2.7 2.7a.6.6 0 0 0 .848.848L8.4 2.3v3.3a.6.6 0 0 0 1.2 0V2.3l1.676 1.624a.6.6 0 0 0 .848 0M2 10a.5.5 0 0 0 0 1h14a.5.5 0 0 0 0-1M2 7a.5.5 0 0 0 0 1h14a.5.5 0 0 0 0-1"
+        fill="currentColor"
+      />
+    </svg>
+  </t>
 
   <t t-name="o-spreadsheet-IconPicker">
     <div class="o-icon-picker">
@@ -6029,8 +6061,8 @@
     </div>
   </t>
 
-  <t t-name="o-spreadsheet-FullScreenChart">
-    <div class="position-absolute o-fullscreen-chart-overlay w-100 h-100 d-flex" t-if="chartId">
+  <t t-name="o-spreadsheet-FullScreenFigure">
+    <div class="position-absolute o-fullscreen-figure-overlay w-100 h-100 d-flex" t-if="figureUI">
       <div
         class="position-absolute top-0 start-0 end-0 bottom-0"
         t-on-click="exitFullScreen"
@@ -6043,15 +6075,20 @@
       </button>
       <div class="flex-fill">
         <div
-          class="o-fullscreen-chart o-figure position-relative border rounded shadow"
+          class="o-fullscreen-figure o-figure position-relative border rounded shadow"
           tabindex="1"
-          t-ref="fullScreenChart"
+          t-ref="fullScreenFigure"
           t-on-click.stop=""
           t-on-keydown="(ev) => this.onKeyDown(ev)">
-          <t t-component="chartComponent" chartId="chartId" isFullScreen="true" t-key="chartId"/>
-          <div class="position-absolute top-0 end-0">
-            <ChartDashboardMenu chartId="chartId"/>
-          </div>
+          <t>
+            <t
+              t-component="figureComponent"
+              figureUI="figureUI"
+              isFullScreen="true"
+              onFigureDeleted="() => {}"
+              t-key="figureUI.id"
+            />
+          </t>
         </div>
       </div>
     </div>
@@ -6136,7 +6173,7 @@
       </div>
       <div
         t-if="state.displayedValues.length === 0"
-        class="o-filter-menu-no-values d-flex align-items-center justify-content-center w-100 h-100 ">
+        class="o-filter-menu-no-values d-flex align-items-center justify-content-center w-100 h-100 text-muted fst-italic">
         No results
       </div>
     </div>
@@ -6278,7 +6315,12 @@
 
   <t t-name="o-spreadsheet-ChartFigure">
     <div class="o-chart-container w-100 h-100" t-on-dblclick="onDoubleClick">
-      <t t-component="chartComponent" chartId="chartId" t-key="chartId"/>
+      <t
+        t-component="chartComponent"
+        chartId="chartId"
+        t-key="chartId"
+        isFullScreen="props.isFullScreen"
+      />
     </div>
     <div t-if="env.isDashboard()" class="position-absolute top-0 end-0">
       <ChartDashboardMenu chartId="chartId"/>
@@ -6302,7 +6344,7 @@
           t-att-style="titleStyle"
         />
         <div class="o-carousel-tabs d-flex flex-fill justify-content-end" t-ref="carouselTabs">
-          <t t-foreach="carousel.items" t-as="item" t-key="item_index">
+          <t t-foreach="visibleCarouselItems" t-as="item" t-key="item_index">
             <div
               class="o-carousel-tab text-truncate px-2 mt-1 flex-shrink-0"
               t-att-class="{ 'selected': isItemSelected(item) }"
@@ -6312,7 +6354,7 @@
           </t>
         </div>
         <div
-          class="o-carousel-tabs-dropdown flex-shrink-0 rounded"
+          class="o-carousel-tabs-dropdown o-carousel-button flex-shrink-0 rounded p-1"
           t-att-class="{'active': menuState.isOpen}"
           t-ref="carouselTabsDropdown"
           t-on-click="toggleMenu">
@@ -6326,6 +6368,22 @@
             popoverPositioning="'bottom-left'"
           />
         </div>
+        <div
+          t-if="env.isDashboard()"
+          t-att-title="fullScreenButtonTitle"
+          class="o-carousel-full-screen-button fa o-carousel-button rounded p-1 ms-1"
+          t-att-class="{
+            'fa-compress': props.isFullScreen,
+            'fa-expand': !props.isFullScreen,
+            'invisible': selectedCarouselItem?.type !== 'chart',
+          }"
+          t-on-click="toggleFullScreen"
+        />
+        <div
+          t-if="!env.isDashboard()"
+          class="o-carousel-menu-button o-carousel-button fa fa-ellipsis-v rounded ms-1"
+          t-on-click="openContextMenu"
+        />
       </div>
       <div
         t-if="!selectedItem"
@@ -6339,12 +6397,14 @@
           <t
             t-component="chartComponent"
             chartId="selectedItem.chartId"
+            isFullScreen="props.isFullScreen"
             t-key="selectedItem.chartId"
           />
         </div>
         <ChartDashboardMenu
           t-if="env.isDashboard()"
           chartId="selectedItem.chartId"
+          hasFullScreenButton="false"
           t-key="selectedItem.chartId"
         />
       </div>
@@ -6375,6 +6435,7 @@
           onFigureDeleted="props.onFigureDeleted"
           figureUI="props.figureUI"
           editFigureStyle.bind="editWrapperStyle"
+          openContextMenu.bind="openContextMenu"
         />
         <div class="o-figure-menu position-absolute m-2" t-if="!env.isDashboard()">
           <div
@@ -6395,18 +6456,22 @@
         <div t-if="!env.isDashboard()" class="position-absolute top-0 start-0 pe-none w-100 h-100">
           <div
             class="o-figure-border pe-auto w-100 h-0 position-absolute pb-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('top')"
           />
           <div
             class="o-figure-border pe-auto h-100 position-absolute start-0 ps-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('left')"
           />
           <div
             class="o-figure-border pe-auto w-100 position-absolute bottom-0 pt-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('bottom')"
           />
           <div
             class="o-figure-border pe-auto h-100 position-absolute end-0 pe-2"
+            t-att-class="{'o-selected': isSelected}"
             t-att-style="getBorderStyle('right')"
           />
         </div>
@@ -6609,6 +6674,9 @@
           composerStore="composerStore"
           placeholder="composerStore.placeholder"
         />
+        <span t-if="showFxIcon" class="position-absolute top-50 translate-middle-y ps-2 pe-none">
+          <t t-call="o-spreadsheet-Icon.FX_SVG"/>
+        </span>
       </div>
     </div>
   </t>
@@ -7087,6 +7155,7 @@
           t-ref="sheetNameSpan"
           t-esc="sheetName"
           t-on-pointerdown="(ev) => this.onMouseEventSheetName(ev)"
+          t-on-click="(ev) => this.onMouseEventSheetName(ev)"
           t-on-dblclick="() => this.onDblClick()"
           t-on-focusout="() => this.onFocusOut()"
           t-on-keydown="(ev) => this.onKeyDown(ev)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "19.1.0-alpha.3",
+  "version": "19.1.0-alpha.5",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -12,6 +12,9 @@
     "dist/*.d.ts",
     "dist/*.xml"
   ],
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "scripts": {
     "serve-static": "live-server --open=demo --watch=build/o_spreadsheet.iife.js,build/o_spreadsheet.xml,build/o_spreadsheet.css,main.css,demo",
     "dev": "npm-run-all --print-label bundle:dev --parallel server serve-static watch",
@@ -85,7 +88,7 @@
     "jszip": "^3.6.0",
     "lint-staged": "^12.1.2",
     "live-server": "^1.2.1",
-    "luxon": "^3.5.0",
+    "luxon": "^3.7.2",
     "minimist": "^1.2.8",
     "mockdate": "^3.0.2",
     "node-watch": "^0.7.3",