bruce-cesium 4.4.4 → 4.4.7

package/dist/lib/rendering/entity-render-engine-point.js

@@ -0,0 +1,995 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityRenderEnginePoint = void 0;
+var bruce_models_1 = require("bruce-models");
+var cesium_animated_property_1 = require("./cesium-animated-property");
+var Cesium = require("cesium");
+var entity_render_engine_1 = require("./entity-render-engine");
+var entity_utils_1 = require("../utils/entity-utils");
+var js_utils_1 = require("../internal/js-utils");
+var cesium_utils_1 = require("../internal/cesium-utils");
+var limited_log_1 = require("../internal/limited-log");
+var cesium_entity_styler_1 = require("../utils/cesium-entity-styler");
+/**
+ * Handles point rendering.
+ */
+var EntityRenderEnginePoint;
+(function (EntityRenderEnginePoint) {
+    /**
+     * Creates a circle billboard (canvas) for a point.
+     * @param params
+     * @returns
+     */
+    function CreateCircleBillboard(params) {
+        return createCircleBillboard(params.size, params.colorCss);
+    }
+    EntityRenderEnginePoint.CreateCircleBillboard = CreateCircleBillboard;
+    /**
+     * Renders a single point Entity.
+     * This takes an optional prior Cesium Entity to update rather than create from scratch.
+     * @param params
+     * @returns
+     */
+    function Render(params) {
+        var _a, _b, _c, _d;
+        return __awaiter(this, void 0, void 0, function () {
+            var entity, style, type, cEntity, siblings, heightRef, animatePosition, shouldShowTrack, prepareExistingGraphic, updateShouldShowTrack, iconUrlRows, icon, iconUrl, metadata, api, image, e_1, iconScale, disableDepthTest, bColor, cColor, animateColorIn_1, position, series, currentImgKey, series, pos3d, prevPos3d, radius, bFill, cFill, outline, cOutline, outlineWidth, bOutline, pos3d, extrusion, hasOutline, outlineExtrusion, outlineEntity, bColor, cColor, size, circleBillboard, disableDepthTest, animateColorIn_2, position, series, imgKey, currentImgKey, series, pos3d, prevPos3d, lStyle, bColor, cColor, width, lHeightRef, trackEntity;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        entity = params.entity;
+                        if (!params.entityHistoric) {
+                            params.entityHistoric = [];
+                        }
+                        style = params.style;
+                        type = style.Type;
+                        if (type == null) {
+                            // Very old backward compatibility.
+                            if (style.useIcon == true) {
+                                type = bruce_models_1.Style.EPointType.Icon;
+                            }
+                        }
+                        cEntity = null;
+                        siblings = [];
+                        heightRef = null;
+                        animatePosition = null;
+                        shouldShowTrack = false;
+                        prepareExistingGraphic = function (cEntity, maxSiblings) {
+                            if (maxSiblings === void 0) { maxSiblings = 0; }
+                            // Gather entity in case previous version had sibling graphics we no longer need.
+                            var parts = entity_utils_1.EntityUtils.GatherEntity({
+                                entity: cEntity,
+                            });
+                            if (parts.length > 1) {
+                                // We'll cull all except the allowed number of siblings.
+                                cEntity._siblingGraphics = cEntity._siblingGraphics.slice(0, maxSiblings);
+                                // We'll remove all that aren't in the allowed (direct) list.
+                                for (var i = 0; i < parts.length - 1; i++) {
+                                    var part = parts[i];
+                                    if (part && part instanceof Cesium.Entity && params.viewer.entities.contains(part) && !cEntity._siblingGraphics.includes(part)) {
+                                        params.viewer.entities.remove(part);
+                                    }
+                                }
+                                if (cEntity._parentEntity) {
+                                    console.warn("Point.Render: Parent entity was not null. This should not happen.");
+                                }
+                            }
+                            siblings = cEntity._siblingGraphics;
+                            cEntity._siblingGraphics = [];
+                        };
+                        updateShouldShowTrack = function () {
+                            var _a, _b, _c;
+                            if (!params.entityHistoricDrawTrack) {
+                                return;
+                            }
+                            if ((_a = params.entityHistoric) === null || _a === void 0 ? void 0 : _a.length) {
+                                var lStyle = (_c = (_b = params.fullStyle) === null || _b === void 0 ? void 0 : _b.polylineStyle) !== null && _c !== void 0 ? _c : {};
+                                var width = lStyle.width ? (0, js_utils_1.EnsureNumber)(bruce_models_1.Calculator.GetNumber(lStyle.width, entity, params.tags)) : 2;
+                                if (width == null) {
+                                    width = 2;
+                                }
+                                width = (0, js_utils_1.EnsureNumber)(width);
+                                if (width > 0.01) {
+                                    var bColor = lStyle.lineColor ? bruce_models_1.Calculator.GetColor(lStyle.lineColor, entity, params.tags) : null;
+                                    var cColor = bColor ? (0, cesium_utils_1.ColorToCColor)(bColor) : Cesium.Color.fromCssColorString("rgba(255, 193, 7, 0.8)");
+                                    if (cColor.alpha > 0) {
+                                        var seriesTrackPosses = cesium_animated_property_1.CesiumAnimatedProperty.GetSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
+                                        seriesTrackPosses.reverse();
+                                        var posses = seriesTrackPosses.map(function (x) { return x.pos3d; });
+                                        posses = (0, cesium_utils_1.CullDuplicateCPosses)(posses);
+                                        shouldShowTrack = posses.length > 1;
+                                    }
+                                }
+                            }
+                            ;
+                        };
+                        if (!(type == bruce_models_1.Style.EPointType.Icon)) return [3 /*break*/, 9];
+                        iconUrlRows = style.iconUrl == null ? [] : style.iconUrl;
+                        iconUrlRows.forEach(function (row) {
+                            if (row.type == bruce_models_1.Calculator.EValueType.Color) {
+                                row.type = bruce_models_1.Calculator.EValueType.Input;
+                            }
+                        });
+                        icon = bruce_models_1.Calculator.GetString(iconUrlRows, entity, params.tags);
+                        iconUrl = null;
+                        if (!(typeof icon == "string")) return [3 /*break*/, 2];
+                        iconUrl = icon;
+                        metadata = extractMetadataFromFileUrl(iconUrl);
+                        if (!metadata) return [3 /*break*/, 2];
+                        api = params.apiGetter.getApi(metadata.accountId);
+                        return [4 /*yield*/, api.Loading];
+                    case 1:
+                        _e.sent();
+                        iconUrl = bruce_models_1.ClientFile.GetUrl({
+                            api: api,
+                            fileId: metadata.fileId,
+                            viaCdn: true
+                        });
+                        _e.label = 2;
+                    case 2:
+                        if (!(!iconUrl && style.iconId)) return [3 /*break*/, 4];
+                        return [4 /*yield*/, params.api.Loading];
+                    case 3:
+                        _e.sent();
+                        iconUrl = bruce_models_1.ClientFile.GetUrl({
+                            api: params.api,
+                            fileId: style.iconId,
+                            viaCdn: true
+                        });
+                        _e.label = 4;
+                    case 4:
+                        image = null;
+                        if (!iconUrl) return [3 /*break*/, 8];
+                        _e.label = 5;
+                    case 5:
+                        _e.trys.push([5, 7, , 8]);
+                        return [4 /*yield*/, createImageBillboard(iconUrl)];
+                    case 6:
+                        image = _e.sent();
+                        return [3 /*break*/, 8];
+                    case 7:
+                        e_1 = _e.sent();
+                        // Expanding the logging here so we can figure out why this is happening.
+                        // Most of the time the file is missing but we're getting some strange errors so I am including logging on the API settings as well.
+                        (0, limited_log_1.OneTimeError)("ENTITY_RENDER_ENGINE_ICON_URL_ERROR_" + iconUrl, {
+                            error: e_1,
+                            iconUrl: iconUrl,
+                            apiUrl: (_a = params.api) === null || _a === void 0 ? void 0 : _a.GetBaseUrl(),
+                            apiAccountId: (_b = params.api) === null || _b === void 0 ? void 0 : _b.AccountId
+                        });
+                        return [3 /*break*/, 8];
+                    case 8:
+                        if (image) {
+                            iconScale = (0, js_utils_1.EnsureNumber)(bruce_models_1.Calculator.GetNumber(style.iconScale, entity, params.tags));
+                            if (!iconScale && iconScale != 0) {
+                                iconScale = 1;
+                            }
+                            disableDepthTest = Boolean(style.renderOnTop);
+                            if (iconScale > 0) {
+                                updateShouldShowTrack();
+                                bColor = style.iconTintColor ? bruce_models_1.Calculator.GetColor(style.iconTintColor, entity, params.tags) : null;
+                                cColor = bColor ? (0, cesium_utils_1.ColorToCColor)(bColor) : Cesium.Color.WHITE.clone();
+                                heightRef = getHeightRef(style);
+                                if (!params.rendered || !params.rendered.billboard) {
+                                    animateColorIn_1 = new cesium_animated_property_1.CesiumAnimatedProperty.AnimateColor({
+                                        durationMs: 200,
+                                        targetColor: cColor,
+                                        startColor: cColor.withAlpha(0),
+                                        viewer: params.viewer
+                                    });
+                                    position = null;
+                                    series = cesium_animated_property_1.CesiumAnimatedProperty.GetSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
+                                    if (series.length > 1) {
+                                        animatePosition = new cesium_animated_property_1.CesiumAnimatedProperty.AnimatePositionSeries({
+                                            posses: series,
+                                            viewer: params.viewer
+                                        });
+                                        position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
+                                    }
+                                    else {
+                                        position = new Cesium.CallbackProperty(function () { return entity_utils_1.EntityUtils.GetPos({
+                                            viewer: params.viewer,
+                                            entity: entity,
+                                            recordHeightRef: heightRef,
+                                            returnHeightRef: heightRef,
+                                            allowRendered: false
+                                        }); }, true);
+                                    }
+                                    cEntity = new Cesium.Entity({
+                                        id: bruce_models_1.ObjectUtils.UId(10),
+                                        billboard: {
+                                            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                                            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                                            image: image.canvasDataUri,
+                                            heightReference: getHeightRef(style),
+                                            scale: iconScale,
+                                            disableDepthTestDistance: disableDepthTest ? Number.POSITIVE_INFINITY : undefined,
+                                            distanceDisplayCondition: entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance),
+                                            color: new Cesium.CallbackProperty(function () {
+                                                var color = animateColorIn_1.GetColor();
+                                                if (animateColorIn_1.IsDone() && (cEntity === null || cEntity === void 0 ? void 0 : cEntity.billboard)) {
+                                                    cEntity.billboard.color = new Cesium.CallbackProperty(function () { return color; }, true);
+                                                }
+                                                return color;
+                                            }, false),
+                                            // Would be great once we have a setting for this.
+                                            // translucencyByDistance: getTranslucencyByDistance(params.minDistance, params.maxDistance),
+                                        },
+                                        position: position,
+                                        show: true
+                                    });
+                                    cesium_entity_styler_1.CesiumEntityStyler.BakeDefaultColor({
+                                        entity: cEntity,
+                                        colors: {
+                                            "billboard": cColor
+                                        },
+                                        viewer: params.viewer,
+                                        refresh: false
+                                    });
+                                }
+                                else {
+                                    prepareExistingGraphic(params.rendered, shouldShowTrack ? 1 : 0);
+                                    cEntity = params.rendered;
+                                    currentImgKey = cEntity.billboard._billboardImgKey;
+                                    if (currentImgKey != iconUrl) {
+                                        cEntity.billboard.image = new Cesium.ConstantProperty(image.canvasDataUri);
+                                    }
+                                    cEntity.billboard.scale = new Cesium.ConstantProperty(iconScale);
+                                    cEntity.billboard.heightReference = new Cesium.ConstantProperty(getHeightRef(style));
+                                    cEntity.billboard.disableDepthTestDistance = new Cesium.ConstantProperty(disableDepthTest ? Number.POSITIVE_INFINITY : undefined);
+                                    cEntity.billboard.distanceDisplayCondition = new Cesium.ConstantProperty(entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance));
+                                    series = cesium_animated_property_1.CesiumAnimatedProperty.GetSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
+                                    if (series.length > 1) {
+                                        animatePosition = new cesium_animated_property_1.CesiumAnimatedProperty.AnimatePositionSeries({
+                                            posses: series,
+                                            viewer: params.viewer
+                                        });
+                                        cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
+                                    }
+                                    else {
+                                        pos3d = entity_utils_1.EntityUtils.GetPos({
+                                            viewer: params.viewer,
+                                            entity: entity,
+                                            recordHeightRef: heightRef,
+                                            returnHeightRef: heightRef,
+                                            allowRendered: false
+                                        });
+                                        prevPos3d = (0, cesium_utils_1.GetCValue)(params.viewer, cEntity.position);
+                                        if (!prevPos3d || !Cesium.Cartesian3.equals(prevPos3d, pos3d)) {
+                                            animatePosition = new cesium_animated_property_1.CesiumAnimatedProperty.AnimatePosition({
+                                                durationMs: 200,
+                                                targetPos3d: pos3d,
+                                                viewer: params.viewer,
+                                                startPos3d: prevPos3d
+                                            });
+                                            cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
+                                        }
+                                    }
+                                    // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
+                                    cesium_entity_styler_1.CesiumEntityStyler.SetDefaultColor({
+                                        color: cColor ? cColor : new Cesium.Color(),
+                                        entity: cEntity,
+                                        viewer: params.viewer,
+                                        override: true,
+                                        requestRender: false
+                                    });
+                                    cEntity.show = true;
+                                }
+                                cEntity.billboard._billboardSize = image.height;
+                                cEntity.billboard._billboardImgKey = iconUrl;
+                            }
+                        }
+                        _e.label = 9;
+                    case 9:
+                        if (type == bruce_models_1.Style.EPointType.Cylinder) {
+                            radius = (0, js_utils_1.EnsureNumber)(bruce_models_1.Calculator.GetNumber(style.CylinderRadius, entity, params.tags));
+                            if (radius <= 0) {
+                                return [2 /*return*/, null];
+                            }
+                            bFill = style.CylinderFillColor ? bruce_models_1.Calculator.GetColor(style.CylinderFillColor, entity, params.tags) : null;
+                            cFill = bFill ? (0, cesium_utils_1.ColorToCColor)(bFill) : Cesium.Color.RED;
+                            outline = Boolean(style.CylinderBorderEnabled);
+                            cOutline = null;
+                            outlineWidth = 1;
+                            if (outline) {
+                                bOutline = style.CylinderBorderColor ? bruce_models_1.Calculator.GetColor(style.CylinderBorderColor, entity, params.tags) : null;
+                                cOutline = bOutline ? (0, cesium_utils_1.ColorToCColor)(bOutline) : Cesium.Color.BLACK;
+                                outlineWidth = (0, js_utils_1.EnsureNumber)(bruce_models_1.Calculator.GetNumber(style.CylinderBorderWidth, entity, params.tags), 1);
+                            }
+                            heightRef = getHeightRef(style);
+                            pos3d = entity_utils_1.EntityUtils.GetPos({
+                                viewer: params.viewer,
+                                entity: entity,
+                                recordHeightRef: heightRef,
+                                returnHeightRef: heightRef,
+                                allowRendered: false
+                            });
+                            extrusion = getCylinderExtrusion(entity, params.tags, heightRef, style.CylinderFillExtrusion);
+                            hasOutline = outline && outlineWidth > 0;
+                            if (!params.rendered || !params.rendered.ellipse) {
+                                cEntity = new Cesium.Entity({
+                                    id: bruce_models_1.ObjectUtils.UId(10),
+                                    ellipse: {
+                                        semiMajorAxis: radius,
+                                        semiMinorAxis: radius,
+                                        material: cFill,
+                                        outlineWidth: null,
+                                        extrudedHeight: extrusion.value,
+                                        heightReference: heightRef,
+                                        extrudedHeightReference: extrusion.exHeightRef,
+                                        height: Cesium.Cartographic.fromCartesian(pos3d).height,
+                                        zIndex: 1,
+                                        distanceDisplayCondition: entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance)
+                                    },
+                                    position: pos3d === null || pos3d === void 0 ? void 0 : pos3d.clone(),
+                                    show: true
+                                });
+                            }
+                            else {
+                                prepareExistingGraphic(params.rendered, hasOutline ? 1 : 0);
+                                cEntity = params.rendered;
+                                cEntity.ellipse.semiMajorAxis = new Cesium.ConstantProperty(radius);
+                                cEntity.ellipse.semiMinorAxis = new Cesium.ConstantProperty(radius);
+                                cEntity.ellipse.outlineWidth = undefined;
+                                cEntity.ellipse.extrudedHeight = new Cesium.ConstantProperty(extrusion.value);
+                                cEntity.ellipse.heightReference = new Cesium.ConstantProperty(heightRef);
+                                cEntity.ellipse.extrudedHeightReference = new Cesium.ConstantProperty(extrusion.exHeightRef);
+                                cEntity.ellipse.height = new Cesium.ConstantProperty(Cesium.Cartographic.fromCartesian(pos3d).height);
+                                cEntity.ellipse.zIndex = new Cesium.ConstantProperty(1);
+                                cEntity.ellipse.distanceDisplayCondition = new Cesium.ConstantProperty(entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance));
+                                cEntity.position = new Cesium.ConstantPositionProperty(pos3d === null || pos3d === void 0 ? void 0 : pos3d.clone());
+                                // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
+                                // WARNING: ellipse does not support animation (yet?).
+                                cesium_entity_styler_1.CesiumEntityStyler.SetDefaultColor({
+                                    color: cFill,
+                                    entity: cEntity,
+                                    viewer: params.viewer,
+                                    override: true,
+                                    requestRender: false
+                                });
+                                cEntity.show = true;
+                            }
+                            if (hasOutline) {
+                                outlineExtrusion = getCylinderExtrusion(entity, params.tags, heightRef, style.CylinderBorderExtrusion);
+                                // If this doesn't have its own extrusion, we must make it match the sibling.
+                                // This way they render in a uniform way.
+                                if (!outlineExtrusion.value && extrusion.value) {
+                                    outlineExtrusion.exHeightRef = extrusion.exHeightRef;
+                                }
+                                outlineEntity = siblings === null || siblings === void 0 ? void 0 : siblings[0];
+                                if (outlineEntity && outlineEntity.ellipse) {
+                                    outlineEntity.ellipse.semiMajorAxis = new Cesium.ConstantProperty(radius + outlineWidth);
+                                    outlineEntity.ellipse.semiMinorAxis = new Cesium.ConstantProperty(radius + outlineWidth);
+                                    outlineEntity.ellipse.extrudedHeight = new Cesium.ConstantProperty(outlineExtrusion.value);
+                                    outlineEntity.ellipse.heightReference = new Cesium.ConstantProperty(heightRef);
+                                    outlineEntity.ellipse.extrudedHeightReference = new Cesium.ConstantProperty(outlineExtrusion.exHeightRef);
+                                    outlineEntity.ellipse.height = new Cesium.ConstantProperty(Cesium.Cartographic.fromCartesian(pos3d).height);
+                                    outlineEntity.ellipse.zIndex = new Cesium.ConstantProperty(2);
+                                    outlineEntity.ellipse.distanceDisplayCondition = new Cesium.ConstantProperty(entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance));
+                                    // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
+                                    // WARNING: ellipse does not support animation (yet?).
+                                    cesium_entity_styler_1.CesiumEntityStyler.SetDefaultColor({
+                                        color: cOutline,
+                                        entity: outlineEntity,
+                                        viewer: params.viewer,
+                                        override: true,
+                                        requestRender: false
+                                    });
+                                    outlineEntity.show = true;
+                                }
+                                else {
+                                    outlineEntity = new Cesium.Entity({
+                                        id: bruce_models_1.ObjectUtils.UId(10),
+                                        ellipse: {
+                                            semiMajorAxis: radius + outlineWidth,
+                                            semiMinorAxis: radius + outlineWidth,
+                                            material: cOutline,
+                                            outlineWidth: undefined,
+                                            extrudedHeight: outlineExtrusion.value,
+                                            heightReference: heightRef,
+                                            extrudedHeightReference: outlineExtrusion.exHeightRef,
+                                            height: Cesium.Cartographic.fromCartesian(pos3d).height,
+                                            zIndex: 2,
+                                            distanceDisplayCondition: entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance)
+                                        },
+                                        position: pos3d === null || pos3d === void 0 ? void 0 : pos3d.clone()
+                                    });
+                                }
+                                siblings.push(outlineEntity);
+                            }
+                        }
+                        if (!cEntity) {
+                            bColor = style.color ? bruce_models_1.Calculator.GetColor(style.color, entity, params.tags) : null;
+                            cColor = bColor ? (0, cesium_utils_1.ColorToCColor)(bColor) : Cesium.Color.fromCssColorString("rgba(33, 150, 243, 0.8)");
+                            size = style.size ? bruce_models_1.Calculator.GetNumber(style.size, entity, params.tags) : null;
+                            if (size == null) {
+                                size = 20;
+                            }
+                            size = (0, js_utils_1.EnsureNumber)(size);
+                            if (size <= 0) {
+                                return [2 /*return*/, null];
+                            }
+                            heightRef = getHeightRef(style);
+                            circleBillboard = createCircleBillboard(size, cColor.toCssColorString());
+                            disableDepthTest = Boolean(style.renderOnTop);
+                            updateShouldShowTrack();
+                            if (!params.rendered || !params.rendered.billboard) {
+                                animateColorIn_2 = new cesium_animated_property_1.CesiumAnimatedProperty.AnimateColor({
+                                    durationMs: 200,
+                                    targetColor: cColor,
+                                    startColor: cColor.withAlpha(0),
+                                    viewer: params.viewer
+                                });
+                                position = null;
+                                series = cesium_animated_property_1.CesiumAnimatedProperty.GetSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
+                                if (series.length > 1) {
+                                    animatePosition = new cesium_animated_property_1.CesiumAnimatedProperty.AnimatePositionSeries({
+                                        posses: series,
+                                        viewer: params.viewer
+                                    });
+                                    position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
+                                }
+                                else {
+                                    position = new Cesium.CallbackProperty(function () { return entity_utils_1.EntityUtils.GetPos({
+                                        viewer: params.viewer,
+                                        entity: entity,
+                                        recordHeightRef: heightRef,
+                                        returnHeightRef: heightRef,
+                                        allowRendered: false
+                                    }); }, true);
+                                }
+                                cEntity = new Cesium.Entity({
+                                    id: bruce_models_1.ObjectUtils.UId(10),
+                                    // point: {
+                                    //     pixelSize: size,
+                                    //     color: cColor,
+                                    //     heightReference: getHeightRef(style),
+                                    //     distanceDisplayCondition: EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance)
+                                    // },
+                                    // We are generating a billboard instead of using the point.
+                                    // This is because points were behaving strangely where they would appear oblong shapes.
+                                    // This occurred consistently when rendering many icons and points at the same time.
+                                    billboard: {
+                                        height: circleBillboard.height,
+                                        width: circleBillboard.width,
+                                        image: circleBillboard.canvasDataUri,
+                                        color: new Cesium.CallbackProperty(function () {
+                                            var color = animateColorIn_2.GetColor();
+                                            if (animateColorIn_2.IsDone() && (cEntity === null || cEntity === void 0 ? void 0 : cEntity.billboard)) {
+                                                cEntity.billboard.color = new Cesium.CallbackProperty(function () { return color; }, true);
+                                            }
+                                            return color;
+                                        }, false),
+                                        heightReference: heightRef,
+                                        distanceDisplayCondition: entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance),
+                                        disableDepthTestDistance: disableDepthTest ? Number.POSITIVE_INFINITY : undefined
+                                    },
+                                    position: position,
+                                    show: true
+                                });
+                                cesium_entity_styler_1.CesiumEntityStyler.BakeDefaultColor({
+                                    entity: cEntity,
+                                    viewer: params.viewer,
+                                    colors: {
+                                        "billboard": cColor
+                                    },
+                                    refresh: false
+                                });
+                            }
+                            else {
+                                prepareExistingGraphic(params.rendered, shouldShowTrack ? 1 : 0);
+                                cEntity = params.rendered;
+                                imgKey = "".concat(size, "-").concat(cColor.toCssColorString());
+                                currentImgKey = cEntity.billboard._billboardImgKey;
+                                if (currentImgKey != imgKey) {
+                                    cEntity.billboard.image = new Cesium.ConstantProperty(circleBillboard.canvasDataUri);
+                                }
+                                cEntity.billboard.height = new Cesium.ConstantProperty(circleBillboard.height);
+                                cEntity.billboard.width = new Cesium.ConstantProperty(circleBillboard.width);
+                                cEntity.billboard.heightReference = new Cesium.ConstantProperty(heightRef);
+                                cEntity.billboard.distanceDisplayCondition = new Cesium.ConstantProperty(entity_render_engine_1.EntityRenderEngine.GetDisplayCondition(params.minDistance, params.maxDistance));
+                                cEntity.billboard.disableDepthTestDistance = new Cesium.ConstantProperty(disableDepthTest ? Number.POSITIVE_INFINITY : undefined);
+                                series = cesium_animated_property_1.CesiumAnimatedProperty.GetSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
+                                if (series.length > 1) {
+                                    animatePosition = new cesium_animated_property_1.CesiumAnimatedProperty.AnimatePositionSeries({
+                                        posses: series,
+                                        viewer: params.viewer
+                                    });
+                                    cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
+                                }
+                                else {
+                                    pos3d = entity_utils_1.EntityUtils.GetPos({
+                                        viewer: params.viewer,
+                                        entity: entity,
+                                        recordHeightRef: heightRef,
+                                        returnHeightRef: heightRef,
+                                        allowRendered: false
+                                    });
+                                    prevPos3d = (0, cesium_utils_1.GetCValue)(params.viewer, cEntity.position);
+                                    if (!prevPos3d || !Cesium.Cartesian3.equals(prevPos3d, pos3d)) {
+                                        animatePosition = new cesium_animated_property_1.CesiumAnimatedProperty.AnimatePosition({
+                                            durationMs: 200,
+                                            targetPos3d: pos3d,
+                                            viewer: params.viewer,
+                                            startPos3d: prevPos3d
+                                        });
+                                        cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
+                                    }
+                                }
+                                // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
+                                cesium_entity_styler_1.CesiumEntityStyler.SetDefaultColor({
+                                    color: cColor,
+                                    entity: cEntity,
+                                    viewer: params.viewer,
+                                    override: true,
+                                    requestRender: false
+                                });
+                                cEntity.show = true;
+                                cEntity.billboard._billboardImgKey = imgKey;
+                            }
+                            cEntity.billboard._billboardSize = Math.ceil(circleBillboard.height / 2);
+                        }
+                        // Generate a polyline 'track' for the historic data.
+                        // We do this for historic data that exists and is moving.
+                        if (shouldShowTrack && animatePosition && animatePosition instanceof cesium_animated_property_1.CesiumAnimatedProperty.AnimatePositionSeries && animatePosition.GetSeries) {
+                            lStyle = (_d = (_c = params.fullStyle) === null || _c === void 0 ? void 0 : _c.polylineStyle) !== null && _d !== void 0 ? _d : {};
+                            bColor = lStyle.lineColor ? bruce_models_1.Calculator.GetColor(lStyle.lineColor, entity, params.tags) : null;
+                            cColor = bColor ? (0, cesium_utils_1.ColorToCColor)(bColor) : Cesium.Color.fromCssColorString("rgba(255, 193, 7, 0.8)");
+                            width = lStyle.lineWidth ? (0, js_utils_1.EnsureNumber)(bruce_models_1.Calculator.GetNumber(lStyle.lineWidth, entity, params.tags)) : 2;
+                            if (width == null) {
+                                width = 2;
+                            }
+                            width = (0, js_utils_1.EnsureNumber)(width);
+                            lHeightRef = getHeightRef(lStyle, heightRef);
+                            trackEntity = siblings === null || siblings === void 0 ? void 0 : siblings[0];
+                            if (!trackEntity || !trackEntity.polyline) {
+                                trackEntity = new Cesium.Entity({
+                                    id: bruce_models_1.ObjectUtils.UId(10),
+                                    polyline: {
+                                        positions: [],
+                                        width: width,
+                                        material: cColor,
+                                        clampToGround: lHeightRef == Cesium.HeightReference.CLAMP_TO_GROUND,
+                                        zIndex: 0,
+                                        classificationType: Cesium.ClassificationType.BOTH,
+                                        show: true
+                                    },
+                                    position: (0, cesium_utils_1.GetCValue)(params.viewer, cEntity.position),
+                                });
+                                // Visual was updated in a way that needs a full refresh.
+                                if (params.rego) {
+                                    params.rego.stale = true;
+                                }
+                            }
+                            trackEntity._parentEntity = null;
+                            trackEntity._noEdit = true;
+                            trackEntity.polyline.positions = new Cesium.CallbackProperty(function () {
+                                return animatePosition.GetSeries();
+                            }, false);
+                            // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
+                            // WARNING: polyline does not support animation (yet?).
+                            cesium_entity_styler_1.CesiumEntityStyler.SetDefaultColor({
+                                color: cColor,
+                                entity: trackEntity,
+                                viewer: params.viewer,
+                                override: true,
+                                requestRender: false
+                            });
+                            siblings.push(trackEntity);
+                            trackEntity._parentEntity = cEntity;
+                        }
+                        cEntity._siblingGraphics = siblings;
+                        return [2 /*return*/, cEntity];
+                }
+            });
+        });
+    }
+    EntityRenderEnginePoint.Render = Render;
+    /**
+     * Renders a group of point Entities.
+     * This will take an optional set of prior rendered Cesium Entities to update rather than create from scratch.
+     * @param params
+     * @returns
+     */
+    function RenderGroup(params) {
+        var _a, _b, _c, _d, _e;
+        return __awaiter(this, void 0, void 0, function () {
+            var api, cEntities, i, entity, zoomItem, style, _f, tagIds, tags, pStyle, rego, cEntity, name_1;
+            return __generator(this, function (_g) {
+                switch (_g.label) {
+                    case 0:
+                        api = params.apiGetter.getApi();
+                        cEntities = new Map();
+                        i = 0;
+                        _g.label = 1;
+                    case 1:
+                        if (!(i < params.entities.length)) return [3 /*break*/, 11];
+                        entity = params.entities[i];
+                        zoomItem = params.zoomItems[entity.Bruce.ID];
+                        if (!(zoomItem.StyleID != -1)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, getStyle(api, entity, zoomItem.StyleID)];
+                    case 2:
+                        _f = (_a = (_g.sent())) === null || _a === void 0 ? void 0 : _a.Settings;
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _f = zoomItem.Style;
+                        _g.label = 4;
+                    case 4:
+                        style = _f;
+                        tagIds = entity.Bruce["Layer.ID"];
+                        tags = [];
+                        if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 6];
+                        return [4 /*yield*/, bruce_models_1.EntityTag.GetListByIds({
+                                api: api,
+                                tagIds: tagIds
+                            })];
+                    case 5:
+                        tags = (_g.sent()).tags;
+                        _g.label = 6;
+                    case 6:
+                        pStyle = (_b = style === null || style === void 0 ? void 0 : style.pointStyle) !== null && _b !== void 0 ? _b : {};
+                        rego = null;
+                        // Only used for historic tracks right now.
+                        // So won't bother getting it if we don't have historic data.
+                        if ((_c = params.entitiesHistoric) === null || _c === void 0 ? void 0 : _c[entity.Bruce.ID]) {
+                            rego = params.visualRegister.GetRego({
+                                entityId: entity.Bruce.ID,
+                                menuItemId: params.menuItemId
+                            });
+                        }
+                        return [4 /*yield*/, Render({
+                                entity: entity,
+                                style: pStyle,
+                                tags: tags,
+                                viewer: params.viewer,
+                                api: api,
+                                apiGetter: params.apiGetter,
+                                maxDistance: zoomItem.MaxZoom,
+                                minDistance: zoomItem.MinZoom,
+                                rendered: (_d = params.rendered) === null || _d === void 0 ? void 0 : _d.get(entity.Bruce.ID),
+                                entityHistoric: (_e = params.entitiesHistoric) === null || _e === void 0 ? void 0 : _e[entity.Bruce.ID],
+                                entityHistoricDrawTrack: params.entityHistoricDrawTrack,
+                                fullStyle: style,
+                                rego: rego
+                            })];
+                    case 7:
+                        cEntity = _g.sent();
+                        if (!cEntity) return [3 /*break*/, 9];
+                        return [4 /*yield*/, getName(api, entity)];
+                    case 8:
+                        name_1 = _g.sent();
+                        cEntity.name = name_1;
+                        cEntity._renderGroup = entity_render_engine_1.EntityRenderEngine.GetRenderGroupId(zoomItem);
+                        _g.label = 9;
+                    case 9:
+                        cEntities.set(entity.Bruce.ID, cEntity);
+                        _g.label = 10;
+                    case 10:
+                        i++;
+                        return [3 /*break*/, 1];
+                    case 11: return [2 /*return*/, cEntities];
+                }
+            });
+        });
+    }
+    EntityRenderEnginePoint.RenderGroup = RenderGroup;
+})(EntityRenderEnginePoint = exports.EntityRenderEnginePoint || (exports.EntityRenderEnginePoint = {}));
+// Cache of billboards to avoid regenerating them for the same size and color.
+var _billboardCache = new bruce_models_1.LRUCache(150);
+var POINT_BILLBOARD_PADDING = 1;
+var createCircleBillboard = function (size, colorCss) {
+    var key = size + "-" + colorCss;
+    var cacheData = _billboardCache.Get(key);
+    if ((cacheData === null || cacheData === void 0 ? void 0 : cacheData.canvasDataUri) && typeof (cacheData === null || cacheData === void 0 ? void 0 : cacheData.canvasDataUri) == "string") {
+        return cacheData;
+    }
+    // Slight padding to avoid corners clipping.
+    var canvasSize = size + (POINT_BILLBOARD_PADDING * 4);
+    var canvas = document.createElement("canvas");
+    canvas.width = canvasSize;
+    canvas.height = canvasSize;
+    var context = canvas.getContext("2d");
+    context.beginPath();
+    context.arc(canvasSize / 2, canvasSize / 2, size / 2, 0, 2 * Math.PI, false);
+    context.fillStyle = colorCss;
+    context.fill();
+    var data = {
+        canvasDataUri: canvas.toDataURL("image/png"),
+        colorCss: colorCss,
+        size: size,
+        height: canvasSize,
+        width: canvasSize
+    };
+    _billboardCache.Set(key, data);
+    return data;
+};
+var createImageBillboard = function (url) {
+    var cacheKey = "image-" + url;
+    var cacheData = _billboardCache.Get(cacheKey);
+    if (cacheData) {
+        return cacheData;
+    }
+    var prom = new Promise(function (res, rej) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, blob, canvas_1, image_1, e_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, fetch(url)];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.blob()];
+                case 2:
+                    blob = _a.sent();
+                    canvas_1 = document.createElement("canvas");
+                    image_1 = new Image();
+                    image_1.onload = function () {
+                        canvas_1.width = image_1.width;
+                        canvas_1.height = image_1.height;
+                        var context = canvas_1.getContext("2d");
+                        context.drawImage(image_1, 0, 0);
+                        var data = {
+                            canvasDataUri: canvas_1.toDataURL("image/png"),
+                            height: image_1.height
+                        };
+                        res(data);
+                    };
+                    image_1.onerror = function (e) {
+                        rej(e);
+                    };
+                    image_1.src = URL.createObjectURL(blob);
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_2 = _a.sent();
+                    rej(e_2);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); });
+    _billboardCache.Set(cacheKey, prom);
+    return prom;
+};
+/**
+ * Turns a hard-coded file url into pieces so we can properly load it using our libraries rather than directly.
+ * @param url eg: https://demoplantprocess.api.nextspace-uat.net/file/4c29bdf8-1f0b-4739-b0ee-421ea07ba4e5.png
+ */
+function extractMetadataFromFileUrl(url) {
+    var _a;
+    url = url.toLowerCase();
+    // Bzzt, invalid url format for our purposes.
+    if (!url.includes(".api.") || !url.includes("/file/")) {
+        return null;
+    }
+    url = url.replace("https://", "").replace("http://", "");
+    var envId = bruce_models_1.Api.EEnv.PROD;
+    if (url.includes("-dev.net")) {
+        envId = bruce_models_1.Api.EEnv.DEV;
+    }
+    else if (url.includes("-stg.net")) {
+        envId = bruce_models_1.Api.EEnv.STG;
+    }
+    else if (url.includes("-uat.net")) {
+        envId = bruce_models_1.Api.EEnv.UAT;
+    }
+    var parts = url.split("/");
+    var host = parts[0];
+    var hostParts = host.split(".");
+    var accountId = hostParts[0];
+    var fileId = (_a = parts[2]) !== null && _a !== void 0 ? _a : "";
+    if (fileId.includes("?")) {
+        fileId = fileId.split("?")[0];
+    }
+    if (fileId.includes(".")) {
+        fileId = fileId.split(".")[0];
+    }
+    if (!fileId || !accountId) {
+        return null;
+    }
+    return {
+        accountId: accountId,
+        fileId: fileId,
+        envId: envId
+    };
+}
+function getHeightRef(style, defaultStyle) {
+    var _a;
+    var heightRef = defaultStyle == null ? Cesium.HeightReference.CLAMP_TO_GROUND : defaultStyle;
+    var altOptionId = (_a = style === null || style === void 0 ? void 0 : style.altitudeOption) === null || _a === void 0 ? void 0 : _a.id;
+    if (altOptionId == 0) {
+        heightRef = Cesium.HeightReference.CLAMP_TO_GROUND;
+    }
+    else if (altOptionId == 1) {
+        heightRef = Cesium.HeightReference.NONE;
+    }
+    else if (altOptionId == 2) {
+        heightRef = Cesium.HeightReference.RELATIVE_TO_GROUND;
+    }
+    return heightRef;
+}
+function getCylinderStyleExtrusion(style, entity, tags, heightRef) {
+    if (!style) {
+        return null;
+    }
+    try {
+        var extrusion = +bruce_models_1.Calculator.GetNumber(style, entity, tags);
+        if (!extrusion && extrusion != 0) {
+            return null;
+        }
+        /*
+            Cesium extrudes in strange way.
+            If you want something that is 50 meters above sea, and 5 meters tall,
+            You need to extrude by 55 meters, if you extrude by 5 it will extrude from sea and look flat.
+        */
+        var height = (0, js_utils_1.EnsureNumber)(bruce_models_1.Entity.GetValue({
+            entity: entity,
+            path: ["Bruce", "Location", "altitude"]
+        }), 0);
+        return heightRef != Cesium.HeightReference.CLAMP_TO_GROUND ? extrusion + height : extrusion;
+    }
+    catch (e) {
+        console.error(e);
+    }
+    return 0;
+}
+function getCylinderExtrusion(entity, tags, heightRef, style) {
+    var data = {
+        value: undefined,
+        exHeightRef: heightRef == Cesium.HeightReference.CLAMP_TO_GROUND ? Cesium.HeightReference.RELATIVE_TO_GROUND : heightRef
+    };
+    var extrusion = getCylinderStyleExtrusion(style, entity, tags, heightRef);
+    if (extrusion) {
+        data.value = extrusion;
+    }
+    if (data.value != undefined) {
+        data.value = (0, js_utils_1.EnsureNumber)(data.value);
+    }
+    return data;
+}
+function getName(api, entity) {
+    return __awaiter(this, void 0, void 0, function () {
+        var typeId, type, name_2, e_3, hideError, error, code;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    typeId = entity.Bruce["EntityType.ID"];
+                    type = null;
+                    if (!typeId) return [3 /*break*/, 2];
+                    return [4 /*yield*/, bruce_models_1.EntityType.Get({
+                            api: api,
+                            entityTypeId: typeId
+                        })];
+                case 1:
+                    type = (_a.sent()).entityType;
+                    _a.label = 2;
+                case 2:
+                    if (type) {
+                        name_2 = bruce_models_1.Entity.CalculateName({
+                            entity: entity,
+                            type: type,
+                            defaultToId: false
+                        });
+                        return [2 /*return*/, name_2 ? name_2 : "Unnamed Entity"];
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_3 = _a.sent();
+                    hideError = false;
+                    // TODO: we need a util for extracting code + message rather than writing all this every time.
+                    if (e_3 && typeof e_3 == "object" && e_3.ERROR) {
+                        error = e_3.ERROR;
+                        code = error && typeof error == "object" ? error.Code : "";
+                        // Avoiding logging a common error.
+                        // This happens when rendering entities that don't have records.
+                        hideError = String(code).toLowerCase() == "notfound";
+                    }
+                    if (!hideError) {
+                        console.error(e_3);
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/, "Unknown entity"];
+            }
+        });
+    });
+}
+function getStyle(api, entity, styleId) {
+    return __awaiter(this, void 0, void 0, function () {
+        var style, e_4, typeId, type, e_5, hideError, error, code;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    style = null;
+                    if (!styleId) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, bruce_models_1.Style.Get({
+                            api: api,
+                            styleId: styleId
+                        })];
+                case 2:
+                    style = (_a.sent()).style;
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_4 = _a.sent();
+                    console.error(e_4);
+                    return [3 /*break*/, 4];
+                case 4:
+                    if (!!style) return [3 /*break*/, 9];
+                    typeId = entity.Bruce["EntityType.ID"];
+                    if (!typeId) return [3 /*break*/, 9];
+                    return [4 /*yield*/, bruce_models_1.EntityType.Get({
+                            api: api,
+                            entityTypeId: typeId
+                        })];
+                case 5:
+                    type = (_a.sent()).entityType;
+                    if (!type["DisplaySetting.ID"]) return [3 /*break*/, 9];
+                    _a.label = 6;
+                case 6:
+                    _a.trys.push([6, 8, , 9]);
+                    return [4 /*yield*/, bruce_models_1.Style.Get({
+                            api: api,
+                            styleId: type["DisplaySetting.ID"]
+                        })];
+                case 7:
+                    style = (_a.sent()).style;
+                    return [3 /*break*/, 9];
+                case 8:
+                    e_5 = _a.sent();
+                    hideError = false;
+                    // TODO: we need a util for extracting code + message rather than writing all this every time.
+                    if (e_5 && typeof e_5 == "object" && e_5.ERROR) {
+                        error = e_5.ERROR;
+                        code = error && typeof error == "object" ? error.Code : "";
+                        // Avoiding logging a common error.
+                        // This happens when rendering entities that don't have records.
+                        hideError = String(code).toLowerCase() == "notfound";
+                    }
+                    if (!hideError) {
+                        console.error(e_5);
+                    }
+                    return [3 /*break*/, 9];
+                case 9: return [2 /*return*/, style];
+            }
+        });
+    });
+}
+//# sourceMappingURL=entity-render-engine-point.js.map