@openglobus/og 0.24.2 → 0.25.0

package/lib/{js/Globe.d.ts → Globe.d.ts}

@@ -10,7 +10,7 @@ import { Renderer } from "./renderer/Renderer";
 import type { HTMLDivElementExt } from "./renderer/Renderer";
 import { RenderNode } from "./scene/RenderNode";
 import { Extent } from "./Extent";
-import type { IAtmosphereParams } from "./control/Atmosphere";
+import type { IAtmosphereParams } from "./control/atmosphere/Atmosphere";
 export interface IGlobeParams {
     attributionContainer?: HTMLElement;
     target?: string | HTMLElement;
@@ -58,30 +58,28 @@ export interface IGlobeParams {
  *
  * @example <caption>Basic initialization</caption>
  * globus = new Globe({
- *     'atmosphere': false,
- *     'target': 'globus',
- *     'name': 'Earth',
- *     'controls': [
- *          new control.MouseNavigation({ autoActivate: true }),
- *          new control.KeyboardNavigation({ autoActivate: true }),
- *          new control.EarthCoordinates({ autoActivate: true, center: false }),
- *          new control.LayerSwitcher({ autoActivate: true }),
- *          new control.ZoomControl({ autoActivate: true }),
- *          new control.TouchNavigation({ autoActivate: true }),
- *          new control.Sun({ autoActivate: true })
+ *     atmosphere: false,
+ *     target: 'globus',
+ *     name: 'Earth',
+ *     controls: [
+ *          new control.MouseNavigation(),
+ *          new control.KeyboardNavigation(),
+ *          new control.EarthCoordinates(),
+ *          new control.LayerSwitcher({),
+ *          new control.ZoomControl(),
+ *          new control.TouchNavigation(),
+ *          new control.Sun()
  *      ],
- *     'terrain': new GlobusTerrain(),
- *     'layers': [
- *          new XYZ("OpenStreetMap", { isBaseLayer: true, url: "http://b.tile.openstreetmap.org/{z}/{x}/{y}.png", visibility: true, attribution: 'Data @ <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="http://www.openstreetmap.org/copyright">ODbL</a>' })
- *      ],
- *     'autoActivate': true
+ *     terrain: new GlobusRGBTerrain(),
+ *     layers: [new OpenStreetMap(), new Bing()],
+ *     atmosphereEnabled: true
  * });
  *
  * @param {IGlobeParams} options - Options:
  * @param {string|HTMLElement} options.target - HTML element id where planet canvas have to be created.
  * @param {string} [options.name] - Planet name. Default is uniq identifier.
  * @param {EmptyTerrain} [options.terrain] - Terrain provider. Default no terrain - og.terrain.EmptyTerrain.
- * @param {Array.<Control>} [options.controls] - Renderer controls array.
+ * @param {Array.<Control>} [options.controls] - Controls.
  * @param {Array.<Layer>} [options.layers] - Planet layers.
  * @param {Extent | ExtentBoundingBox} [options.viewExtent] [options.viewExtent] - Viewable starting extent.
  * @param {boolean} [options.autoActivate=true] - Globe rendering auto activation flag. True is default.

package/lib/{js/Object3d.d.ts → Object3d.d.ts}

@@ -73,7 +73,7 @@ declare class Object3d {
     static createCube(length?: number, height?: number, depth?: number, xOffset?: number, yOffset?: number, zOffset?: number): Object3d;
     static createPlane(width?: number, height?: number, xOffset?: number, yOffset?: number, zOffset?: number): Object3d;
     static createArrow(back?: number, height?: number, front?: number): Object3d;
-    static readFileObj(objFile: File, mtlFile?: File): Promise<Object3d[]>;
+    static readFileObj(objFile: File, mtlFile?: File | null, baseUrl?: string): Promise<Object3d[]>;
     static loadObj(src: string): Promise<Object3d[]>;
     merge(other: Object3d): Object3d;
     static merge(objects: Object3d[], maxSize?: number): Object3d;

package/lib/{@openglobus/js/camera → camera}/Camera.d.ts

@@ -13,16 +13,17 @@ import { Quat } from "../math/Quat";
 type CameraEvents = ["viewchange", "moveend"];
 export interface ICameraParams {
     eye?: Vec3;
-    aspect?: number;
     viewAngle?: number;
     look?: Vec3;
     up?: Vec3;
     frustums?: NumberArray2[];
+    width?: number;
+    height?: number;
 }
 /**
  * Camera class.
  * @class
- * @param {Renderer} [renderer] - Renderer uses the camera instance.
+ * //@param {Renderer} [renderer] - Renderer uses the camera instance.
  * @param {Object} [options] - Camera options:
  * @param {Object} [options.name] - Camera name.
  * @param {number} [options.viewAngle=47] - Camera angle of view. Default is 47.0
@@ -36,12 +37,6 @@ export interface ICameraParams {
  * @fires EventsHandler<CameraEvents>#moveend
  */
 declare class Camera {
-    /**
-     * Assigned renderer
-     * @public
-     * @type {Renderer}
-     */
-    renderer: Renderer | null;
     /**
      * Camera events handler
      * @public
@@ -66,18 +61,13 @@ declare class Camera {
      * @type {Float32Array}
      */
     eyeLow: Float32Array;
-    /**
-     * Aspect ratio.
-     * @protected
-     * @type {Number}
-     */
-    protected _aspect: number;
     /**
      * Camera view angle in degrees
      * @protected
      * @type {Number}
      */
     protected _viewAngle: number;
+    protected _horizontalViewAngle: number;
     /**
      * Camera view matrix.
      * @protected
@@ -129,9 +119,11 @@ declare class Camera {
     currentFrustumIndex: number;
     frustumColorIndex: number;
     isFirstPass: boolean;
-    constructor(renderer: Renderer | null, options?: ICameraParams);
+    _width: number;
+    _height: number;
+    constructor(options?: ICameraParams);
     checkMoveEnd(): void;
-    bindRenderer(renderer: Renderer): void;
+    bindFrustumsPickingColors(renderer: Renderer): void;
     /**
      * Camera initialization.
      * @public
@@ -161,12 +153,9 @@ declare class Camera {
      * @public
      */
     refresh(): void;
-    /**
-     * Sets aspect ratio
-     * @public
-     * @param {Number} aspect - Camera aspect ratio
-     */
-    setAspectRatio(aspect: number): void;
+    get width(): number;
+    get height(): number;
+    setViewportSize(width: number, height: number): void;
     /**
      * Returns aspect ratio
      * @public
@@ -180,6 +169,7 @@ declare class Camera {
      * @param {number} aspect - Screen aspect ratio
      */
     protected _setProj(angle: number, aspect: number): void;
+    protected _updateViewportParameters(): void;
     /**
      * Sets camera view angle in degrees
      * @public
@@ -193,6 +183,8 @@ declare class Camera {
      */
     getViewAngle(): number;
     get viewAngle(): number;
+    get verticalViewAngle(): number;
+    get horizontalViewAngle(): number;
     /**
      * Sets camera to eye position
      * @public
@@ -357,5 +349,7 @@ declare class Camera {
      */
     getInverseProjectionMatrix(): NumberArray16;
     viewDistance(cartesian: Vec3, distance?: number): void;
+    copy(cam: Camera): void;
+    getAltitude(): number;
 }
 export { Camera };

package/lib/{@openglobus/js/camera → camera}/Frustum.d.ts

@@ -88,7 +88,7 @@ declare class Frustum {
     /**
      * Sets up camera projection matrix.
      * @public
-     * @param {number} angle - Camera's view angle.
+     * @param {number} angle - Camera's vertical fov view angle.
      * @param {number} aspect - Screen aspect ratio.
      * @param {number} near - Near camera distance.
      * @param {number} far - Far camera distance.

package/lib/control/CameraFrameComposer.d.ts

@@ -0,0 +1,35 @@
+import { Control, IControlParams } from "./Control";
+import { Camera } from "../camera/Camera";
+import { Framebuffer } from "../webgl/Framebuffer";
+import { WebGLContextExt } from "../webgl/Handler";
+type HandlerFunc = (camera?: Camera, framebuffer?: Framebuffer, gl?: WebGLContextExt | null) => void;
+export interface ICameraFrameHadler {
+    camera: Camera;
+    frameBuffer: Framebuffer;
+    handler: HandlerFunc;
+}
+export declare class CameraFrameHandler {
+    camera: Camera;
+    frameBuffer: Framebuffer;
+    handler: HandlerFunc | null;
+    protected _composer: CameraFrameComposer | null;
+    protected _composerIndex: number;
+    constructor(params: ICameraFrameHadler);
+    addTo(composer: CameraFrameComposer): void;
+    remove(): void;
+    frame(): void;
+}
+export interface ICameraFrameComposerParams extends IControlParams {
+    handlers: CameraFrameHandler[];
+}
+export declare class CameraFrameComposer extends Control {
+    protected _handlers: CameraFrameHandler[];
+    constructor(params: ICameraFrameComposerParams);
+    get handlers(): CameraFrameHandler[];
+    add(handler: CameraFrameHandler): void;
+    oninit(): void;
+    activate(): void;
+    deactivate(): void;
+    protected _onPostdraw: () => void;
+}
+export {};

package/lib/control/KeyboardNavigation.d.ts

@@ -0,0 +1,32 @@
+import { Control, type IControlParams } from "./Control";
+import { Vec3 } from "../math/Vec3";
+import { Camera } from "../camera/Camera";
+import { PlanetCamera } from "../camera/PlanetCamera";
+interface IKeyboardNavigationParams extends IControlParams {
+    speed?: number;
+    camera?: Camera | PlanetCamera;
+}
+/**
+ * Planet camera keyboard navigation. Use W,S,A,D and left shift key for fly around a planet.
+ */
+export declare class KeyboardNavigation extends Control {
+    speed: number;
+    force: Vec3;
+    vel: Vec3;
+    mass: number;
+    protected _camera: Camera | PlanetCamera | null;
+    constructor(options?: IKeyboardNavigationParams);
+    bindCamera(camera: Camera): void;
+    onactivate(): void;
+    ondeactivate(): void;
+    oninit(): void;
+    protected get dt(): number;
+    protected onCameraPitchUp: () => void;
+    protected onCameraPitchDown: () => void;
+    protected onCameraYawLeft: () => void;
+    protected onCameraYawRight: () => void;
+    protected onCameraMoveForward: () => void;
+    protected onCameraMoveBackward: () => void;
+    protected onDraw(): void;
+}
+export {};

package/lib/control/MouseWheelZoomControl.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/{js/control → control/atmosphere}/Atmosphere.d.ts

@@ -1,17 +1,20 @@
-import { type AtmosphereParameters } from "../shaders/atmos";
-import { Framebuffer } from "../webgl/Framebuffer";
-import { Control, type IControlParams } from "./Control";
-import type { NumberArray3 } from '../math/Vec3';
+import { type AtmosphereParameters } from "../../shaders/atmos/atmos";
+import { Framebuffer } from "../../webgl/Framebuffer";
+import { Control, type IControlParams } from "../Control";
 export interface IAtmosphereParams extends IControlParams {
     height?: number;
     rayleighScale?: number;
     mieScale?: number;
     groundAlbedo?: number;
     bottomRadius?: number;
-    rayleighScatteringCoefficient?: NumberArray3;
+    rayleighScatteringCoefficient_0?: number;
+    rayleighScatteringCoefficient_1?: number;
+    rayleighScatteringCoefficient_2?: number;
     mieScatteringCoefficient?: number;
     mieExtinctionCoefficient?: number;
-    ozoneAbsorptionCoefficient?: NumberArray3;
+    ozoneAbsorptionCoefficient_0?: number;
+    ozoneAbsorptionCoefficient_1?: number;
+    ozoneAbsorptionCoefficient_2?: number;
     sunAngularRadius?: number;
     sunIntensity?: number;
     ozoneDensityHeight?: number;

package/lib/{@openglobus/js/control → control/atmosphere}/AtmosphereConfig.d.ts

@@ -1,9 +1,9 @@
-import { Control, type IControlParams } from "./Control";
-import { Dialog } from '../ui/Dialog';
-import { Slider } from "../ui/Slider";
-import { ToggleButton } from "../ui/ToggleButton";
-import { View } from '../ui/View';
-import type { AtmosphereParameters } from "../shaders/atmos";
+import { Control, type IControlParams } from "../Control";
+import { Dialog } from '../../ui/Dialog';
+import { Slider } from "../../ui/Slider";
+import { ToggleButton } from "../../ui/ToggleButton";
+import { View } from '../../ui/View';
+import type { AtmosphereParameters } from "../../shaders/atmos/atmos";
 interface IAtmosphereConfigParams extends IControlParams {
 }
 /**

package/lib/{js/control → control}/index.d.ts

@@ -25,6 +25,8 @@ export * from "./ruler/Ruler";
 export * from "./selection/Selection";
 export * from "./timeline/TimelineControl";
 export * from "./elevationProfile/ElevationProfileControl";
-export * from "./AtmosphereConfig";
+export * from "./atmosphere/AtmosphereConfig";
 export * from "./geoObjectEditor/GeoObjectEditor";
 export * from "./CameraLock";
+export * from "./object3dManager/Object3dManager";
+export * from "./CameraFrameComposer";

package/lib/control/object3dManager/Object3dCollection.d.ts

@@ -0,0 +1,21 @@
+import { Object3d } from "../../Object3d";
+import { type EventsHandler } from "../../Events";
+type Object3dCollectionEvents = ["add", "remove"];
+export interface IObject3dItem {
+    name: string;
+    objects: Object3d[];
+    scale?: number;
+}
+interface Object3dCollectionParams {
+    collection?: IObject3dItem[];
+}
+export declare class Object3dCollection {
+    protected _items: Map<string, IObject3dItem>;
+    events: EventsHandler<Object3dCollectionEvents>;
+    constructor(params?: Object3dCollectionParams);
+    static createItemsMap(items: IObject3dItem[]): Map<string, IObject3dItem>;
+    getItem(name: string): IObject3dItem | undefined;
+    addItem(item: IObject3dItem, force?: boolean): void;
+    getItems(): IObject3dItem[];
+}
+export {};

package/lib/control/object3dManager/Object3dCollectionView.d.ts

@@ -0,0 +1,15 @@
+import { IViewParams, View, type ViewEventsList } from "../../ui/View";
+import { IObject3dItem, Object3dCollection } from "./Object3dCollection";
+import { Object3dItemView } from "./Object3dItemView";
+import { type EventsHandler } from "../../Events";
+type Object3dCollectionViewEvents = ["select"];
+export declare class Object3dCollectionView extends View<Object3dCollection> {
+    events: EventsHandler<Object3dCollectionViewEvents> & EventsHandler<ViewEventsList>;
+    protected _activeView: Object3dItemView | null;
+    constructor(params: IViewParams);
+    protected _addItem(item: IObject3dItem): void;
+    render(params: IViewParams): this;
+    protected _initEvents(): void;
+    protected _onAdd: (item: IObject3dItem) => void;
+}
+export {};

package/lib/control/object3dManager/Object3dItemView.d.ts

@@ -0,0 +1,10 @@
+import { IViewParams, View, type ViewEventsList } from "../../ui/View";
+import { IObject3dItem } from "./Object3dCollection";
+import { EventsHandler } from "../../Events";
+type Object3dItemViewEvents = ["click"];
+export declare class Object3dItemView extends View<IObject3dItem> {
+    events: EventsHandler<Object3dItemViewEvents> & EventsHandler<ViewEventsList>;
+    constructor(params: IViewParams);
+    render(params?: any): this;
+}
+export {};

package/lib/control/object3dManager/Object3dManager.d.ts

@@ -0,0 +1,28 @@
+import { Control, type IControlParams } from "../Control";
+import { Object3dManagerDialog } from "./Object3dManagerDialog";
+import { Object3dCollection } from "./Object3dCollection";
+import { IObject3dItem } from "./Object3dCollection";
+import { Vector } from "../../layer/Vector";
+import { IMouseState } from "../../renderer/RendererEvents";
+import { LonLat } from "../../LonLat";
+import { Entity } from "../../entity/Entity";
+export interface IObject3dManagerParams extends IControlParams {
+    collection?: IObject3dItem[];
+    layer?: Vector;
+}
+export declare class Object3dManager extends Control {
+    protected _dialog: Object3dManagerDialog;
+    protected _collection: Object3dCollection;
+    protected _layer: Vector | null;
+    protected _currentItem: IObject3dItem | null;
+    constructor(options?: IObject3dManagerParams);
+    oninit(): void;
+    onactivate(): void;
+    ondeactivate(): void;
+    protected _onSelect: (item: IObject3dItem) => void;
+    bindLayer(layer: Vector): void;
+    protected _initEvents(): void;
+    protected _clearEvents(): void;
+    protected _onClick: (e: IMouseState) => void;
+    protected _createEntity(item: IObject3dItem, lonLat: LonLat): Entity;
+}

package/lib/control/object3dManager/Object3dManagerDialog.d.ts

@@ -0,0 +1,23 @@
+import { Dialog, type IDialogParams, type DialogEventsList } from "../../ui/Dialog";
+import { Object3dCollection } from "./Object3dCollection";
+import { Object3dCollectionView } from "./Object3dCollectionView";
+import { type EventsHandler } from "../../Events";
+import { type ViewEventsList } from "../../ui/View";
+import { Object3d } from "../../Object3d";
+type Object3dManagerDialogEvents = ["select"];
+interface IObject3dManagerDialogParams extends IDialogParams {
+    model: Object3dCollection;
+}
+type Object3dManagerDialogEventsExt = EventsHandler<Object3dManagerDialogEvents> & EventsHandler<DialogEventsList> & EventsHandler<ViewEventsList>;
+export declare class Object3dManagerDialog extends Dialog<null> {
+    events: Object3dManagerDialogEventsExt;
+    protected _object3dCollectionView: Object3dCollectionView;
+    constructor(params: IObject3dManagerDialogParams);
+    render(params: any): this;
+    protected _onLoadClick: () => void;
+    protected _addObject: (item: {
+        name: string;
+        objects: Object3d[];
+    }) => void;
+}
+export {};

package/lib/{js/control → control}/visibleExtent/Segment.d.ts

@@ -132,7 +132,7 @@ export class Segment {
     tempVerticesHigh: any;
     tempVerticesLow: any;
     normalMapTexture: any;
-    normalMapTextureBias: Float32Array;
+    normalMapTextureBias: Float32Array<ArrayBuffer>;
     normalMapVertices: any;
     normalMapVerticesHigh: any;
     normalMapVerticesLow: any;
@@ -142,7 +142,7 @@ export class Segment {
     vertexPositionBufferHigh: any;
     vertexPositionBufferLow: any;
     vertexTextureCoordBuffer: any;
-    _globalTextureCoordinates: Float32Array;
+    _globalTextureCoordinates: Float32Array<ArrayBuffer>;
     _inTheQueue: boolean;
     _appliedNeighborsZoom: number[];
     _renderingSlices: any[];
@@ -175,7 +175,7 @@ export class Segment {
      * @param {Vec3} [normal] - Terrain point normal.
      * @returns {number} -
      */
-    public getTerrainPoint(xyz: Vec3, insideSegmentPosition: LonLat, res?: Vec3 | undefined): number;
+    public getTerrainPoint(xyz: Vec3, insideSegmentPosition: LonLat, res?: Vec3): number;
     /**
      * Project wgs86 to segment native projection.
      * @public

package/lib/entity/LabelWorker.worker.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/{@openglobus/js/index.d.ts → index.d.ts}

@@ -1,3 +1,4 @@
+import '../css/og.css';
 import * as jd from './astro/jd';
 import * as math from './math';
 import * as mercator from './mercator';

package/lib/og.css

@@ -0,0 +1 @@
+:root{--grey0: rgb(45 45 45);--grey1: #434244;--grey2: #3F3F46;--grey3: #BBBBBB;--grey4: #5e5e5e;--grey5: rgb(64, 59, 59);--grey6: #bfbfbf;--grey7: #707070;--grey8: #e2e2e2;--grey9: #9f9f9f;--blue0: #1700a9ee}.og-map-button{height:40px;width:40px;position:absolute;outline:none;cursor:pointer;z-index:1;background-color:var(--grey5)}.ogCenterIcon{height:12px;width:12px;margin-bottom:-3.5px;margin-right:-7.5px;bottom:50%;right:50%;position:absolute}.ogHandPoiner{cursor:pointer}.defaultText{position:absolute;top:0;left:0;color:#fff}#ogShowFpsControl{color:red}.ogGrabbingPoiner{cursor:grabbing!important}.og-inner{width:100%;height:100%;float:left;position:relative;background-color:#000;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;overflow:hidden}.og-attribution{background:#cecece;text-align:right;bottom:0;right:0;position:absolute;font-size:.7rem;padding:1px 0;line-height:1.375em;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:row}.og-attribution .og-attribution__layer{margin-left:5px;margin-right:5px;align-items:center;display:inline;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.og-attribution img{max-height:1.3em}.og-zoomin-button{bottom:102px;right:12px;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.og-zoomout-button{bottom:58px;right:12px;border-top-left-radius:0!important;border-top-right-radius:0!important}input{accent-color:var(--blue0);cursor:pointer}.og-menu-bar-vertical{position:absolute;right:12px;top:12px;width:40px;height:40px;background-color:#403b3bd9;border-radius:2px;box-shadow:0 1px 4px #0f0f0f2b;z-index:0}.og-hide{display:none!important}.og-not-visible{visibility:hidden!important}.og-options-container{position:relative;padding:12px;height:calc(100% - 30px);color:#b6b6b6}.og-option{width:100%;position:relative;display:inline-block;flex-direction:row;padding-bottom:7px;text-overflow:ellipsis;align-items:center;justify-content:left}.og-option .og-slider{width:100%}.og-option .og-slider .og-slider-label,.og-option .og-color-label{width:100px;font-size:12px}.og-ddialog{position:absolute;display:flex;flex-direction:column;box-shadow:3px 3px 4px #0f0f0f2b;background-color:var(--grey0);border:1px solid;border-color:var(--grey1);border-radius:4px;overflow:auto}.og-ddialog .og-ddialog-header{width:100%;height:27px;position:relative;padding:0;z-index:1;background-color:var(--grey2);color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.og-ddialog .og-ddialog-header .og-ddialog-header__title{color:var(--grey3);padding-left:5px;pointer-events:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:400}.og-ddialog .og-ddialog-header .og-ddialog-header__buttons{display:flex;flex-direction:row;justify-content:flex-end}.og-ddialog .og-ddialog-header .og-ddialog-header__buttons .og-button{border-radius:0}.og-ddialog .og-ddialog-container{overflow:auto;position:relative;width:100%;height:100%;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px}.og-ddialog.dragging{-webkit-user-select:none;user-select:none}.og-button{display:flex;align-items:center;align-content:center;padding:2px;flex-direction:row;cursor:default;justify-content:center;color:var(--grey6);border-radius:4px}.og-button svg,.og-button svg path{width:24px;height:24px;fill:var(--grey6)}.og-button__active.og-button svg,.og-button__active.og-button svg path{fill:#fff}.og-button .og-button-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:400}.og-button:hover{background-color:var(--grey4)}.og-button-size__20{height:20px;width:20px}.og-button__active{background-color:var(--grey2)}.og-layerSwitcher_button{top:12px;right:12px}.og-layerSwitcher{position:relative;color:#b6b6b6;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.og-layerSwitcher__title{position:relative;color:#b6b6b6;font-size:14px;width:100%;padding:5px}.og-layerSwitcher__list{position:relative;width:100%;display:inline-block;flex-direction:column;padding:2px}.og-layerSwitcher__layerButton{width:75px;height:75px;position:relative;background-color:#7a7a7a;cursor:pointer;border-radius:5px;margin:3px;border:2px solid rgba(0,0,0,0);padding:0}.og-layerSwitcher__layerButton.og-layerSwitcher__visible{border:2px solid #00ff14}.og-layerSwitcher__layerButton.og-layerSwitcher__visible img{opacity:1}.og-layerSwitcher__layerButton img{width:100%;height:100%;border-radius:5px;position:absolute;left:0;top:0;opacity:1}.og-layerSwitcher__layerButton img:hover{opacity:1}.og-layerSwitcher__name{color:var(--grey8);font-size:12px;overflow:hidden;text-overflow:ellipsis;padding:3px;background-color:#00000080;position:absolute;bottom:0;width:calc(100% - 6px);border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:25px}.displayNone{display:none}.displayBlock{display:block}.og-drawing-default_button{top:12px;right:166px}.og-drawing-default_button .og-button-icon{transform:scale(.73)}.og-drawing-polygon_button{top:12px;right:115px}.og-drawing-linestring_button{top:12px;right:66px}.og-ruler_button{top:65px;right:12px}.ogConsole{position:absolute;top:0;left:0;width:100%;max-height:70%;overflow:auto;font-size:14px;font-family:Arial;background-color:#8282827d;color:#fff;z-index:100000000;pointer-events:none}.ogConsole-text{padding:7px;overflow:hidden}.ogConsole-error{color:red}.ogConsole-warning{color:#ff0}.ogViewExtentBtn{margin-left:12px;height:24px;width:24px;scale:70%;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAABgAAAAYADwa0LPAAAAB3RJTUUH5ggMBTM4rM25AwAAAAJiS0dEAACqjSMyAAABsUlEQVRIx81WWYrCQBAVg4Iwbp8ud5DoYRRBxPMoouiPegQVPYp6Azdc/ly++01XKkmPksQ4ZmAKAr3V0u9VVScU8ikQkQhwuRifHIeCFiAWgy2xWHCGRSIBVKtAt6scdDrGmtz7IOJUyjAk7ne4Ce2JdhsimXzTeKkE7PfK0vEIjMdqTuPTSc23W6BY9G/cjvpwgKjVmOBHDnitXmfnJLcboOs+YNntWGGxADIZtRcOQ4xGEMMhjdV6Ngssl6yz2XjywuSZkf8w/vrW5MS8iWi13LPFgkbC8n5SEFwmVOLry+EApaJJ6C8KCSIaVcRXKk8FlE4D/T5vzmY81zT/0Wsa68znbKPX47ksSC5/JxkM/EdPxDvJ5RKMA3nWw8EfQxQsyecz2yiXvdNUptz7adposO716pim7EQ2Lrv3ZLP+o8/n7RQVzabHwWSSGxcJlb9y4t4qcjlgtWKd9RoiHn9x1WKRG5d1E1mhBr7PzY7WCBaruAiaQsEnnrpuNC5biLzJRL0D06ki1Ircp/FH0lstdRsnoaibzZeweDuKx6m3qE5rPZnlsmu2/KtH/9Pflm+sYR/yIsaCAQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wOC0xMlQwNTo1MTo1NiswMDowMIPhE+YAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDgtMTJUMDU6NTE6NTYrMDA6MDDyvKtaAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA4LTEyVDA1OjUxOjU2KzAwOjAwpamKhQAAAABJRU5ErkJggg==) center center no-repeat}.ogViewExtentBtn:hover{border-radius:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAABgAAAAYADwa0LPAAAAB3RJTUUH5ggMBTM4rM25AwAAAAJiS0dEAACqjSMyAAABsUlEQVRIx81WWYrCQBAVg4Iwbp8ud5DoYRRBxPMoouiPegQVPYp6Azdc/ly++01XKkmPksQ4ZmAKAr3V0u9VVScU8ikQkQhwuRifHIeCFiAWgy2xWHCGRSIBVKtAt6scdDrGmtz7IOJUyjAk7ne4Ce2JdhsimXzTeKkE7PfK0vEIjMdqTuPTSc23W6BY9G/cjvpwgKjVmOBHDnitXmfnJLcboOs+YNntWGGxADIZtRcOQ4xGEMMhjdV6Ngssl6yz2XjywuSZkf8w/vrW5MS8iWi13LPFgkbC8n5SEFwmVOLry+EApaJJ6C8KCSIaVcRXKk8FlE4D/T5vzmY81zT/0Wsa68znbKPX47ksSC5/JxkM/EdPxDvJ5RKMA3nWw8EfQxQsyecz2yiXvdNUptz7adposO716pim7EQ2Lrv3ZLP+o8/n7RQVzabHwWSSGxcJlb9y4t4qcjlgtWKd9RoiHn9x1WKRG5d1E1mhBr7PzY7WCBaruAiaQsEnnrpuNC5biLzJRL0D06ki1Ircp/FH0lstdRsnoaibzZeweDuKx6m3qE5rPZnlsmu2/KtH/9Pflm+sYR/yIsaCAQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wOC0xMlQwNTo1MTo1NiswMDowMIPhE+YAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDgtMTJUMDU6NTE6NTYrMDA6MDDyvKtaAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTA4LTEyVDA1OjUxOjU2KzAwOjAwpamKhQAAAABJRU5ErkJggg==) center center no-repeat,var(--blue0)}.og-debuginfo_button{position:absolute;left:10px;top:120px}.og-debuginfo_controls{padding-bottom:8px;display:flex}.og-debuginfo_controls-button{width:25px;height:25px;float:left;margin:3px}.og-debug-info{color:#fff;font-size:12px;padding:10px}.og-debug-info .og-watch-line{width:100%;padding-bottom:5px;display:flex;flex-direction:row}.og-watch-line .og-watch-label{color:#cecece;width:200px}.og-watch-line .og-watch-value{margin-left:15px}.og-popup{position:absolute;text-align:center;bottom:-2px}.og-popup-content-wrapper,.og-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.og-popup-content-wrapper{background:#fff;color:#333;box-shadow:0 3px 14px #0006;padding:1px;text-align:left;border-radius:8px;min-width:30px;min-height:17px}.og-popup-content{margin:20px 5px 5px;line-height:1.4}.og-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none;bottom:-19px}.og-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.og-popup-toolbar{position:absolute;top:3px;right:2px;display:inline-block}.og-popup-btn{width:15px;height:15px;cursor:pointer;float:right}.og-popup-btn:hover{color:#2e9be7}.og-popup-title{position:absolute;left:5px;top:3px;font-size:14px}.og-scale-container{position:absolute;right:320px;bottom:30px}.og-scale-label{position:relative;color:#fff;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:12px;text-align:center}.og-scale-ruler{position:relative;height:7px;border-bottom:2px solid white;border-left:1px solid white;border-right:1px solid white}.og-compass-button{bottom:153px;right:12px}.og-compass-button svg{width:40px!important;height:40px!important}.og-suncontrol-button{width:25px;height:25px;float:left;margin:3px}.og-lighting_button{position:absolute;left:10px;top:65px}.og-lighing{position:relative;padding:12px;height:calc(100% - 30px);color:#b6b6b6}.og-lighing .og-layers{display:flex;flex-direction:row;align-items:center}.og-lighing .og-caption{position:relative}.og-emptyline,.og-lighing .og-lighting-emptyline{width:100%;padding:3px}.og-emptyline-2{width:100%;padding:5px}.og-lighing .og-slider{width:100%}.og-lighing .og-slider .og-slider-label,.og-lighing .og-color-label{width:100px;font-size:12px}.og-lighing .og-color{padding-right:10px}.og-lighing #layers{font-family:monospace;padding:2px;margin-left:21px;width:200px}.og-coordinates{position:absolute;bottom:25px;right:12px;text-align:right;overflow:hidden;font-family:monospace;font-size:1em;cursor:pointer;float:left;background-color:var(--grey5);color:var(--grey8);padding:5px;border-radius:4px}.og-coordinates div{float:left}.og-lat-side,.og-lon-side{width:10px;padding-right:3px}.og-lat-val,.og-lon-val{width:90px;padding-right:3px;text-align:left;text-overflow:unset;overflow:hidden}.og-height{width:50px;text-align:right;text-overflow:ellipsis;padding-left:3px;overflow:hidden}.og-units-height{width:15px;text-align:left;padding-left:3px}.og-center-icon{height:12px;width:12px;margin-bottom:-3.5px;margin-right:-7.5px;bottom:50%;right:50%;position:absolute;pointer-events:none}.og-atmosphere_button{position:absolute;left:10px;top:230px}.og-atmosphere.og-options-container .og-slider-label{width:300px;overflow:hidden;height:20px}.og-atmosphere.og-options-container .og-slider input{width:87px}.og-timeline_button{position:absolute;top:10px;left:10px}.og-timeline-control_button{width:25px;height:20px;margin-left:3px;margin-right:3px;background:var(--grey7);border-radius:1px}.og-button svg,.og-button svg path{width:24px;height:24px}.og-timeline-control_button.og-button__active{background:var(--grey3)}.og-timeline{width:100%;height:100%;background:#2d2d2d;position:relative;left:0;bottom:0;overflow:hidden}.og-timeline-frame{position:relative;width:calc(100% - 20px);margin:0 0 0 10px;height:30px}.og-timeline-scale{overflow:hidden;width:100%;height:100%}.og-timeline-current{position:absolute;left:0;width:11px;height:100%;margin-left:-5px;cursor:pointer;margin-top:-7px}.og-timeline-current-spin{margin:0 auto;width:1px;height:100%;background-color:#ff3434;pointer-events:none}.og-timeline-current-arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ff3434;margin-left:-6px}.og-timeline-bottom{width:100%;display:flex;position:relative;justify-content:center;margin-top:3px}.og-timeline-controls{position:relative;border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px}.og-timeline-unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.og-timeline-top{width:100%;display:block;height:15px}.og-slider{display:flex;flex-direction:row;width:200px;gap:5px}.og-slider .og-slider-label{width:100%;height:100%;color:var(--grey6);font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;display:flex;align-items:center;text-align:left;margin-right:5px}.og-slider .og-slider-panel{position:relative;width:100%;height:20px;background-color:var(--grey1);z-index:1;border-radius:5px}.og-slider .og-slider-panel .og-slider-progress{position:absolute;height:100%;background-color:var(--grey7);pointer-events:none;border-top-left-radius:5px;border-bottom-left-radius:5px}.og-slider .og-slider-panel .og-slider-pointer{position:absolute;left:0;top:0;height:100%;width:3px;background-color:var(--grey3);pointer-events:none}.og-slider input{position:relative;height:100%;width:100%;background:var(--grey5);border:1px solid var(--grey1);z-index:0;color:var(--grey3);padding-left:5px;width:60px;border-radius:5px}.og-slider input:focus-visible{outline:none}.og-slider input::-webkit-outer-spin-button,.og-slider input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.og-slider input[type=number]{-moz-appearance:textfield}.og-checkbox,.og-input{display:flex;flex-direction:row;margin:5px}.og-checkbox .og-input-label,.og-input .og-input-label{width:100%;height:100%;color:var(--grey6);font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;align-items:center;text-align:left;margin-right:5px}.og-checkbox input,.og-input input{position:relative;height:100%;width:100%;background:var(--grey5);border:1px solid var(--grey1);z-index:0;color:var(--grey3);padding-left:5px;border-radius:5px}.og-checkbox input:focus-visible,.og-input input:focus-visible{outline:none}.og-checkbox input[type=checkbox]{width:14px;height:14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border:1px solid var(--grey1);border-radius:3px;background:var(--grey8);cursor:pointer;position:relative;padding:0}.og-checkbox input[type=checkbox]:before{content:"";position:absolute;width:3px;height:6px;border:solid black;border-width:0 2px 2px 0;transform:rotate(45deg);top:2px;left:3.5px;opacity:0;transition:opacity .2s ease-in-out}.og-checkbox input[type=checkbox]:checked:before{opacity:1}.og-checkbox input[type=checkbox]:hover{border-color:var(--grey2)}.og-checkbox .og-input-label{margin-right:0}.og-checkbox-input{width:100%}.og-input-disabled{pointer-events:none;opacity:.7}.og-input-disabled input[type=checkbox]{background:var(--grey9)}.og-input input[type=number]{-moz-appearance:textfield}.og-selection_button{top:117px;right:12px}.og-geoimagegrag_button{top:169px;right:12px}.og-elevationprofile{width:100%;height:100%;position:absolute;overflow:hidden}.og-elevationprofile__container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-content:center;align-items:center}.og-elevationprofile__menu{position:relative;width:100%;height:43px}.og-elevationprofile__graph{position:relative;width:100%;height:100%}.og-elevationprofile_button{top:175px;left:10px}.og-elevationprofile-legend{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;color:var(--grey8);position:absolute;top:0;right:0;margin:5px;display:flex;z-index:1}.og-elevationprofile-legend__row{position:relative;padding:5px;width:70px}.og-elevationprofile-square{position:relative;float:left;width:6px;height:6px;margin:5px}.og-elevationprofile-legend__track .og-elevationprofile-square{background-color:#00ff32}.og-elevationprofile-legend__ground .og-elevationprofile-square{background-color:#c6c6c6}.og-elevationprofile-legend__warning .og-elevationprofile-square{background-color:#ff0}.og-elevationprofile-legend__collision .og-elevationprofile-square{background-color:red}.og-elevationprofile-units{display:inline-block;position:relative;float:left;padding-left:5px}.og-elevationprofile-value{width:30px;display:inline-block;position:relative;float:left;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.og-elevationprofile-buttons{display:inline-block;position:absolute;top:0;left:0}.og-elevationprofile-button{width:25px;height:25px;float:left;margin:3px}.og-elevationprofile-list{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.og-elevationprofile-list textarea{position:relative;width:100%;height:100%;resize:none;background:var(--grey8);padding:5px}.og-elevationprofile-list-buttons{position:relative;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:right}.og-elevationprofile-list-apply{padding:4px 10px 7px;float:right;background-color:var(--grey2);margin-right:15px}.og-elevationprofile_pointer{position:absolute;left:0;top:0;height:100%}.og-elevationprofile-line{position:absolute;background-color:#fff;width:3px;height:30px;margin-left:-1.5px}.og-elevationprofile-label{position:absolute;top:0;left:0;color:#fff}.og-elevationprofile-button__location svg{width:17px;height:17px}.og-elevationprofile-loading{opacity:.3;background-color:#000;position:absolute;width:100%;height:100%;z-index:2;display:flex;flex-direction:row;justify-content:center;align-items:center}.og-simpleskybackground{display:flex}.og-color-label{color:var(--grey6);font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px}@keyframes ldio-p0v5a1f6oz{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ldio-p0v5a1f6oz div{position:absolute;width:11px;height:40px;top:30px;animation:ldio-p0v5a1f6oz .9345794392523364s cubic-bezier(.5,0,.5,1) infinite}.ldio-p0v5a1f6oz div:nth-child(1){transform:translate(14.5px);background:#353535;animation-delay:-.5607476635514018s}.ldio-p0v5a1f6oz div:nth-child(2){transform:translate(34.5px);background:#666;animation-delay:-.37383177570093457s}.ldio-p0v5a1f6oz div:nth-child(3){transform:translate(54.5px);background:#9b9b9b;animation-delay:-.18691588785046728s}.ldio-p0v5a1f6oz div:nth-child(4){transform:translate(74.5px);background:#d4d4d4;animation-delay:-.9345794392523364s}.loadingio-spinner-bars-r354qqyl5v{width:88px;height:88px;display:inline-block;overflow:hidden;background:none}.ldio-p0v5a1f6oz{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.88);backface-visibility:hidden;transform-origin:0 0}.ldio-p0v5a1f6oz div{box-sizing:content-box}.og-editor-ground_button{width:fit-content;background:var(--grey1);padding:4px 6px 8px;margin-left:5px;margin-top:15px}.og-editor_toolbar{padding-bottom:8px;display:flex}.og-editor_toolbar-button{width:25px;height:25px;float:left;margin:3px}.og-object3d-manager .og-ddialog-container{display:flex;flex-direction:column}.og-object3d-collection{width:100%;height:100%}.og-object3d-collection__item{width:75px;height:75px;position:relative;background-color:#7a7a7a;cursor:pointer;border-radius:5px;margin:3px;border:2px solid rgba(0,0,0,0)}.og-object3d-collection__item.active{border:solid #00e0be 2px}.og-object3d-collection__item_name{width:100%;height:20px;position:absolute;left:0;bottom:0;background:#3d3d3da3;color:#fff;padding-top:3px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}