@preference-sl/pref-viewer 2.16.0-beta.12 → 2.16.0-beta.14

package/README.md

@@ -331,7 +331,7 @@ The component emits custom events so host applications can integrate loading ind
 | `pref-viewer-2d-loading` | `<pref-viewer>`, `<pref-viewer-2d>` | `drawing-loading` | A 2D drawing load started. |
 | `pref-viewer-2d-loaded` | `<pref-viewer>`, `<pref-viewer-2d>` | `drawing-loaded` | A 2D drawing load completed. |
 | `pref-viewer-2d-error` | `<pref-viewer>`, `<pref-viewer-2d>` | `drawing-error` | A 2D drawing operation failed. |
-| `pref-viewer-2d-viewport-changed` | `<pref-viewer>`, `<pref-viewer-2d>` | None | The 2D drawing pan/zoom viewport changed. |
+| `pref-viewer-2d-viewport-changed` | `<pref-viewer>`, `<pref-viewer-2d>` | None | The 2D drawing pan/zoom viewport changed. `detail` contains numeric `x`, `y`, `scale` and boolean `moved`, `scaled`, `maximized`, `minimized`; it does not contain `centered` or any private `desde2d`, `mode`, or `source` marker. |
 
 ### Internal Listeners
 

package/package.json

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

package/src/panzoom-controller.js

@@ -40,7 +40,7 @@ import Panzoom from "@panzoom/panzoom/dist/panzoom.es.js";
  *
  * Getters:
  *  - panzoom: Returns the current Panzoom instance or null if not initialized.
- *  - state: Returns the current pan/zoom state (moved, scaled, maximized, minimized).
+ *  - state: Returns the current pan/zoom transform and semantic state.
  *
  * Private Methods:
  *  - #bindHandlers(): Pre-binds reusable event handlers to preserve stable references.
@@ -81,6 +81,9 @@ export default class PanzoomController {
         totalCounter: 0,
     };
     #state = {
+        x: 0,
+        y: 0,
+        scale: 1,
         moved: false,
         scaled: false,
         maximized: false,
@@ -164,6 +167,9 @@ export default class PanzoomController {
      */
     #checkPanzoomState(transform) {
         this.#state = {
+            x: transform.x,
+            y: transform.y,
+            scale: transform.scale,
             moved: transform.x !== 0 || transform.y !== 0,
             scaled: transform.scale !== 1,
             maximized: transform.scale === this.#options.maxScale,
@@ -523,7 +529,7 @@ export default class PanzoomController {
     /**
      * Returns the current pan/zoom state.
      * @public
-     * @returns {object} The state object: { moved, scaled, maximized, minimized }.
+     * @returns {object} The state object: { x, y, scale, moved, scaled, maximized, minimized }.
      */
     get state() {
         return this.#state;

package/src/pref-viewer-2d.js

@@ -32,7 +32,8 @@ import { PrefViewer2DStyles } from "./styles.js";
  *  - "pref-viewer-2d-loading": emitted before loading starts. Legacy alias: "drawing-loading"
  *  - "pref-viewer-2d-loaded": emitted after content and Panzoom are ready. Legacy alias: "drawing-loaded"
  *  - "pref-viewer-2d-error": emitted on validation/fetch errors (detail.error: Error). Legacy alias: "drawing-error"
- *  - "pref-viewer-2d-viewport-changed": emitted when pan/zoom state changes (detail: { moved, scaled, maximized, minimized })
+ *  - "pref-viewer-2d-viewport-changed": emitted when pan/zoom state changes
+ *    (detail: { x, y, scale, moved, scaled, maximized, minimized })
  *
  * Implementation notes
  *  - Keeps internal state in private fields (#svg, #panzoom, #panzoomOptions, ...).
@@ -291,7 +292,7 @@ export default class PrefViewer2D extends HTMLElement {
      * @param {object} state - The current Panzoom state object.
      * @returns {void}
      * @description
-     * The event detail contains the Panzoom state: { moved, scaled, maximized, minimized } to provide
+     * The event detail contains the Panzoom state: { x, y, scale, moved, scaled, maximized, minimized } to provide
      * the UI with the enabled/disabled status of the zoomIn, zoomOut, center, and zoomExtentsAll buttons.
      */
     #onPanzoomChanged(state) {
@@ -301,7 +302,6 @@ export default class PrefViewer2D extends HTMLElement {
             composed: false,
             detail: state,
         };
-        customEventOptions.detail.desde2d = "true";
         this.dispatchEvent(new CustomEvent("pref-viewer-2d-viewport-changed", customEventOptions));
     }