@rosettadash/web-components 0.1.0 → 0.1.3

package/src/visual/display/3d-geo-globe/rd-three-geo-globe.js

@@ -0,0 +1,330 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+import { cameraPositionFacingLatLng, GLOBE_CAMERA_DISTANCE, GLOBE_FLY_DURATION_MS, GLOBE_HEIGHT_SEGMENTS, GLOBE_RADIUS, GLOBE_WIDTH_SEGMENTS, latLngToGlobePosition, parseGlobeMarkersJson, patchEquirectGlobeMaterial, prepareEquirectGlobeTexture, isGlobePointerClick, resolveGlobePickId, } from './globe-view.js';
+export const RD_THREE_GEO_GLOBE_TAG = 'rd-three-geo-globe';
+/** @rosettadash/web-components/visual/display/3d-geo-globe — visual.display.3d-geo-globe */
+export class RdThreeGeoGlobeElement extends RosettaAtomElement {
+    static tagName = RD_THREE_GEO_GLOBE_TAG;
+    runtime = null;
+    markersValue = [];
+    selectedIdValue = '';
+    hasFacedSelection = false;
+    mountGeneration = 0;
+    static get observedAttributes() {
+        return ['title', 'texture-url', 'markers', 'selected-id', 'min-height'];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        void this.mountThreeScene();
+    }
+    disconnectedCallback() {
+        this.mountGeneration += 1;
+        this.runtime?.dispose();
+        this.runtime = null;
+        this.hasFacedSelection = false;
+    }
+    attributeChangedCallback(name) {
+        if (name === 'markers') {
+            const parsed = parseGlobeMarkersJson(this.getAttribute('markers'));
+            if (parsed !== null) {
+                this.markersValue = parsed;
+            }
+            this.syncRuntime();
+            return;
+        }
+        if (name === 'selected-id') {
+            this.selectedIdValue = this.readAttr('selected-id');
+            this.syncRuntime();
+            return;
+        }
+        if (name === 'texture-url' || name === 'title' || name === 'min-height') {
+            this.runtime?.dispose();
+            this.runtime = null;
+        }
+        super.attributeChangedCallback(name);
+        if (this.isConnected && (name === 'texture-url' || name === 'title' || name === 'min-height')) {
+            void this.mountThreeScene();
+        }
+    }
+    setProperty(name, value) {
+        if (name === 'markers' && Array.isArray(value)) {
+            this.markersValue = value;
+            this.syncRuntime();
+            return;
+        }
+        if (name === 'selectedId') {
+            this.selectedIdValue = String(value ?? '');
+            this.setAttribute('selected-id', this.selectedIdValue);
+            return;
+        }
+        super.setProperty(name, value);
+        if (this.isConnected) {
+            void this.mountThreeScene();
+        }
+    }
+    buildMarkup() {
+        const title = this.readAttr('title');
+        const minHeight = this.readAttr('min-height', '28rem');
+        return `
+      <section class="rd-display-3d-geo-globe" data-testid="rd-display-3d-geo-globe" style="min-height:${minHeight}" aria-label="${this.esc(title || '3D destination globe')}">
+        ${title ? `<header class="rd-display-3d-geo-globe__header">${this.esc(title)}</header>` : ''}
+        <div class="rd-display-3d-geo-globe__canvas-host" data-ref="canvas-host"></div>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+    currentMarkers() {
+        if (this.markersValue.length) {
+            return this.markersValue;
+        }
+        const parsed = parseGlobeMarkersJson(this.getAttribute('markers'));
+        return parsed !== null ? parsed : [];
+    }
+    currentSelectedId() {
+        return this.selectedIdValue || this.readAttr('selected-id');
+    }
+    syncRuntime() {
+        if (!this.runtime) {
+            return;
+        }
+        this.runtime.syncMarkers();
+        this.runtime.faceSelection(!this.hasFacedSelection);
+    }
+    async mountThreeScene() {
+        const generation = ++this.mountGeneration;
+        this.runtime?.dispose();
+        this.runtime = null;
+        this.hasFacedSelection = false;
+        const host = this.querySelector('[data-ref="canvas-host"]');
+        if (!host) {
+            return;
+        }
+        host.innerHTML = '';
+        try {
+            const THREE = await import('three');
+            const { OrbitControls } = await import('three/examples/jsm/controls/OrbitControls.js');
+            if (generation !== this.mountGeneration || !this.isConnected) {
+                return;
+            }
+            const scene = new THREE.Scene();
+            scene.background = new THREE.Color('#0b1220');
+            const camera = new THREE.PerspectiveCamera(45, 1, 0.1, 100);
+            camera.position.set(0, 0.4, GLOBE_CAMERA_DISTANCE);
+            const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
+            renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+            renderer.outputColorSpace = THREE.SRGBColorSpace;
+            renderer.domElement.style.display = 'block';
+            renderer.domElement.style.width = '100%';
+            renderer.domElement.style.height = '100%';
+            host.appendChild(renderer.domElement);
+            scene.add(new THREE.AmbientLight(0xffffff, 0.72));
+            const keyLight = new THREE.DirectionalLight(0xffffff, 1.05);
+            keyLight.position.set(4, 6, 5);
+            scene.add(keyLight);
+            const globeMaterial = new THREE.MeshStandardMaterial({ color: '#1d4ed8' });
+            patchEquirectGlobeMaterial(globeMaterial);
+            const globe = new THREE.Mesh(new THREE.SphereGeometry(GLOBE_RADIUS, GLOBE_WIDTH_SEGMENTS, GLOBE_HEIGHT_SEGMENTS), globeMaterial);
+            scene.add(globe);
+            const textureUrl = this.readAttr('texture-url');
+            if (textureUrl) {
+                new THREE.TextureLoader().load(textureUrl, (texture) => {
+                    if (generation !== this.mountGeneration) {
+                        texture.dispose();
+                        return;
+                    }
+                    prepareEquirectGlobeTexture(texture, {
+                        colorSpace: THREE.SRGBColorSpace,
+                        wrapS: THREE.RepeatWrapping,
+                        wrapT: THREE.ClampToEdgeWrapping,
+                        minFilter: THREE.LinearFilter,
+                        magFilter: THREE.LinearFilter,
+                        anisotropy: Math.min(16, renderer.capabilities.getMaxAnisotropy()),
+                    });
+                    globeMaterial.map = texture;
+                    globeMaterial.color.set('#ffffff');
+                    globeMaterial.needsUpdate = true;
+                });
+            }
+            const controls = new OrbitControls(camera, renderer.domElement);
+            controls.enableDamping = true;
+            controls.dampingFactor = 0.08;
+            controls.minDistance = 2.8;
+            controls.maxDistance = 8;
+            controls.autoRotate = true;
+            controls.autoRotateSpeed = 0.6;
+            const markerMeshes = new Map();
+            const markerGeometry = new THREE.SphereGeometry(0.06, 12, 12);
+            const syncMarkers = () => {
+                const nextMarkers = this.currentMarkers();
+                const nextSelected = this.currentSelectedId();
+                for (const id of [...markerMeshes.keys()]) {
+                    if (!nextMarkers.some((marker) => marker.id === id)) {
+                        const mesh = markerMeshes.get(id);
+                        if (mesh) {
+                            mesh.material.dispose();
+                            mesh.removeFromParent();
+                        }
+                        markerMeshes.delete(id);
+                    }
+                }
+                for (const marker of nextMarkers) {
+                    let mesh = markerMeshes.get(marker.id);
+                    if (!mesh) {
+                        mesh = new THREE.Mesh(markerGeometry, new THREE.MeshStandardMaterial({ color: '#f87171' }));
+                        mesh.userData['id'] = marker.id;
+                        scene.add(mesh);
+                        markerMeshes.set(marker.id, mesh);
+                    }
+                    const pos = latLngToGlobePosition(marker.lat, marker.lng, GLOBE_RADIUS);
+                    mesh.position.set(pos.x, pos.y, pos.z);
+                    const material = mesh.material;
+                    const selected = marker.id === nextSelected;
+                    material.color.set(selected ? '#fbbf24' : '#f87171');
+                    material.emissive.set(selected ? '#92400e' : '#000000');
+                    material.emissiveIntensity = selected ? 0.35 : 0;
+                }
+            };
+            let flyFrameId = 0;
+            const faceLatLng = (lat, lng, immediate) => {
+                cancelAnimationFrame(flyFrameId);
+                const distance = camera.position.length() || GLOBE_CAMERA_DISTANCE;
+                const end = cameraPositionFacingLatLng(lat, lng, distance);
+                if (immediate) {
+                    camera.position.set(end.x, end.y, end.z);
+                    controls.update();
+                    return;
+                }
+                controls.autoRotate = false;
+                const startPos = camera.position.clone();
+                const endPos = new THREE.Vector3(end.x, end.y, end.z);
+                const flyStart = performance.now();
+                const animateFly = (now) => {
+                    const t = Math.min((now - flyStart) / GLOBE_FLY_DURATION_MS, 1);
+                    const eased = 1 - (1 - t) ** 3;
+                    camera.position.lerpVectors(startPos, endPos, eased);
+                    controls.update();
+                    if (t < 1) {
+                        flyFrameId = requestAnimationFrame(animateFly);
+                    }
+                    else {
+                        controls.autoRotate = true;
+                    }
+                };
+                flyFrameId = requestAnimationFrame(animateFly);
+            };
+            const faceSelection = (immediate) => {
+                const selectedId = this.currentSelectedId();
+                if (!selectedId) {
+                    return;
+                }
+                const marker = this.currentMarkers().find((entry) => entry.id === selectedId);
+                if (!marker) {
+                    return;
+                }
+                faceLatLng(marker.lat, marker.lng, immediate);
+                this.hasFacedSelection = true;
+            };
+            const resize = () => {
+                const width = host.clientWidth || 1;
+                const height = host.clientHeight || 1;
+                camera.aspect = width / height;
+                camera.updateProjectionMatrix();
+                renderer.setSize(width, height, false);
+            };
+            const resizeObserver = new ResizeObserver(resize);
+            resizeObserver.observe(host);
+            resize();
+            let animationId = 0;
+            const tick = () => {
+                controls.update();
+                renderer.render(scene, camera);
+                animationId = requestAnimationFrame(tick);
+            };
+            tick();
+            const raycaster = new THREE.Raycaster();
+            const pointer = new THREE.Vector2();
+            let pointerDown = null;
+            const pickFromPointer = (event) => {
+                const rect = renderer.domElement.getBoundingClientRect();
+                pointer.x = ((event.clientX - rect.left) / rect.width) * 2 - 1;
+                pointer.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
+                raycaster.setFromCamera(pointer, camera);
+                const hits = raycaster.intersectObjects([globe, ...markerMeshes.values()]);
+                const first = hits[0];
+                const firstMesh = first?.object;
+                const markerHitId = firstMesh && firstMesh !== globe
+                    ? firstMesh.userData?.['id']
+                    : undefined;
+                const globeHit = firstMesh === globe ? first : undefined;
+                const id = resolveGlobePickId(this.currentMarkers(), markerHitId, globeHit
+                    ? { x: globeHit.point.x, y: globeHit.point.y, z: globeHit.point.z }
+                    : undefined);
+                if (id) {
+                    this.dispatchDetail('marker-select', { id });
+                }
+            };
+            const onPointerDown = (event) => {
+                if (event.button !== 0) {
+                    return;
+                }
+                pointerDown = { x: event.clientX, y: event.clientY };
+            };
+            const onPointerUp = (event) => {
+                if (event.button !== 0) {
+                    return;
+                }
+                const start = pointerDown;
+                pointerDown = null;
+                if (!isGlobePointerClick(start, event.clientX, event.clientY)) {
+                    return;
+                }
+                pickFromPointer(event);
+            };
+            const onPointerCancel = () => {
+                pointerDown = null;
+            };
+            renderer.domElement.addEventListener('pointerdown', onPointerDown);
+            renderer.domElement.addEventListener('pointerup', onPointerUp);
+            renderer.domElement.addEventListener('pointercancel', onPointerCancel);
+            const dispose = () => {
+                renderer.domElement.removeEventListener('pointerdown', onPointerDown);
+                renderer.domElement.removeEventListener('pointerup', onPointerUp);
+                renderer.domElement.removeEventListener('pointercancel', onPointerCancel);
+                cancelAnimationFrame(flyFrameId);
+                cancelAnimationFrame(animationId);
+                resizeObserver.disconnect();
+                controls.dispose();
+                markerMeshes.forEach((mesh) => {
+                    mesh.material.dispose();
+                    mesh.removeFromParent();
+                });
+                markerMeshes.clear();
+                globe.geometry.dispose();
+                markerGeometry.dispose();
+                if (globeMaterial.map) {
+                    globeMaterial.map.dispose();
+                }
+                globeMaterial.dispose();
+                renderer.dispose();
+                renderer.domElement.remove();
+            };
+            if (generation !== this.mountGeneration || !this.isConnected) {
+                dispose();
+                return;
+            }
+            syncMarkers();
+            this.runtime = { syncMarkers, faceSelection, dispose };
+            faceSelection(true);
+        }
+        catch {
+            if (generation !== this.mountGeneration) {
+                return;
+            }
+            host.innerHTML =
+                '<p class="da-note">Three.js unavailable — install <code>three</code> as a peer dependency for the interactive globe.</p>';
+        }
+    }
+}
+export function registerRdThreeGeoGlobe() {
+    defineRosettaElement(RD_THREE_GEO_GLOBE_TAG, RdThreeGeoGlobeElement);
+}
+//# sourceMappingURL=rd-three-geo-globe.js.map

package/src/visual/display/3d-geo-globe/rd-three-geo-globe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-three-geo-globe.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/3d-geo-globe/rd-three-geo-globe.ts"],"names":[],"mappings":"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"}

package/src/visual/display/3d-gltf-model/index.d.ts

@@ -0,0 +1,2 @@
+export type { ThreeGltfModelProps } from './rd-three-gltf-model.js';
+export { registerRdThreeGltfModel, RD_THREE_GLTF_MODEL_TAG, RdThreeGltfModelElement } from './rd-three-gltf-model.js';

package/src/visual/display/3d-gltf-model/index.js

@@ -0,0 +1,2 @@
+export { registerRdThreeGltfModel, RD_THREE_GLTF_MODEL_TAG, RdThreeGltfModelElement } from './rd-three-gltf-model.js';
+//# sourceMappingURL=index.js.map

package/src/visual/display/3d-gltf-model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/3d-gltf-model/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}

package/src/visual/display/3d-gltf-model/rd-three-gltf-model.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_THREE_GLTF_MODEL_TAG = "rd-three-gltf-model";
+export interface ThreeGltfModelProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/display/3d-gltf-model — visual.display.3d-gltf-model */
+export declare class RdThreeGltfModelElement extends RosettaAtomElement {
+    static readonly tagName = "rd-three-gltf-model";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdThreeGltfModel(): void;

package/src/visual/display/3d-gltf-model/rd-three-gltf-model.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_THREE_GLTF_MODEL_TAG = 'rd-three-gltf-model';
+/** @rosettadash/web-components/visual/display/3d-gltf-model — visual.display.3d-gltf-model */
+export class RdThreeGltfModelElement extends RosettaAtomElement {
+    static tagName = RD_THREE_GLTF_MODEL_TAG;
+    static get observedAttributes() {
+        return ["title", "mode", "texture-url", "markers", "selected-id"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', '3D view');
+        const mode = this.readAttr('mode', 'preview');
+        return `
+      <section class="rd-display-3d-gltf-model" data-testid="rd-display-3d-gltf-model" data-three-mode="${this.esc(mode)}" aria-label="${this.esc(title)}">
+        <header class="rd-display-3d-gltf-model__header">${this.esc(title)}</header>
+        <div class="rd-display-3d-gltf-model__placeholder" aria-hidden="true">3D preview</div>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+}
+export function registerRdThreeGltfModel() {
+    defineRosettaElement(RD_THREE_GLTF_MODEL_TAG, RdThreeGltfModelElement);
+}
+//# sourceMappingURL=rd-three-gltf-model.js.map

package/src/visual/display/3d-gltf-model/rd-three-gltf-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-three-gltf-model.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/3d-gltf-model/rd-three-gltf-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAU7D,8FAA8F;AAC9F,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAC7D,MAAM,CAAU,OAAO,GAAG,uBAAuB,CAAC;IAElD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAC,aAAa,CAAC,CAAC;IAChE,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO;0GAC+F,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;2DAC7F,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;;iBAGzD,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,wBAAwB;IACtC,oBAAoB,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,CAAC;AACzE,CAAC"}

package/src/visual/display/3d-scatter/index.d.ts

@@ -0,0 +1,2 @@
+export type { ThreeScatterPlotProps } from './rd-three-scatter-plot.js';
+export { registerRdThreeScatterPlot, RD_THREE_SCATTER_PLOT_TAG, RdThreeScatterPlotElement } from './rd-three-scatter-plot.js';

package/src/visual/display/3d-scatter/index.js

@@ -0,0 +1,2 @@
+export { registerRdThreeScatterPlot, RD_THREE_SCATTER_PLOT_TAG, RdThreeScatterPlotElement } from './rd-three-scatter-plot.js';
+//# sourceMappingURL=index.js.map

package/src/visual/display/3d-scatter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/3d-scatter/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}

