bruce-cesium 6.1.3 → 6.1.4

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Entity as Entity$1, ProjectViewTile, Carto, Geometry, MathUtils, LRUCache, Api, Calculator, ClientFile, EntityTag, EntityType, ObjectUtils, Style, DelayQueue, EntityLod, Bounds, ZoomControl, EntityRelationType, ENVIRONMENT, EntityHistoricData, Tileset, EntityCoords, DataLab, EntitySource, MenuItem, EntityRelation, ProgramKey, ProjectView, ProjectViewBookmark, Camera, ProjectViewLegacyTile, EntityAttachment, EntityAttachmentType, EntityAttribute, AbstractApi, Session } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, Entity, DistanceDisplayCondition, HorizontalOrigin, VerticalOrigin, ConstantProperty, ClassificationType, ConstantPositionProperty, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, ColorBlendMode, HeadingPitchRoll, Transforms, Model, Primitive, Cesium3DTileFeature, SceneMode, GeoJsonDataSource, Cesium3DTileStyle, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, KmlDataSource, Quaternion, Matrix3, Matrix4, SceneTransforms, OrthographicFrustum, EasingFunction, NearFarScalar, EllipsoidTerrainProvider, IonImageryProvider, createWorldImagery, createWorldImageryAsync, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, CesiumTerrainProvider, IonResource, Cesium3DTileset, CesiumInspector, defined, ClockRange, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, PolylineDashMaterialProperty, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Intersect, Fullscreen } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, Entity, DistanceDisplayCondition, ClassificationType, ArcType, CornerType, ShadowMode, ConstantProperty, ConstantPositionProperty, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, HorizontalOrigin, VerticalOrigin, ColorBlendMode, HeadingPitchRoll, Transforms, Model, Primitive, Cesium3DTileFeature, SceneMode, GeoJsonDataSource, Cesium3DTileStyle, HeadingPitchRange, Ion, Cesium3DTileColorBlendMode, KmlDataSource, Quaternion, Matrix3, Matrix4, SceneTransforms, NearFarScalar, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, CesiumInspector, defined, ClockRange, Cesium3DTileset, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, IonImageryProvider, createWorldImagery, createWorldImageryAsync, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, CesiumTerrainProvider, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, PolylineDashMaterialProperty, ScreenSpaceEventHandler, ScreenSpaceEventType, BoundingSphere, GeometryInstance, CzmlDataSource, Intersect, Fullscreen } from 'cesium';
 
 const TIME_LAG = 300;
 const POSITION_CHECK_TIMER = 950;
@@ -32782,6 +32782,199 @@ var ViewerUtils;
     ViewerUtils$$1.GetEventTracker = GetEventTracker;
 })(ViewerUtils || (ViewerUtils = {}));
 
