bruce-cesium 4.5.6 → 4.5.7

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
-import { BruceEvent, Cartes, Entity as Entity$1, Carto, Geometry, MathUtils, LRUCache, Api, Calculator, ClientFile, EntityTag, EntityType, ObjectUtils, Style, ProjectViewTile, DelayQueue, EntityLod, Bounds, ZoomControl, EntityRelationType, ENVIRONMENT, EntityHistoricData, Tileset, EntityCoords, EntitySource, MenuItem, EntityRelation, ProgramKey, ProjectView, ProjectViewBookmark, Camera, ProjectViewLegacyTile, Session, EntityAttribute, EntityAttachment, EntityAttachmentType, AbstractApi } from 'bruce-models';
+import { BruceEvent, Cartes, Entity as Entity$1, Carto, Geometry, MathUtils, LRUCache, Api, Calculator, ClientFile, EntityTag, EntityType, ObjectUtils, Style, ProjectViewTile, DelayQueue, EntityLod, Bounds, ZoomControl, EntityRelationType, ENVIRONMENT, EntityHistoricData, Tileset, EntityCoords, EntitySource, MenuItem, EntityRelation, ProgramKey, ProjectView, ProjectViewBookmark, Camera, ProjectViewLegacyTile, AbstractApi, EntityAttribute, EntityAttachment, EntityAttachmentType, Session } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, JulianDate, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, Entity, DistanceDisplayCondition, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, Primitive, Cesium3DTileFeature, ColorBlendMode, HeadingPitchRoll, Transforms, Model, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, SceneMode, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Cesium3DTileStyle, Ion, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, NearFarScalar, EllipsoidTerrainProvider, CesiumInspector, defined, ClockRange, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, PolygonPipeline, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, PolylineDashMaterialProperty, Quaternion, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Intersect } from 'cesium';
+import { Cartographic, JulianDate, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, ClassificationType, Entity, ArcType, CornerType, ShadowMode, ConstantProperty, ConstantPositionProperty, HorizontalOrigin, VerticalOrigin, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, ColorBlendMode, HeadingPitchRoll, Transforms, Model, DistanceDisplayCondition, SceneMode, Primitive, Cesium3DTileFeature, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Cesium3DTileStyle, Ion, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, NearFarScalar, EllipsoidTerrainProvider, CesiumInspector, defined, ClockRange, PolygonPipeline, Cesium3DTileset, Matrix4, Matrix3, IonResource, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, BoundingSphere, GeometryInstance, EllipsoidGeodesic, sampleTerrainMostDetailed, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, PolylineDashMaterialProperty, Quaternion, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Intersect, Fullscreen } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -26228,483 +26228,427 @@ var WidgetCursorBar = /** @class */ (function (_super) {
     return WidgetCursorBar;
 }(Widget.AWidget));
 
