@odoo/o-spreadsheet 19.0.15 → 19.0.16

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 19.0.15
- * @date 2025-12-26T10:19:23.408Z
- * @hash fe625c9
+ * @version 19.0.16
+ * @date 2026-01-07T16:21:15.857Z
+ * @hash 9f3f13a
  */
 
 (function (exports, owl) {
@@ -51370,7 +51370,6 @@ stores.inject(MyMetaStore, storeInstance);
           onGridMoved: Function,
           gridOverlayDimensions: String,
           slots: { type: Object, optional: true },
-          getGridSize: Function,
       };
       static components = {
           FiguresContainer,
@@ -51389,14 +51388,7 @@ stores.inject(MyMetaStore, storeInstance);
       setup() {
           useCellHovered(this.env, this.gridOverlay);
           const resizeObserver = new ResizeObserver(() => {
-              const boundingRect = this.gridOverlayEl.getBoundingClientRect();
-              const { width, height } = this.props.getGridSize();
-              this.props.onGridResized({
-                  x: boundingRect.left,
-                  y: boundingRect.top,
-                  height: height,
-                  width: width,
-              });
+              this.props.onGridResized();
           });
           owl.onMounted(() => {
               resizeObserver.observe(this.gridOverlayEl);
@@ -61420,7 +61412,8 @@ stores.inject(MyMetaStore, storeInstance);
           });
           return !(rect.width === 0 || rect.height === 0);
       }
-      onGridResized({ height, width }) {
+      onGridResized() {
+          const { height, width } = this.props.getGridSize();
           this.env.model.dispatch("RESIZE_SHEETVIEW", {
               width: width - HEADER_WIDTH,
               height: height - HEADER_HEIGHT,
@@ -74418,7 +74411,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           delete this.clients[this.clientId];
           this.transportService.leave(this.clientId);
-          this.transportService.sendMessage({
+          this.sendToTransport({
               type: "CLIENT_LEFT",
               clientId: this.clientId,
               version: MESSAGE_VERSION,
@@ -74432,7 +74425,7 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           }
           const snapshotId = this.uuidGenerator.uuidv4();
-          await this.transportService.sendMessage({
+          await this.sendToTransport({
               type: "SNAPSHOT",
               nextRevisionId: snapshotId,
               serverRevisionId: this.serverRevisionId,
@@ -74480,10 +74473,14 @@ stores.inject(MyMetaStore, storeInstance);
           const type = currentPosition ? "CLIENT_MOVED" : "CLIENT_JOINED";
           const client = this.getCurrentClient();
           this.clients[this.clientId] = { ...client, position };
-          this.transportService.sendMessage({
+          this.sendToTransport({
               type,
               version: MESSAGE_VERSION,
               client: { ...client, position },
+          }).then(() => {
+              if (this.pendingMessages.length > 0 && !this.waitingAck) {
+                  this.sendPendingMessage();
+              }
           });
       }
       /**
@@ -74564,7 +74561,7 @@ stores.inject(MyMetaStore, storeInstance);
               if (client) {
                   const { position } = client;
                   if (position) {
-                      this.transportService.sendMessage({
+                      this.sendToTransport({
                           type: "CLIENT_MOVED",
                           version: MESSAGE_VERSION,
                           client: { ...client, position },
@@ -74585,6 +74582,10 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this.sendPendingMessage();
       }
+      async sendToTransport(message) {
+          // wrap in an async function to ensure it returns a promise
+          return this.transportService.sendMessage(message);
+      }
       /**
        * Send the next pending message
        */
@@ -74613,9 +74614,14 @@ stores.inject(MyMetaStore, storeInstance);
       ${JSON.stringify(message)}`);
           }
           this.waitingAck = true;
-          this.transportService.sendMessage({
+          this.sendToTransport({
               ...message,
               serverRevisionId: this.serverRevisionId,
+          }).catch((e) => {
+              if (!(e instanceof ClientDisconnectedError)) {
+                  throw e.cause || e;
+              }
+              this.waitingAck = false;
           });
       }
       acknowledge(message) {
@@ -82121,10 +82127,8 @@ stores.inject(MyMetaStore, storeInstance);
           });
       }
       get gridContainer() {
-          const sheetId = this.env.model.getters.getActiveSheetId();
-          const { right } = this.env.model.getters.getSheetZone(sheetId);
-          const { end } = this.env.model.getters.getColDimensions(sheetId, right);
-          return cssPropertiesToCss({ "max-width": `${end}px` });
+          const maxWidth = this.getMaxSheetWidth();
+          return cssPropertiesToCss({ "max-width": `${maxWidth}px` });
       }
       get gridOverlayDimensions() {
           return cssPropertiesToCss({
@@ -82156,10 +82160,12 @@ stores.inject(MyMetaStore, storeInstance);
       onClosePopover() {
           this.cellPopovers.close();
       }
-      onGridResized({ height, width }) {
+      onGridResized() {
+          const { height, width } = this.props.getGridSize();
+          const maxWidth = this.getMaxSheetWidth();
           this.env.model.dispatch("RESIZE_SHEETVIEW", {
-              width: width,
-              height: height,
+              width: Math.min(maxWidth, width),
+              height,
               gridOffsetX: 0,
               gridOffsetY: 0,
           });
@@ -82177,6 +82183,11 @@ stores.inject(MyMetaStore, storeInstance);
               ...this.env.model.getters.getSheetViewDimensionWithHeaders(),
           };
       }
+      getMaxSheetWidth() {
+          const sheetId = this.env.model.getters.getActiveSheetId();
+          const { right } = this.env.model.getters.getSheetZone(sheetId);
+          return this.env.model.getters.getColDimensions(sheetId, right).end;
+      }
   }
 
   css /* scss */ `
@@ -84418,22 +84429,20 @@ stores.inject(MyMetaStore, storeInstance);
           return this.env.model.getters.getVisibleGroupLayers(sheetId, "COL");
       }
       getGridSize() {
-          const topBarHeight = this.spreadsheetRef.el
-              ?.querySelector(".o-spreadsheet-topbar-wrapper")
-              ?.getBoundingClientRect().height || 0;
-          const bottomBarHeight = this.spreadsheetRef.el
-              ?.querySelector(".o-spreadsheet-bottombar-wrapper")
-              ?.getBoundingClientRect().height || 0;
-          const gridWidth = this.spreadsheetRef.el?.querySelector(".o-grid")?.getBoundingClientRect().width || 0;
-          const gridHeight = (this.spreadsheetRef.el?.getBoundingClientRect().height || 0) -
-              (this.spreadsheetRef.el?.querySelector(".o-column-groups")?.getBoundingClientRect().height ||
-                  0) -
-              topBarHeight -
-              bottomBarHeight;
-          return {
-              width: Math.max(gridWidth - SCROLLBAR_WIDTH, 0),
-              height: Math.max(gridHeight - SCROLLBAR_WIDTH, 0),
-          };
+          const el = this.spreadsheetRef.el;
+          if (!el) {
+              return { width: 0, height: 0 };
+          }
+          const getHeight = (selector) => el.querySelector(selector)?.getBoundingClientRect().height || 0;
+          const getWidth = (selector) => el.querySelector(selector)?.getBoundingClientRect().width || 0;
+          const rect = el.getBoundingClientRect();
+          const topBarHeight = getHeight(".o-spreadsheet-topbar-wrapper");
+          const bottomBarHeight = getHeight(".o-spreadsheet-bottombar-wrapper");
+          const colGroupHeight = getHeight(".o-column-groups");
+          const gridWidth = getWidth(".o-grid");
+          const width = Math.max(gridWidth - SCROLLBAR_WIDTH, 0);
+          const height = Math.max(rect.height - topBarHeight - bottomBarHeight - colGroupHeight - SCROLLBAR_WIDTH, 0);
+          return { width, height };
       }
   }
 
@@ -84446,7 +84455,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (message.type === "CLIENT_JOINED" ||
               message.type === "CLIENT_LEFT" ||
               message.type === "CLIENT_MOVED") {
-              this.transportService.sendMessage(message);
+              await this.transportService.sendMessage(message);
           }
           // ignore all other messages
       }
@@ -89115,9 +89124,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "19.0.15";
-  __info__.date = "2025-12-26T10:19:23.408Z";
-  __info__.hash = "fe625c9";
+  __info__.version = "19.0.16";
+  __info__.date = "2026-01-07T16:21:15.857Z";
+  __info__.hash = "9f3f13a";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);