+const labels = {};
+const updaters = {};
+const positions = {};
+const colors = {};
+const names = {};
+const entities = {};
+const viewers = {};
+function createDOMLabel(viewer, id, name, colorCss) {
+    var _a;
+    const label = document.createElement("div");
+    label.innerHTML = `<div style="margin-bottom:0px">${name !== null && name !== void 0 ? name : ""}</div>`;
+    label.setAttribute("style", `
+        position: absolute;
+        z-index: 1000;
+        display: none;
+        pointer-events: none;
+        padding: 6px 10px;
+        border-radius: 8px;
+        font-family: Arial, sans-serif;
+        font-size: 13px;
+        font-weight: 500;
+        color: #ffffff;
+        background-color: ${colorCss !== null && colorCss !== void 0 ? colorCss : "#3b82f6"};
+        border: 1px solid rgba(255,255,255,0.2);
+        box-shadow: 0 2px 8px rgba(0,0,0,0.25);
+        text-shadow: 0 1px 2px rgba(0,0,0,0.5);
+        white-space: nowrap;
+        transform: none;
+    `);
+    ((_a = viewer === null || viewer === void 0 ? void 0 : viewer.container) !== null && _a !== void 0 ? _a : document.body).appendChild(label);
+    labels[id] = label;
+    colors[id] = colorCss;
+    names[id] = name;
+    return label;
+}
+function updateDOMLabel(viewer, label, pos3d) {
+    var _a;
+    if (!viewer || viewer.isDestroyed() || !label || !pos3d) {
+        return;
+    }
+    const CESIUM = Cesium;
+    const toWindow = SceneTransforms.hasOwnProperty("wgs84ToWindowCoordinates")
+        ? CESIUM.SceneTransforms.wgs84ToWindowCoordinates
+        : CESIUM.SceneTransforms.worldToWindowCoordinates;
+    const screenPos = toWindow(viewer.scene, pos3d);
+    if (!screenPos || isNaN(screenPos.x) || isNaN(screenPos.y)) {
+        label.style.display = "none";
+        return;
+    }
+    const cameraPos = viewer.camera.position;
+    const distance = Cartesian3.distance(cameraPos, pos3d);
+    const maxDistance = 25000; // Max visibility distance for labels
+    const canvas = viewer.canvas;
+    const withinBounds = screenPos.x >= 0 && screenPos.x <= canvas.clientWidth &&
+        screenPos.y >= 0 && screenPos.y <= canvas.clientHeight;
+    if (!withinBounds || distance >= maxDistance) {
+        label.style.display = "none";
+        return;
+    }
+    const opacity = Math.max(0.2, 1 - (distance / maxDistance));
+    const camHeight = ((_a = viewer.camera.positionCartographic) === null || _a === void 0 ? void 0 : _a.height) || distance;
+    const driver = Math.min(distance, camHeight);
+    const offsetX = 14 + Math.min(driver / 80, 30); // px
+    const offsetY = 12 + Math.min(driver / 100, 24); // px
+    let leftPx = screenPos.x + offsetX;
+    let topPx = screenPos.y + offsetY;
+    const pad = 8;
+    const w = label.offsetWidth || 120;
+    const h = label.offsetHeight || 28;
+    leftPx = Math.min(Math.max(pad, leftPx), canvas.clientWidth - w - pad);
+    topPx = Math.min(Math.max(pad, topPx), canvas.clientHeight - h - pad);
+    label.style.left = `${leftPx}px`;
+    label.style.top = `${topPx}px`;
+    label.style.display = "block";
+    label.style.opacity = `${opacity}`;
+}
+var LiveCursor;
+(function (LiveCursor) {
+    function Upsert({ viewer, id, name, colorCss, pos3d, entityId, image, showBillboard = true, showEllipse = true, billboardWidth = 30, billboardHeight = 30 }) {
+        if (!labels[id]) {
+            createDOMLabel(viewer, id, name !== null && name !== void 0 ? name : "", colorCss !== null && colorCss !== void 0 ? colorCss : "#3b82f6");
+        }
+        else {
+            // Update text/color only if changed
+            if (typeof name === "string" && name !== names[id]) {
+                names[id] = name;
+                labels[id].innerHTML = `<div style="margin-bottom:0px">${name}</div>`;
+            }
+            if (typeof colorCss === "string" && colorCss !== colors[id]) {
+                colors[id] = colorCss;
+                labels[id].style.backgroundColor = colorCss;
+            }
+        }
+        positions[id] = pos3d;
+        viewers[id] = viewer;
+        // Manage Cesium entity
+        if ((showBillboard || showEllipse) && !entities[id]) {
+            const eid = entityId !== null && entityId !== void 0 ? entityId : `live-cursor-${id}`;
+            const color = colorCss ? Color.fromCssColorString(colorCss) : Color.WHITE;
+            const entity = viewer.entities.add({
+                id: eid,
+                position: pos3d,
+                billboard: showBillboard && image ? {
+                    image,
+                    width: billboardWidth,
+                    height: billboardHeight,
+                    heightReference: HeightReference.NONE,
+                    disableDepthTestDistance: Number.POSITIVE_INFINITY,
+                    distanceDisplayCondition: new DistanceDisplayCondition(0, 30000),
+                    scaleByDistance: new NearFarScalar(100, 1.5, 10000, 0.8),
+                    verticalOrigin: VerticalOrigin.BOTTOM,
+                    horizontalOrigin: HorizontalOrigin.CENTER
+                } : undefined,
+                ellipse: showEllipse ? {
+                    semiMajorAxis: 50.0,
+                    semiMinorAxis: 50.0,
+                    height: 0,
+                    outline: true,
+                    outlineColor: color.withAlpha(0.8),
+                    outlineWidth: 3,
+                    fill: true,
+                    material: color.withAlpha(0.2),
+                    heightReference: HeightReference.CLAMP_TO_GROUND,
+                    distanceDisplayCondition: new DistanceDisplayCondition(0, 15000)
+                } : undefined
+            });
+            if (entity.ellipse) {
+                entity.ellipse.semiMajorAxis = new CallbackProperty(() => {
+                    const time = viewer.clock.currentTime;
+                    const pulse = Math.sin(JulianDate.secondsDifference(time, viewer.clock.startTime) * 2) * 0.5 + 1;
+                    return 50 + (pulse * 20);
+                }, false);
+                entity.ellipse.semiMinorAxis = new CallbackProperty(() => {
+                    const time = viewer.clock.currentTime;
+                    const pulse = Math.sin(JulianDate.secondsDifference(time, viewer.clock.startTime) * 2) * 0.5 + 1;
+                    return 50 + (pulse * 20);
+                }, false);
+            }
+            entities[id] = entity;
+        }
+        else if ((showBillboard || showEllipse) && entities[id]) {
+            const entity = entities[id];
+            const animated = new CesiumAnimatedProperty.AnimatePosition({
+                durationMs: 50,
+                targetPos3d: pos3d,
+                startPos3d: entity.position,
+                viewer: viewer
+            });
+            entity.position = new CallbackProperty(() => animated.GetValue(), false);
+        }
+        if (!updaters[id]) {
+            const remover = viewer.scene.postUpdate.addEventListener(() => {
+                const label = labels[id];
+                const p = positions[id];
+                if (!label || !p) {
+                    return;
+                }
+                updateDOMLabel(viewer, label, p);
+            });
+            updaters[id] = remover;
+        }
+        // Perform an immediate update for the current frame
+        updateDOMLabel(viewer, labels[id], pos3d);
+    }
+    LiveCursor.Upsert = Upsert;
+    function Remove(id) {
+        const label = labels[id];
+        if (label && label.parentElement) {
+            label.parentElement.removeChild(label);
+        }
+        delete labels[id];
+        delete positions[id];
+        delete names[id];
+        delete colors[id];
+        if (updaters[id]) {
+            try {
+                updaters[id]();
+            }
+            catch { }
+            delete updaters[id];
+        }
+        // Remove entity if present
+        const entity = entities[id];
+        const viewer = viewers[id];
+        if (entity && viewer && viewer.entities.contains(entity)) {
+            viewer.entities.remove(entity);
+        }
+        delete entities[id];
+        delete viewers[id];
+    }
+    LiveCursor.Remove = Remove;
+})(LiveCursor || (LiveCursor = {}));
+
 var WidgetControlViewBar;
 (function (WidgetControlViewBar) {
     class AControl {
@@ -33554,7 +33747,7 @@ class WidgetViewBar extends Widget.AWidget {
     }
 }
 
-const VERSION = "6.1.3";
+const VERSION = "6.1.4";
 
-export { VERSION, CesiumViewMonitor, ViewerUtils, ViewerEventTracker, MenuItemManager, isOutlineChanged, EntityRenderEngine, EntityRenderEnginePoint, EntityRenderEnginePolyline, EntityRenderEnginePolygon, EntityRenderEngineModel3d, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, DataLabRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, GoogleSearchRenderManager, AssemblyRenderManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, CESIUM_TIMELINE_LIVE_KEY, CESIUM_TIMELINE_LIVE_PADDING_KEY, CESIUM_TIMELINE_INTERVAL_KEY, CESIUM_MODEL_SPACE_KEY, DEFAULT_LIVE_PADDING_SECONDS, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline, MeasureCreator, Walkthrough, Widget, VIEWER_BOOKMARKS_WIDGET_KEY, WidgetBookmarks, WidgetBranding, WidgetCursorBar, WidgetEmbeddedInfoView, WidgetInfoView, WidgetNavCompass$$1 as WidgetNavCompass, VIEWER_VIEW_BAR_WIDGET_KEY, WidgetViewBar, WidgetControlViewBar, WidgetControlViewBarSearch, VIEWER_LEFT_PANEL_WIDGET_KEY, VIEWER_LEFT_PANEL_CSS_VAR_LEFT, WidgetLeftPanel, WidgetLeftPanelTab, WidgetLeftPanelTabBookmarks };
+export { VERSION, CesiumViewMonitor, ViewerUtils, ViewerEventTracker, MenuItemManager, isOutlineChanged, EntityRenderEngine, EntityRenderEnginePoint, EntityRenderEnginePolyline, EntityRenderEnginePolygon, EntityRenderEngineModel3d, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, DataLabRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, GoogleSearchRenderManager, AssemblyRenderManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, LiveCursor, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, CESIUM_TIMELINE_LIVE_KEY, CESIUM_TIMELINE_LIVE_PADDING_KEY, CESIUM_TIMELINE_INTERVAL_KEY, CESIUM_MODEL_SPACE_KEY, DEFAULT_LIVE_PADDING_SECONDS, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline, MeasureCreator, Walkthrough, Widget, VIEWER_BOOKMARKS_WIDGET_KEY, WidgetBookmarks, WidgetBranding, WidgetCursorBar, WidgetEmbeddedInfoView, WidgetInfoView, WidgetNavCompass$$1 as WidgetNavCompass, VIEWER_VIEW_BAR_WIDGET_KEY, WidgetViewBar, WidgetControlViewBar, WidgetControlViewBarSearch, VIEWER_LEFT_PANEL_WIDGET_KEY, VIEWER_LEFT_PANEL_CSS_VAR_LEFT, WidgetLeftPanel, WidgetLeftPanelTab, WidgetLeftPanelTabBookmarks };
 //# sourceMappingURL=bruce-cesium.es5.js.map