deck.gl 9.2.2 → 9.2.4

package/dist/dist.dev.js

@@ -43033,9 +43033,10 @@ void main() {
     onRenderHTML(rootElement) {
     }
     onViewportChange(viewport) {
-      if (this.isVisible && viewport.id === this.lastViewport?.id && viewport !== this.lastViewport) {
+      if (this.isVisible && viewport.id === this.lastViewport?.id && !viewport.equals(this.lastViewport)) {
         this.setTooltip(null);
       }
+      this.lastViewport = viewport;
     }
     onHover(info) {
       const { deck } = this;
@@ -43044,7 +43045,6 @@ void main() {
         return;
       }
       const displayInfo = getTooltip(info);
-      this.lastViewport = info.viewport;
       this.setTooltip(displayInfo, info.x, info.y);
     }
     setTooltip(displayInfo, x4, y5) {
@@ -43274,7 +43274,17 @@ void main() {
         if (props.gl instanceof WebGLRenderingContext) {
           log_default.error("WebGL1 context not supported.")();
         }
-        deviceOrPromise = webgl2Adapter.attach(props.gl, this.props.deviceProps);
+        const userOnResize = this.props.deviceProps?.onResize;
+        deviceOrPromise = webgl2Adapter.attach(props.gl, {
+          ...this.props.deviceProps,
+          onResize: (canvasContext, info) => {
+            const { width, height } = canvasContext.canvas;
+            canvasContext.drawingBufferWidth = width;
+            canvasContext.drawingBufferHeight = height;
+            this._needsRedraw = "Canvas resized";
+            userOnResize?.(canvasContext, info);
+          }
+        });
       }
       if (!deviceOrPromise) {
         deviceOrPromise = this._createDevice(props);
@@ -43345,18 +43355,8 @@ void main() {
         this.animationLoop.start();
       }
       this.animationLoop?.setProps(resolvedProps);
-      if (props.useDevicePixels !== void 0 && this.device?.canvasContext?.canvas instanceof HTMLCanvasElement) {
-        this.device.canvasContext.props.useDevicePixels = props.useDevicePixels;
-        const canvas2 = this.device.canvasContext.canvas;
-        const entry = {
-          target: canvas2,
-          contentBoxSize: [{ inlineSize: canvas2.clientWidth, blockSize: canvas2.clientHeight }],
-          devicePixelContentBoxSize: [
-            { inlineSize: canvas2.clientWidth, blockSize: canvas2.clientHeight }
-          ],
-          borderBoxSize: [{ inlineSize: canvas2.clientWidth, blockSize: canvas2.clientHeight }]
-        };
-        this.device.canvasContext._handleResize([entry]);
+      if (props.useDevicePixels !== void 0 && this.device?.canvasContext) {
+        this.device.canvasContext.setProps({ useDevicePixels: props.useDevicePixels });
       }
       if (this.layerManager) {
         this.viewManager.setProps(resolvedProps);
@@ -43583,6 +43583,7 @@ void main() {
         // we must use 'premultiplied' canvas for webgpu to enable transparency and match shaders
         alphaMode: this.props.deviceProps?.type === "webgpu" ? "premultiplied" : void 0
       };
+      const userOnResize = this.props.deviceProps?.onResize;
       return luma.createDevice({
         // luma by default throws if a device is already attached
         // asynchronous device creation could happen after finalize() is called
@@ -43598,6 +43599,10 @@ void main() {
           canvas: this._createCanvas(props),
           useDevicePixels: this.props.useDevicePixels,
           autoResize: true
+        },
+        onResize: (canvasContext, info) => {
+          this._needsRedraw = "Canvas resized";
+          userOnResize?.(canvasContext, info);
         }
       });
     }
@@ -102374,10 +102379,7 @@ void main() {
         deck: new Deck({
           ...this._props,
           gl,
-          parameters: { ...getDefaultParameters(map6, false), ...this._props.parameters },
-          deviceProps: {
-            createCanvasContext: { autoResize: true }
-          }
+          parameters: { ...getDefaultParameters(map6, true), ...this._props.parameters }
         })
       });
       map6.on("styledata", this._handleStyleChange);