@preference-sl/pref-viewer 2.17.2-beta.1 → 2.17.2-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preference-sl/pref-viewer",
-    "version": "2.17.2-beta.1",
+    "version": "2.17.2-beta.2",
     "description": "Web Component to preview GLTF models with Babylon.js",
     "author": "Alex Moreno Palacio <amoreno@preference.es>",
     "scripts": {

package/src/babylonjs-controller.js

@@ -3396,7 +3396,8 @@ export default class BabylonJSController {
             getViewport: () => ({ width: this.#canvas.clientWidth, height: this.#canvas.clientHeight }),
             getCulture: this.#viewCubeConfig.getCulture,
             onLayout: this.#viewCubeConfig.onLayout,
-            requestRender: () => this.#requestRender({ frames: 2 }),
+            // A cube drag is pointer interaction like a main-canvas drag: keep the loop continuous for the same window.
+            requestRender: (options) => this.#requestRender({ frames: 2, continuousMs: options?.interaction ? BabylonJSController.config.render.interactionMs : 0 }),
         });
     }
 

package/src/babylonjs-view-cube-controller.js

@@ -139,7 +139,7 @@ export default class BabylonJSViewCubeController {
      * @param {function(import("@babylonjs/core").Camera|null|undefined): boolean} host.isLocked - Reports whether navigation is forbidden for the supplied camera, including unavailable cameras or active XR.
      * @param {function(): (ViewCubeBounds|null)} host.getBounds - Returns current model-only world bounds and their eight corners; null when geometry is unusable. Excludes the environment.
      * @param {function(): {width: number, height: number}} host.getViewport - Returns the current scene viewport dimensions in CSS pixels.
-     * @param {function(): void} host.requestRender - Requests rendering through the host scheduler after accepted navigation.
+     * @param {function(Object=): void} host.requestRender - Requests rendering through the host scheduler after accepted navigation; `{ interaction: true }` marks a pointer drag step, for which the host keeps rendering continuously as it does for its own canvas drags.
      * @param {function(): string} [host.getCulture] - Returns the current localization culture; omitted callbacks use the translator's default culture.
      * @param {function(number, number): void} [host.onLayout] - Receives the measured cube viewport height and scene viewport height, in CSS pixels; zero cube height clears the menu offset, and disposal reports (0, 0).
      * @param {function(ViewCubeRendererOptions): BabylonJSViewCubeRenderer} [host.createRenderer] - Renderer factory, mainly for tests; defaults to a BabylonJSViewCubeRenderer with its own Engine.
@@ -581,7 +581,9 @@ export default class BabylonJSViewCubeController {
             const direction = directionFromAngles(applyDragDelta(angles, dAlpha, dBeta));
             this.#writePose(camera, pose.target.add(new Vector3(direction.x, direction.y, direction.z).scale(pose.distance)), pose.target, pose.distance);
         }
-        this.#host.requestRender();
+        // A drag is pointer interaction: the host keeps its loop continuous for its interaction window, as it does for a
+        // main-canvas drag. A plain one-frame request would let its idle throttle pace the drag (seen at ~8 fps).
+        this.#host.requestRender({ interaction: true });
     }
 
     /**