package/src/visual/display/3d-scatter/rd-three-scatter-plot.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_THREE_SCATTER_PLOT_TAG = "rd-three-scatter";
+export interface ThreeScatterPlotProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/display/3d-scatter — visual.display.3d-scatter */
+export declare class RdThreeScatterPlotElement extends RosettaAtomElement {
+    static readonly tagName = "rd-three-scatter";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdThreeScatterPlot(): void;

package/src/visual/display/3d-scatter/rd-three-scatter-plot.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_THREE_SCATTER_PLOT_TAG = 'rd-three-scatter';
+/** @rosettadash/web-components/visual/display/3d-scatter — visual.display.3d-scatter */
+export class RdThreeScatterPlotElement extends RosettaAtomElement {
+    static tagName = RD_THREE_SCATTER_PLOT_TAG;
+    static get observedAttributes() {
+        return ["title", "mode", "texture-url", "markers", "selected-id"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', '3D view');
+        const mode = this.readAttr('mode', 'preview');
+        return `
+      <section class="rd-display-3d-scatter" data-testid="rd-display-3d-scatter" data-three-mode="${this.esc(mode)}" aria-label="${this.esc(title)}">
+        <header class="rd-display-3d-scatter__header">${this.esc(title)}</header>
+        <div class="rd-display-3d-scatter__placeholder" aria-hidden="true">3D preview</div>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+}
+export function registerRdThreeScatterPlot() {
+    defineRosettaElement(RD_THREE_SCATTER_PLOT_TAG, RdThreeScatterPlotElement);
+}
+//# sourceMappingURL=rd-three-scatter-plot.js.map

package/src/visual/display/3d-scatter/rd-three-scatter-plot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-three-scatter-plot.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/3d-scatter/rd-three-scatter-plot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,kBAAkB,CAAC;AAU5D,wFAAwF;AACxF,MAAM,OAAO,yBAA0B,SAAQ,kBAAkB;IAC/D,MAAM,CAAU,OAAO,GAAG,yBAAyB,CAAC;IAEpD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAC,aAAa,CAAC,CAAC;IAChE,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO;oGACyF,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;wDAC1F,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;;iBAGtD,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,0BAA0B;IACxC,oBAAoB,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAC;AAC7E,CAAC"}

package/src/visual/display/3d-scene/index.d.ts

@@ -0,0 +1,2 @@
+export type { ThreeScenePointCloudProps } from './rd-three-scene-point-cloud.js';
+export { registerRdThreeScenePointCloud, RD_THREE_SCENE_POINT_CLOUD_TAG, RdThreeScenePointCloudElement } from './rd-three-scene-point-cloud.js';

package/src/visual/display/3d-scene/index.js

@@ -0,0 +1,2 @@
+export { registerRdThreeScenePointCloud, RD_THREE_SCENE_POINT_CLOUD_TAG, RdThreeScenePointCloudElement } from './rd-three-scene-point-cloud.js';
+//# sourceMappingURL=index.js.map

package/src/visual/display/3d-scene/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/3d-scene/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC"}

package/src/visual/display/3d-scene/rd-three-scene-point-cloud.d.ts

@@ -0,0 +1,16 @@
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export declare const RD_THREE_SCENE_POINT_CLOUD_TAG = "rd-three-scene";
+export interface ThreeScenePointCloudProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+    style?: Record<string, string>;
+    children?: unknown;
+}
+/** @rosettadash/web-components/visual/display/3d-scene — visual.display.3d-scene */
+export declare class RdThreeScenePointCloudElement extends RosettaAtomElement {
+    static readonly tagName = "rd-three-scene";
+    static get observedAttributes(): string[];
+    protected buildMarkup(): string;
+}
+export declare function registerRdThreeScenePointCloud(): void;

package/src/visual/display/3d-scene/rd-three-scene-point-cloud.js

@@ -0,0 +1,24 @@
+import { defineRosettaElement } from '../../../lib/element-utils.js';
+import { RosettaAtomElement } from '../../../lib/rosetta-atom-element.js';
+export const RD_THREE_SCENE_POINT_CLOUD_TAG = 'rd-three-scene';
+/** @rosettadash/web-components/visual/display/3d-scene — visual.display.3d-scene */
+export class RdThreeScenePointCloudElement extends RosettaAtomElement {
+    static tagName = RD_THREE_SCENE_POINT_CLOUD_TAG;
+    static get observedAttributes() {
+        return ["title", "mode", "texture-url", "markers", "selected-id"];
+    }
+    buildMarkup() {
+        const title = this.readAttr('title', '3D view');
+        const mode = this.readAttr('mode', 'preview');
+        return `
+      <section class="rd-display-3d-scene" data-testid="rd-display-3d-scene" data-three-mode="${this.esc(mode)}" aria-label="${this.esc(title)}">
+        <header class="rd-display-3d-scene__header">${this.esc(title)}</header>
+        <div class="rd-display-3d-scene__placeholder" aria-hidden="true">3D preview</div>
+        <div data-ref="slot"></div>
+      </section>`;
+    }
+}
+export function registerRdThreeScenePointCloud() {
+    defineRosettaElement(RD_THREE_SCENE_POINT_CLOUD_TAG, RdThreeScenePointCloudElement);
+}
+//# sourceMappingURL=rd-three-scene-point-cloud.js.map

package/src/visual/display/3d-scene/rd-three-scene-point-cloud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rd-three-scene-point-cloud.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/3d-scene/rd-three-scene-point-cloud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,CAAC,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AAU/D,oFAAoF;AACpF,MAAM,OAAO,6BAA8B,SAAQ,kBAAkB;IACnE,MAAM,CAAU,OAAO,GAAG,8BAA8B,CAAC;IAEzD,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAC,aAAa,CAAC,CAAC;IAChE,CAAC;IAES,WAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO;gGACqF,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;sDACxF,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;;iBAGpD,CAAC;IAChB,CAAC;;AAGH,MAAM,UAAU,8BAA8B;IAC5C,oBAAoB,CAAC,8BAA8B,EAAE,6BAA6B,CAAC,CAAC;AACtF,CAAC"}

package/src/visual/display/geo-map/geo-map-types.d.ts

@@ -0,0 +1,32 @@
+export type GeoMapProvider = 'maplibre' | 'leaflet' | 'google-maps';
+export interface GeoMapMarker {
+    id: string;
+    lat: number;
+    lng: number;
+    label?: string;
+}
+export interface GeoMapView {
+    lat: number;
+    lng: number;
+    zoom: number;
+}
+export interface GeoMapAdapterOptions {
+    container: HTMLElement;
+    provider: GeoMapProvider;
+    view: GeoMapView;
+    markers: GeoMapMarker[];
+    selectedId?: string;
+    tileUrl?: string;
+    apiKey?: string;
+    onMarkerSelect: (marker: GeoMapMarker) => void;
+    onError: (message: string) => void;
+}
+export interface GeoMapAdapter {
+    destroy(): void;
+    setMarkers(markers: GeoMapMarker[], selectedId?: string): void;
+    setView(view: GeoMapView): void;
+}
+export declare const DEFAULT_GEO_MAP_VIEW: GeoMapView;
+export declare const DEFAULT_MAPLIBRE_STYLE = "https://demotiles.maplibre.org/style.json";
+export declare const DEFAULT_LEAFLET_TILE_URL = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
+export declare function normalizeGeoMapProvider(value: string | null | undefined): GeoMapProvider;

package/src/visual/display/geo-map/geo-map-types.js

@@ -0,0 +1,10 @@
+export const DEFAULT_GEO_MAP_VIEW = { lat: 20, lng: 0, zoom: 2 };
+export const DEFAULT_MAPLIBRE_STYLE = 'https://demotiles.maplibre.org/style.json';
+export const DEFAULT_LEAFLET_TILE_URL = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
+export function normalizeGeoMapProvider(value) {
+    if (value === 'maplibre' || value === 'leaflet' || value === 'google-maps') {
+        return value;
+    }
+    return 'leaflet';
+}
+//# sourceMappingURL=geo-map-types.js.map

package/src/visual/display/geo-map/geo-map-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geo-map-types.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/geo-map/geo-map-types.ts"],"names":[],"mappings":"AAiCA,MAAM,CAAC,MAAM,oBAAoB,GAAe,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,2CAA2C,CAAC;AAElF,MAAM,CAAC,MAAM,wBAAwB,GAAG,oDAAoD,CAAC;AAE7F,MAAM,UAAU,uBAAuB,CAAC,KAAgC;IACtE,IAAI,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,aAAa,EAAE,CAAC;QAC3E,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/src/visual/display/geo-map/index.d.ts

@@ -0,0 +1,5 @@
+export type { GeoMapProps, GeoMapMarker, GeoMapProvider } from './rd-geo-map.js';
+export { DB_GEO_MAP_TAG, RdGeoMapElement, registerRdGeoMap, } from './rd-geo-map.js';
+export { parseGeoMapMarkers } from './parse-markers.js';
+export { parseGeoMapCenter } from './parse-center.js';
+export { DEFAULT_GEO_MAP_VIEW, DEFAULT_LEAFLET_TILE_URL, DEFAULT_MAPLIBRE_STYLE, normalizeGeoMapProvider, } from './geo-map-types.js';

package/src/visual/display/geo-map/index.js

@@ -0,0 +1,5 @@
+export { DB_GEO_MAP_TAG, RdGeoMapElement, registerRdGeoMap, } from './rd-geo-map.js';
+export { parseGeoMapMarkers } from './parse-markers.js';
+export { parseGeoMapCenter } from './parse-center.js';
+export { DEFAULT_GEO_MAP_VIEW, DEFAULT_LEAFLET_TILE_URL, DEFAULT_MAPLIBRE_STYLE, normalizeGeoMapProvider, } from './geo-map-types.js';
+//# sourceMappingURL=index.js.map

package/src/visual/display/geo-map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/web-components/src/visual/display/geo-map/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,eAAe,EACf,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC"}

package/src/visual/display/geo-map/parse-center.d.ts

@@ -0,0 +1,5 @@
+import type { GeoMapView } from './geo-map-types.js';
+export declare function parseGeoMapCenter(raw: string | null, fallback?: GeoMapView): {
+    lat: number;
+    lng: number;
+};

package/src/visual/display/geo-map/parse-center.js

@@ -0,0 +1,28 @@
+import { readNumber } from '../../../lib/element-utils.js';
+import { DEFAULT_GEO_MAP_VIEW } from './geo-map-types.js';
+export function parseGeoMapCenter(raw, fallback = DEFAULT_GEO_MAP_VIEW) {
+    if (!raw) {
+        return { lat: fallback.lat, lng: fallback.lng };
+    }
+    try {
+        const parsed = JSON.parse(raw);
+        if (parsed && typeof parsed === 'object') {
+            const record = parsed;
+            return {
+                lat: readNumber(record['lat'], fallback.lat),
+                lng: readNumber(record['lng'], fallback.lng),
+            };
+        }
+    }
+    catch {
+        const parts = raw.split(',').map((part) => part.trim());
+        if (parts.length >= 2) {
+            return {
+                lat: readNumber(parts[0], fallback.lat),
+                lng: readNumber(parts[1], fallback.lng),
+            };
+        }
+    }
+    return { lat: fallback.lat, lng: fallback.lng };
+}
+//# sourceMappingURL=parse-center.js.map