-var ESearchType;
-(function (ESearchType) {
-    ESearchType["CesiumAddress"] = "CESIUM_ADDRESS";
-    ESearchType["LatLon"] = "LATLON";
-})(ESearchType || (ESearchType = {}));
-function isLatLon(text) {
-    var parts = text.split(",");
-    if (parts.length !== 2 && parts.length !== 3) {
+var EMode;
+(function (EMode) {
+    EMode["ShowImportant"] = "IMP";
+    EMode["ShowAll"] = "ALL";
+    EMode["ShowAvailable"] = "AV";
+    EMode["ShowImportantAndAvailable"] = "IMP_AV";
+})(EMode || (EMode = {}));
+var OPEN_STORAGE_KEY = "EntityViewSummary_open_";
+var EXCLUDED_PROPERTIES = ["Bruce", "geometry", "position", "boundaries"];
+function isAttributeImportant(mode, entity, path, field) {
+    if (path.length && EXCLUDED_PROPERTIES.includes(path[0])) {
         return false;
     }
-    var lat = parseFloat(parts[0]);
-    var lon = parseFloat(parts[1]);
-    if (isNaN(lat) || isNaN(lon)) {
-        return false;
+    if (mode === EMode.ShowAvailable || mode === EMode.ShowImportantAndAvailable) {
+        var value = Entity$1.GetValue({
+            entity: entity,
+            path: path
+        });
+        var hasValue = value || value == 0;
+        if (mode === EMode.ShowAvailable) {
+            return hasValue;
+        }
+        if (!hasValue) {
+            return false;
+        }
     }
-    return true;
+    if (field.IsImportant || mode === EMode.ShowAll) {
+        return true;
+    }
+    if (field.Type === EntityAttribute.EType.Structure) {
+        return field.Structure.some(function (field) { return isAttributeImportant(mode, entity, path, field); });
+    }
+    return false;
+}
+function digAttributes(mode, entity, structure, path) {
+    var attributes = [];
+    for (var i = 0; i < structure.length; i++) {
+        var field = structure[i];
+        var fieldPath = [].concat(path);
+        fieldPath.push(field.Key);
+        if (!isAttributeImportant(mode, entity, fieldPath, field)) {
+            continue;
+        }
+        if (field.Type === EntityAttribute.EType.Structure) {
+            var dug = digAttributes(mode, entity, field.Structure, fieldPath);
+            attributes = attributes.concat(dug);
+        }
+        else {
+            attributes.push(fieldPath);
+        }
+    }
+    return attributes;
+}
+function gatherAttributes(mode, entity, type) {
+    var _a, _b;
+    var schema = (_b = (_a = type.DataSchema) === null || _a === void 0 ? void 0 : _a.Structure) !== null && _b !== void 0 ? _b : [];
+    schema = [].concat(schema);
+    Object.keys(entity).forEach(function (key) {
+        if (!schema.find(function (field) { return (field === null || field === void 0 ? void 0 : field.Key) == key; })) {
+            schema.push({
+                Key: key,
+                Name: key,
+                Type: EntityAttribute.EType.String,
+                IsImportant: false,
+                IsIndexed: false,
+                Structure: []
+            });
+        }
+    });
+    return digAttributes(mode, entity, schema, []);
+}
+function digTypeItem(path, structure) {
+    var key = path[0];
+    var field = structure.find(function (field) { return field.Key === key; });
+    if (!field) {
+        return null;
+    }
+    if (path.length === 1) {
+        return field;
+    }
+    if (field.Type === EntityAttribute.EType.Structure) {
+        return digTypeItem(path.slice(1), field.Structure);
+    }
+    return null;
+}
+function groupAttributes(paths, attributes) {
+    var groups = [];
+    var _loop_1 = function (i) {
+        var path = paths[i];
+        var groupPath = path.slice(0, path.length - 1);
+        var groupAttr = digTypeItem(groupPath, attributes);
+        if (!groupAttr) {
+            groupAttr = {
+                Key: "ROOT"
+            };
+        }
+        var group = groups.find(function (group) { return group.group.Key === groupAttr.Key; });
+        if (group) {
+            group.attributes.push(path);
+        }
+        else {
+            var isOpen = localStorage.getItem(OPEN_STORAGE_KEY + groupAttr.Key);
+            if (isOpen == null) {
+                var DEFAULT_CLOSED = [
+                    "Bruce",
+                    "location",
+                    "boundaries",
+                    "transform"
+                ];
+                isOpen = path.length ? DEFAULT_CLOSED.includes(path[0]) ? "false" : "true" : "true";
+            }
+            groups.push({
+                group: groupAttr,
+                attributes: [path],
+                open: isOpen != "false"
+            });
+        }
+    };
+    for (var i = 0; i < paths.length; i++) {
+        _loop_1(i);
+    }
+    return groups;
 }
-var WidgetSearchBar = /** @class */ (function (_super) {
-    __extends(WidgetSearchBar, _super);
-    function WidgetSearchBar(params) {
+var WidgetInfoView = /** @class */ (function (_super) {
+    __extends(WidgetInfoView, _super);
+    function WidgetInfoView(params) {
         var _this = _super.call(this, params) || this;
-        _this.STYLESHEET_ID = "nextspace-searchbar-stylesheet";
-        _this._cApi = new AbstractApi({});
+        _this.STYLESHEET_ID = "nextspace-info-view-stylesheet";
         _this._generateStyles();
         _this._generateElement();
+        _this._updateRemoval = _this._manager.VisualsRegister.OnUpdate.Subscribe(function (data) {
+            if (data.type == "UPDATE" || data.type == "DESELECT_ALL") {
+                _this._updateInfoView();
+            }
+        });
         return _this;
     }
-    WidgetSearchBar.prototype.Dispose = function () {
+    WidgetInfoView.prototype.Dispose = function () {
         _super.prototype.Dispose.call(this);
+        this._updateRemoval();
     };
-    WidgetSearchBar.prototype._generateStyles = function () {
+    WidgetInfoView.prototype._generateStyles = function () {
         if (document.getElementById(this.STYLESHEET_ID)) {
             return;
         }
         var style = document.createElement("style");
         style.id = this.STYLESHEET_ID;
-        style.innerHTML = "\n            .NextspaceSearchBar {\n                position: absolute;\n                z-index: 1;\n                top: 10px;\n                right: 10px;\n                display: flex;\n                box-sizing: border-box;\n                box-shadow: 0 0 1px rgba(18,22,25,.24),0 18px 36px -4px rgba(18,22,25,.6);\n                background: #21272a;\n                border-radius: 9px;\n                height: 48px;\n                padding-left: 2px;\n                padding-right: 2px;\n                font-family: sans-serif;\n            }\n\n            .NextspaceSearchBar * {\n                box-sizing: border-box;\n            }\n\n            .NextspaceSearchBar[is-opened=\"true\"] .NextspaceSearchBarContent {\n                display: flex;\n                width: 260px;\n            }\n\n            .NextspaceSearchBarToggle {\n                align-items: center;\n                border-radius: 0;\n                border-radius: 9px 0 0 9px;\n                color: #fff;\n                cursor: pointer;\n                display: flex;\n                flex-shrink: 0;\n                font-size: 18px;\n                height: 100%;\n                justify-content: center;\n                transition: .3s ease;\n                width: 46px;\n            }\n\n            .NextspaceSearchBarToggle >svg {\n                transition: .3s ease;\n            }\n\n            .NextspaceSearchBarToggle >svg:hover {\n                -webkit-transform: scale(1.2);\n                transform: scale(1.2);\n            }\n\n            .NextspaceSearchBarContent {\n                flex-grow: 0;\n                flex-shrink: 0;\n                overflow: hidden;\n                transition: .3s ease;\n                width: 0;\n            }\n\n            .NextspaceSearchBarContent >input {\n                background: transparent;\n                border: none;\n                color: #fff;\n                font-size: 15px;\n                height: 100%;\n                outline: none;\n                padding: 0 8px;\n                width: 100%;\n            }\n\n            .NextspaceSearchBarResults {\n                background-color: #21272a;\n                border-radius: 0 0 6px 6px;\n                display: flex;\n                flex-direction: column;\n                overflow: hidden;\n                padding: 12px 8px 8px;\n                position: absolute;\n                top: calc(100% - 4px);\n                width: 100%;\n                left: 0;\n                z-index: 1;\n            }\n\n            .NextspaceSearchBarResultsItem {\n                align-items: center;\n                color: #fff;\n                cursor: pointer;\n                display: flex;\n                height: 30px;\n                transition: .3s ease;\n                font-size: 13px;\n            }\n\n            .NextspaceSearchBarResultsItem:hover .NextspaceSearchBarResultsItemIcon {\n                -webkit-transform: scale(1.05);\n                transform: scale(1.05);\n            }\n\n            .NextspaceSearchBarResultsItemIcon {\n                align-items: center;\n                display: flex;\n                flex-grow: 0;\n                flex-shrink: 0;\n                justify-content: center;\n                margin-right: 5px;\n                width: 25px;\n            }\n\n            .NextspaceSearchBarResultsItemTip {\n                flex-grow: 1;\n                flex-shrink: 1;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                width: 50px;\n                font-size: 15px;\n            }\n\n            .NextspaceSearchBarResultsWarning {\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: white;\n                font-size: 15px;\n            }\n        ";
+        style.innerHTML = "\n            .NextspaceInfoView {\n                width: 430px;\n                right: 10px;\n                top: 66px;\n                height: max-content;\n                max-height: calc(100% - 320px);\n                min-height: 50px;\n                align-items: center;\n                -webkit-backdrop-filter: blur(20px);\n                backdrop-filter: blur(20px);\n                background: rgba(33,39,42,.8);\n                border-radius: 9px;\n                box-shadow: 0 0 1px rgba(18,22,25,.36),0 18px 36px -4px rgba(18,22,25,.36);\n                display: flex;\n                flex-direction: column;\n                flex-shrink: 1;\n                opacity: 0;\n                position: absolute;\n                z-index: 1;\n                transition: opacity .3s ease,-webkit-transform .1s;\n                transition: opacity .3s ease,transform .1s;\n                transition: opacity .3s ease,transform .1s,-webkit-transform .1s;\n                font-family: Arial;\n            }\n\n            .NextspaceInfoView * {\n                box-sizing: border-box;\n            }\n\n            .NextspaceInfoViewTopLeftButtons {\n                left: 12px;\n                top: 5px;\n                align-items: center;\n                display: flex;\n                position: absolute;\n                z-index: 1;\n            }\n\n            .NextspaceInfoViewTopRightButtons {\n                right: 12px;\n                top: 5px;\n                align-items: center;\n                display: flex;\n                position: absolute;\n                z-index: 1;\n            }\n\n            .NextspaceInfoViewIconButton {\n                align-items: center;\n                display: flex;\n                flex-grow: 0;\n                flex-shrink: 0;\n                height: 30px;\n                justify-content: center;\n                margin-right: 8px;\n                min-height: 0;\n                min-width: 0;\n                position: relative;\n                width: 30px;\n                font-size: 1.5rem;\n                padding: 8px;\n                border-radius: 50%;\n                overflow: visible;\n                color: rgba(0, 0, 0, 0.54);\n                transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n                appearance: none;\n                text-decoration: none;\n                text-align: center;\n                background-color: transparent;\n                outline: 0px;\n                border: 0px none;\n                margin: 0px;\n                margin-right: 0px;\n                cursor: pointer;\n                user-select: none;\n                -moz-box-pack: center;\n                -moz-box-align: center;\n            }\n\n            .NextspaceInfoViewIconButton:hover {\n                opacity: .9;\n                transition: opacity .3s ease;\n                background-color: rgba(0, 0, 0, 0.04);\n            }\n\n            .NextspaceInfoViewIconButton svg {\n                max-height: 24px;\n                max-width: 24px;\n                flex-shrink: 0;\n            }\n\n            .NextspaceInfoViewContent {\n                align-items: flex-start;\n                color: #fff;\n                display: flex;\n                flex-direction: column;\n                flex-grow: 1;\n                flex-shrink: 1;\n                margin-top: 12px;\n                overflow: auto;\n                padding: 25px;\n                width: 100%;\n            }\n\n            .NextspaceInfoViewScrollBox {\n                flex-grow: 1;\n                flex-shrink: 1;\n                overflow-y: auto;\n                width: 100%;\n            }\n\n            .NextspaceInfoViewName {\n                font-family: Arial;\n                font-style: normal;\n                font-weight: 400;\n                text-align: center;\n                width: 100%;\n                color: #40c4ff;\n                font-size: 13px;\n                letter-spacing: .01em;\n                line-height: 16px;\n                margin-bottom: 5px;\n            }\n\n            .NextspaceInfoViewType {\n                font-family: Arial;\n                font-style: normal;\n                font-weight: 400;\n                text-align: center;\n                width: 100%;\n                color: #c1c7cd;\n                font-size: 10px;\n                letter-spacing: .05em;\n                line-height: 10px;\n                margin-bottom: 12px;\n                -webkit-user-select: none;\n                user-select: none;\n            }\n\n            .NextspaceInfoViewTitle {\n                color: #f2f4f8;\n                font-family: Arial;\n                font-size: 14px;\n                font-style: normal;\n                font-weight: 500;\n                line-height: 20px;\n                margin-right: auto;\n                -webkit-touch-callout: none;\n                -webkit-user-select: none;\n                user-select: none;\n                margin-top: 20px;\n                margin-bottom: 10px;\n            }\n\n            .NextspaceInfoViewSummary {\n                display: flex;\n                flex-direction: column;\n                flex-grow: 1;\n                flex-shrink: 1;\n            }\n\n            .NextspaceAttributesGroup {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"false\"] .NextspaceAttribute {\n                display: none;\n            }\n\n            .NextspaceAttributesGroupToggle {\n                align-items: center;\n                background-color: #343a3f;\n                border: 1px solid #343a3f;\n                border-radius: 5px;\n                cursor: pointer;\n                display: flex;\n                height: 35px;\n                margin-bottom: 3px;\n                overflow: hidden;\n                padding-left: 12px;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                -webkit-touch-callout: none;\n                -webkit-user-select: none;\n                user-select: none;\n                font-size: 12px;\n            }\n\n            .NextspaceAttributesGroupToggleIcon {\n                align-items: center;\n                display: flex;\n                height: 20px;\n                justify-content: center;\n                margin-left: auto;\n                margin-right: 8px;\n                width: 20px;\n                cursor: pointer;\n                white-space: nowrap;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"false\"] .NextspaceAttributesGroupToggleIconOpened {\n                display: none;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"true\"] .NextspaceAttributesGroupToggleIconOpened {\n                display: block;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"false\"] .NextspaceAttributesGroupToggleIconClosed {\n                display: block;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"true\"] .NextspaceAttributesGroupToggleIconClosed {\n                display: none;\n            }\n\n            .NextspaceAttribute {\n                align-items: center;\n                display: flex;\n                flex-direction: row;\n                flex-grow: 1;\n            }\n\n            .NextspaceAttributeInput {\n                align-items: center;\n                background-color: #121619;\n                border: 1px solid #434343;\n                border-radius: 5px;\n                display: flex;\n                height: 35px;\n                margin-bottom: 3px;\n                width: 100%;\n            }\n\n            .NextspaceAttributeInputLabel {\n                border-right: 1px solid #434343;\n                flex-grow: .8;\n                flex-shrink: 1;\n                margin-right: 8px;\n                overflow: hidden;\n                padding-left: 8px;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                width: 90px;\n                font-size: 12px;\n            }\n\n            .NextspaceAttributeInputValue {\n                background-color: transparent;\n                border: 1px solid transparent;\n                color: #fff;\n                flex-grow: 1;\n                flex-shrink: 1;\n                height: 100%;\n                padding-left: 2px;\n                text-align: left;\n                width: 120px;\n                cursor: default;\n                opacity: .6;\n                outline: none;\n                padding: .5rem .75rem;\n                border-radius: .375rem;\n                font-size: 12px;\n            }\n\n            .NextspaceDefaultImageContainer {\n                align-items: center;\n                border-radius: 5px;\n                display: flex;\n                flex-direction: column;\n                flex-grow: 0;\n                flex-shrink: 1;\n                height: 170px;\n                overflow: hidden;\n                position: relative;\n                width: 100%;\n                background-color: rgba(33, 39, 42, 0.8);\n                margin-bottom: 20px;\n            }\n\n            .NextspaceDefaultImage {\n                background-position: 50%;\n                background-repeat: no-repeat;\n                background-size: cover;\n                height: 100%;\n                width: 100%;\n                user-select: none;\n            }\n        ";
         document.head.appendChild(style);
     };
-    WidgetSearchBar.prototype._generateElement = function () {
+    WidgetInfoView.prototype._generateElement = function () {
         var _this = this;
         var element = document.createElement("div");
-        element.className = "NextspaceSearchBar";
-        element.setAttribute("is-opened", "false");
-        var toggle = document.createElement("div");
-        toggle.className = "NextspaceSearchBarToggle";
-        toggle.innerHTML = "\n            <svg class=\"\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.3283 6C9.73857 6 6 9.73857 6 14.3283C6 18.918 9.73857 22.6566 14.3283 22.6566C16.3242 22.6566 18.1571 21.9479 19.5937 20.7714L24.5663 25.7439C24.643 25.8239 24.7349 25.8877 24.8366 25.9316C24.9383 25.9756 25.0478 25.9988 25.1586 26C25.2694 26.0011 25.3793 25.9801 25.4819 25.9382C25.5845 25.8963 25.6777 25.8344 25.756 25.756C25.8344 25.6777 25.8963 25.5845 25.9382 25.4819C25.9801 25.3793 26.0011 25.2694 26 25.1586C25.9988 25.0478 25.9756 24.9383 25.9316 24.8366C25.8877 24.7349 25.8239 24.643 25.7439 24.5663L20.7714 19.5937C21.9479 18.1571 22.6566 16.3242 22.6566 14.3283C22.6566 9.73857 18.918 6 14.3283 6ZM14.3283 7.66566C18.0178 7.66566 20.9909 10.6388 20.9909 14.3283C20.9909 18.0178 18.0178 20.9909 14.3283 20.9909C10.6388 20.9909 7.66566 18.0178 7.66566 14.3283C7.66566 10.6388 10.6388 7.66566 14.3283 7.66566Z\" fill=\"white\"></path></svg>\n        ";
-        toggle.onclick = function () {
-            var _a, _b;
-            if (element.getAttribute("is-opened") === "true") {
-                element.setAttribute("is-opened", "false");
-                _this._hideResults();
-            }
-            else {
-                element.setAttribute("is-opened", "true");
-                // Show prior results.
-                if (_this._results.innerHTML) {
-                    element.style.borderRadius = "9px 9px 0 0";
-                    _this._results.style.display = "flex";
-                }
-                // Focus input.
-                (_b = (_a = content.querySelector("input")) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
-        };
-        element.appendChild(toggle);
+        element.className = "NextspaceInfoView";
+        element.style.display = "none";
+        var topLeftButtons = document.createElement("div");
+        topLeftButtons.className = "NextspaceInfoViewTopLeftButtons";
+        topLeftButtons.innerHTML = "\n            <button title=\"Fly to entity\" class=\"NextspaceInfoViewIconButton\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20.5926 2.12617L2.49072 12.5694C1.78383 12.9756 1.87366 13.9597 2.57664 14.2566L6.72815 15.9984L17.9486 6.10975C18.1634 5.91838 18.468 6.21129 18.2844 6.4339L8.87616 17.8964V21.0403C8.87616 21.962 9.98921 22.3252 10.536 21.6574L13.016 18.6385L17.8822 20.6771C18.4367 20.9115 19.0694 20.5639 19.171 19.9663L21.9829 3.09473C22.1157 2.30583 21.2682 1.73563 20.5926 2.12617Z\" fill=\"white\"></path></svg>\n            </button>\n        ";
+        element.appendChild(topLeftButtons);
+        var topRightButtons = document.createElement("div");
+        topRightButtons.className = "NextspaceInfoViewTopRightButtons";
+        topRightButtons.innerHTML = "\n            <button title=\"Close\" class=\"NextspaceInfoViewIconButton\">\n                <svg class=\"\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.3002 5.70973C17.9102 5.31973 17.2802 5.31973 16.8902 5.70973L12.0002 10.5897L7.11022 5.69973C6.72022 5.30973 6.09021 5.30973 5.70021 5.69973C5.31021 6.08973 5.31021 6.71973 5.70021 7.10973L10.5902 11.9997L5.70021 16.8897C5.31021 17.2797 5.31021 17.9097 5.70021 18.2997C6.09021 18.6897 6.72022 18.6897 7.11022 18.2997L12.0002 13.4097L16.8902 18.2997C17.2802 18.6897 17.9102 18.6897 18.3002 18.2997C18.6902 17.9097 18.6902 17.2797 18.3002 16.8897L13.4102 11.9997L18.3002 7.10973C18.6802 6.72973 18.6802 6.08973 18.3002 5.70973Z\" fill=\"white\"></path></svg>\n            </button>\n        ";
+        element.appendChild(topRightButtons);
+        var flyToButt = topLeftButtons.querySelector("button");
+        flyToButt.addEventListener("click", function () {
+            _this._clickFlyTo();
+        });
+        this._flyTo = flyToButt;
+        var closeButt = topRightButtons.querySelector("button");
+        closeButt.addEventListener("click", function () {
+            _this._manager.VisualsRegister.ClearSelected();
+        });
         var content = document.createElement("div");
-        content.className = "NextspaceSearchBarContent";
-        content.innerHTML = "\n            <input placeholder=\"address\"/>\n        ";
+        content.className = "NextspaceInfoViewContent";
         element.appendChild(content);
-        var input = content.querySelector("input");
-        var searchTimeout = null;
-        var counter = 0;
-        input.onkeyup = function (e) {
-            var _a;
-            var value = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
-            if (!value || value.length < 3) {
-                return;
-            }
-            counter += 1;
-            var curCounter = counter;
-            _this._displayLoading();
-            clearTimeout(searchTimeout);
-            searchTimeout = setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
-                var searchData, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, this._doSearch(value)];
-                        case 1:
-                            searchData = _a.sent();
-                            if (curCounter !== counter) {
-                                return [2 /*return*/];
-                            }
-                            this._displayResults(searchData);
-                            return [3 /*break*/, 3];
-                        case 2:
-                            e_1 = _a.sent();
-                            console.error(e_1);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            }); }, 200);
-        };
-        var results = document.createElement("div");
-        results.className = "NextspaceSearchBarResults";
-        element.appendChild(results);
-        results.style.display = "none";
-        this._results = results;
+        var scrollBox = document.createElement("div");
+        scrollBox.className = "NextspaceInfoViewScrollBox";
+        content.appendChild(scrollBox);
+        var name = document.createElement("div");
+        name.className = "NextspaceInfoViewName";
+        scrollBox.appendChild(name);
+        this._name = name;
+        var type = document.createElement("div");
+        type.className = "NextspaceInfoViewType";
+        scrollBox.appendChild(type);
+        this._type = type;
+        var imageContainer = document.createElement("div");
+        imageContainer.className = "NextspaceDefaultImageContainer";
+        var image = document.createElement("div");
+        image.classList.add("NextspaceDefaultImage");
+        imageContainer.appendChild(image);
+        scrollBox.appendChild(imageContainer);
+        this._imageContainer = imageContainer;
+        this._image = image;
+        var title = document.createElement("div");
+        title.className = "NextspaceInfoViewTitle";
+        title.innerText = "Details";
+        scrollBox.appendChild(title);
+        this._title = title;
+        var summary = document.createElement("div");
+        summary.className = "NextspaceInfoViewSummary";
+        scrollBox.appendChild(summary);
+        this._summary = summary;
         this.Container.appendChild(element);
         this._element = element;
+        this._updateInfoView();
     };
-    WidgetSearchBar.prototype._displayResults = function (results) {
-        var _this = this;
-        this._element.style.borderRadius = "9px 9px 0 0";
-        this._results.style.display = "flex";
-        if (results === null || results === void 0 ? void 0 : results.length) {
-            this._results.innerHTML = "";
-            var getIcon_1 = function (result) {
-                if (result.type == ESearchType.CesiumAddress) {
-                    return "\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37259 18.6274 0 12 0C5.37258 0 0 5.37259 0 12C0 18.6274 5.37258 24 12 24Z\" fill=\"white\"/>\n                            <path d=\"M21.6985 10.4272C21.3489 10.4272 20.9994 10.631 20.7373 10.9806L17.4169 15.3786C16.8635 16.1068 16.0771 16.5145 15.2616 16.5145C14.446 16.5145 13.6596 16.1068 13.1062 15.3786L9.78584 10.9806C9.5237 10.631 9.17419 10.4272 8.82467 10.4272C8.47516 10.4272 8.12564 10.631 7.86351 10.9806L4.54312 15.3786C3.98972 16.1068 3.23244 16.5145 2.4169 16.5145C4.10623 20.0971 7.747 22.5728 11.9703 22.5728C17.7955 22.5728 22.5431 17.8543 22.5431 12C22.5431 11.5922 22.514 11.1844 22.4557 10.7767C22.2519 10.5437 21.9897 10.4272 21.6985 10.4272Z\" fill=\"#7A9C49\"/>\n                            <path d=\"M11.9996 1.42718C6.1744 1.42718 1.42683 6.14562 1.42683 12C1.42683 12.932 1.57246 13.8349 1.77634 14.6796C1.98022 14.8252 2.18411 14.9126 2.41712 14.9126C2.76663 14.9126 3.11615 14.7087 3.37828 14.3592L6.69867 9.96116C7.25207 9.233 8.03848 8.82523 8.85401 8.82523C9.66955 8.82523 10.456 9.233 11.0094 9.96116L14.2132 14.1845L14.3589 14.3592C14.621 14.7087 14.9705 14.8835 15.2909 14.9126C15.6404 14.9126 15.9608 14.7087 16.2229 14.3592L16.3686 14.1845L19.5725 9.96116C20.1259 9.233 20.9123 8.82523 21.7278 8.82523C21.8443 8.82523 21.9899 8.82524 22.1064 8.85436C20.7666 4.54368 16.7472 1.42718 11.9996 1.42718V1.42718ZM15.5239 8.12621C14.9123 8.12621 14.4171 7.63105 14.4171 7.0194C14.4171 6.40775 14.9123 5.91261 15.5239 5.91261C16.1356 5.91261 16.6307 6.40775 16.6307 7.0194C16.6307 7.63105 16.1356 8.12621 15.5239 8.12621Z\" fill=\"#6DABE4\"/>\n                        </svg>\n                    ";
-                }
-                return "\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M6 20H18C18.55 20 19 20.45 19 21C19 21.55 18.55 22 18 22H6C5.45 22 5 21.55 5 21C5 20.45 5.45 20 6 20ZM12 7C10.9 7 10 7.9 10 9C10 10.1 10.9 11 12 11C13.1 11 14 10.1 14 9C14 7.9 13.1 7 12 7ZM12 2C15.27 2 19 4.46 19 9.15C19 12.13 16.87 15.27 12.61 18.54C12.25 18.82 11.75 18.82 11.39 18.54C7.13 15.26 5 12.13 5 9.15C5 4.46 8.73 2 12 2Z\" fill=\"white\"/>\n                    </svg>\n                ";
-            };
-            results.forEach(function (result) {
-                var resultElement = document.createElement("div");
-                resultElement.className = "NextspaceSearchBarResultsItem";
-                resultElement.innerHTML = "\n                    <div class=\"NextspaceSearchBarResultsItemIcon\">\n                        ".concat(getIcon_1(result), "\n                    </div>\n                    <div class=\"NextspaceSearchBarResultsItemTip\">\n                        ").concat(result.tip, "\n                    </div>\n                ");
-                resultElement.onclick = function () {
-                    _this._clickResult(result);
-                };
-                _this._results.appendChild(resultElement);
-            });
-        }
-        else {
-            this._results.innerHTML = "\n                <div class=\"NextspaceSearchBarResultsWarning\">No results found...</div>\n            ";
-        }
-    };
-    WidgetSearchBar.prototype._displayLoading = function () {
-        this._element.style.borderRadius = "9px 9px 0 0";
-        this._results.style.display = "flex";
-        this._results.innerHTML = "\n            <div class=\"NextspaceSearchBarResultsWarning\">Loading...</div>\n        ";
-    };
-    WidgetSearchBar.prototype._hideResults = function () {
-        this._element.style.borderRadius = "9px";
-        this._results.style.display = "none";
-    };
-    WidgetSearchBar.prototype._cesiumAutoComplete = function (text) {
+    WidgetInfoView.prototype._clickFlyTo = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var token;
+            var entityId, pos3d;
             return __generator(this, function (_a) {
-                token = Ion.defaultAccessToken;
-                return [2 /*return*/, this._cApi.get("https://api.cesium.com/v1/geocode/autocomplete?text=".concat(encodeURI(text), "&access_token=").concat(token))];
+                switch (_a.label) {
+                    case 0:
+                        entityId = this._lastSelectedId;
+                        if (!entityId) {
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, EntityUtils.GetPosAsync({
+                                api: this._apiGetters.GetBruceApi(),
+                                entityId: entityId,
+                                viewer: this._viewer,
+                                returnHeightRef: HeightReference.NONE,
+                                recordHeightRef: HeightReference.NONE,
+                                visualRegister: this._manager.VisualsRegister
+                            })];
+                    case 1:
+                        pos3d = _a.sent();
+                        if (!(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, DrawingUtils.RaisePos3d(this._viewer, pos3d, 15)];
+                    case 2:
+                        pos3d = _a.sent();
+                        this._viewer.camera.flyTo({
+                            destination: pos3d,
+                            duration: 1,
+                            orientation: {
+                                heading: 0,
+                                pitch: -Math$1.PI_OVER_TWO,
+                                roll: 0
+                            }
+                        });
+                        return [3 /*break*/, 4];
+                    case 3:
+                        alert("Could not get position of entity.");
+                        _a.label = 4;
+                    case 4: return [2 /*return*/];
+                }
             });
         });
     };
-    WidgetSearchBar.prototype._doSearch = function (text) {
-        var _a;
+    WidgetInfoView.prototype._updateInfoView = function () {
+        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function () {
-            var result, parts, lat, lon, alt, res, MAX_ITEMS, added, _loop_1, i, state_1, e_2;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var selectedIds, firstId, api, entity, entityType, name_1, data, items, images, defaultImage, url, attributes, groups, _i, groups_1, group, e_1;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
-                        if (!text || text.length < 3) {
-                            return [2 /*return*/, []];
+                        selectedIds = this._manager.VisualsRegister.GetSelected();
+                        if (selectedIds.length <= 0) {
+                            this._element.style.display = "none";
+                            this._element.style.opacity = "0";
+                            return [2 /*return*/];
                         }
-                        result = [];
-                        if (isLatLon(text)) {
-                            parts = text.split(",");
-                            lat = parseFloat(parts[0]);
-                            lon = parseFloat(parts[1]);
-                            alt = parts.length > 2 ? parseFloat(parts[2]) : null;
-                            result.push({
-                                type: ESearchType.LatLon,
-                                tip: "Lat Lon Location",
-                                data: {
-                                    altitude: alt,
-                                    latitude: lat,
-                                    longitude: lon
-                                }
-                            });
-                            return [2 /*return*/, result];
+                        this._element.style.display = "flex";
+                        this._element.style.opacity = "1";
+                        firstId = selectedIds[0];
+                        if (this._lastSelectedId == firstId) {
+                            return [2 /*return*/];
                         }
-                        if (!Ion.defaultAccessToken) return [3 /*break*/, 5];
-                        _b.label = 1;
+                        this._lastSelectedId = firstId;
+                        _d.label = 1;
                     case 1:
-                        _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, this._cesiumAutoComplete(text)];
+                        _d.trys.push([1, 5, , 6]);
+                        this._title.style.display = "none";
+                        this._flyTo.style.display = "none";
+                        this._name.innerText = "Loading...";
+                        this._type.innerText = "";
+                        this._summary.innerHTML = "";
+                        this._imageContainer.style.display = "none";
+                        api = this._apiGetters.GetBruceApi();
+                        return [4 /*yield*/, Entity$1.Get({
+                                entityId: firstId,
+                                api: api,
+                                migrated: true
+                            })];
                     case 2:
-                        res = _b.sent();
-                        console.log("Cesium search result", res);
-                        MAX_ITEMS = 5;
-                        added = 0;
-                        if (res && res.features) {
-                            _loop_1 = function (i) {
-                                var feature = res.features[i];
-                                if (feature.bbox || feature.geometry) {
-                                    var name_1 = feature.properties.name;
-                                    if (!name_1) {
-                                        name_1 = feature.properties.label;
-                                    }
-                                    if (!name_1) {
-                                        return "continue";
-                                    }
-                                    // We don't want results with the same visual name, even if they have different coordinate data.
-                                    if (result.find(function (x) { return x.type == ESearchType.CesiumAddress && x.tip == name_1; })) {
-                                        return "continue";
-                                    }
-                                    var coords = (_a = feature.geometry) === null || _a === void 0 ? void 0 : _a.coordinates;
-                                    var bbox = feature.bbox;
-                                    if (!coords && !bbox) {
-                                        return "continue";
-                                    }
-                                    result.push({
-                                        type: ESearchType.CesiumAddress,
-                                        tip: name_1,
-                                        data: {
-                                            bbox: bbox,
-                                            location: coords ? {
-                                                altitude: coords[2],
-                                                latitude: coords[1],
-                                                longitude: coords[0]
-                                            } : null
-                                        }
-                                    });
-                                    added += 1;
-                                    if (added >= MAX_ITEMS) {
-                                        return "break";
-                                    }
-                                }
-                            };
-                            for (i = 0; i < res.features.length; i++) {
-                                state_1 = _loop_1(i);
-                                if (state_1 === "break")
-                                    break;
-                            }
+                        entity = (_d.sent()).entity;
+                        if (!entity) {
+                            throw (new Error("Could not get entity."));
                         }
-                        return [3 /*break*/, 4];
+                        return [4 /*yield*/, EntityType.Get({
+                                entityTypeId: (_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a["EntityType.ID"],
+                                api: api
+                            })];
                     case 3:
-                        e_2 = _b.sent();
-                        console.error(e_2);
-                        return [3 /*break*/, 4];
-                    case 4: return [3 /*break*/, 6];
+                        entityType = (_d.sent()).entityType;
+                        name_1 = Entity$1.CalculateName({
+                            entity: entity,
+                            type: entityType,
+                            defaultToId: false
+                        });
+                        if (!name_1) {
+                            name_1 = "Unnamed Entity";
+                        }
+                        this._title.style.display = "block";
+                        this._flyTo.style.display = "flex";
+                        this._name.innerText = name_1;
+                        this._type.innerText = (entityType === null || entityType === void 0 ? void 0 : entityType.Name) ? entityType.Name : "Unknown type";
+                        return [4 /*yield*/, EntityAttachment.GetListByEntityId({
+                                entityId: firstId,
+                                api: api
+                            })];
+                    case 4:
+                        data = _d.sent();
+                        items = data.attachments;
+                        images = [].concat(items).sort(function (a, b) { return b.DisplayOrder - a.DisplayOrder; }).filter(function (x) { return x["EntityAttachmentType.ID"] == EntityAttachmentType.EType.Photo; }).reverse();
+                        defaultImage = images.length ? images[0] : null;
+                        if (defaultImage) {
+                            this._imageContainer.style.display = "flex";
+                            url = ClientFile.GetUrl({
+                                fileId: defaultImage["ClientFile.ID"],
+                                api: api,
+                                viaCdn: true
+                            });
+                            this._image.style.backgroundImage = "url(".concat(url, ")");
+                        }
+                        attributes = gatherAttributes(EMode.ShowAll, entity, entityType);
+                        groups = groupAttributes(attributes, (_c = (_b = entityType.DataSchema) === null || _b === void 0 ? void 0 : _b.Structure) !== null && _c !== void 0 ? _c : []);
+                        for (_i = 0, groups_1 = groups; _i < groups_1.length; _i++) {
+                            group = groups_1[_i];
+                            this._generateAttrGroup(entityType, entity, group);
+                        }
+                        return [3 /*break*/, 6];
                     case 5:
-                        console.warn("No Cesium token set, skipping Cesium address search.");
-                        _b.label = 6;
-                    case 6: return [2 /*return*/, result];
+                        e_1 = _d.sent();
+                        console.error(e_1);
+                        this._name.innerText = "";
+                        this._summary.innerHTML = "<p>Could not read entity information</p>";
+                        return [3 /*break*/, 6];
+                    case 6: return [2 /*return*/];
                 }
             });
         });
     };
-    WidgetSearchBar.prototype._clickResult = function (item) {
-        return __awaiter(this, void 0, void 0, function () {
-            function zoomToCarto(points) {
-                var cartes = points.map(function (x) { var _a; return Cartesian3.fromDegrees(x.longitude, x.latitude, (_a = x.altitude) !== null && _a !== void 0 ? _a : 0); });
-                zoomToCartes(cartes);
+    WidgetInfoView.prototype._generateAttrGroup = function (type, entity, group) {
+        var groupDiv = document.createElement("div");
+        groupDiv.className = "NextspaceAttributesGroup";
+        groupDiv.setAttribute("is-opened", group.open ? "true" : "false");
+        if (group.group.Key != "ROOT") {
+            var toggle = document.createElement("div");
+            toggle.className = "NextspaceAttributesGroupToggle";
+            toggle.innerHTML = "\n                ".concat(group.group.Key, "\n                <div class=\"NextspaceAttributesGroupToggleIcon\">\n                    <svg class=\"NextspaceAttributesGroupToggleIconOpened\" width=\"16\" height=\"9\" viewBox=\"0 0 16 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15 1L8 8L1 1\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>\n                    <svg class=\"NextspaceAttributesGroupToggleIconClosed\" width=\"10\" height=\"17\" viewBox=\"0 0 10 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.5 15.5L1.5 8.5L8.5 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>\n                </div>\n            ");
+            toggle.addEventListener("click", function () {
+                var isOpened = groupDiv.getAttribute("is-opened") == "true";
+                groupDiv.setAttribute("is-opened", isOpened ? "false" : "true");
+                localStorage.setItem("".concat(OPEN_STORAGE_KEY).concat(group.group.Key), isOpened ? "false" : "true");
+            });
+            groupDiv.appendChild(toggle);
+        }
+        for (var _i = 0, _a = group.attributes; _i < _a.length; _i++) {
+            var attr = _a[_i];
+            var attrDiv = this._generateAttr(groupDiv, type, entity, attr);
+            if (group.group.Key != "ROOT") {
+                attrDiv.style.marginLeft = "12px";
             }
-            var deduplicatePoints, raiseCartesToHeight, zoomToCartes, bbox, point;
-            var _this = this;
-            return __generator(this, function (_a) {
-                deduplicatePoints = function (points) {
-                    var DIS_TOLERANCE = 0.001;
-                    var result = [];
-                    var _loop_2 = function (i) {
-                        var point_1 = points[i];
-                        if (result.find(function (x) { return Cartesian3.distance(x, point_1) < DIS_TOLERANCE; })) {
-                            return "continue";
-                        }
-                        result.push(point_1);
-                    };
-                    for (var i = 0; i < points.length; i++) {
-                        _loop_2(i);
-                    }
-                    return result;
-                };
-                raiseCartesToHeight = function (points, minHeight) {
-                    for (var i = 0; i < points.length; i++) {
-                        var carto = Cartographic.fromCartesian(points[i]);
-                        carto.height = Math.max(carto.height, minHeight);
-                        points[i] = Cartesian3.fromRadians(carto.longitude, carto.latitude, carto.height);
-                    }
-                };
-                zoomToCartes = function (points) {
-                    points = deduplicatePoints(points);
-                    raiseCartesToHeight(points, 2500);
-                    var viewer = _this._viewer;
-                    var orient = {
-                        heading: Math$1.toRadians(0),
-                        pitch: Math$1.toRadians(-90),
-                        roll: 0
-                    };
-                    var onComplete = function () {
-                        viewer.camera.lookAtTransform(Matrix4.IDENTITY);
-                    };
-                    if (points.length > 1) {
-                        var rectangle = Rectangle.fromCartesianArray(points);
-                        viewer.camera.flyTo({
-                            destination: rectangle,
-                            orientation: orient,
-                            duration: 1,
-                            complete: onComplete
-                        });
-                    }
-                    else {
-                        var carto = BoundingSphere.fromPoints(points).center;
-                        viewer.camera.flyTo({
-                            destination: carto,
-                            orientation: orient,
-                            duration: 1,
-                            complete: onComplete
-                        });
-                    }
-                };
-                switch (item.type) {
-                    case ESearchType.CesiumAddress:
-                        bbox = item.data.bbox;
-                        if (bbox) {
-                            zoomToCarto([
-                                {
-                                    altitude: null,
-                                    latitude: bbox[1],
-                                    longitude: bbox[0]
-                                },
-                                {
-                                    altitude: null,
-                                    latitude: bbox[3],
-                                    longitude: bbox[2]
-                                }
-                            ]);
-                            break;
-                        }
-                        point = item.data.location;
-                        if (point) {
-                            zoomToCarto([point]);
-                            break;
-                        }
-                        break;
-                    case ESearchType.LatLon:
-                        zoomToCarto([item.data]);
-                        break;
-                }
-                this._element.setAttribute("is-opened", "false");
-                this._hideResults();
-                return [2 /*return*/];
-            });
-        });
+        }
+        this._summary.appendChild(groupDiv);
     };
-    return WidgetSearchBar;
-}(Widget.AWidget));
-
-var EMode;
-(function (EMode) {
-    EMode["ShowImportant"] = "IMP";
-    EMode["ShowAll"] = "ALL";
-    EMode["ShowAvailable"] = "AV";
-    EMode["ShowImportantAndAvailable"] = "IMP_AV";
-})(EMode || (EMode = {}));
-var OPEN_STORAGE_KEY = "EntityViewSummary_open_";
-var EXCLUDED_PROPERTIES = ["Bruce", "geometry", "position", "boundaries"];
-function isAttributeImportant(mode, entity, path, field) {
-    if (path.length && EXCLUDED_PROPERTIES.includes(path[0])) {
-        return false;
-    }
-    if (mode === EMode.ShowAvailable || mode === EMode.ShowImportantAndAvailable) {
+    WidgetInfoView.prototype._generateAttr = function (container, type, entity, path) {
+        var _a, _b, _c;
+        var attrDiv = document.createElement("div");
+        attrDiv.className = "NextspaceAttribute";
+        var typeItem = digTypeItem(path, (_b = (_a = type.DataSchema) === null || _a === void 0 ? void 0 : _a.Structure) !== null && _b !== void 0 ? _b : []);
+        var attrType = (_c = typeItem === null || typeItem === void 0 ? void 0 : typeItem.Type) !== null && _c !== void 0 ? _c : EntityAttribute.EType.String;
+        var input = document.createElement("div");
+        input.className = "NextspaceAttributeInput";
+        attrDiv.appendChild(input);
+        var attrName = document.createElement("div");
+        attrName.className = "NextspaceAttributeInputLabel";
+        attrName.innerText = typeItem ? typeItem.Name ? typeItem.Name : typeItem.Key : path[path.length - 1];
+        input.appendChild(attrName);
         var value = Entity$1.GetValue({
             entity: entity,
             path: path
         });
-        var hasValue = value || value == 0;
-        if (mode === EMode.ShowAvailable) {
-            return hasValue;
-        }
-        if (!hasValue) {
-            return false;
-        }
-    }
-    if (field.IsImportant || mode === EMode.ShowAll) {
-        return true;
-    }
-    if (field.Type === EntityAttribute.EType.Structure) {
-        return field.Structure.some(function (field) { return isAttributeImportant(mode, entity, path, field); });
-    }
-    return false;
-}
-function digAttributes(mode, entity, structure, path) {
-    var attributes = [];
-    for (var i = 0; i < structure.length; i++) {
-        var field = structure[i];
-        var fieldPath = [].concat(path);
-        fieldPath.push(field.Key);
-        if (!isAttributeImportant(mode, entity, fieldPath, field)) {
-            continue;
-        }
-        if (field.Type === EntityAttribute.EType.Structure) {
-            var dug = digAttributes(mode, entity, field.Structure, fieldPath);
-            attributes = attributes.concat(dug);
-        }
-        else {
-            attributes.push(fieldPath);
+        var valueStr = "";
+        if (attrType == EntityAttribute.EType.Boolean) {
+            valueStr = value ? "Yes" : "No";
         }
-    }
-    return attributes;
-}
-function gatherAttributes(mode, entity, type) {
-    var _a, _b;
-    var schema = (_b = (_a = type.DataSchema) === null || _a === void 0 ? void 0 : _a.Structure) !== null && _b !== void 0 ? _b : [];
-    schema = [].concat(schema);
-    Object.keys(entity).forEach(function (key) {
-        if (!schema.find(function (field) { return (field === null || field === void 0 ? void 0 : field.Key) == key; })) {
-            schema.push({
-                Key: key,
-                Name: key,
-                Type: EntityAttribute.EType.String,
-                IsImportant: false,
-                IsIndexed: false,
-                Structure: []
-            });
+        else if (attrType == EntityAttribute.EType.Integer || attrType == EntityAttribute.EType.Double) {
+            valueStr = +value;
+            if (isNaN(valueStr)) {
+                valueStr = 0;
+            }
         }
-    });
-    return digAttributes(mode, entity, schema, []);
-}
-function digTypeItem(path, structure) {
-    var key = path[0];
-    var field = structure.find(function (field) { return field.Key === key; });
-    if (!field) {
-        return null;
-    }
-    if (path.length === 1) {
-        return field;
-    }
-    if (field.Type === EntityAttribute.EType.Structure) {
-        return digTypeItem(path.slice(1), field.Structure);
-    }
-    return null;
-}
-function groupAttributes(paths, attributes) {
-    var groups = [];
-    var _loop_1 = function (i) {
-        var path = paths[i];
-        var groupPath = path.slice(0, path.length - 1);
-        var groupAttr = digTypeItem(groupPath, attributes);
-        if (!groupAttr) {
-            groupAttr = {
-                Key: "ROOT"
-            };
+        else if (attrType == EntityAttribute.EType.Structure) {
+            valueStr = "<Multiple values>";
         }
-        var group = groups.find(function (group) { return group.group.Key === groupAttr.Key; });
-        if (group) {
-            group.attributes.push(path);
+        else if (attrType == EntityAttribute.EType.Geometry) {
+            valueStr = "<Multiple values>";
         }
         else {
-            var isOpen = localStorage.getItem(OPEN_STORAGE_KEY + groupAttr.Key);
-            if (isOpen == null) {
-                var DEFAULT_CLOSED = [
-                    "Bruce",
-                    "location",
-                    "boundaries",
-                    "transform"
-                ];
-                isOpen = path.length ? DEFAULT_CLOSED.includes(path[0]) ? "false" : "true" : "true";
+            if (value && typeof value == "object") {
+                valueStr = "<Multiple values>";
+            }
+            else {
+                valueStr = value ? String(value) : "<No value>";
             }
-            groups.push({
-                group: groupAttr,
-                attributes: [path],
-                open: isOpen != "false"
-            });
         }
+        var attrValue = document.createElement("input");
+        attrValue.className = "NextspaceAttributeInputValue";
+        attrValue.value = String(valueStr);
+        input.appendChild(attrValue);
+        container.appendChild(attrDiv);
+        return attrDiv;
     };
-    for (var i = 0; i < paths.length; i++) {
-        _loop_1(i);
-    }
-    return groups;
-}
-var WidgetInfoView = /** @class */ (function (_super) {
-    __extends(WidgetInfoView, _super);
-    function WidgetInfoView(params) {
+    return WidgetInfoView;
+}(Widget.AWidget));
+
+var WidgetEmbeddedInfoView = /** @class */ (function (_super) {
+    __extends(WidgetEmbeddedInfoView, _super);
+    function WidgetEmbeddedInfoView(params) {
         var _this = _super.call(this, params) || this;
         _this.STYLESHEET_ID = "nextspace-info-view-stylesheet";
         _this._generateStyles();
@@ -26714,766 +26658,1129 @@ var WidgetInfoView = /** @class */ (function (_super) {
                 _this._updateInfoView();
             }
         });
-        return _this;
-    }
-    WidgetInfoView.prototype.Dispose = function () {
-        _super.prototype.Dispose.call(this);
-        this._updateRemoval();
-    };
-    WidgetInfoView.prototype._generateStyles = function () {
-        if (document.getElementById(this.STYLESHEET_ID)) {
-            return;
-        }
-        var style = document.createElement("style");
-        style.id = this.STYLESHEET_ID;
-        style.innerHTML = "\n            .NextspaceInfoView {\n                width: 430px;\n                right: 10px;\n                top: 66px;\n                height: max-content;\n                max-height: calc(100% - 320px);\n                min-height: 50px;\n                align-items: center;\n                -webkit-backdrop-filter: blur(20px);\n                backdrop-filter: blur(20px);\n                background: rgba(33,39,42,.8);\n                border-radius: 9px;\n                box-shadow: 0 0 1px rgba(18,22,25,.36),0 18px 36px -4px rgba(18,22,25,.36);\n                display: flex;\n                flex-direction: column;\n                flex-shrink: 1;\n                opacity: 0;\n                position: absolute;\n                z-index: 1;\n                transition: opacity .3s ease,-webkit-transform .1s;\n                transition: opacity .3s ease,transform .1s;\n                transition: opacity .3s ease,transform .1s,-webkit-transform .1s;\n                font-family: Arial;\n            }\n\n            .NextspaceInfoView * {\n                box-sizing: border-box;\n            }\n\n            .NextspaceInfoViewTopLeftButtons {\n                left: 12px;\n                top: 5px;\n                align-items: center;\n                display: flex;\n                position: absolute;\n                z-index: 1;\n            }\n\n            .NextspaceInfoViewTopRightButtons {\n                right: 12px;\n                top: 5px;\n                align-items: center;\n                display: flex;\n                position: absolute;\n                z-index: 1;\n            }\n\n            .NextspaceInfoViewIconButton {\n                align-items: center;\n                display: flex;\n                flex-grow: 0;\n                flex-shrink: 0;\n                height: 30px;\n                justify-content: center;\n                margin-right: 8px;\n                min-height: 0;\n                min-width: 0;\n                position: relative;\n                width: 30px;\n                font-size: 1.5rem;\n                padding: 8px;\n                border-radius: 50%;\n                overflow: visible;\n                color: rgba(0, 0, 0, 0.54);\n                transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n                appearance: none;\n                text-decoration: none;\n                text-align: center;\n                background-color: transparent;\n                outline: 0px;\n                border: 0px none;\n                margin: 0px;\n                margin-right: 0px;\n                cursor: pointer;\n                user-select: none;\n                -moz-box-pack: center;\n                -moz-box-align: center;\n            }\n\n            .NextspaceInfoViewIconButton:hover {\n                opacity: .9;\n                transition: opacity .3s ease;\n                background-color: rgba(0, 0, 0, 0.04);\n            }\n\n            .NextspaceInfoViewIconButton svg {\n                max-height: 24px;\n                max-width: 24px;\n                flex-shrink: 0;\n            }\n\n            .NextspaceInfoViewContent {\n                align-items: flex-start;\n                color: #fff;\n                display: flex;\n                flex-direction: column;\n                flex-grow: 1;\n                flex-shrink: 1;\n                margin-top: 12px;\n                overflow: auto;\n                padding: 25px;\n                width: 100%;\n            }\n\n            .NextspaceInfoViewScrollBox {\n                flex-grow: 1;\n                flex-shrink: 1;\n                overflow-y: auto;\n                width: 100%;\n            }\n\n            .NextspaceInfoViewName {\n                font-family: Arial;\n                font-style: normal;\n                font-weight: 400;\n                text-align: center;\n                width: 100%;\n                color: #40c4ff;\n                font-size: 13px;\n                letter-spacing: .01em;\n                line-height: 16px;\n                margin-bottom: 5px;\n            }\n\n            .NextspaceInfoViewType {\n                font-family: Arial;\n                font-style: normal;\n                font-weight: 400;\n                text-align: center;\n                width: 100%;\n                color: #c1c7cd;\n                font-size: 10px;\n                letter-spacing: .05em;\n                line-height: 10px;\n                margin-bottom: 12px;\n                -webkit-user-select: none;\n                user-select: none;\n            }\n\n            .NextspaceInfoViewTitle {\n                color: #f2f4f8;\n                font-family: Arial;\n                font-size: 14px;\n                font-style: normal;\n                font-weight: 500;\n                line-height: 20px;\n                margin-right: auto;\n                -webkit-touch-callout: none;\n                -webkit-user-select: none;\n                user-select: none;\n                margin-top: 20px;\n                margin-bottom: 10px;\n            }\n\n            .NextspaceInfoViewSummary {\n                display: flex;\n                flex-direction: column;\n                flex-grow: 1;\n                flex-shrink: 1;\n            }\n\n            .NextspaceAttributesGroup {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"false\"] .NextspaceAttribute {\n                display: none;\n            }\n\n            .NextspaceAttributesGroupToggle {\n                align-items: center;\n                background-color: #343a3f;\n                border: 1px solid #343a3f;\n                border-radius: 5px;\n                cursor: pointer;\n                display: flex;\n                height: 35px;\n                margin-bottom: 3px;\n                overflow: hidden;\n                padding-left: 12px;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                -webkit-touch-callout: none;\n                -webkit-user-select: none;\n                user-select: none;\n                font-size: 12px;\n            }\n\n            .NextspaceAttributesGroupToggleIcon {\n                align-items: center;\n                display: flex;\n                height: 20px;\n                justify-content: center;\n                margin-left: auto;\n                margin-right: 8px;\n                width: 20px;\n                cursor: pointer;\n                white-space: nowrap;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"false\"] .NextspaceAttributesGroupToggleIconOpened {\n                display: none;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"true\"] .NextspaceAttributesGroupToggleIconOpened {\n                display: block;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"false\"] .NextspaceAttributesGroupToggleIconClosed {\n                display: block;\n            }\n\n            .NextspaceAttributesGroup[is-opened=\"true\"] .NextspaceAttributesGroupToggleIconClosed {\n                display: none;\n            }\n\n            .NextspaceAttribute {\n                align-items: center;\n                display: flex;\n                flex-direction: row;\n                flex-grow: 1;\n            }\n\n            .NextspaceAttributeInput {\n                align-items: center;\n                background-color: #121619;\n                border: 1px solid #434343;\n                border-radius: 5px;\n                display: flex;\n                height: 35px;\n                margin-bottom: 3px;\n                width: 100%;\n            }\n\n            .NextspaceAttributeInputLabel {\n                border-right: 1px solid #434343;\n                flex-grow: .8;\n                flex-shrink: 1;\n                margin-right: 8px;\n                overflow: hidden;\n                padding-left: 8px;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                width: 90px;\n                font-size: 12px;\n            }\n\n            .NextspaceAttributeInputValue {\n                background-color: transparent;\n                border: 1px solid transparent;\n                color: #fff;\n                flex-grow: 1;\n                flex-shrink: 1;\n                height: 100%;\n                padding-left: 2px;\n                text-align: left;\n                width: 120px;\n                cursor: default;\n                opacity: .6;\n                outline: none;\n                padding: .5rem .75rem;\n                border-radius: .375rem;\n                font-size: 12px;\n            }\n\n            .NextspaceDefaultImageContainer {\n                align-items: center;\n                border-radius: 5px;\n                display: flex;\n                flex-direction: column;\n                flex-grow: 0;\n                flex-shrink: 1;\n                height: 170px;\n                overflow: hidden;\n                position: relative;\n                width: 100%;\n                background-color: rgba(33, 39, 42, 0.8);\n                margin-bottom: 20px;\n            }\n\n            .NextspaceDefaultImage {\n                background-position: 50%;\n                background-repeat: no-repeat;\n                background-size: cover;\n                height: 100%;\n                width: 100%;\n                user-select: none;\n            }\n        ";
-        document.head.appendChild(style);
-    };
-    WidgetInfoView.prototype._generateElement = function () {
-        var _this = this;
-        var element = document.createElement("div");
-        element.className = "NextspaceInfoView";
-        element.style.display = "none";
-        var topLeftButtons = document.createElement("div");
-        topLeftButtons.className = "NextspaceInfoViewTopLeftButtons";
-        topLeftButtons.innerHTML = "\n            <button title=\"Fly to entity\" class=\"NextspaceInfoViewIconButton\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20.5926 2.12617L2.49072 12.5694C1.78383 12.9756 1.87366 13.9597 2.57664 14.2566L6.72815 15.9984L17.9486 6.10975C18.1634 5.91838 18.468 6.21129 18.2844 6.4339L8.87616 17.8964V21.0403C8.87616 21.962 9.98921 22.3252 10.536 21.6574L13.016 18.6385L17.8822 20.6771C18.4367 20.9115 19.0694 20.5639 19.171 19.9663L21.9829 3.09473C22.1157 2.30583 21.2682 1.73563 20.5926 2.12617Z\" fill=\"white\"></path></svg>\n            </button>\n        ";
-        element.appendChild(topLeftButtons);
-        var topRightButtons = document.createElement("div");
-        topRightButtons.className = "NextspaceInfoViewTopRightButtons";
-        topRightButtons.innerHTML = "\n            <button title=\"Close\" class=\"NextspaceInfoViewIconButton\">\n                <svg class=\"\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.3002 5.70973C17.9102 5.31973 17.2802 5.31973 16.8902 5.70973L12.0002 10.5897L7.11022 5.69973C6.72022 5.30973 6.09021 5.30973 5.70021 5.69973C5.31021 6.08973 5.31021 6.71973 5.70021 7.10973L10.5902 11.9997L5.70021 16.8897C5.31021 17.2797 5.31021 17.9097 5.70021 18.2997C6.09021 18.6897 6.72022 18.6897 7.11022 18.2997L12.0002 13.4097L16.8902 18.2997C17.2802 18.6897 17.9102 18.6897 18.3002 18.2997C18.6902 17.9097 18.6902 17.2797 18.3002 16.8897L13.4102 11.9997L18.3002 7.10973C18.6802 6.72973 18.6802 6.08973 18.3002 5.70973Z\" fill=\"white\"></path></svg>\n            </button>\n        ";
-        element.appendChild(topRightButtons);
-        var flyToButt = topLeftButtons.querySelector("button");
-        flyToButt.addEventListener("click", function () {
-            _this._clickFlyTo();
-        });
-        this._flyTo = flyToButt;
-        var closeButt = topRightButtons.querySelector("button");
-        closeButt.addEventListener("click", function () {
-            _this._manager.VisualsRegister.ClearSelected();
-        });
-        var content = document.createElement("div");
-        content.className = "NextspaceInfoViewContent";
-        element.appendChild(content);
-        var scrollBox = document.createElement("div");
-        scrollBox.className = "NextspaceInfoViewScrollBox";
-        content.appendChild(scrollBox);
-        var name = document.createElement("div");
-        name.className = "NextspaceInfoViewName";
-        scrollBox.appendChild(name);
-        this._name = name;
-        var type = document.createElement("div");
-        type.className = "NextspaceInfoViewType";
-        scrollBox.appendChild(type);
-        this._type = type;
-        var imageContainer = document.createElement("div");
-        imageContainer.className = "NextspaceDefaultImageContainer";
-        var image = document.createElement("div");
-        image.classList.add("NextspaceDefaultImage");
-        imageContainer.appendChild(image);
-        scrollBox.appendChild(imageContainer);
-        this._imageContainer = imageContainer;
-        this._image = image;
-        var title = document.createElement("div");
-        title.className = "NextspaceInfoViewTitle";
-        title.innerText = "Details";
-        scrollBox.appendChild(title);
-        this._title = title;
-        var summary = document.createElement("div");
-        summary.className = "NextspaceInfoViewSummary";
-        scrollBox.appendChild(summary);
-        this._summary = summary;
+        if (window) {
+            var winEvent_1 = null;
+            window.addEventListener("message", winEvent_1 = function (event) {
+                try {
+                    var data = (event.data && typeof event.data == "string" && String(event.data).startsWith("{")) ? JSON.parse(event.data) : event.data;
+                    if (!data) {
+                        return;
+                    }
+                    var embedId = data.embedId;
+                    // Detecting when selection changes within iframe.
+                    if (embedId == "info-view") {
+                        if (data.action == "select") {
+                            _this._manager.VisualsRegister.ClearSelected();
+                            _this._manager.VisualsRegister.SetSelected({
+                                entityIds: data.selectedIds ? data.selectedIds : [],
+                                selected: true
+                            });
+                        }
+                        else if (data.action == "fly-to") {
+                            _this._flyTo();
+                        }
+                    }
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            });
+            _this._windowTopRemoval = function () {
+                window.removeEventListener("message", winEvent_1);
+            };
+        }
+        return _this;
+    }
+    WidgetEmbeddedInfoView.prototype.Dispose = function () {
+        var _a;
+        _super.prototype.Dispose.call(this);
+        this._updateRemoval();
+        (_a = this._windowTopRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
+        this._windowTopRemoval = null;
+    };
+    WidgetEmbeddedInfoView.prototype._generateStyles = function () {
+        if (document.getElementById(this.STYLESHEET_ID)) {
+            return;
+        }
+        var style = document.createElement("style");
+        style.id = this.STYLESHEET_ID;
+        style.innerHTML = "\n            .NextspaceInfoView {\n                width: 500px;\n                border-radius: 8px;\n                right: 10px;\n                top: 66px;\n                height: 600px;\n                max-height: calc(100% - 320px);\n                min-height: 50px;\n                align-items: center;\n                background: rgba(33,39,42,0.8);\n                border-radius: 9px;\n                box-shadow: 0 0 1px rgba(18,22,25,.36),0 18px 36px -4px rgba(18,22,25,.36);\n                backdrop-filter: blur(20px);\n                display: flex;\n                flex-direction: column;\n                flex-shrink: 1;\n                opacity: 0;\n                position: absolute;\n                z-index: 1;\n                transition: opacity .3s ease,-webkit-transform .1s;\n                transition: opacity .3s ease,transform .1s;\n                transition: opacity .3s ease,transform .1s,-webkit-transform .1s;\n                font-family: Arial;\n                overflow: hidden;\n            }\n\n            .NextspaceInfoView * {\n                box-sizing: border-box;\n            }\n        ";
+        document.head.appendChild(style);
+    };
+    WidgetEmbeddedInfoView.prototype._generateElement = function () {
+        var element = document.createElement("div");
+        element.className = "NextspaceInfoView";
+        element.style.display = "none";
         this.Container.appendChild(element);
         this._element = element;
         this._updateInfoView();
     };
-    WidgetInfoView.prototype._clickFlyTo = function () {
+    WidgetEmbeddedInfoView.prototype._updateInfoView = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var entityId, pos3d;
+            var selectedIds, firstId, url, urlParams, iframe;
             return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        entityId = this._lastSelectedId;
-                        if (!entityId) {
-                            return [2 /*return*/];
-                        }
-                        return [4 /*yield*/, EntityUtils.GetPosAsync({
-                                api: this._apiGetters.GetBruceApi(),
-                                entityId: entityId,
-                                viewer: this._viewer,
-                                returnHeightRef: HeightReference.NONE,
-                                recordHeightRef: HeightReference.NONE,
-                                visualRegister: this._manager.VisualsRegister
-                            })];
-                    case 1:
-                        pos3d = _a.sent();
-                        if (!(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) return [3 /*break*/, 3];
-                        return [4 /*yield*/, DrawingUtils.RaisePos3d(this._viewer, pos3d, 15)];
-                    case 2:
-                        pos3d = _a.sent();
-                        this._viewer.camera.flyTo({
-                            destination: pos3d,
-                            duration: 1,
-                            orientation: {
-                                heading: 0,
-                                pitch: -Math$1.PI_OVER_TWO,
-                                roll: 0
-                            }
-                        });
-                        return [3 /*break*/, 4];
-                    case 3:
-                        alert("Could not get position of entity.");
-                        _a.label = 4;
-                    case 4: return [2 /*return*/];
+                selectedIds = this._manager.VisualsRegister.GetSelected();
+                if (selectedIds.length <= 0) {
+                    this._element.style.display = "none";
+                    this._element.style.opacity = "0";
+                    return [2 /*return*/];
+                }
+                this._element.style.display = "flex";
+                this._element.style.opacity = "1";
+                firstId = selectedIds[0];
+                if (this._lastSelectedId == firstId) {
+                    return [2 /*return*/];
+                }
+                this._lastSelectedId = firstId;
+                try {
+                    url = "https://embed.nextspace.host/embed";
+                    urlParams = new URLSearchParams();
+                    urlParams.append("id", "info-view");
+                    urlParams.append("entityId", firstId);
+                    urlParams.append("sessionId", this._manager.Getters.GetSessionId());
+                    urlParams.append("accountId", this._manager.Getters.GetAccountId());
+                    urlParams.append("env", this._manager.Getters.GetEnv());
+                    urlParams.append("bgStyle", "transparent");
+                    urlParams.append("enableFlyTo", "true");
+                    iframe = document.createElement("iframe");
+                    iframe.src = "".concat(url, "?").concat(urlParams.toString());
+                    iframe.style.width = "100%";
+                    iframe.style.height = "100%";
+                    iframe.style.border = "none";
+                    this._element.innerHTML = "";
+                    this._element.appendChild(iframe);
+                }
+                catch (e) {
+                    console.error(e);
                 }
+                return [2 /*return*/];
             });
         });
     };
-    WidgetInfoView.prototype._updateInfoView = function () {
-        var _a, _b, _c;
+    WidgetEmbeddedInfoView.prototype._flyTo = function () {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var selectedIds, firstId, api, entity, entityType, name_1, data, items, images, defaultImage, url, attributes, groups, _i, groups_1, group, e_1;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            var flew, ids, viewer, location_1, destination, centerCartographic, pos3d, e_1;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        selectedIds = this._manager.VisualsRegister.GetSelected();
-                        if (selectedIds.length <= 0) {
-                            this._element.style.display = "none";
-                            this._element.style.opacity = "0";
-                            return [2 /*return*/];
-                        }
-                        this._element.style.display = "flex";
-                        this._element.style.opacity = "1";
-                        firstId = selectedIds[0];
-                        if (this._lastSelectedId == firstId) {
-                            return [2 /*return*/];
-                        }
-                        this._lastSelectedId = firstId;
-                        _d.label = 1;
+                        flew = false;
+                        _c.label = 1;
                     case 1:
-                        _d.trys.push([1, 5, , 6]);
-                        this._title.style.display = "none";
-                        this._flyTo.style.display = "none";
-                        this._name.innerText = "Loading...";
-                        this._type.innerText = "";
-                        this._summary.innerHTML = "";
-                        this._imageContainer.style.display = "none";
-                        api = this._apiGetters.GetBruceApi();
-                        return [4 /*yield*/, Entity$1.Get({
-                                entityId: firstId,
-                                api: api,
-                                migrated: true
+                        _c.trys.push([1, 3, , 4]);
+                        ids = this._manager.VisualsRegister.GetSelected();
+                        viewer = this._manager.Viewer;
+                        return [4 /*yield*/, EntityUtils.GetLocation({
+                                samples: ids.map(function (id) { return ({
+                                    entityId: id,
+                                    returnHeightRef: HeightReference.NONE,
+                                    heightRef: HeightReference.RELATIVE_TO_GROUND
+                                }); }),
+                                viewer: viewer,
+                                visualRegister: this._manager.VisualsRegister,
+                                api: this._manager.Getters.GetBruceApi(),
+                                minimumAlt: 5,
+                                paddingAlt: 5
                             })];
                     case 2:
-                        entity = (_d.sent()).entity;
-                        if (!entity) {
-                            throw (new Error("Could not get entity."));
+                        location_1 = _c.sent();
+                        destination = null;
+                        if ((_a = location_1 === null || location_1 === void 0 ? void 0 : location_1.sphere) === null || _a === void 0 ? void 0 : _a.radius) {
+                            if (location_1.sphere.radius < 5) {
+                                location_1.sphere.radius = 5;
+                            }
+                            centerCartographic = Cartographic.fromCartesian(location_1.sphere.center);
+                            centerCartographic.height += (location_1.sphere.radius * 2);
+                            pos3d = Cartesian3.fromRadians(centerCartographic.longitude, centerCartographic.latitude, centerCartographic.height);
+                            destination = pos3d;
                         }
-                        return [4 /*yield*/, EntityType.Get({
-                                entityTypeId: (_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a["EntityType.ID"],
-                                api: api
-                            })];
-                    case 3:
-                        entityType = (_d.sent()).entityType;
-                        name_1 = Entity$1.CalculateName({
-                            entity: entity,
-                            type: entityType,
-                            defaultToId: false
-                        });
-                        if (!name_1) {
-                            name_1 = "Unnamed Entity";
+                        else if (location_1 === null || location_1 === void 0 ? void 0 : location_1.rectangle) {
+                            destination = location_1.rectangle;
                         }
-                        this._title.style.display = "block";
-                        this._flyTo.style.display = "flex";
-                        this._name.innerText = name_1;
-                        this._type.innerText = (entityType === null || entityType === void 0 ? void 0 : entityType.Name) ? entityType.Name : "Unknown type";
-                        return [4 /*yield*/, EntityAttachment.GetListByEntityId({
-                                entityId: firstId,
-                                api: api
-                            })];
-                    case 4:
-                        data = _d.sent();
-                        items = data.attachments;
-                        images = [].concat(items).sort(function (a, b) { return b.DisplayOrder - a.DisplayOrder; }).filter(function (x) { return x["EntityAttachmentType.ID"] == EntityAttachmentType.EType.Photo; }).reverse();
-                        defaultImage = images.length ? images[0] : null;
-                        if (defaultImage) {
-                            this._imageContainer.style.display = "flex";
-                            url = ClientFile.GetUrl({
-                                fileId: defaultImage["ClientFile.ID"],
-                                api: api,
-                                viaCdn: true
+                        else if ((_b = location_1 === null || location_1 === void 0 ? void 0 : location_1.pos3d) === null || _b === void 0 ? void 0 : _b.x) {
+                            destination = location_1.pos3d;
+                        }
+                        if (destination) {
+                            viewer.camera.flyTo({
+                                destination: destination,
+                                duration: 1,
+                                orientation: {
+                                    heading: 0,
+                                    pitch: -Math$1.PI_OVER_TWO,
+                                    roll: 0
+                                }
                             });
-                            this._image.style.backgroundImage = "url(".concat(url, ")");
+                            flew = true;
                         }
-                        attributes = gatherAttributes(EMode.ShowAll, entity, entityType);
-                        groups = groupAttributes(attributes, (_c = (_b = entityType.DataSchema) === null || _b === void 0 ? void 0 : _b.Structure) !== null && _c !== void 0 ? _c : []);
-                        for (_i = 0, groups_1 = groups; _i < groups_1.length; _i++) {
-                            group = groups_1[_i];
-                            this._generateAttrGroup(entityType, entity, group);
+                        else {
+                            flew = false;
                         }
-                        return [3 /*break*/, 6];
-                    case 5:
-                        e_1 = _d.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        e_1 = _c.sent();
                         console.error(e_1);
-                        this._name.innerText = "";
-                        this._summary.innerHTML = "<p>Could not read entity information</p>";
-                        return [3 /*break*/, 6];
-                    case 6: return [2 /*return*/];
+                        return [3 /*break*/, 4];
+                    case 4:
+                        if (!flew) {
+                            window.alert("Could not fly to selection.");
+                        }
+                        return [2 /*return*/];
                 }
             });
         });
     };
-    WidgetInfoView.prototype._generateAttrGroup = function (type, entity, group) {
-        var groupDiv = document.createElement("div");
-        groupDiv.className = "NextspaceAttributesGroup";
-        groupDiv.setAttribute("is-opened", group.open ? "true" : "false");
-        if (group.group.Key != "ROOT") {
-            var toggle = document.createElement("div");
-            toggle.className = "NextspaceAttributesGroupToggle";
-            toggle.innerHTML = "\n                ".concat(group.group.Key, "\n                <div class=\"NextspaceAttributesGroupToggleIcon\">\n                    <svg class=\"NextspaceAttributesGroupToggleIconOpened\" width=\"16\" height=\"9\" viewBox=\"0 0 16 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15 1L8 8L1 1\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>\n                    <svg class=\"NextspaceAttributesGroupToggleIconClosed\" width=\"10\" height=\"17\" viewBox=\"0 0 10 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.5 15.5L1.5 8.5L8.5 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>\n                </div>\n            ");
-            toggle.addEventListener("click", function () {
-                var isOpened = groupDiv.getAttribute("is-opened") == "true";
-                groupDiv.setAttribute("is-opened", isOpened ? "false" : "true");
-                localStorage.setItem("".concat(OPEN_STORAGE_KEY).concat(group.group.Key), isOpened ? "false" : "true");
-            });
-            groupDiv.appendChild(toggle);
+    return WidgetEmbeddedInfoView;
+}(Widget.AWidget));
+
+var CESIUM_VIEWER_MANAGER_KEY = "_cesiumViewerManager";
+var CESIUM_VIEWER_EVENT_TRACKER_KEY = "_cesiumViewerEventTracker";
+/**
+ * Bug related to entities not being visible after they were added then a render was requested.
+ * It was 4 point entities in York. They would not appear until a request render was recalled.
+ * Adding this slow render loop as a band-aid fix.
+ */
+var BACKGROUND_RENDERING_KEY = "_backgroundRendering";
+function backgroundRendering(viewer) {
+    if (viewer[BACKGROUND_RENDERING_KEY]) {
+        return;
+    }
+    viewer[BACKGROUND_RENDERING_KEY] = true;
+    var interval = setInterval(function () {
+        var _a;
+        if (!(viewer === null || viewer === void 0 ? void 0 : viewer.cesiumWidget) || !(viewer === null || viewer === void 0 ? void 0 : viewer.scene) || viewer.isDestroyed()) {
+            clearInterval(interval);
+            return;
         }
-        for (var _i = 0, _a = group.attributes; _i < _a.length; _i++) {
-            var attr = _a[_i];
-            var attrDiv = this._generateAttr(groupDiv, type, entity, attr);
-            if (group.group.Key != "ROOT") {
-                attrDiv.style.marginLeft = "12px";
+        // We'll ignore the call if the viewer container is not visible.
+        if (!viewer.container || ((_a = viewer.container.style) === null || _a === void 0 ? void 0 : _a.display) == "none") {
+            return;
+        }
+        try {
+            // Check if last render time is greater than 3 seconds ago.
+            // We check in case something else is also requesting renders.
+            var lastRenderTime = viewer.scene.lastRenderTime;
+            if (!lastRenderTime || JulianDate.secondsDifference(JulianDate.now(), lastRenderTime) > 3) {
+                // Check if window is active/in focus.
+                // TODO: Should render the moment it is in focus as well.
+                if (document.hasFocus()) {
+                    viewer.scene.requestRender();
+                }
             }
         }
-        this._summary.appendChild(groupDiv);
-    };
-    WidgetInfoView.prototype._generateAttr = function (container, type, entity, path) {
-        var _a, _b, _c;
-        var attrDiv = document.createElement("div");
-        attrDiv.className = "NextspaceAttribute";
-        var typeItem = digTypeItem(path, (_b = (_a = type.DataSchema) === null || _a === void 0 ? void 0 : _a.Structure) !== null && _b !== void 0 ? _b : []);
-        var attrType = (_c = typeItem === null || typeItem === void 0 ? void 0 : typeItem.Type) !== null && _c !== void 0 ? _c : EntityAttribute.EType.String;
-        var input = document.createElement("div");
-        input.className = "NextspaceAttributeInput";
-        attrDiv.appendChild(input);
-        var attrName = document.createElement("div");
-        attrName.className = "NextspaceAttributeInputLabel";
-        attrName.innerText = typeItem ? typeItem.Name ? typeItem.Name : typeItem.Key : path[path.length - 1];
-        input.appendChild(attrName);
-        var value = Entity$1.GetValue({
-            entity: entity,
-            path: path
-        });
-        var valueStr = "";
-        if (attrType == EntityAttribute.EType.Boolean) {
-            valueStr = value ? "Yes" : "No";
+        catch (e) {
+            console.error("backgroundRendering", e);
         }
-        else if (attrType == EntityAttribute.EType.Integer || attrType == EntityAttribute.EType.Double) {
-            valueStr = +value;
-            if (isNaN(valueStr)) {
-                valueStr = 0;
+    }, 1500);
+}
+// Cache of Cesium Token -> Validity.
+var _cToken_check_cache = {};
+var ViewerUtils;
+(function (ViewerUtils$$1) {
+    /**
+     * Destroys all the junk that cesium viewer ships with.
+     * @param viewer
+     */
+    function InitViewer(params) {
+        var viewer = params.viewer, destroyWidgets = params.destroyWidgets, styleContainer = params.styleContainer, nextspaceWidgets = params.nextspaceWidgets, widgetParams = params.widgetParams;
+        var data = { widgets: {} };
+        if (destroyWidgets != false) {
+            try {
+                ViewerUtils$$1.DestroyWidget(viewer.timeline);
+                ViewerUtils$$1.DestroyWidget(viewer.vrButton);
+                ViewerUtils$$1.DestroyWidget(viewer.sceneModePicker);
+                ViewerUtils$$1.DestroyWidget(viewer.homeButton);
+                ViewerUtils$$1.DestroyWidget(viewer.fullscreenButton);
+                ViewerUtils$$1.DestroyWidget(viewer.baseLayerPicker);
+            }
+            catch (e) {
+                console.error(e);
             }
         }
-        else if (attrType == EntityAttribute.EType.Structure) {
-            valueStr = "<Multiple values>";
+        if (styleContainer != false) {
+            ViewerUtils$$1.StyleContainer({ viewer: viewer });
         }
-        else if (attrType == EntityAttribute.EType.Geometry) {
-            valueStr = "<Multiple values>";
+        if (nextspaceWidgets != false) {
+            data.widgets = ViewerUtils$$1.CreateWidgets(__assign(__assign({}, widgetParams), { viewer: viewer }));
         }
-        else {
-            if (value && typeof value == "object") {
-                valueStr = "<Multiple values>";
+        backgroundRendering(viewer);
+        // Capturing the destroy call to destroy all widgets.
+        var olDestroy = viewer.destroy;
+        viewer.destroy = function () {
+            if (!viewer || viewer.isDestroyed()) {
+                return;
             }
-            else {
-                valueStr = value ? String(value) : "<No value>";
+            try {
+                ViewerUtils$$1.DisposeNextspaceWidgets(viewer);
             }
-        }
-        var attrValue = document.createElement("input");
-        attrValue.className = "NextspaceAttributeInputValue";
-        attrValue.value = String(valueStr);
-        input.appendChild(attrValue);
-        container.appendChild(attrDiv);
-        return attrDiv;
-    };
-    return WidgetInfoView;
-}(Widget.AWidget));
-
-var WidgetEmbeddedInfoView = /** @class */ (function (_super) {
-    __extends(WidgetEmbeddedInfoView, _super);
-    function WidgetEmbeddedInfoView(params) {
-        var _this = _super.call(this, params) || this;
-        _this.STYLESHEET_ID = "nextspace-info-view-stylesheet";
-        _this._generateStyles();
-        _this._generateElement();
-        _this._updateRemoval = _this._manager.VisualsRegister.OnUpdate.Subscribe(function (data) {
-            if (data.type == "UPDATE" || data.type == "DESELECT_ALL") {
-                _this._updateInfoView();
+            // We don't want the actual destroy to fail.
+            catch (e) {
+                console.error(e);
+            }
+            if (olDestroy) {
+                // Calling with original binding to retain scope.
+                olDestroy.call(viewer);
             }
+        };
+        return data;
+    }
+    ViewerUtils$$1.InitViewer = InitViewer;
+    /**
+     * Destroys all widgets attached to the given viewer.
+     * All Nextspace widgets get auto-associated with the viewer they are created against.
+     * @param viewer
+     */
+    function DisposeNextspaceWidgets(viewer) {
+        Widget.GetWidgets(viewer).forEach(function (widget) {
+            widget.Dispose();
         });
-        if (window) {
-            var winEvent_1 = null;
-            window.addEventListener("message", winEvent_1 = function (event) {
-                try {
-                    var data = (event.data && typeof event.data == "string" && String(event.data).startsWith("{")) ? JSON.parse(event.data) : event.data;
-                    if (!data) {
-                        return;
-                    }
-                    var embedId = data.embedId;
-                    // Detecting when selection changes within iframe.
-                    if (embedId == "info-view") {
-                        if (data.action == "select") {
-                            _this._manager.VisualsRegister.ClearSelected();
-                            _this._manager.VisualsRegister.SetSelected({
-                                entityIds: data.selectedIds ? data.selectedIds : [],
-                                selected: true
-                            });
-                        }
-                        else if (data.action == "fly-to") {
-                            _this._flyTo();
-                        }
-                    }
-                }
-                catch (e) {
-                    console.error(e);
-                }
-            });
-            _this._windowTopRemoval = function () {
-                window.removeEventListener("message", winEvent_1);
-            };
+    }
+    ViewerUtils$$1.DisposeNextspaceWidgets = DisposeNextspaceWidgets;
+    function DestroyWidget(widget) {
+        // We're getting cases where calling destroy on a widget with missing a element is crashing Cesium.
+        // To try avoid this we're checking against container existing.
+        if (widget && !widget.isDestroyed() && widget.container) {
+            widget.destroy();
         }
-        return _this;
     }
-    WidgetEmbeddedInfoView.prototype.Dispose = function () {
+    ViewerUtils$$1.DestroyWidget = DestroyWidget;
+    /**
+     * Hides all unnecessary elements from the Cesium viewer container.
+     * @param viewer
+     */
+    function StyleContainer(params) {
         var _a;
-        _super.prototype.Dispose.call(this);
-        this._updateRemoval();
-        (_a = this._windowTopRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
-        this._windowTopRemoval = null;
+        var viewer = params.viewer;
+        var container = viewer.container;
+        if (!container.style.position) {
+            container.style.position = "relative";
+        }
+        var genContainer = (_a = container.getElementsByClassName("cesium-viewer")) === null || _a === void 0 ? void 0 : _a[0];
+        if (genContainer) {
+            var children = genContainer.children;
+            for (var i = 0; i < children.length; i++) {
+                var child = children[i];
+                if (!child.classList.contains("cesium-viewer-cesiumWidgetContainer")) {
+                    child.style.display = "none";
+                }
+            }
+        }
+        var canvas = viewer.canvas;
+        canvas.style.width = "100%";
+        canvas.style.height = "100%";
+        var widget = canvas.parentElement;
+        widget.style.width = "100%";
+        widget.style.height = "100%";
+        widget.style.touchAction = "none";
+        var widgetContainer = widget.parentElement;
+        widgetContainer.style.width = "100%";
+        widgetContainer.style.height = "100%";
+        var viewerContainer = widgetContainer.parentElement;
+        viewerContainer.style.fontFamily = "sans-serif";
+        viewerContainer.style.fontSize = "16px";
+        viewerContainer.style.overflow = "hidden";
+        viewerContainer.style.display = "block";
+        viewerContainer.style.position = "relative";
+        viewerContainer.style.top = "0";
+        viewerContainer.style.left = "0";
+        viewerContainer.style.width = "100%";
+        viewerContainer.style.height = "100%";
+    }
+    ViewerUtils$$1.StyleContainer = StyleContainer;
+    /**
+     * Returns a given Cesium viewer's menu item manager.
+     * If one is missing then it'll optionally create one before returning it.
+     * @param params
+     * @returns
+     */
+    function GetManager(params) {
+        var viewer = params.viewer, createIfMissing = params.createIfMissing, getters = params.getters;
+        if (viewer[CESIUM_VIEWER_MANAGER_KEY]) {
+            return viewer[CESIUM_VIEWER_MANAGER_KEY];
+        }
+        else if (createIfMissing != false) {
+            var manager = new MenuItemManager.Manager({
+                viewer: viewer,
+                getters: getters
+            });
+            viewer[CESIUM_VIEWER_MANAGER_KEY] = manager;
+            return manager;
+        }
+        return null;
+    }
+    ViewerUtils$$1.GetManager = GetManager;
+    /**
+     * Creates Nextspace default widgets.
+     * Returns key/value pairs for created widgets. Key is widget name.
+     * @param params
+     */
+    function CreateWidgets(params) {
+        var viewer = params.viewer, manager = params.manager, container = params.container, apiGetters = params.apiGetters, navCompass = params.navCompass, defaultState = params.defaultState, branding = params.branding, cursorBar = params.cursorBar, viewBar = params.viewBar, searchBar = params.searchBar, bookmarks = params.bookmarks, infoView = params.infoView, embeddedInfoView = params.embeddedInfoView, leftPanel = params.leftPanel;
+        var widgets = {};
+        if (!viewer && manager) {
+            viewer = manager.Viewer;
+        }
+        if (viewer && !manager) {
+            manager = ViewerUtils$$1.GetManager({ viewer: viewer });
+        }
+        if (!container && viewer) {
+            container = viewer.container;
+        }
+        if (!apiGetters) {
+            apiGetters = ENVIRONMENT.Api();
+        }
+        if (defaultState == null) {
+            defaultState = true;
+        }
+        var widgetParams = {
+            viewer: viewer,
+            container: container,
+            apiGetters: apiGetters,
+            manager: manager
+        };
+        if ((typeof navCompass == "boolean" && navCompass) || defaultState) {
+            widgets["navCompass"] = new WidgetNavCompass$$1(widgetParams);
+        }
+        if ((typeof branding == "boolean" && branding) || defaultState) {
+            widgets["navBranding"] = new WidgetBranding(widgetParams);
+        }
+        if ((typeof cursorBar == "boolean" && cursorBar) || defaultState) {
+            widgets["cursorBar"] = new WidgetCursorBar(widgetParams);
+        }
+        if (
+        // Backwards compatibility.
+        typeof searchBar == "boolean" ? (searchBar) : (
+        // Latest version.
+        typeof viewBar == "boolean" ? (viewBar) : (
+        // Fallback.
+        defaultState))) {
+            widgets["viewBar"] = new WidgetViewBar(widgetParams);
+        }
+        if ((typeof bookmarks == "boolean" && bookmarks) || (defaultState && !leftPanel)) {
+            widgets["bookmarks"] = new WidgetBookmarks(__assign(__assign({}, widgetParams), { viewId: params.viewId, runFirstBookmark: params.runFirstBookmark }));
+        }
+        if (!(typeof bookmarks == "boolean" && bookmarks) && leftPanel) {
+            widgets["leftPanel"] = new WidgetLeftPanel(__assign(__assign({}, widgetParams), { viewId: params.viewId, runFirstBookmark: params.runFirstBookmark }));
+        }
+        if ((typeof infoView == "boolean" && infoView) || (defaultState && !embeddedInfoView)) {
+            widgets["infoView"] = new WidgetInfoView(widgetParams);
+        }
+        if (!(typeof infoView == "boolean" && infoView) && embeddedInfoView) {
+            widgets["embeddedInfoView"] = new WidgetEmbeddedInfoView(__assign({}, widgetParams));
+        }
+        return widgets;
+    }
+    ViewerUtils$$1.CreateWidgets = CreateWidgets;
+    /**
+     * Returns if the given token is valid or not.
+     * This will perform a test request to Cesium API.
+     * @param token
+     * @returns
+     */
+    function AssertIonToken(token) {
+        return __awaiter(this, void 0, void 0, function () {
+            var url, response, json, e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!token) {
+                            return [2 /*return*/, false];
+                        }
+                        if (_cToken_check_cache[token] != null) {
+                            return [2 /*return*/, _cToken_check_cache[token]];
+                        }
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 4, , 5]);
+                        url = "https://api.cesium.com/v1/assets/1/endpoint?access_token=".concat(token);
+                        return [4 /*yield*/, fetch(url)];
+                    case 2:
+                        response = _a.sent();
+                        return [4 /*yield*/, response.json()];
+                    case 3:
+                        json = _a.sent();
+                        _cToken_check_cache[token] = Boolean(json === null || json === void 0 ? void 0 : json.url);
+                        return [2 /*return*/, _cToken_check_cache[token]];
+                    case 4:
+                        e_1 = _a.sent();
+                        console.error(e_1);
+                        _cToken_check_cache[token] = false;
+                        return [3 /*break*/, 5];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    ViewerUtils$$1.AssertIonToken = AssertIonToken;
+    /**
+     * Gets or creates a viewer event tracker.
+     * This will log and emit events that are tracked.
+     * @param viewer
+     * @returns
+     */
+    function GetEventTracker(viewer) {
+        var tracker = viewer[CESIUM_VIEWER_EVENT_TRACKER_KEY];
+        if (!tracker) {
+            tracker = new ViewerEventTracker.Tracker("warn,error");
+        }
+        viewer[CESIUM_VIEWER_EVENT_TRACKER_KEY] = tracker;
+        return tracker;
+    }
+    ViewerUtils$$1.GetEventTracker = GetEventTracker;
+})(ViewerUtils || (ViewerUtils = {}));
+
+var WidgetControlViewBar;
+(function (WidgetControlViewBar) {
+    var AControl = /** @class */ (function () {
+        function AControl(params) {
+            this._disposed = false;
+            this._enabled = false;
+            var container = params.container, widget = params.widget, element = params.element;
+            this._widget = widget;
+            this._container = container;
+            this._element = element;
+        }
+        Object.defineProperty(AControl.prototype, "WidgetViewBar", {
+            get: function () {
+                return this._widget;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AControl.prototype, "Container", {
+            get: function () {
+                return this._container;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AControl.prototype, "Element", {
+            get: function () {
+                return this._element;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AControl.prototype, "Disposed", {
+            get: function () {
+                return this._disposed;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AControl.prototype, "Enabled", {
+            get: function () {
+                return this._enabled;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AControl.prototype.Toggle = function () {
+        };
+        AControl.prototype.Dispose = function () {
+            this._disposed = true;
+        };
+        return AControl;
+    }());
+    WidgetControlViewBar.AControl = AControl;
+})(WidgetControlViewBar || (WidgetControlViewBar = {}));
+
+/**
+ * The fullscreen control is a simple toggle.
+ * There is no HTML element. However we do swap the icon based on the toggle state.
+ */
+var WidgetControlViewBarFullscreen = /** @class */ (function (_super) {
+    __extends(WidgetControlViewBarFullscreen, _super);
+    function WidgetControlViewBarFullscreen(params) {
+        return _super.call(this, params) || this;
+    }
+    WidgetControlViewBarFullscreen.prototype.Dispose = function () {
+        _super.prototype.Dispose.call(this);
     };
-    WidgetEmbeddedInfoView.prototype._generateStyles = function () {
+    WidgetControlViewBarFullscreen.prototype.Toggle = function () {
+        if (this.Disposed) {
+            return;
+        }
+        _super.prototype.Toggle.call(this);
+        // Toggle fullscreen.
+        this._enabled = false;
+        if (Fullscreen.enabled) {
+            if (Fullscreen.fullscreen) {
+                Fullscreen.exitFullscreen();
+            }
+            else {
+                Fullscreen.requestFullscreen(document.body);
+                this._enabled = true;
+            }
+        }
+    };
+    return WidgetControlViewBarFullscreen;
+}(WidgetControlViewBar.AControl));
+
+var WidgetControlViewBarSearch = /** @class */ (function (_super) {
+    __extends(WidgetControlViewBarSearch, _super);
+    function WidgetControlViewBarSearch(params) {
+        var _this = _super.call(this, params) || this;
+        _this.STYLESHEET_ID = "nextspace-control-view-bar-searchbar-stylesheet";
+        _this._cApi = new AbstractApi({});
+        _this._generateStyles();
+        _this._generateElement();
+        return _this;
+    }
+    WidgetControlViewBarSearch.prototype.Dispose = function () {
+        _super.prototype.Dispose.call(this);
+        if (this._element && this._element.parentElement) {
+            this._element.parentElement.removeChild(this._element);
+        }
+    };
+    WidgetControlViewBarSearch.prototype.Toggle = function () {
+        if (this.Disposed) {
+            return;
+        }
+        _super.prototype.Toggle.call(this);
+        this._enabled = !this._enabled;
+        if (this._enabled) {
+            this._display();
+        }
+        else {
+            this._hide();
+        }
+    };
+    WidgetControlViewBarSearch.prototype._generateStyles = function () {
         if (document.getElementById(this.STYLESHEET_ID)) {
             return;
         }
         var style = document.createElement("style");
         style.id = this.STYLESHEET_ID;
-        style.innerHTML = "\n            .NextspaceInfoView {\n                width: 500px;\n                border-radius: 8px;\n                right: 10px;\n                top: 66px;\n                height: 600px;\n                max-height: calc(100% - 320px);\n                min-height: 50px;\n                align-items: center;\n                background: rgba(33,39,42,0.8);\n                border-radius: 9px;\n                box-shadow: 0 0 1px rgba(18,22,25,.36),0 18px 36px -4px rgba(18,22,25,.36);\n                backdrop-filter: blur(20px);\n                display: flex;\n                flex-direction: column;\n                flex-shrink: 1;\n                opacity: 0;\n                position: absolute;\n                z-index: 1;\n                transition: opacity .3s ease,-webkit-transform .1s;\n                transition: opacity .3s ease,transform .1s;\n                transition: opacity .3s ease,transform .1s,-webkit-transform .1s;\n                font-family: Arial;\n                overflow: hidden;\n            }\n\n            .NextspaceInfoView * {\n                box-sizing: border-box;\n            }\n        ";
+        style.innerHTML = "\n            .NextspaceSearchBar {\n                top: 10px;\n                right: 10px;\n                display: flex;\n                box-sizing: border-box;\n                box-shadow: 0 0 1px rgba(18,22,25,.24),0 18px 36px -4px rgba(18,22,25,.6);\n                background: #21272a;\n                border-radius: 9px;\n                height: 48px;\n                padding-left: 2px;\n                padding-right: 2px;\n                font-family: sans-serif;\n            }\n\n            .NextspaceSearchBar * {\n                box-sizing: border-box;\n            }\n\n            .NextspaceSearchBar[is-opened=\"true\"] .NextspaceSearchBarContent {\n                display: flex;\n                width: 260px;\n            }\n\n            .NextspaceSearchBarContent {\n                flex-grow: 0;\n                flex-shrink: 0;\n                overflow: hidden;\n                transition: .3s ease;\n                width: 0;\n            }\n\n            .NextspaceSearchBarContent >input {\n                background: transparent;\n                border: none;\n                color: #fff;\n                font-size: 15px;\n                height: 100%;\n                outline: none;\n                padding: 0 8px;\n                width: 100%;\n            }\n\n            .NextspaceSearchBarResults {\n                background-color: #21272a;\n                border-radius: 0 0 6px 6px;\n                display: flex;\n                flex-direction: column;\n                overflow: hidden;\n                padding: 12px 8px 8px;\n                position: absolute;\n                top: calc(100% - 6px);\n                width: 100%;\n                left: 0;\n                z-index: 1;\n            }\n\n            .NextspaceSearchBarResultsItem {\n                align-items: center;\n                color: #fff;\n                cursor: pointer;\n                display: flex;\n                height: 30px;\n                transition: .3s ease;\n                font-size: 13px;\n            }\n\n            .NextspaceSearchBarResultsItem:hover .NextspaceSearchBarResultsItemIcon {\n                -webkit-transform: scale(1.05);\n                transform: scale(1.05);\n            }\n\n            .NextspaceSearchBarResultsItemIcon {\n                align-items: center;\n                display: flex;\n                flex-grow: 0;\n                flex-shrink: 0;\n                justify-content: center;\n                margin-right: 5px;\n                width: 25px;\n            }\n\n            .NextspaceSearchBarResultsItemTip {\n                flex-grow: 1;\n                flex-shrink: 1;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                width: 50px;\n                font-size: 15px;\n            }\n\n            .NextspaceSearchBarResultsWarning {\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: white;\n                font-size: 15px;\n            }\n        ";
         document.head.appendChild(style);
     };
-    WidgetEmbeddedInfoView.prototype._generateElement = function () {
+    WidgetControlViewBarSearch.prototype._generateElement = function () {
+        var _this = this;
         var element = document.createElement("div");
-        element.className = "NextspaceInfoView";
-        element.style.display = "none";
+        element.className = "NextspaceSearchBar";
+        element.setAttribute("is-opened", "false");
+        var content = document.createElement("div");
+        content.className = "NextspaceSearchBarContent";
+        content.innerHTML = "\n            <input placeholder=\"address\"/>\n        ";
+        element.appendChild(content);
+        var input = content.querySelector("input");
+        var searchTimeout = null;
+        var counter = 0;
+        input.onkeyup = function (e) {
+            var _a;
+            var value = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
+            if (!value || value.length < 3) {
+                return;
+            }
+            counter += 1;
+            var curCounter = counter;
+            _this._displayLoading();
+            clearTimeout(searchTimeout);
+            searchTimeout = setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
+                var searchData, e_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, this._doSearch(value)];
+                        case 1:
+                            searchData = _a.sent();
+                            if (curCounter !== counter) {
+                                return [2 /*return*/];
+                            }
+                            this._displayResults(searchData);
+                            return [3 /*break*/, 3];
+                        case 2:
+                            e_1 = _a.sent();
+                            console.error(e_1);
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); }, 200);
+        };
+        var results = document.createElement("div");
+        results.className = "NextspaceSearchBarResults";
+        element.appendChild(results);
+        results.style.display = "none";
+        this._results = results;
         this.Container.appendChild(element);
         this._element = element;
-        this._updateInfoView();
     };
-    WidgetEmbeddedInfoView.prototype._updateInfoView = function () {
+    WidgetControlViewBarSearch.prototype._display = function () {
+        var _a, _b;
+        this._element.setAttribute("is-opened", "true");
+        // Show prior results.
+        if (this._results.innerHTML) {
+            this._results.style.display = "flex";
+        }
+        // Focus input.
+        (_b = (_a = this._element.querySelector("input")) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this._enabled = true;
+    };
+    WidgetControlViewBarSearch.prototype._hide = function () {
+        this._element.setAttribute("is-opened", "false");
+        this._results.style.display = "none";
+        this._enabled = false;
+    };
+    WidgetControlViewBarSearch.prototype._displayResults = function (results) {
+        var _this = this;
+        this._results.style.display = "flex";
+        if (results === null || results === void 0 ? void 0 : results.length) {
+            this._results.innerHTML = "";
+            var getIcon_1 = function (result) {
+                if (result.type == ESearchType.CesiumAddress) {
+                    return "\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37259 18.6274 0 12 0C5.37258 0 0 5.37259 0 12C0 18.6274 5.37258 24 12 24Z\" fill=\"white\"/>\n                            <path d=\"M21.6985 10.4272C21.3489 10.4272 20.9994 10.631 20.7373 10.9806L17.4169 15.3786C16.8635 16.1068 16.0771 16.5145 15.2616 16.5145C14.446 16.5145 13.6596 16.1068 13.1062 15.3786L9.78584 10.9806C9.5237 10.631 9.17419 10.4272 8.82467 10.4272C8.47516 10.4272 8.12564 10.631 7.86351 10.9806L4.54312 15.3786C3.98972 16.1068 3.23244 16.5145 2.4169 16.5145C4.10623 20.0971 7.747 22.5728 11.9703 22.5728C17.7955 22.5728 22.5431 17.8543 22.5431 12C22.5431 11.5922 22.514 11.1844 22.4557 10.7767C22.2519 10.5437 21.9897 10.4272 21.6985 10.4272Z\" fill=\"#7A9C49\"/>\n                            <path d=\"M11.9996 1.42718C6.1744 1.42718 1.42683 6.14562 1.42683 12C1.42683 12.932 1.57246 13.8349 1.77634 14.6796C1.98022 14.8252 2.18411 14.9126 2.41712 14.9126C2.76663 14.9126 3.11615 14.7087 3.37828 14.3592L6.69867 9.96116C7.25207 9.233 8.03848 8.82523 8.85401 8.82523C9.66955 8.82523 10.456 9.233 11.0094 9.96116L14.2132 14.1845L14.3589 14.3592C14.621 14.7087 14.9705 14.8835 15.2909 14.9126C15.6404 14.9126 15.9608 14.7087 16.2229 14.3592L16.3686 14.1845L19.5725 9.96116C20.1259 9.233 20.9123 8.82523 21.7278 8.82523C21.8443 8.82523 21.9899 8.82524 22.1064 8.85436C20.7666 4.54368 16.7472 1.42718 11.9996 1.42718V1.42718ZM15.5239 8.12621C14.9123 8.12621 14.4171 7.63105 14.4171 7.0194C14.4171 6.40775 14.9123 5.91261 15.5239 5.91261C16.1356 5.91261 16.6307 6.40775 16.6307 7.0194C16.6307 7.63105 16.1356 8.12621 15.5239 8.12621Z\" fill=\"#6DABE4\"/>\n                        </svg>\n                    ";
+                }
+                return "\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M6 20H18C18.55 20 19 20.45 19 21C19 21.55 18.55 22 18 22H6C5.45 22 5 21.55 5 21C5 20.45 5.45 20 6 20ZM12 7C10.9 7 10 7.9 10 9C10 10.1 10.9 11 12 11C13.1 11 14 10.1 14 9C14 7.9 13.1 7 12 7ZM12 2C15.27 2 19 4.46 19 9.15C19 12.13 16.87 15.27 12.61 18.54C12.25 18.82 11.75 18.82 11.39 18.54C7.13 15.26 5 12.13 5 9.15C5 4.46 8.73 2 12 2Z\" fill=\"white\"/>\n                    </svg>\n                ";
+            };
+            results.forEach(function (result) {
+                var resultElement = document.createElement("div");
+                resultElement.className = "NextspaceSearchBarResultsItem";
+                resultElement.innerHTML = "\n                    <div class=\"NextspaceSearchBarResultsItemIcon\">\n                        ".concat(getIcon_1(result), "\n                    </div>\n                    <div class=\"NextspaceSearchBarResultsItemTip\">\n                        ").concat(result.tip, "\n                    </div>\n                ");
+                resultElement.onclick = function () {
+                    _this._clickResult(result);
+                };
+                _this._results.appendChild(resultElement);
+            });
+        }
+        else {
+            this._results.innerHTML = "\n                <div class=\"NextspaceSearchBarResultsWarning\">No results found...</div>\n            ";
+        }
+    };
+    WidgetControlViewBarSearch.prototype._displayLoading = function () {
+        this._results.style.display = "flex";
+        this._results.innerHTML = "\n            <div class=\"NextspaceSearchBarResultsWarning\">Loading...</div>\n        ";
+    };
+    WidgetControlViewBarSearch.prototype._cesiumAutoComplete = function (text) {
         return __awaiter(this, void 0, void 0, function () {
-            var selectedIds, firstId, url, urlParams, iframe;
+            var token;
             return __generator(this, function (_a) {
-                selectedIds = this._manager.VisualsRegister.GetSelected();
-                if (selectedIds.length <= 0) {
-                    this._element.style.display = "none";
-                    this._element.style.opacity = "0";
-                    return [2 /*return*/];
-                }
-                this._element.style.display = "flex";
-                this._element.style.opacity = "1";
-                firstId = selectedIds[0];
-                if (this._lastSelectedId == firstId) {
-                    return [2 /*return*/];
-                }
-                this._lastSelectedId = firstId;
-                try {
-                    url = "https://embed.nextspace.host/embed";
-                    urlParams = new URLSearchParams();
-                    urlParams.append("id", "info-view");
-                    urlParams.append("entityId", firstId);
-                    urlParams.append("sessionId", this._manager.Getters.GetSessionId());
-                    urlParams.append("accountId", this._manager.Getters.GetAccountId());
-                    urlParams.append("env", this._manager.Getters.GetEnv());
-                    urlParams.append("bgStyle", "transparent");
-                    urlParams.append("enableFlyTo", "true");
-                    iframe = document.createElement("iframe");
-                    iframe.src = "".concat(url, "?").concat(urlParams.toString());
-                    iframe.style.width = "100%";
-                    iframe.style.height = "100%";
-                    iframe.style.border = "none";
-                    this._element.innerHTML = "";
-                    this._element.appendChild(iframe);
-                }
-                catch (e) {
-                    console.error(e);
-                }
-                return [2 /*return*/];
+                token = Ion.defaultAccessToken;
+                return [2 /*return*/, this._cApi.get("https://api.cesium.com/v1/geocode/autocomplete?text=".concat(encodeURI(text), "&access_token=").concat(token))];
             });
         });
     };
-    WidgetEmbeddedInfoView.prototype._flyTo = function () {
-        var _a, _b;
+    WidgetControlViewBarSearch.prototype._doSearch = function (text) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var flew, ids, viewer, location_1, destination, centerCartographic, pos3d, e_1;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            var result, parts, lat, lon, alt, res, MAX_ITEMS, added, _loop_1, i, state_1, e_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        flew = false;
-                        _c.label = 1;
-                    case 1:
-                        _c.trys.push([1, 3, , 4]);
-                        ids = this._manager.VisualsRegister.GetSelected();
-                        viewer = this._manager.Viewer;
-                        return [4 /*yield*/, EntityUtils.GetLocation({
-                                samples: ids.map(function (id) { return ({
-                                    entityId: id,
-                                    returnHeightRef: HeightReference.NONE,
-                                    heightRef: HeightReference.RELATIVE_TO_GROUND
-                                }); }),
-                                viewer: viewer,
-                                visualRegister: this._manager.VisualsRegister,
-                                api: this._manager.Getters.GetBruceApi(),
-                                minimumAlt: 5,
-                                paddingAlt: 5
-                            })];
-                    case 2:
-                        location_1 = _c.sent();
-                        destination = null;
-                        if ((_a = location_1 === null || location_1 === void 0 ? void 0 : location_1.sphere) === null || _a === void 0 ? void 0 : _a.radius) {
-                            if (location_1.sphere.radius < 5) {
-                                location_1.sphere.radius = 5;
-                            }
-                            centerCartographic = Cartographic.fromCartesian(location_1.sphere.center);
-                            centerCartographic.height += (location_1.sphere.radius * 2);
-                            pos3d = Cartesian3.fromRadians(centerCartographic.longitude, centerCartographic.latitude, centerCartographic.height);
-                            destination = pos3d;
-                        }
-                        else if (location_1 === null || location_1 === void 0 ? void 0 : location_1.rectangle) {
-                            destination = location_1.rectangle;
-                        }
-                        else if ((_b = location_1 === null || location_1 === void 0 ? void 0 : location_1.pos3d) === null || _b === void 0 ? void 0 : _b.x) {
-                            destination = location_1.pos3d;
+                        if (!text || text.length < 3) {
+                            return [2 /*return*/, []];
                         }
-                        if (destination) {
-                            viewer.camera.flyTo({
-                                destination: destination,
-                                duration: 1,
-                                orientation: {
-                                    heading: 0,
-                                    pitch: -Math$1.PI_OVER_TWO,
-                                    roll: 0
+                        result = [];
+                        if (isLatLon(text)) {
+                            parts = text.split(",");
+                            lat = parseFloat(parts[0]);
+                            lon = parseFloat(parts[1]);
+                            alt = parts.length > 2 ? parseFloat(parts[2]) : null;
+                            result.push({
+                                type: ESearchType.LatLon,
+                                tip: "Lat Lon Location",
+                                data: {
+                                    altitude: alt,
+                                    latitude: lat,
+                                    longitude: lon
                                 }
                             });
-                            flew = true;
+                            return [2 /*return*/, result];
                         }
-                        else {
-                            flew = false;
+                        if (!Ion.defaultAccessToken) return [3 /*break*/, 5];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this._cesiumAutoComplete(text)];
+                    case 2:
+                        res = _b.sent();
+                        console.log("Cesium search result", res);
+                        MAX_ITEMS = 5;
+                        added = 0;
+                        if (res && res.features) {
+                            _loop_1 = function (i) {
+                                var feature = res.features[i];
+                                if (feature.bbox || feature.geometry) {
+                                    var name_1 = feature.properties.name;
+                                    if (!name_1) {
+                                        name_1 = feature.properties.label;
+                                    }
+                                    if (!name_1) {
+                                        return "continue";
+                                    }
+                                    // We don't want results with the same visual name, even if they have different coordinate data.
+                                    if (result.find(function (x) { return x.type == ESearchType.CesiumAddress && x.tip == name_1; })) {
+                                        return "continue";
+                                    }
+                                    var coords = (_a = feature.geometry) === null || _a === void 0 ? void 0 : _a.coordinates;
+                                    var bbox = feature.bbox;
+                                    if (!coords && !bbox) {
+                                        return "continue";
+                                    }
+                                    result.push({
+                                        type: ESearchType.CesiumAddress,
+                                        tip: name_1,
+                                        data: {
+                                            bbox: bbox,
+                                            location: coords ? {
+                                                altitude: coords[2],
+                                                latitude: coords[1],
+                                                longitude: coords[0]
+                                            } : null
+                                        }
+                                    });
+                                    added += 1;
+                                    if (added >= MAX_ITEMS) {
+                                        return "break";
+                                    }
+                                }
+                            };
+                            for (i = 0; i < res.features.length; i++) {
+                                state_1 = _loop_1(i);
+                                if (state_1 === "break")
+                                    break;
+                            }
                         }
                         return [3 /*break*/, 4];
                     case 3:
-                        e_1 = _c.sent();
-                        console.error(e_1);
+                        e_2 = _b.sent();
+                        console.error(e_2);
                         return [3 /*break*/, 4];
-                    case 4:
-                        if (!flew) {
-                            window.alert("Could not fly to selection.");
-                        }
-                        return [2 /*return*/];
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        console.warn("No Cesium token set, skipping Cesium address search.");
+                        _b.label = 6;
+                    case 6: return [2 /*return*/, result];
                 }
             });
         });
     };
-    return WidgetEmbeddedInfoView;
-}(Widget.AWidget));
-
-var CESIUM_VIEWER_MANAGER_KEY = "_cesiumViewerManager";
-var CESIUM_VIEWER_EVENT_TRACKER_KEY = "_cesiumViewerEventTracker";
-/**
- * Bug related to entities not being visible after they were added then a render was requested.
- * It was 4 point entities in York. They would not appear until a request render was recalled.
- * Adding this slow render loop as a band-aid fix.
- */
-var BACKGROUND_RENDERING_KEY = "_backgroundRendering";
-function backgroundRendering(viewer) {
-    if (viewer[BACKGROUND_RENDERING_KEY]) {
-        return;
-    }
-    viewer[BACKGROUND_RENDERING_KEY] = true;
-    var interval = setInterval(function () {
-        var _a;
-        if (!(viewer === null || viewer === void 0 ? void 0 : viewer.cesiumWidget) || !(viewer === null || viewer === void 0 ? void 0 : viewer.scene) || viewer.isDestroyed()) {
-            clearInterval(interval);
-            return;
-        }
-        // We'll ignore the call if the viewer container is not visible.
-        if (!viewer.container || ((_a = viewer.container.style) === null || _a === void 0 ? void 0 : _a.display) == "none") {
-            return;
-        }
-        try {
-            // Check if last render time is greater than 3 seconds ago.
-            // We check in case something else is also requesting renders.
-            var lastRenderTime = viewer.scene.lastRenderTime;
-            if (!lastRenderTime || JulianDate.secondsDifference(JulianDate.now(), lastRenderTime) > 3) {
-                // Check if window is active/in focus.
-                // TODO: Should render the moment it is in focus as well.
-                if (document.hasFocus()) {
-                    viewer.scene.requestRender();
-                }
-            }
-        }
-        catch (e) {
-            console.error("backgroundRendering", e);
-        }
-    }, 1500);
-}
-// Cache of Cesium Token -> Validity.
-var _cToken_check_cache = {};
-var ViewerUtils;
-(function (ViewerUtils) {
-    /**
-     * Destroys all the junk that cesium viewer ships with.
-     * @param viewer
-     */
-    function InitViewer(params) {
-        var viewer = params.viewer, destroyWidgets = params.destroyWidgets, styleContainer = params.styleContainer, nextspaceWidgets = params.nextspaceWidgets, widgetParams = params.widgetParams;
-        var data = { widgets: {} };
-        if (destroyWidgets != false) {
-            try {
-                ViewerUtils.DestroyWidget(viewer.timeline);
-                ViewerUtils.DestroyWidget(viewer.vrButton);
-                ViewerUtils.DestroyWidget(viewer.sceneModePicker);
-                ViewerUtils.DestroyWidget(viewer.homeButton);
-                ViewerUtils.DestroyWidget(viewer.fullscreenButton);
-                ViewerUtils.DestroyWidget(viewer.baseLayerPicker);
-            }
-            catch (e) {
-                console.error(e);
-            }
-        }
-        if (styleContainer != false) {
-            ViewerUtils.StyleContainer({ viewer: viewer });
-        }
-        if (nextspaceWidgets != false) {
-            data.widgets = ViewerUtils.CreateWidgets(__assign(__assign({}, widgetParams), { viewer: viewer }));
-        }
-        backgroundRendering(viewer);
-        // Capturing the destroy call to destroy all widgets.
-        var olDestroy = viewer.destroy;
-        viewer.destroy = function () {
-            if (!viewer || viewer.isDestroyed()) {
-                return;
-            }
-            try {
-                ViewerUtils.DisposeNextspaceWidgets(viewer);
-            }
-            // We don't want the actual destroy to fail.
-            catch (e) {
-                console.error(e);
-            }
-            if (olDestroy) {
-                // Calling with original binding to retain scope.
-                olDestroy.call(viewer);
+    WidgetControlViewBarSearch.prototype._clickResult = function (item) {
+        return __awaiter(this, void 0, void 0, function () {
+            function zoomToCarto(points) {
+                var cartes = points.map(function (x) { var _a; return Cartesian3.fromDegrees(x.longitude, x.latitude, (_a = x.altitude) !== null && _a !== void 0 ? _a : 0); });
+                zoomToCartes(cartes);
             }
-        };
-        return data;
-    }
-    ViewerUtils.InitViewer = InitViewer;
-    /**
-     * Destroys all widgets attached to the given viewer.
-     * All Nextspace widgets get auto-associated with the viewer they are created against.
-     * @param viewer
-     */
-    function DisposeNextspaceWidgets(viewer) {
-        Widget.GetWidgets(viewer).forEach(function (widget) {
-            widget.Dispose();
+            var deduplicatePoints, raiseCartesToHeight, zoomToCartes, bbox, point;
+            var _this = this;
+            return __generator(this, function (_a) {
+                deduplicatePoints = function (points) {
+                    var DIS_TOLERANCE = 0.001;
+                    var result = [];
+                    var _loop_2 = function (i) {
+                        var point_1 = points[i];
+                        if (result.find(function (x) { return Cartesian3.distance(x, point_1) < DIS_TOLERANCE; })) {
+                            return "continue";
+                        }
+                        result.push(point_1);
+                    };
+                    for (var i = 0; i < points.length; i++) {
+                        _loop_2(i);
+                    }
+                    return result;
+                };
+                raiseCartesToHeight = function (points, minHeight) {
+                    for (var i = 0; i < points.length; i++) {
+                        var carto = Cartographic.fromCartesian(points[i]);
+                        carto.height = Math.max(carto.height, minHeight);
+                        points[i] = Cartesian3.fromRadians(carto.longitude, carto.latitude, carto.height);
+                    }
+                };
+                zoomToCartes = function (points) {
+                    points = deduplicatePoints(points);
+                    raiseCartesToHeight(points, 2500);
+                    var viewer = _this._widget.Viewer;
+                    var orient = {
+                        heading: Math$1.toRadians(0),
+                        pitch: Math$1.toRadians(-90),
+                        roll: 0
+                    };
+                    var onComplete = function () {
+                        viewer.camera.lookAtTransform(Matrix4.IDENTITY);
+                    };
+                    if (points.length > 1) {
+                        var rectangle = Rectangle.fromCartesianArray(points);
+                        viewer.camera.flyTo({
+                            destination: rectangle,
+                            orientation: orient,
+                            duration: 1,
+                            complete: onComplete
+                        });
+                    }
+                    else {
+                        var carto = BoundingSphere.fromPoints(points).center;
+                        viewer.camera.flyTo({
+                            destination: carto,
+                            orientation: orient,
+                            duration: 1,
+                            complete: onComplete
+                        });
+                    }
+                };
+                switch (item.type) {
+                    case ESearchType.CesiumAddress:
+                        bbox = item.data.bbox;
+                        if (bbox) {
+                            zoomToCarto([
+                                {
+                                    altitude: null,
+                                    latitude: bbox[1],
+                                    longitude: bbox[0]
+                                },
+                                {
+                                    altitude: null,
+                                    latitude: bbox[3],
+                                    longitude: bbox[2]
+                                }
+                            ]);
+                            break;
+                        }
+                        point = item.data.location;
+                        if (point) {
+                            zoomToCarto([point]);
+                            break;
+                        }
+                        break;
+                    case ESearchType.LatLon:
+                        zoomToCarto([item.data]);
+                        break;
+                }
+                this._hide();
+                return [2 /*return*/];
+            });
         });
+    };
+    return WidgetControlViewBarSearch;
+}(WidgetControlViewBar.AControl));
+var ESearchType;
+(function (ESearchType) {
+    ESearchType["CesiumAddress"] = "CESIUM_ADDRESS";
+    ESearchType["LatLon"] = "LATLON";
+})(ESearchType || (ESearchType = {}));
+function isLatLon(text) {
+    var parts = text.split(",");
+    if (parts.length !== 2 && parts.length !== 3) {
+        return false;
     }
-    ViewerUtils.DisposeNextspaceWidgets = DisposeNextspaceWidgets;
-    function DestroyWidget(widget) {
-        // We're getting cases where calling destroy on a widget with missing a element is crashing Cesium.
-        // To try avoid this we're checking against container existing.
-        if (widget && !widget.isDestroyed() && widget.container) {
-            widget.destroy();
-        }
+    var lat = parseFloat(parts[0]);
+    var lon = parseFloat(parts[1]);
+    if (isNaN(lat) || isNaN(lon)) {
+        return false;
     }
-    ViewerUtils.DestroyWidget = DestroyWidget;
-    /**
-     * Hides all unnecessary elements from the Cesium viewer container.
-     * @param viewer
-     */
-    function StyleContainer(params) {
-        var _a;
-        var viewer = params.viewer;
-        var container = viewer.container;
-        if (!container.style.position) {
-            container.style.position = "relative";
-        }
-        var genContainer = (_a = container.getElementsByClassName("cesium-viewer")) === null || _a === void 0 ? void 0 : _a[0];
-        if (genContainer) {
-            var children = genContainer.children;
-            for (var i = 0; i < children.length; i++) {
-                var child = children[i];
-                if (!child.classList.contains("cesium-viewer-cesiumWidgetContainer")) {
-                    child.style.display = "none";
-                }
-            }
-        }
-        var canvas = viewer.canvas;
-        canvas.style.width = "100%";
-        canvas.style.height = "100%";
-        var widget = canvas.parentElement;
-        widget.style.width = "100%";
-        widget.style.height = "100%";
-        widget.style.touchAction = "none";
-        var widgetContainer = widget.parentElement;
-        widgetContainer.style.width = "100%";
-        widgetContainer.style.height = "100%";
-        var viewerContainer = widgetContainer.parentElement;
-        viewerContainer.style.fontFamily = "sans-serif";
-        viewerContainer.style.fontSize = "16px";
-        viewerContainer.style.overflow = "hidden";
-        viewerContainer.style.display = "block";
-        viewerContainer.style.position = "relative";
-        viewerContainer.style.top = "0";
-        viewerContainer.style.left = "0";
-        viewerContainer.style.width = "100%";
-        viewerContainer.style.height = "100%";
+    return true;
+}
+
+var VIEWER_LEFT_PANEL_WIDGET_KEY$1 = "_viewerViewBarWidget";
+var WidgetViewBar = /** @class */ (function (_super) {
+    __extends(WidgetViewBar, _super);
+    function WidgetViewBar(params) {
+        var _this = _super.call(this, params) || this;
+        _this.STYLESHEET_ID = "nextspace-view-bar-stylesheet";
+        // Currently initialized controls.
+        // Controls get initialized on addition and then a toggle event is called when the user clicks them.
+        _this.controls = new Map();
+        // Map of custom controls added by external devs by calling AddBarControl.
+        // This is a mapping of the provided control key + content class.
+        _this.customControls = new Map();
+        _this._generateStyles();
+        _this._generateElement();
+        _this._viewer[VIEWER_LEFT_PANEL_WIDGET_KEY$1] = _this;
+        return _this;
     }
-    ViewerUtils.StyleContainer = StyleContainer;
-    /**
-     * Returns a given Cesium viewer's menu item manager.
-     * If one is missing then it'll optionally create one before returning it.
-     * @param params
-     * @returns
-     */
-    function GetManager(params) {
-        var viewer = params.viewer, createIfMissing = params.createIfMissing, getters = params.getters;
-        if (viewer[CESIUM_VIEWER_MANAGER_KEY]) {
-            return viewer[CESIUM_VIEWER_MANAGER_KEY];
+    // Getters for protected properties so that controls can access them.
+    WidgetViewBar.prototype._getManager = function () {
+        return this._manager;
+    };
+    WidgetViewBar.prototype._getViewer = function () {
+        return this._viewer;
+    };
+    WidgetViewBar.prototype._getApiGetters = function () {
+        return this._apiGetters;
+    };
+    WidgetViewBar.prototype.Dispose = function () {
+        _super.prototype.Dispose.call(this);
+        if (this.envSubRemoval) {
+            this.envSubRemoval();
+            this.envSubRemoval = null;
         }
-        else if (createIfMissing != false) {
-            var manager = new MenuItemManager.Manager({
-                viewer: viewer,
-                getters: getters
+        if (this.controls) {
+            this.controls.forEach(function (control) {
+                control.Dispose();
             });
-            viewer[CESIUM_VIEWER_MANAGER_KEY] = manager;
-            return manager;
+            this.controls.clear();
         }
-        return null;
-    }
-    ViewerUtils.GetManager = GetManager;
+    };
+    WidgetViewBar.prototype._generateStyles = function () {
+        if (document.getElementById(this.STYLESHEET_ID)) {
+            return;
+        }
+        var style = document.createElement("style");
+        style.id = this.STYLESHEET_ID;
+        style.innerHTML = "\n            .NextspaceViewBar {\n                align-items: center;\n                background-color: #21272a;\n                border-radius: 9px;\n                display: flex;\n                flex-shrink: 1;\n                height: 48px;\n                justify-content: center;\n                position: absolute;\n                z-index: 1;\n                top: 10px;\n                right: 10px;\n                box-sizing: border-box;\n            }\n\n            .NextspaceViewBar * {\n                box-sizing: border-box;\n            }\n\n            .NextspaceViewBarControl {\n                align-items: center;\n                border-radius: 0;\n                color: #fff;\n                cursor: pointer;\n                display: flex;\n                flex-shrink: 0;\n                font-size: 18px;\n                height: 100%;\n                justify-content: center;\n                padding: 8px;\n                transition: .3s ease;\n                width: 46px;\n            }\n\n            .NextspaceViewBarControlIcon {\n                width: 32px;\n                height: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n\n            .NextspaceViewBarControl svg {\n                transition: .3s ease;\n            }\n\n            .NextspaceViewBarControl:hover svg {\n                transform: scale(1.2);\n            }\n\n            .NextspaceViewBarControl[is-enabled=\"true\"] {\n                background: #33b1ff;\n            }\n\n            .NextspaceViewBarEndBreaker {\n                background: #ffffff1f;\n                border-radius: 2px;\n                flex-shrink: 0;\n                height: 32px;\n                margin-left: 6px;\n                margin-right: 6px;\n                width: 2px;\n            }\n        ";
+        document.head.appendChild(style);
+    };
+    WidgetViewBar.prototype._generateElement = function () {
+        var element = document.createElement("div");
+        element.className = "NextspaceViewBar";
+        this.Container.appendChild(element);
+        this._element = element;
+        this._addBarControl({
+            control: "searchbar",
+            title: "Search",
+            iconDisabled: {
+                icon: "\n                    <svg class=\"\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.3283 6C9.73857 6 6 9.73857 6 14.3283C6 18.918 9.73857 22.6566 14.3283 22.6566C16.3242 22.6566 18.1571 21.9479 19.5937 20.7714L24.5663 25.7439C24.643 25.8239 24.7349 25.8877 24.8366 25.9316C24.9383 25.9756 25.0478 25.9988 25.1586 26C25.2694 26.0011 25.3793 25.9801 25.4819 25.9382C25.5845 25.8963 25.6777 25.8344 25.756 25.756C25.8344 25.6777 25.8963 25.5845 25.9382 25.4819C25.9801 25.3793 26.0011 25.2694 26 25.1586C25.9988 25.0478 25.9756 24.9383 25.9316 24.8366C25.8877 24.7349 25.8239 24.643 25.7439 24.5663L20.7714 19.5937C21.9479 18.1571 22.6566 16.3242 22.6566 14.3283C22.6566 9.73857 18.918 6 14.3283 6ZM14.3283 7.66566C18.0178 7.66566 20.9909 10.6388 20.9909 14.3283C20.9909 18.0178 18.0178 20.9909 14.3283 20.9909C10.6388 20.9909 7.66566 18.0178 7.66566 14.3283C7.66566 10.6388 10.6388 7.66566 14.3283 7.66566Z\" fill=\"white\"></path></svg>\n                ",
+                iconSource: "svg"
+            },
+            customEnabledState: true
+        });
+        var breaker = document.createElement("div");
+        breaker.className = "NextspaceViewBarEndBreaker";
+        this._element.appendChild(breaker);
+        this._addBarControl({
+            control: "fullscreen",
+            title: "Fullscreen",
+            iconDisabled: {
+                icon: "\n                    <svg class=\"\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 14C5.45 14 5 14.45 5 15V18C5 18.55 5.45 19 6 19H9C9.55 19 10 18.55 10 18C10 17.45 9.55 17 9 17H7V15C7 14.45 6.55 14 6 14ZM6 10C6.55 10 7 9.55 7 9V7H9C9.55 7 10 6.55 10 6C10 5.45 9.55 5 9 5H6C5.45 5 5 5.45 5 6V9C5 9.55 5.45 10 6 10ZM17 17H15C14.45 17 14 17.45 14 18C14 18.55 14.45 19 15 19H18C18.55 19 19 18.55 19 18V15C19 14.45 18.55 14 18 14C17.45 14 17 14.45 17 15V17ZM14 6C14 6.55 14.45 7 15 7H17V9C17 9.55 17.45 10 18 10C18.55 10 19 9.55 19 9V6C19 5.45 18.55 5 18 5H15C14.45 5 14 5.45 14 6Z\" fill=\"white\"></path></svg>\n                ",
+                iconSource: "svg"
+            },
+            iconEnabled: {
+                icon: "\n                    <svg class=\"\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 16H8V18C8 18.55 8.45 19 9 19C9.55 19 10 18.55 10 18V15C10 14.45 9.55 14 9 14H6C5.45 14 5 14.45 5 15C5 15.55 5.45 16 6 16ZM8 8H6C5.45 8 5 8.45 5 9C5 9.55 5.45 10 6 10H9C9.55 10 10 9.55 10 9V6C10 5.45 9.55 5 9 5C8.45 5 8 5.45 8 6V8ZM15 19C15.55 19 16 18.55 16 18V16H18C18.55 16 19 15.55 19 15C19 14.45 18.55 14 18 14H15C14.45 14 14 14.45 14 15V18C14 18.55 14.45 19 15 19ZM16 8V6C16 5.45 15.55 5 15 5C14.45 5 14 5.45 14 6V9C14 9.55 14.45 10 15 10H18C18.55 10 19 9.55 19 9C19 8.45 18.55 8 18 8H16Z\" fill=\"white\"></path></svg>\n                ",
+                iconSource: "svg"
+            },
+            customEnabledState: true
+        });
+    };
     /**
-     * Creates Nextspace default widgets.
-     * Returns key/value pairs for created widgets. Key is widget name.
+     * Adds a custom control to the view bar.
      * @param params
      */
-    function CreateWidgets(params) {
-        var viewer = params.viewer, manager = params.manager, container = params.container, apiGetters = params.apiGetters, navCompass = params.navCompass, defaultState = params.defaultState, branding = params.branding, cursorBar = params.cursorBar, searchBar = params.searchBar, bookmarks = params.bookmarks, infoView = params.infoView, embeddedInfoView = params.embeddedInfoView, leftPanel = params.leftPanel;
-        var widgets = {};
-        if (!viewer && manager) {
-            viewer = manager.Viewer;
-        }
-        if (viewer && !manager) {
-            manager = ViewerUtils.GetManager({ viewer: viewer });
+    WidgetViewBar.prototype.AddBarControl = function (params) {
+        this.customControls.set(params.control, params.content);
+        // We insert before the end breaker.
+        var endBreaker = this._element.querySelector(".NextspaceViewBarEndBreaker");
+        var afterElement = endBreaker ? endBreaker.previousElementSibling : null;
+        var icon;
+        var iconSource;
+        if (params.iconSvgStr) {
+            icon = params.iconSvgStr;
+            iconSource = "svg";
         }
-        if (!container && viewer) {
-            container = viewer.container;
+        else if (params.iconImgUrl) {
+            icon = params.iconImgUrl;
+            iconSource = "file-url";
         }
-        if (!apiGetters) {
-            apiGetters = ENVIRONMENT.Api();
+        else if (params.svgStr) {
+            icon = params.svgStr;
+            iconSource = "svg";
         }
-        if (defaultState == null) {
-            defaultState = true;
+        this._addBarControl({
+            control: params.control,
+            title: params.title,
+            afterElement: afterElement,
+            iconDisabled: {
+                icon: icon,
+                iconSource: iconSource,
+            }
+        });
+    };
+    WidgetViewBar.prototype._addBarControl = function (params) {
+        var _this = this;
+        var control = params.control, title = params.title, iconDisabled = params.iconDisabled, iconEnabled = params.iconEnabled, afterElement = params.afterElement, customEnabledState = params.customEnabledState;
+        if (!iconEnabled) {
+            iconEnabled = iconDisabled;
         }
-        var widgetParams = {
-            viewer: viewer,
-            container: container,
-            apiGetters: apiGetters,
-            manager: manager
+        var tabButton = document.createElement("div");
+        tabButton.setAttribute("widget-view-bar-control", control);
+        tabButton.setAttribute("custom-enabled-state", customEnabledState ? "true" : "false");
+        tabButton.className = "NextspaceViewBarControl";
+        tabButton.title = title;
+        var buttonBookmarksIcon = document.createElement("div");
+        buttonBookmarksIcon.className = "NextspaceViewBarControlIcon";
+        var updateIcon = function (isEnabled) {
+            var iconData = isEnabled ? iconEnabled : iconDisabled;
+            buttonBookmarksIcon.innerHTML = "";
+            if (iconData.iconSource == "svg") {
+                buttonBookmarksIcon.innerHTML = iconData.icon;
+            }
+            else if (iconData.iconSource == "file-url") {
+                var buttonBookmarksIconImg = document.createElement("img");
+                buttonBookmarksIconImg.src = iconData.icon;
+                buttonBookmarksIcon.appendChild(buttonBookmarksIconImg);
+                buttonBookmarksIcon.setAttribute("style", "\n                    max-width: 32px;\n                    max-height: 32px;\n                ");
+            }
+        };
+        updateIcon(false);
+        var controller;
+        tabButton.appendChild(buttonBookmarksIcon);
+        tabButton.onclick = function () {
+            controller === null || controller === void 0 ? void 0 : controller.Toggle();
+            _this._updatePanelStyles();
+            updateIcon(controller === null || controller === void 0 ? void 0 : controller.Enabled);
         };
-        if ((typeof navCompass == "boolean" && navCompass) || defaultState) {
-            widgets["navCompass"] = new WidgetNavCompass$$1(widgetParams);
-        }
-        if ((typeof branding == "boolean" && branding) || defaultState) {
-            widgets["navBranding"] = new WidgetBranding(widgetParams);
-        }
-        if ((typeof cursorBar == "boolean" && cursorBar) || defaultState) {
-            widgets["cursorBar"] = new WidgetCursorBar(widgetParams);
-        }
-        if ((typeof searchBar == "boolean" && searchBar) || defaultState) {
-            widgets["searchBar"] = new WidgetSearchBar(widgetParams);
-        }
-        if ((typeof bookmarks == "boolean" && bookmarks) || (defaultState && !leftPanel)) {
-            widgets["bookmarks"] = new WidgetBookmarks(__assign(__assign({}, widgetParams), { viewId: params.viewId, runFirstBookmark: params.runFirstBookmark }));
-        }
-        if (!(typeof bookmarks == "boolean" && bookmarks) && leftPanel) {
-            widgets["leftPanel"] = new WidgetLeftPanel(__assign(__assign({}, widgetParams), { viewId: params.viewId, runFirstBookmark: params.runFirstBookmark }));
+        if (afterElement && afterElement.parentElement) {
+            if (afterElement.nextSibling) {
+                afterElement.parentElement.insertBefore(tabButton, afterElement.nextSibling);
+            }
+            else {
+                afterElement.parentElement.appendChild(tabButton);
+            }
         }
-        if ((typeof infoView == "boolean" && infoView) || (defaultState && !embeddedInfoView)) {
-            widgets["infoView"] = new WidgetInfoView(widgetParams);
+        else {
+            this._element.appendChild(tabButton);
         }
-        if (!(typeof infoView == "boolean" && infoView) && embeddedInfoView) {
-            widgets["embeddedInfoView"] = new WidgetEmbeddedInfoView(__assign({}, widgetParams));
+        switch (control) {
+            case "fullscreen":
+                controller = new WidgetControlViewBarFullscreen({
+                    widget: this,
+                    element: tabButton,
+                    container: this._element
+                });
+                break;
+            case "searchbar":
+                controller = new WidgetControlViewBarSearch({
+                    widget: this,
+                    element: tabButton,
+                    container: this._element
+                });
+                break;
+            default:
+                if (this.customControls.has(control) === false) {
+                    console.error("Control ".concat(control, " not found."));
+                    return;
+                }
+                var clazz = this.customControls.get(control);
+                controller = new clazz({
+                    widget: this,
+                    container: this._element
+                });
+                break;
         }
-        return widgets;
-    }
-    ViewerUtils.CreateWidgets = CreateWidgets;
+        this.controls.set(control, controller);
+    };
     /**
-     * Returns if the given token is valid or not.
-     * This will perform a test request to Cesium API.
-     * @param token
-     * @returns
+     * Updates the panel styles based on the current state.
+     * Eg: if a control is enabled, the button should be highlighted.
      */
-    function AssertIonToken(token) {
-        return __awaiter(this, void 0, void 0, function () {
-            var url, response, json, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!token) {
-                            return [2 /*return*/, false];
-                        }
-                        if (_cToken_check_cache[token] != null) {
-                            return [2 /*return*/, _cToken_check_cache[token]];
-                        }
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 4, , 5]);
-                        url = "https://api.cesium.com/v1/assets/1/endpoint?access_token=".concat(token);
-                        return [4 /*yield*/, fetch(url)];
-                    case 2:
-                        response = _a.sent();
-                        return [4 /*yield*/, response.json()];
-                    case 3:
-                        json = _a.sent();
-                        _cToken_check_cache[token] = Boolean(json === null || json === void 0 ? void 0 : json.url);
-                        return [2 /*return*/, _cToken_check_cache[token]];
-                    case 4:
-                        e_1 = _a.sent();
-                        console.error(e_1);
-                        _cToken_check_cache[token] = false;
-                        return [3 /*break*/, 5];
-                    case 5: return [2 /*return*/];
-                }
-            });
+    WidgetViewBar.prototype._updatePanelStyles = function () {
+        var _this = this;
+        var buttons = this._element.querySelectorAll(".NextspaceViewBarControl");
+        buttons.forEach(function (button) {
+            var buttonTab = button.getAttribute("widget-view-bar-control");
+            var controller = _this.controls.get(buttonTab);
+            var isCustomEnabledState = button.getAttribute("custom-enabled-state") === "true";
+            if (isCustomEnabledState) {
+                button.setAttribute("is-enabled", "false");
+            }
+            else {
+                button.setAttribute("is-enabled", (controller === null || controller === void 0 ? void 0 : controller.Enabled) ? "true" : "false");
+            }
         });
-    }
-    ViewerUtils.AssertIonToken = AssertIonToken;
-    /**
-     * Gets or creates a viewer event tracker.
-     * This will log and emit events that are tracked.
-     * @param viewer
-     * @returns
-     */
-    function GetEventTracker(viewer) {
-        var tracker = viewer[CESIUM_VIEWER_EVENT_TRACKER_KEY];
-        if (!tracker) {
-            tracker = new ViewerEventTracker.Tracker("warn,error");
-        }
-        viewer[CESIUM_VIEWER_EVENT_TRACKER_KEY] = tracker;
-        return tracker;
-    }
-    ViewerUtils.GetEventTracker = GetEventTracker;
-})(ViewerUtils || (ViewerUtils = {}));
+    };
+    return WidgetViewBar;
+}(Widget.AWidget));
 
-var VERSION = "4.5.6";
+var VERSION = "4.5.7";
 
-export { VERSION, CesiumViewMonitor, ViewerUtils, ViewerEventTracker, MenuItemManager, EntityRenderEngine, EntityRenderEnginePoint, EntityRenderEnginePolyline, EntityRenderEnginePolygon, EntityRenderEngineModel3d, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, GoogleSearchRenderManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline, MeasureCreator, Widget, VIEWER_BOOKMARKS_WIDGET_KEY, WidgetBookmarks, WidgetBranding, WidgetCursorBar, WidgetEmbeddedInfoView, WidgetInfoView, WidgetNavCompass$$1 as WidgetNavCompass, WidgetSearchBar, VIEWER_LEFT_PANEL_WIDGET_KEY, VIEWER_LEFT_PANEL_CSS_VAR_LEFT, WidgetLeftPanel, WidgetLeftPanelTab, WidgetLeftPanelTabBookmarks };
+export { VERSION, CesiumViewMonitor, ViewerUtils, ViewerEventTracker, MenuItemManager, EntityRenderEngine, EntityRenderEnginePoint, EntityRenderEnginePolyline, EntityRenderEnginePolygon, EntityRenderEngineModel3d, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, GoogleSearchRenderManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline, MeasureCreator, Widget, VIEWER_BOOKMARKS_WIDGET_KEY, WidgetBookmarks, WidgetBranding, WidgetCursorBar, WidgetEmbeddedInfoView, WidgetInfoView, WidgetNavCompass$$1 as WidgetNavCompass, VIEWER_LEFT_PANEL_WIDGET_KEY$1 as VIEWER_LEFT_PANEL_WIDGET_KEY, WidgetViewBar, WidgetControlViewBar, WidgetControlViewBarSearch, WidgetLeftPanelTab, WidgetLeftPanelTabBookmarks };
 //# sourceMappingURL=bruce-cesium.es5.js.map