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

package/dist/o-spreadsheet.cjs.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
  */
 
 'use strict';
@@ -1347,6 +1347,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));
@@ -2661,6 +2673,7 @@ const invalidateBordersCommands = new Set([
     "AUTOFILL_CELL",
     "SET_BORDER",
     "SET_ZONE_BORDERS",
+    "SET_BORDERS_ON_TARGET",
 ]);
 const invalidSubtotalFormulasCommands = new Set([
     "UNHIDE_COLUMNS_ROWS",
@@ -2688,6 +2701,7 @@ const readonlyAllowedCommands = new Set([
     "UPDATE_FILTER",
     "UPDATE_CHART",
     "UPDATE_CAROUSEL_ACTIVE_ITEM",
+    "UPDATE_PIVOT",
 ]);
 const coreTypes = new Set([
     /** CELLS */
@@ -46926,18 +46940,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"),
@@ -47073,23 +47087,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) {
@@ -47115,24 +47125,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.
@@ -47435,7 +47427,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,
@@ -60701,6 +60696,42 @@ class Grid extends owl.Component {
 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 = {};
@@ -71057,6 +71088,7 @@ class PivotUIPlugin extends CoreViewPlugin {
     static getters = [
         "getPivot",
         "getFirstPivotFunction",
+        "getPivotCellSortDirection",
         "getPivotIdFromPosition",
         "getPivotCellFromPosition",
         "generateNewCalculatedMeasureName",
@@ -71277,6 +71309,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
     // ---------------------------------------------------------------------
@@ -78969,6 +79015,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)
@@ -80685,6 +80759,8 @@ class ClickableCellsStore extends SpreadsheetStore {
                 position,
                 action: item.execute,
                 title: title || "",
+                component: item.component,
+                componentProps: item.componentProps?.(position, getters) ?? {},
             });
         }
         return cells;
@@ -83031,6 +83107,27 @@ class Spreadsheet extends owl.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);
 }
@@ -87123,12 +87220,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,
@@ -87541,6 +87641,7 @@ const components = {
     ChartPanel,
     ChartFigure,
     ChartJsComponent,
+    ClickableCellSortIcon,
     ZoomableChartJsComponent,
     Grid,
     GridOverlay,
@@ -87626,6 +87727,8 @@ const constants = {
     PIVOT_TABLE_CONFIG,
     ChartTerms,
     FIGURE_ID_SPLITTER,
+    GRID_ICON_EDGE_LENGTH,
+    GRID_ICON_MARGIN,
 };
 const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 
@@ -87680,6 +87783,6 @@ exports.tokenColors = tokenColors;
 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";