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

package/dist/o-spreadsheet.esm.js

@@ -2,9 +2,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.11
- * @date 2025-08-26T10:14:05.357Z
- * @hash b913e49
+ * @version 18.5.0-alpha.12
+ * @date 2025-08-29T08:05:09.767Z
+ * @hash 8ee7677
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, useExternalListener, onWillUpdateProps, onWillStart, onWillPatch, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -1345,6 +1345,18 @@ function hslaToHex(hsla) {
 function hexToHSLA(hex) {
     return rgbaToHSLA(colorToRGBA(hex));
 }
+/**
+ * Blend color2 on top of color1, with alpha blending.
+ */
+function blendColors(color1, color2) {
+    const rgba2 = colorToRGBA(color2);
+    const rgba1 = colorToRGBA(color1);
+    const a = rgba2.a + rgba1.a * (1 - rgba2.a);
+    const r = Math.round((rgba2.r * rgba2.a + rgba1.r * rgba1.a * (1 - rgba2.a)) / a);
+    const g = Math.round((rgba2.g * rgba2.a + rgba1.g * rgba1.a * (1 - rgba2.a)) / a);
+    const b = Math.round((rgba2.b * rgba2.a + rgba1.b * rgba1.a * (1 - rgba2.a)) / a);
+    return rgbaToHex({ r, g, b, a });
+}
 function colorOrNumberToRGBA(color) {
     if (typeof color === "number") {
         return colorToRGBA(colorNumberToHex(color));
@@ -2659,6 +2671,7 @@ const invalidateBordersCommands = new Set([
     "AUTOFILL_CELL",
     "SET_BORDER",
     "SET_ZONE_BORDERS",
+    "SET_BORDERS_ON_TARGET",
 ]);
 const invalidSubtotalFormulasCommands = new Set([
     "UNHIDE_COLUMNS_ROWS",
@@ -2686,6 +2699,7 @@ const readonlyAllowedCommands = new Set([
     "UPDATE_FILTER",
     "UPDATE_CHART",
     "UPDATE_CAROUSEL_ACTIVE_ITEM",
+    "UPDATE_PIVOT",
 ]);
 const coreTypes = new Set([
     /** CELLS */
@@ -46924,18 +46938,18 @@ const pivotProperties = {
 };
 const pivotSortingAsc = {
     name: _t("Ascending"),
-    execute: (env) => sortPivot(env, "asc"),
-    isActive: (env) => isPivotSortMenuItemActive(env, "asc"),
+    execute: (env) => sortPivot(env, env.model.getters.getActivePosition(), "asc"),
+    isActive: (env) => env.model.getters.getPivotCellSortDirection(env.model.getters.getActivePosition()) === "asc",
 };
 const pivotSortingDesc = {
     name: _t("Descending"),
-    execute: (env) => sortPivot(env, "desc"),
-    isActive: (env) => isPivotSortMenuItemActive(env, "desc"),
+    execute: (env) => sortPivot(env, env.model.getters.getActivePosition(), "desc"),
+    isActive: (env) => env.model.getters.getPivotCellSortDirection(env.model.getters.getActivePosition()) === "desc",
 };
 const noPivotSorting = {
     name: _t("No sorting"),
-    execute: (env) => sortPivot(env, "none"),
-    isActive: (env) => isPivotSortMenuItemActive(env, "none"),
+    execute: (env) => sortPivot(env, env.model.getters.getActivePosition(), "none"),
+    isActive: (env) => env.model.getters.getPivotCellSortDirection(env.model.getters.getActivePosition()) === "none",
 };
 const FIX_FORMULAS = {
     name: _t("Convert to individual formulas"),
@@ -47071,23 +47085,19 @@ const ungroupPivotHeadersAction = {
         return areFieldValuesInGroups(definition, values, field, pivot.getFields());
     },
 };
-function canSortPivot(env) {
-    const position = env.model.getters.getActivePosition();
-    const pivotId = env.model.getters.getPivotIdFromPosition(position);
-    if (!pivotId ||
-        !env.model.getters.isExistingPivot(pivotId) ||
-        !env.model.getters.isSpillPivotFormula(position)) {
+function canSortPivot(getters, position) {
+    const pivotId = getters.getPivotIdFromPosition(position);
+    if (!pivotId || !getters.isExistingPivot(pivotId) || !getters.isSpillPivotFormula(position)) {
         return false;
     }
-    const pivot = env.model.getters.getPivot(pivotId);
+    const pivot = getters.getPivot(pivotId);
     if (!pivot.isValid()) {
         return false;
     }
-    const pivotCell = env.model.getters.getPivotCellFromPosition(position);
+    const pivotCell = getters.getPivotCellFromPosition(position);
     return pivotCell.type === "VALUE" || pivotCell.type === "MEASURE_HEADER";
 }
-function sortPivot(env, order) {
-    const position = env.model.getters.getActivePosition();
+function sortPivot(env, position, order) {
     const pivotId = env.model.getters.getPivotIdFromPosition(position);
     const pivotCell = env.model.getters.getPivotCellFromPosition(position);
     if (pivotCell.type === "EMPTY" || pivotCell.type === "HEADER" || !pivotId) {
@@ -47113,24 +47123,6 @@ function sortPivot(env, order) {
         },
     });
 }
-function isPivotSortMenuItemActive(env, order) {
-    const position = env.model.getters.getActivePosition();
-    const pivotId = env.model.getters.getPivotIdFromPosition(position);
-    const pivotCell = env.model.getters.getPivotCellFromPosition(position);
-    if (pivotCell.type === "EMPTY" || pivotCell.type === "HEADER" || !pivotId) {
-        return false;
-    }
-    const pivot = env.model.getters.getPivot(pivotId);
-    const colDomain = domainToColRowDomain(pivot, pivotCell.domain).colDomain;
-    const sortedColumn = pivot.definition.sortedColumn;
-    if (order === "none") {
-        return !sortedColumn;
-    }
-    if (!sortedColumn || sortedColumn.order !== order) {
-        return false;
-    }
-    return sortedColumn.measure === pivotCell.measure && deepEquals(sortedColumn.domain, colDomain);
-}
 /*
  * Get the values of the pivot headers in the current selection, if all the pivot headers on the selection belong
  * to the same pivot, the same field and that the pivot formula is a dynamic pivot. Otherwise return undefined.
@@ -47433,7 +47425,10 @@ cellMenuRegistry
     name: _t("Sort pivot"),
     sequence: 155,
     icon: "o-spreadsheet-Icon.SORT_RANGE",
-    isVisible: canSortPivot,
+    isVisible: (env) => {
+        const position = env.model.getters.getActivePosition();
+        return canSortPivot(env.model.getters, position);
+    },
 })
     .add("pivot_fix_formulas", {
     ...FIX_FORMULAS,
@@ -60699,6 +60694,42 @@ class Grid extends Component {
 const supportedPivotPositionalFormulaRegistry = new Registry();
 supportedPivotPositionalFormulaRegistry.add("SPREADSHEET", false);
 
+class ClickableCellSortIcon extends Component {
+    static template = "o-spreadsheet-ClickableCellSortIcon";
+    static props = {
+        position: Object,
+        sortDirection: String,
+    };
+    hoveredTableStore;
+    setup() {
+        this.hoveredTableStore = useStore(HoveredTableStore);
+    }
+    get style() {
+        const cellStyle = this.env.model.getters.getCellComputedStyle(this.props.position);
+        return cssPropertiesToCss({
+            color: cellStyle.textColor || TEXT_BODY_MUTED,
+            "background-color": this.getBackgroundColor(cellStyle),
+        });
+    }
+    get icon() {
+        switch (this.props.sortDirection) {
+            case "asc":
+                return "fa-sort-asc";
+            case "desc":
+                return "fa-sort-desc";
+            default:
+                return "fa-sort";
+        }
+    }
+    getBackgroundColor(cellStyle) {
+        const overlayColor = this.hoveredTableStore.overlayColors.get(this.props.position);
+        if (overlayColor) {
+            return blendColors(cellStyle.fillColor || "#FFFFFF", overlayColor);
+        }
+        return cellStyle.fillColor || "#FFFFFF";
+    }
+}
+
 class FullScreenChart extends Component {
     static template = "o-spreadsheet-FullScreenChart";
     static props = {};
@@ -71055,6 +71086,7 @@ class PivotUIPlugin extends CoreViewPlugin {
     static getters = [
         "getPivot",
         "getFirstPivotFunction",
+        "getPivotCellSortDirection",
         "getPivotIdFromPosition",
         "getPivotCellFromPosition",
         "generateNewCalculatedMeasureName",
@@ -71275,6 +71307,20 @@ class PivotUIPlugin extends CoreViewPlugin {
     isPivotUnused(pivotId) {
         return this._getUnusedPivots().includes(pivotId);
     }
+    getPivotCellSortDirection(position) {
+        const pivotId = this.getters.getPivotIdFromPosition(position);
+        const pivotCell = this.getters.getPivotCellFromPosition(position);
+        if (pivotCell.type === "EMPTY" || pivotCell.type === "HEADER" || !pivotId) {
+            return undefined;
+        }
+        const pivot = this.getters.getPivot(pivotId);
+        const colDomain = domainToColRowDomain(pivot, pivotCell.domain).colDomain;
+        const sortedColumn = pivot.definition.sortedColumn;
+        if (sortedColumn?.measure === pivotCell.measure && deepEquals(sortedColumn.domain, colDomain)) {
+            return sortedColumn.order;
+        }
+        return "none";
+    }
     // ---------------------------------------------------------------------
     // Private
     // ---------------------------------------------------------------------
@@ -78967,6 +79013,34 @@ clickableCellRegistry.add("link", {
     },
     sequence: 5,
 });
+clickableCellRegistry.add("dashboard_pivot_sorting", {
+    condition: (position, getters) => {
+        if (!getters.isDashboard()) {
+            return false;
+        }
+        const pivotCell = getters.getPivotCellFromPosition(position);
+        return canSortPivot(getters, position) && pivotCell.type === "MEASURE_HEADER";
+    },
+    execute: (position, env) => {
+        sortPivot(env, position, getNextSortDirection(env.model.getters, position));
+    },
+    component: ClickableCellSortIcon,
+    componentProps: (position, getters) => {
+        return {
+            position,
+            sortDirection: getters.getPivotCellSortDirection(position),
+        };
+    },
+    sequence: 2,
+});
+const NEXT_SORT_DIRECTION = {
+    none: "asc",
+    asc: "desc",
+    desc: "none",
+};
+function getNextSortDirection(getters, position) {
+    return NEXT_SORT_DIRECTION[getters.getPivotCellSortDirection(position) ?? "none"];
+}
 
 const inverseCommandRegistry = new Registry()
     .add("ADD_COLUMNS_ROWS", inverseAddColumnsRows)
@@ -80683,6 +80757,8 @@ class ClickableCellsStore extends SpreadsheetStore {
                 position,
                 action: item.execute,
                 title: title || "",
+                component: item.component,
+                componentProps: item.componentProps?.(position, getters) ?? {},
             });
         }
         return cells;
@@ -83029,6 +83105,27 @@ class Spreadsheet extends Component {
     }
 }
 
+class ReadonlyTransportFilter {
+    transportService;
+    constructor(transportService) {
+        this.transportService = transportService;
+    }
+    async sendMessage(message) {
+        if (message.type === "CLIENT_JOINED" ||
+            message.type === "CLIENT_LEFT" ||
+            message.type === "CLIENT_MOVED") {
+            this.transportService.sendMessage(message);
+        }
+        // ignore all other messages
+    }
+    onNewMessage(id, callback) {
+        this.transportService.onNewMessage(id, callback);
+    }
+    leave(id) {
+        this.transportService.leave(id);
+    }
+}
+
 function inverseCommand(cmd) {
     return inverseCommandRegistry.get(cmd.type)(cmd);
 }
@@ -87121,12 +87218,15 @@ class Model extends EventBus {
             name: _t("Anonymous").toString(),
         };
         const transportService = config.transportService || new LocalTransportService();
+        const isReadonly = config.mode === "readonly" || config.mode === "dashboard";
         return {
             ...config,
             mode: config.mode || "normal",
             custom: config.custom || {},
             external: this.setupExternalConfig(config.external || {}),
-            transportService,
+            transportService: isReadonly
+                ? new ReadonlyTransportFilter(transportService)
+                : transportService,
             client,
             moveClient: () => { },
             snapshotRequested: false,
@@ -87539,6 +87639,7 @@ const components = {
     ChartPanel,
     ChartFigure,
     ChartJsComponent,
+    ClickableCellSortIcon,
     ZoomableChartJsComponent,
     Grid,
     GridOverlay,
@@ -87624,12 +87725,14 @@ const constants = {
     PIVOT_TABLE_CONFIG,
     ChartTerms,
     FIGURE_ID_SPLITTER,
+    GRID_ICON_EDGE_LENGTH,
+    GRID_ICON_MARGIN,
 };
 const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.5.0-alpha.11";
-__info__.date = "2025-08-26T10:14:05.357Z";
-__info__.hash = "b913e49";
+__info__.version = "18.5.0-alpha.12";
+__info__.date = "2025-08-29T08:05:09.767Z";
+__info__.hash = "8ee7677";

package/dist/o-spreadsheet.iife.js

@@ -2,9 +2,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.11
- * @date 2025-08-26T10:14:05.357Z
- * @hash b913e49
+ * @version 18.5.0-alpha.12
+ * @date 2025-08-29T08:05:09.767Z
+ * @hash 8ee7677
  */
 
 (function (exports, owl) {
@@ -1346,6 +1346,18 @@
   function hexToHSLA(hex) {
       return rgbaToHSLA(colorToRGBA(hex));
   }
+  /**
+   * Blend color2 on top of color1, with alpha blending.
+   */
+  function blendColors(color1, color2) {
+      const rgba2 = colorToRGBA(color2);
+      const rgba1 = colorToRGBA(color1);
+      const a = rgba2.a + rgba1.a * (1 - rgba2.a);
+      const r = Math.round((rgba2.r * rgba2.a + rgba1.r * rgba1.a * (1 - rgba2.a)) / a);
+      const g = Math.round((rgba2.g * rgba2.a + rgba1.g * rgba1.a * (1 - rgba2.a)) / a);
+      const b = Math.round((rgba2.b * rgba2.a + rgba1.b * rgba1.a * (1 - rgba2.a)) / a);
+      return rgbaToHex({ r, g, b, a });
+  }
   function colorOrNumberToRGBA(color) {
       if (typeof color === "number") {
           return colorToRGBA(colorNumberToHex(color));
@@ -2660,6 +2672,7 @@
       "AUTOFILL_CELL",
       "SET_BORDER",
       "SET_ZONE_BORDERS",
+      "SET_BORDERS_ON_TARGET",
   ]);
   const invalidSubtotalFormulasCommands = new Set([
       "UNHIDE_COLUMNS_ROWS",
@@ -2687,6 +2700,7 @@
       "UPDATE_FILTER",
       "UPDATE_CHART",
       "UPDATE_CAROUSEL_ACTIVE_ITEM",
+      "UPDATE_PIVOT",
   ]);
   const coreTypes = new Set([
       /** CELLS */
@@ -46925,18 +46939,18 @@ stores.inject(MyMetaStore, storeInstance);
   };
   const pivotSortingAsc = {
       name: _t("Ascending"),
-      execute: (env) => sortPivot(env, "asc"),
-      isActive: (env) => isPivotSortMenuItemActive(env, "asc"),
+      execute: (env) => sortPivot(env, env.model.getters.getActivePosition(), "asc"),
+      isActive: (env) => env.model.getters.getPivotCellSortDirection(env.model.getters.getActivePosition()) === "asc",
   };
   const pivotSortingDesc = {
       name: _t("Descending"),
-      execute: (env) => sortPivot(env, "desc"),
-      isActive: (env) => isPivotSortMenuItemActive(env, "desc"),
+      execute: (env) => sortPivot(env, env.model.getters.getActivePosition(), "desc"),
+      isActive: (env) => env.model.getters.getPivotCellSortDirection(env.model.getters.getActivePosition()) === "desc",
   };
   const noPivotSorting = {
       name: _t("No sorting"),
-      execute: (env) => sortPivot(env, "none"),
-      isActive: (env) => isPivotSortMenuItemActive(env, "none"),
+      execute: (env) => sortPivot(env, env.model.getters.getActivePosition(), "none"),
+      isActive: (env) => env.model.getters.getPivotCellSortDirection(env.model.getters.getActivePosition()) === "none",
   };
   const FIX_FORMULAS = {
       name: _t("Convert to individual formulas"),
@@ -47072,23 +47086,19 @@ stores.inject(MyMetaStore, storeInstance);
           return areFieldValuesInGroups(definition, values, field, pivot.getFields());
       },
   };
-  function canSortPivot(env) {
-      const position = env.model.getters.getActivePosition();
-      const pivotId = env.model.getters.getPivotIdFromPosition(position);
-      if (!pivotId ||
-          !env.model.getters.isExistingPivot(pivotId) ||
-          !env.model.getters.isSpillPivotFormula(position)) {
+  function canSortPivot(getters, position) {
+      const pivotId = getters.getPivotIdFromPosition(position);
+      if (!pivotId || !getters.isExistingPivot(pivotId) || !getters.isSpillPivotFormula(position)) {
           return false;
       }
-      const pivot = env.model.getters.getPivot(pivotId);
+      const pivot = getters.getPivot(pivotId);
       if (!pivot.isValid()) {
           return false;
       }
-      const pivotCell = env.model.getters.getPivotCellFromPosition(position);
+      const pivotCell = getters.getPivotCellFromPosition(position);
       return pivotCell.type === "VALUE" || pivotCell.type === "MEASURE_HEADER";
   }
-  function sortPivot(env, order) {
-      const position = env.model.getters.getActivePosition();
+  function sortPivot(env, position, order) {
       const pivotId = env.model.getters.getPivotIdFromPosition(position);
       const pivotCell = env.model.getters.getPivotCellFromPosition(position);
       if (pivotCell.type === "EMPTY" || pivotCell.type === "HEADER" || !pivotId) {
@@ -47114,24 +47124,6 @@ stores.inject(MyMetaStore, storeInstance);
           },
       });
   }
-  function isPivotSortMenuItemActive(env, order) {
-      const position = env.model.getters.getActivePosition();
-      const pivotId = env.model.getters.getPivotIdFromPosition(position);
-      const pivotCell = env.model.getters.getPivotCellFromPosition(position);
-      if (pivotCell.type === "EMPTY" || pivotCell.type === "HEADER" || !pivotId) {
-          return false;
-      }
-      const pivot = env.model.getters.getPivot(pivotId);
-      const colDomain = domainToColRowDomain(pivot, pivotCell.domain).colDomain;
-      const sortedColumn = pivot.definition.sortedColumn;
-      if (order === "none") {
-          return !sortedColumn;
-      }
-      if (!sortedColumn || sortedColumn.order !== order) {
-          return false;
-      }
-      return sortedColumn.measure === pivotCell.measure && deepEquals(sortedColumn.domain, colDomain);
-  }
   /*
    * Get the values of the pivot headers in the current selection, if all the pivot headers on the selection belong
    * to the same pivot, the same field and that the pivot formula is a dynamic pivot. Otherwise return undefined.
@@ -47434,7 +47426,10 @@ stores.inject(MyMetaStore, storeInstance);
       name: _t("Sort pivot"),
       sequence: 155,
       icon: "o-spreadsheet-Icon.SORT_RANGE",
-      isVisible: canSortPivot,
+      isVisible: (env) => {
+          const position = env.model.getters.getActivePosition();
+          return canSortPivot(env.model.getters, position);
+      },
   })
       .add("pivot_fix_formulas", {
       ...FIX_FORMULAS,
@@ -60700,6 +60695,42 @@ stores.inject(MyMetaStore, storeInstance);
   const supportedPivotPositionalFormulaRegistry = new Registry();
   supportedPivotPositionalFormulaRegistry.add("SPREADSHEET", false);
 
+  class ClickableCellSortIcon extends owl.Component {
+      static template = "o-spreadsheet-ClickableCellSortIcon";
+      static props = {
+          position: Object,
+          sortDirection: String,
+      };
+      hoveredTableStore;
+      setup() {
+          this.hoveredTableStore = useStore(HoveredTableStore);
+      }
+      get style() {
+          const cellStyle = this.env.model.getters.getCellComputedStyle(this.props.position);
+          return cssPropertiesToCss({
+              color: cellStyle.textColor || TEXT_BODY_MUTED,
+              "background-color": this.getBackgroundColor(cellStyle),
+          });
+      }
+      get icon() {
+          switch (this.props.sortDirection) {
+              case "asc":
+                  return "fa-sort-asc";
+              case "desc":
+                  return "fa-sort-desc";
+              default:
+                  return "fa-sort";
+          }
+      }
+      getBackgroundColor(cellStyle) {
+          const overlayColor = this.hoveredTableStore.overlayColors.get(this.props.position);
+          if (overlayColor) {
+              return blendColors(cellStyle.fillColor || "#FFFFFF", overlayColor);
+          }
+          return cellStyle.fillColor || "#FFFFFF";
+      }
+  }
+
   class FullScreenChart extends owl.Component {
       static template = "o-spreadsheet-FullScreenChart";
       static props = {};
@@ -71056,6 +71087,7 @@ stores.inject(MyMetaStore, storeInstance);
       static getters = [
           "getPivot",
           "getFirstPivotFunction",
+          "getPivotCellSortDirection",
           "getPivotIdFromPosition",
           "getPivotCellFromPosition",
           "generateNewCalculatedMeasureName",
@@ -71276,6 +71308,20 @@ stores.inject(MyMetaStore, storeInstance);
       isPivotUnused(pivotId) {
           return this._getUnusedPivots().includes(pivotId);
       }
+      getPivotCellSortDirection(position) {
+          const pivotId = this.getters.getPivotIdFromPosition(position);
+          const pivotCell = this.getters.getPivotCellFromPosition(position);
+          if (pivotCell.type === "EMPTY" || pivotCell.type === "HEADER" || !pivotId) {
+              return undefined;
+          }
+          const pivot = this.getters.getPivot(pivotId);
+          const colDomain = domainToColRowDomain(pivot, pivotCell.domain).colDomain;
+          const sortedColumn = pivot.definition.sortedColumn;
+          if (sortedColumn?.measure === pivotCell.measure && deepEquals(sortedColumn.domain, colDomain)) {
+              return sortedColumn.order;
+          }
+          return "none";
+      }
       // ---------------------------------------------------------------------
       // Private
       // ---------------------------------------------------------------------
@@ -78968,6 +79014,34 @@ stores.inject(MyMetaStore, storeInstance);
       },
       sequence: 5,
   });
+  clickableCellRegistry.add("dashboard_pivot_sorting", {
+      condition: (position, getters) => {
+          if (!getters.isDashboard()) {
+              return false;
+          }
+          const pivotCell = getters.getPivotCellFromPosition(position);
+          return canSortPivot(getters, position) && pivotCell.type === "MEASURE_HEADER";
+      },
+      execute: (position, env) => {
+          sortPivot(env, position, getNextSortDirection(env.model.getters, position));
+      },
+      component: ClickableCellSortIcon,
+      componentProps: (position, getters) => {
+          return {
+              position,
+              sortDirection: getters.getPivotCellSortDirection(position),
+          };
+      },
+      sequence: 2,
+  });
+  const NEXT_SORT_DIRECTION = {
+      none: "asc",
+      asc: "desc",
+      desc: "none",
+  };
+  function getNextSortDirection(getters, position) {
+      return NEXT_SORT_DIRECTION[getters.getPivotCellSortDirection(position) ?? "none"];
+  }
 
   const inverseCommandRegistry = new Registry()
       .add("ADD_COLUMNS_ROWS", inverseAddColumnsRows)
@@ -80684,6 +80758,8 @@ stores.inject(MyMetaStore, storeInstance);
                   position,
                   action: item.execute,
                   title: title || "",
+                  component: item.component,
+                  componentProps: item.componentProps?.(position, getters) ?? {},
               });
           }
           return cells;
@@ -83030,6 +83106,27 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  class ReadonlyTransportFilter {
+      transportService;
+      constructor(transportService) {
+          this.transportService = transportService;
+      }
+      async sendMessage(message) {
+          if (message.type === "CLIENT_JOINED" ||
+              message.type === "CLIENT_LEFT" ||
+              message.type === "CLIENT_MOVED") {
+              this.transportService.sendMessage(message);
+          }
+          // ignore all other messages
+      }
+      onNewMessage(id, callback) {
+          this.transportService.onNewMessage(id, callback);
+      }
+      leave(id) {
+          this.transportService.leave(id);
+      }
+  }
+
   function inverseCommand(cmd) {
       return inverseCommandRegistry.get(cmd.type)(cmd);
   }
@@ -87122,12 +87219,15 @@ stores.inject(MyMetaStore, storeInstance);
               name: _t("Anonymous").toString(),
           };
           const transportService = config.transportService || new LocalTransportService();
+          const isReadonly = config.mode === "readonly" || config.mode === "dashboard";
           return {
               ...config,
               mode: config.mode || "normal",
               custom: config.custom || {},
               external: this.setupExternalConfig(config.external || {}),
-              transportService,
+              transportService: isReadonly
+                  ? new ReadonlyTransportFilter(transportService)
+                  : transportService,
               client,
               moveClient: () => { },
               snapshotRequested: false,
@@ -87540,6 +87640,7 @@ stores.inject(MyMetaStore, storeInstance);
       ChartPanel,
       ChartFigure,
       ChartJsComponent,
+      ClickableCellSortIcon,
       ZoomableChartJsComponent,
       Grid,
       GridOverlay,
@@ -87625,6 +87726,8 @@ stores.inject(MyMetaStore, storeInstance);
       PIVOT_TABLE_CONFIG,
       ChartTerms,
       FIGURE_ID_SPLITTER,
+      GRID_ICON_EDGE_LENGTH,
+      GRID_ICON_MARGIN,
   };
   const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 
@@ -87679,9 +87782,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.5.0-alpha.11";
-  __info__.date = "2025-08-26T10:14:05.357Z";
-  __info__.hash = "b913e49";
+  __info__.version = "18.5.0-alpha.12";
+  __info__.date = "2025-08-29T08:05:09.767Z";
+  __info__.hash = "8ee7677";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);