@jax-data-science/sci-image-visualizer 0.1.0

package/esm2022/lib/implementations/napari-js/napari-axes-labels.mjs

@@ -0,0 +1,106 @@
+/**
+ * DOM text labels for the napari-js 3D axes gizmo (jit-ui#102). The {@link AxesLayer} draws the
+ * axis lines/ticks/box in WebGPU; this overlay adds the crisp X/Y/Z + scale text on top, projected
+ * with the 3D camera's view-projection so each label tracks its anchor as the volume orbits.
+ * Mirrors the {@link NapariScaleBar} overlay pattern (absolute-positioned over the host, updated on
+ * every `camera3d.changed`). Falls back to pixel/slice counts when no physical µm/pixel is known.
+ */
+/**
+ * Project a world point through a column-major 4×4 MVP to CSS-pixel screen coordinates.
+ * Returns `visible: false` when the point is at/behind the camera (w ≤ 0). Pure — unit-tested.
+ */
+export function projectPoint(mvp, p, vw, vh) {
+    const [x, y, z] = p;
+    // Column-major: clip[r] = Σ_c M[c*4+r] * v[c].
+    const cx = mvp[0] * x + mvp[4] * y + mvp[8] * z + mvp[12];
+    const cy = mvp[1] * x + mvp[5] * y + mvp[9] * z + mvp[13];
+    const cw = mvp[3] * x + mvp[7] * y + mvp[11] * z + mvp[15];
+    if (cw <= 0)
+        return { x: 0, y: 0, visible: false };
+    const ndcX = cx / cw;
+    const ndcY = cy / cw;
+    return {
+        x: (ndcX * 0.5 + 0.5) * vw,
+        y: (0.5 - ndcY * 0.5) * vh,
+        visible: true,
+    };
+}
+export class NapariAxesLabels {
+    constructor(host, camera3d, labels) {
+        this.host = host;
+        this.camera3d = camera3d;
+        this.labels = labels;
+        this.els = [];
+        this.visible = true;
+        if (getComputedStyle(host).position === 'static')
+            host.style.position = 'relative';
+        for (const spec of labels) {
+            const el = document.createElement('span');
+            Object.assign(el.style, {
+                position: 'absolute',
+                zIndex: '30',
+                pointerEvents: 'none',
+                font: '11px sans-serif',
+                fontWeight: '600',
+                color: spec.color,
+                textShadow: '0 0 3px #000, 0 0 3px #000',
+                whiteSpace: 'nowrap',
+                transform: 'translate(-50%, -50%)',
+                userSelect: 'none',
+            });
+            el.textContent = spec.text;
+            this.host.appendChild(el);
+            this.els.push(el);
+        }
+        this.disconnectCamera = this.camera3d.changed.connect(() => this.update());
+        if (typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => this.update());
+            this.resizeObserver.observe(this.host);
+        }
+        this.update();
+    }
+    setVisible(visible) {
+        this.visible = visible;
+        this.update();
+    }
+    /** Replace the label anchors/text in place (same count) and reproject — lets a host move the
+     *  labels when the box geometry changes live (e.g. a Z-height gizmo restretching the volume)
+     *  without tearing down and recreating the DOM elements (which would flicker). */
+    updateAnchors(labels) {
+        for (let i = 0; i < this.labels.length && i < labels.length; i++) {
+            this.labels[i] = labels[i];
+            if (labels[i].text !== this.els[i].textContent)
+                this.els[i].textContent = labels[i].text;
+        }
+        this.update();
+    }
+    update() {
+        const vw = this.host.clientWidth;
+        const vh = this.host.clientHeight;
+        if (!this.visible || vw <= 0 || vh <= 0) {
+            for (const el of this.els)
+                el.style.display = 'none';
+            return;
+        }
+        const mvp = this.camera3d.viewProjection(vw, vh);
+        this.labels.forEach((spec, i) => {
+            const el = this.els[i];
+            const s = projectPoint(mvp, spec.anchor, vw, vh);
+            if (!s.visible) {
+                el.style.display = 'none';
+                return;
+            }
+            el.style.display = '';
+            el.style.left = `${s.x}px`;
+            el.style.top = `${s.y}px`;
+        });
+    }
+    destroy() {
+        this.disconnectCamera();
+        this.resizeObserver?.disconnect();
+        for (const el of this.els)
+            el.parentNode?.removeChild(el);
+        this.els.length = 0;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmFwYXJpLWF4ZXMtbGFiZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9pbXBsZW1lbnRhdGlvbnMvbmFwYXJpLWpzL25hcGFyaS1heGVzLWxhYmVscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFnQkg7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLFlBQVksQ0FDMUIsR0FBc0IsRUFDdEIsQ0FBMkIsRUFDM0IsRUFBVSxFQUNWLEVBQVU7SUFFVixNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDcEIsK0NBQStDO0lBQy9DLE1BQU0sRUFBRSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMxRCxNQUFNLEVBQUUsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDMUQsTUFBTSxFQUFFLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzNELElBQUksRUFBRSxJQUFJLENBQUM7UUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUNuRCxN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QUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO1lBQ3RCLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzNCLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsY0FBYyxFQUFFLFVBQVUsRUFBRSxDQUFDO1FBQ2xDLEtBQUssTUFBTSxFQUFFLElBQUksSUFBSSxDQUFDLEdBQUc7WUFBRSxFQUFFLENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMxRCxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDdEIsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBET00gdGV4dCBsYWJlbHMgZm9yIHRoZSBuYXBhcmktanMgM0QgYXhlcyBnaXptbyAoaml0LXVpIzEwMikuIFRoZSB7QGxpbmsgQXhlc0xheWVyfSBkcmF3cyB0aGVcbiAqIGF4aXMgbGluZXMvdGlja3MvYm94IGluIFdlYkdQVTsgdGhpcyBvdmVybGF5IGFkZHMgdGhlIGNyaXNwIFgvWS9aICsgc2NhbGUgdGV4dCBvbiB0b3AsIHByb2plY3RlZFxuICogd2l0aCB0aGUgM0QgY2FtZXJhJ3Mgdmlldy1wcm9qZWN0aW9uIHNvIGVhY2ggbGFiZWwgdHJhY2tzIGl0cyBhbmNob3IgYXMgdGhlIHZvbHVtZSBvcmJpdHMuXG4gKiBNaXJyb3JzIHRoZSB7QGxpbmsgTmFwYXJpU2NhbGVCYXJ9IG92ZXJsYXkgcGF0dGVybiAoYWJzb2x1dGUtcG9zaXRpb25lZCBvdmVyIHRoZSBob3N0LCB1cGRhdGVkIG9uXG4gKiBldmVyeSBgY2FtZXJhM2QuY2hhbmdlZGApLiBGYWxscyBiYWNrIHRvIHBpeGVsL3NsaWNlIGNvdW50cyB3aGVuIG5vIHBoeXNpY2FsIMK1bS9waXhlbCBpcyBrbm93bi5cbiAqL1xuXG4vKiogT25lIGF4aXMgbGFiZWw6IGEgd29ybGQtc3BhY2UgYW5jaG9yICh0aGUgYXhpcyBlbmQsIGluIHRoZSB2b2x1bWUncyBjZW50cmVkIGJveCksIHRoZSB0ZXh0IHRvXG4gKiAgc2hvdywgYW5kIGl0cyBjb2xvdXIgKG1hdGNoaW5nIHRoZSBXZWJHUFUgYXhpcyBjb2xvdXIpLiAqL1xuZXhwb3J0IGludGVyZmFjZSBBeGlzTGFiZWxTcGVjIHtcbiAgYW5jaG9yOiBbbnVtYmVyLCBudW1iZXIsIG51bWJlcl07XG4gIHRleHQ6IHN0cmluZztcbiAgY29sb3I6IHN0cmluZztcbn1cblxuLyoqIFRoZSBzbGljZSBvZiBuYXBhcmkncyBDYW1lcmEzRCB0aGlzIG92ZXJsYXkgcmVhZHMuIGB2aWV3UHJvamVjdGlvbmAgaXMgY29sdW1uLW1ham9yIChnbC1tYXRyaXgpLiAqL1xuZXhwb3J0IGludGVyZmFjZSBBeGVzTGFiZWxDYW1lcmEzRCB7XG4gIHZpZXdQcm9qZWN0aW9uKHZ3OiBudW1iZXIsIHZoOiBudW1iZXIpOiBBcnJheUxpa2U8bnVtYmVyPjtcbiAgcmVhZG9ubHkgY2hhbmdlZDogeyBjb25uZWN0KGxpc3RlbmVyOiAoKSA9PiB2b2lkKTogKCkgPT4gdm9pZCB9O1xufVxuXG4vKipcbiAqIFByb2plY3QgYSB3b3JsZCBwb2ludCB0aHJvdWdoIGEgY29sdW1uLW1ham9yIDTDlzQgTVZQIHRvIENTUy1waXhlbCBzY3JlZW4gY29vcmRpbmF0ZXMuXG4gKiBSZXR1cm5zIGB2aXNpYmxlOiBmYWxzZWAgd2hlbiB0aGUgcG9pbnQgaXMgYXQvYmVoaW5kIHRoZSBjYW1lcmEgKHcg4omkIDApLiBQdXJlIOKAlCB1bml0LXRlc3RlZC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHByb2plY3RQb2ludChcbiAgbXZwOiBBcnJheUxpa2U8bnVtYmVyPixcbiAgcDogW251bWJlciwgbnVtYmVyLCBudW1iZXJdLFxuICB2dzogbnVtYmVyLFxuICB2aDogbnVtYmVyLFxuKTogeyB4OiBudW1iZXI7IHk6IG51bWJlcjsgdmlzaWJsZTogYm9vbGVhbiB9IHtcbiAgY29uc3QgW3gsIHksIHpdID0gcDtcbiAgLy8gQ29sdW1uLW1ham9yOiBjbGlwW3JdID0gzqNfYyBNW2MqNCtyXSAqIHZbY10uXG4gIGNvbnN0IGN4ID0gbXZwWzBdICogeCArIG12cFs0XSAqIHkgKyBtdnBbOF0gKiB6ICsgbXZwWzEyXTtcbiAgY29uc3QgY3kgPSBtdnBbMV0gKiB4ICsgbXZwWzVdICogeSArIG12cFs5XSAqIHogKyBtdnBbMTNdO1xuICBjb25zdCBjdyA9IG12cFszXSAqIHggKyBtdnBbN10gKiB5ICsgbXZwWzExXSAqIHogKyBtdnBbMTVdO1xuICBpZiAoY3cgPD0gMCkgcmV0dXJuIHsgeDogMCwgeTogMCwgdmlzaWJsZTogZmFsc2UgfTtcbiAgY29uc3QgbmRjWCA9IGN4IC8gY3c7XG4gIGNvbnN0IG5kY1kgPSBjeSAvIGN3O1xuICByZXR1cm4ge1xuICAgIHg6IChuZGNYICogMC41ICsgMC41KSAqIHZ3LFxuICAgIHk6ICgwLjUgLSBuZGNZICogMC41KSAqIHZoLFxuICAgIHZpc2libGU6IHRydWUsXG4gIH07XG59XG5cbmV4cG9ydCBjbGFzcyBOYXBhcmlBeGVzTGFiZWxzIHtcbiAgcHJpdmF0ZSByZWFkb25seSBlbHM6IEhUTUxTcGFuRWxlbWVudFtdID0gW107XG4gIHByaXZhdGUgcmVhZG9ubHkgZGlzY29ubmVjdENhbWVyYTogKCkgPT4gdm9pZDtcbiAgcHJpdmF0ZSByZWFkb25seSByZXNpemVPYnNlcnZlcj86IFJlc2l6ZU9ic2VydmVyO1xuICBwcml2YXRlIHZpc2libGUgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgaG9zdDogSFRNTEVsZW1lbnQsXG4gICAgcHJpdmF0ZSByZWFkb25seSBjYW1lcmEzZDogQXhlc0xhYmVsQ2FtZXJhM0QsXG4gICAgcHJpdmF0ZSByZWFkb25seSBsYWJlbHM6IEF4aXNMYWJlbFNwZWNbXSxcbiAgKSB7XG4gICAgaWYgKGdldENvbXB1dGVkU3R5bGUoaG9zdCkucG9zaXRpb24gPT09ICdzdGF0aWMnKSBob3N0LnN0eWxlLnBvc2l0aW9uID0gJ3JlbGF0aXZlJztcbiAgICBmb3IgKGNvbnN0IHNwZWMgb2YgbGFiZWxzKSB7XG4gICAgICBjb25zdCBlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICAgIE9iamVjdC5hc3NpZ24oZWwuc3R5bGUsIHtcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHpJbmRleDogJzMwJyxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICBmb250OiAnMTFweCBzYW5zLXNlcmlmJyxcbiAgICAgICAgZm9udFdlaWdodDogJzYwMCcsXG4gICAgICAgIGNvbG9yOiBzcGVjLmNvbG9yLFxuICAgICAgICB0ZXh0U2hhZG93OiAnMCAwIDNweCAjMDAwLCAwIDAgM3B4ICMwMDAnLFxuICAgICAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlKC01MCUsIC01MCUpJyxcbiAgICAgICAgdXNlclNlbGVjdDogJ25vbmUnLFxuICAgICAgfSBhcyBQYXJ0aWFsPENTU1N0eWxlRGVjbGFyYXRpb24+KTtcbiAgICAgIGVsLnRleHRDb250ZW50ID0gc3BlYy50ZXh0O1xuICAgICAgdGhpcy5ob3N0LmFwcGVuZENoaWxkKGVsKTtcbiAgICAgIHRoaXMuZWxzLnB1c2goZWwpO1xuICAgIH1cbiAgICB0aGlzLmRpc2Nvbm5lY3RDYW1lcmEgPSB0aGlzLmNhbWVyYTNkLmNoYW5nZWQuY29ubmVjdCgoKSA9PiB0aGlzLnVwZGF0ZSgpKTtcbiAgICBpZiAodHlwZW9mIFJlc2l6ZU9ic2VydmVyICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLnVwZGF0ZSgpKTtcbiAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmhvc3QpO1xuICAgIH1cbiAgICB0aGlzLnVwZGF0ZSgpO1xuICB9XG5cbiAgc2V0VmlzaWJsZSh2aXNpYmxlOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy52aXNpYmxlID0gdmlzaWJsZTtcbiAgICB0aGlzLnVwZGF0ZSgpO1xuICB9XG5cbiAgLyoqIFJlcGxhY2UgdGhlIGxhYmVsIGFuY2hvcnMvdGV4dCBpbiBwbGFjZSAoc2FtZSBjb3VudCkgYW5kIHJlcHJvamVjdCDigJQgbGV0cyBhIGhvc3QgbW92ZSB0aGVcbiAgICogIGxhYmVscyB3aGVuIHRoZSBib3ggZ2VvbWV0cnkgY2hhbmdlcyBsaXZlIChlLmcuIGEgWi1oZWlnaHQgZ2l6bW8gcmVzdHJldGNoaW5nIHRoZSB2b2x1bWUpXG4gICAqICB3aXRob3V0IHRlYXJpbmcgZG93biBhbmQgcmVjcmVhdGluZyB0aGUgRE9NIGVsZW1lbnRzICh3aGljaCB3b3VsZCBmbGlja2VyKS4gKi9cbiAgdXBkYXRlQW5jaG9ycyhsYWJlbHM6IEF4aXNMYWJlbFNwZWNbXSk6IHZvaWQge1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5sYWJlbHMubGVuZ3RoICYmIGkgPCBsYWJlbHMubGVuZ3RoOyBpKyspIHtcbiAgICAgIHRoaXMubGFiZWxzW2ldID0gbGFiZWxzW2ldO1xuICAgICAgaWYgKGxhYmVsc1tpXS50ZXh0ICE9PSB0aGlzLmVsc1tpXS50ZXh0Q29udGVudCkgdGhpcy5lbHNbaV0udGV4dENvbnRlbnQgPSBsYWJlbHNbaV0udGV4dDtcbiAgICB9XG4gICAgdGhpcy51cGRhdGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlKCk6IHZvaWQge1xuICAgIGNvbnN0IHZ3ID0gdGhpcy5ob3N0LmNsaWVudFdpZHRoO1xuICAgIGNvbnN0IHZoID0gdGhpcy5ob3N0LmNsaWVudEhlaWdodDtcbiAgICBpZiAoIXRoaXMudmlzaWJsZSB8fCB2dyA8PSAwIHx8IHZoIDw9IDApIHtcbiAgICAgIGZvciAoY29uc3QgZWwgb2YgdGhpcy5lbHMpIGVsLnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IG12cCA9IHRoaXMuY2FtZXJhM2Qudmlld1Byb2plY3Rpb24odncsIHZoKTtcbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKChzcGVjLCBpKSA9PiB7XG4gICAgICBjb25zdCBlbCA9IHRoaXMuZWxzW2ldO1xuICAgICAgY29uc3QgcyA9IHByb2plY3RQb2ludChtdnAsIHNwZWMuYW5jaG9yLCB2dywgdmgpO1xuICAgICAgaWYgKCFzLnZpc2libGUpIHtcbiAgICAgICAgZWwuc3R5bGUuZGlzcGxheSA9ICdub25lJztcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgZWwuc3R5bGUuZGlzcGxheSA9ICcnO1xuICAgICAgZWwuc3R5bGUubGVmdCA9IGAke3MueH1weGA7XG4gICAgICBlbC5zdHlsZS50b3AgPSBgJHtzLnl9cHhgO1xuICAgIH0pO1xuICB9XG5cbiAgZGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRpc2Nvbm5lY3RDYW1lcmEoKTtcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyPy5kaXNjb25uZWN0KCk7XG4gICAgZm9yIChjb25zdCBlbCBvZiB0aGlzLmVscykgZWwucGFyZW50Tm9kZT8ucmVtb3ZlQ2hpbGQoZWwpO1xuICAgIHRoaXMuZWxzLmxlbmd0aCA9IDA7XG4gIH1cbn1cbiJdfQ==