@openglobus/og 0.24.2 → 0.25.1

package/lib/js/control/DebugInfo.js

@@ -1,318 +0,0 @@
-import { Control } from "./Control";
-import { Dialog } from "../ui/Dialog";
-import { ToggleButton } from "../ui/ToggleButton";
-import { CanvasTiles } from "../layer/CanvasTiles";
-import { DEGREES } from "../math";
-const ICON_LOCK_BUTTON_SVG = `<?xml version="1.0" encoding="utf-8"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="-7.5 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
-<title>lock</title>
-<path d="M14.625 15.156h2.094c0.281 0 0.5 0.25 0.5 0.531v11c0 0.281-0.219 0.5-0.5 0.5h-16.219c-0.281 0-0.5-0.219-0.5-0.5v-11c0-0.281 0.219-0.531 0.5-0.531h2.031v-5.125c0-2.875 1.844-5.25 4.688-5.25h2.688c2.875 0 4.719 2.375 4.719 5.25v5.125zM5.188 15.156h6.813v-4.875c0-1.594-1.313-2.938-2.938-2.938h-0.969c-1.594 0-2.906 1.344-2.906 2.938v4.875zM7.156 24h2.906l-0.719-3.156c0.5-0.25 0.844-0.781 0.844-1.375 0-0.906-0.719-1.594-1.594-1.594s-1.563 0.688-1.563 1.594c0 0.594 0.344 1.125 0.844 1.375z"></path>
-</svg>`;
-const ICON_BUTTON_SVG = `<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-\t width="800px" height="800px" viewBox="0 0 932.179 932.179"
-\t xml:space="preserve">
-<g>
-\t<path d="M61.2,341.538c4.9,16.8,11.7,33,20.3,48.2l-24.5,30.9c-8,10.1-7.1,24.5,1.9,33.6l42.2,42.2c9.1,9.1,23.5,9.899,33.6,1.899
-\t\tl30.7-24.3c15.8,9.101,32.6,16.2,50.1,21.2l4.6,39.5c1.5,12.8,12.3,22.4,25.1,22.4h59.7c12.8,0,23.6-9.601,25.1-22.4l4.4-38.1
-\t\tc18.8-4.9,36.8-12.2,53.7-21.7l29.7,23.5c10.1,8,24.5,7.1,33.6-1.9l42.2-42.2c9.1-9.1,9.9-23.5,1.9-33.6l-23.1-29.3
-\t\tc9.6-16.601,17.1-34.3,22.1-52.8l35.6-4.1c12.801-1.5,22.4-12.3,22.4-25.1v-59.7c0-12.8-9.6-23.6-22.4-25.1l-35.1-4.1
-\t\tc-4.801-18.3-12-35.8-21.199-52.2l21.6-27.3c8-10.1,7.1-24.5-1.9-33.6l-42.1-42.1c-9.1-9.1-23.5-9.9-33.6-1.9l-26.5,21
-\t\tc-17.2-10.1-35.601-17.8-54.9-23l-4-34.3c-1.5-12.8-12.3-22.4-25.1-22.4h-59.7c-12.8,0-23.6,9.6-25.1,22.4l-4,34.3
-\t\tc-19.8,5.3-38.7,13.3-56.3,23.8l-27.5-21.8c-10.1-8-24.5-7.1-33.6,1.9l-42.2,42.2c-9.1,9.1-9.9,23.5-1.9,33.6l23,29.1
-\t\tc-9.2,16.6-16.2,34.3-20.8,52.7l-36.8,4.2c-12.8,1.5-22.4,12.3-22.4,25.1v59.7c0,12.8,9.6,23.6,22.4,25.1L61.2,341.538z
-\t\t M277.5,180.038c54.4,0,98.7,44.3,98.7,98.7s-44.3,98.7-98.7,98.7c-54.399,0-98.7-44.3-98.7-98.7S223.1,180.038,277.5,180.038z"/>
-\t<path d="M867.699,356.238l-31.5-26.6c-9.699-8.2-24-7.8-33.199,0.9l-17.4,16.3c-14.699-7.1-30.299-12.1-46.4-15l-4.898-24
-\t\tc-2.5-12.4-14-21-26.602-20l-41.1,3.5c-12.6,1.1-22.5,11.4-22.9,24.1l-0.799,24.4c-15.801,5.7-30.701,13.5-44.301,23.3
-\t\tl-20.799-13.8c-10.602-7-24.701-5-32.9,4.7l-26.6,31.7c-8.201,9.7-7.801,24,0.898,33.2l18.201,19.399
-\t\tc-6.301,14.2-10.801,29.101-13.4,44.4l-26,5.3c-12.4,2.5-21,14-20,26.601l3.5,41.1c1.1,12.6,11.4,22.5,24.1,22.9l28.1,0.899
-\t\tc5.102,13.4,11.801,26.101,19.9,38l-15.699,23.7c-7,10.6-5,24.7,4.699,32.9l31.5,26.6c9.701,8.2,24,7.8,33.201-0.9l20.6-19.3
-\t\tc13.5,6.3,27.699,11,42.299,13.8l5.701,28.2c2.5,12.4,14,21,26.6,20l41.1-3.5c12.6-1.1,22.5-11.399,22.9-24.1l0.9-27.601
-\t\tc15-5.3,29.199-12.5,42.299-21.399l22.701,15c10.6,7,24.699,5,32.9-4.7l26.6-31.5c8.199-9.7,7.799-24-0.9-33.2l-18.301-19.399
-\t\tc6.701-14.2,11.602-29.2,14.4-44.601l25-5.1c12.4-2.5,21-14,20-26.601l-3.5-41.1c-1.1-12.6-11.4-22.5-24.1-22.9l-25.1-0.8
-\t\tc-5.201-14.6-12.201-28.399-20.9-41.2l13.699-20.6C879.4,378.638,877.4,364.438,867.699,356.238z M712.801,593.837
-\t\tc-44.4,3.801-83.602-29.3-87.301-73.699c-3.801-44.4,29.301-83.601,73.699-87.301c44.4-3.8,83.602,29.301,87.301,73.7
-\t\tC790.301,550.938,757.199,590.138,712.801,593.837z"/>
-\t<path d="M205,704.438c-12.6,1.3-22.3,11.899-22.4,24.6l-0.3,25.3c-0.2,12.7,9.2,23.5,21.8,25.101l18.6,2.399
-\t\tc3.1,11.301,7.5,22.101,13.2,32.301l-12,14.8c-8,9.899-7.4,24.1,1.5,33.2l17.7,18.1c8.9,9.1,23.1,10.1,33.2,2.3l14.899-11.5
-\t\tc10.5,6.2,21.601,11.101,33.2,14.5l2,19.2c1.3,12.6,11.9,22.3,24.6,22.4l25.301,0.3c12.699,0.2,23.5-9.2,25.1-21.8l2.3-18.2
-\t\tc12.601-3.101,24.601-7.8,36-14l14,11.3c9.9,8,24.101,7.4,33.201-1.5l18.1-17.7c9.1-8.899,10.1-23.1,2.301-33.2L496.6,818.438
-\t\tc6.6-11,11.701-22.7,15.201-35l16.6-1.7c12.6-1.3,22.299-11.9,22.4-24.6l0.299-25.301c0.201-12.699-9.199-23.5-21.799-25.1
-\t\tl-16.201-2.1c-3.1-12.2-7.699-24-13.699-35l10.1-12.4c8-9.9,7.4-24.1-1.5-33.2l-17.699-18.1c-8.9-9.101-23.102-10.101-33.201-2.3
-\t\tl-12.101,9.3c-11.399-6.9-23.6-12.2-36.399-15.8l-1.601-15.7c-1.3-12.601-11.899-22.3-24.6-22.4l-25.3-0.3
-\t\tc-12.7-0.2-23.5,9.2-25.101,21.8l-2,15.601c-13.199,3.399-25.899,8.6-37.699,15.399l-12.5-10.2c-9.9-8-24.101-7.399-33.201,1.5
-\t\tl-18.2,17.801c-9.1,8.899-10.1,23.1-2.3,33.199l10.7,13.801c-6.2,11-11.1,22.699-14.3,35L205,704.438z M368.3,675.837
-\t\tc36.3,0.4,65.399,30.301,65,66.601c-0.4,36.3-30.301,65.399-66.601,65c-36.3-0.4-65.399-30.3-65-66.601
-\t\tC302.1,704.538,332,675.438,368.3,675.837z"/>
-</g>
-</svg>`;
-const ICON_CANVASTILES_SVG = `<?xml version="1.0"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M 4 4 L 4 8 L 8 8 L 8 4 L 4 4 z M 10 4 L 10 8 L 14 8 L 14 4 L 10 4 z M 16 4 L 16 8 L 20 8 L 20 4 L 16 4 z M 4 10 L 4 14 L 8 14 L 8 10 L 4 10 z M 10 10 L 10 14 L 14 14 L 14 10 L 10 10 z M 16 10 L 16 14 L 20 14 L 20 10 L 16 10 z M 4 16 L 4 20 L 8 20 L 8 16 L 4 16 z M 10 16 L 10 20 L 14 20 L 14 16 L 10 16 z M 16 16 L 16 20 L 20 20 L 20 16 L 16 16 z"/>
-</svg>`;
-export class DebugInfo extends Control {
-    constructor(options = {}) {
-        if (!options.name || options.name === "") {
-            options.name = "DebugInfo";
-        }
-        super(options);
-        this.el = null;
-        this._watch = options.watch || [];
-        this._toggleBtn = new ToggleButton({
-            classList: ["og-map-button", "og-debuginfo_button"],
-            icon: ICON_BUTTON_SVG
-        });
-        this._dialog = new Dialog({
-            title: "Debug Info",
-            visible: false,
-            useHide: true,
-            top: 120,
-            left: 60,
-            width: 480
-        });
-        this._dialog.events.on("visibility", (v) => {
-            this._toggleBtn.setActive(v);
-        });
-        this._canvasTiles = new CanvasTiles("Tile grid", {
-            visibility: true,
-            isBaseLayer: false,
-            hideInLayerSwitcher: true,
-            drawTile: function (material, applyCanvas) {
-                //
-                // This is important create canvas here!
-                //
-                let cnv = document.createElement("canvas");
-                let ctx = cnv.getContext("2d");
-                cnv.width = 256;
-                cnv.height = 256;
-                //Clear canvas
-                ctx.clearRect(0, 0, cnv.width, cnv.height);
-                //Draw border
-                ctx.beginPath();
-                ctx.rect(0, 0, cnv.width, cnv.height);
-                ctx.lineWidth = 2;
-                ctx.strokeStyle = 'black';
-                ctx.stroke();
-                let size;
-                // if (material.segment.isPole) {
-                //     let ext = material.segment.getExtentLonLat();
-                //
-                //     ctx.fillStyle = 'black';
-                //     ctx.font = 'normal ' + 29 + 'px Verdana';
-                //
-                //     ctx.textAlign = 'center';
-                //     ctx.fillText(`${ext.northEast.lon.toFixed(3)} ${ext.northEast.lat.toFixed(3)}`, cnv.width / 2, cnv.height / 2 + 20);
-                //     ctx.fillText(`${ext.southWest.lon.toFixed(3)} ${ext.southWest.lat.toFixed(3)}`, cnv.width / 2, cnv.height / 2 - 20);
-                // } else {
-                //Draw text
-                if (material.segment.tileZoom > 14) {
-                    size = "26";
-                }
-                else {
-                    size = "32";
-                }
-                ctx.fillStyle = 'black';
-                ctx.font = 'normal ' + size + 'px Verdana';
-                ctx.textAlign = 'center';
-                ctx.fillText(material.segment.tileX + "," + material.segment.tileY + "," + material.segment.tileZoom, cnv.width / 2, cnv.height / 2);
-                //}
-                //Draw canvas tile
-                applyCanvas(cnv);
-            }
-        });
-    }
-    addWatches(watches) {
-        for (let i = 0; i < watches.length; i++) {
-            this.addWatch(watches[i]);
-        }
-    }
-    addWatch(watch) {
-        this._watch.push(watch);
-        let watchEl = document.createElement("div");
-        watchEl.classList.add("og-watch-line");
-        watchEl.innerHTML = `<div class="og-watch-label">${watch.label}</div><div class="og-watch-value"></div>`;
-        watch.valEl = watchEl.querySelector(".og-watch-value");
-        this.el.appendChild(watchEl);
-    }
-    oninit() {
-        this._toggleBtn.appendTo(this.renderer.div);
-        this._dialog.appendTo(this.renderer.div);
-        this._toggleBtn.events.on("change", (isActive) => {
-            this._dialog.setVisibility(isActive);
-        });
-        this.el = document.createElement("div");
-        this.el.className = "og-debug-info";
-        let $controls = document.createElement("div");
-        $controls.classList.add("og-debuginfo_controls");
-        this.el.appendChild($controls);
-        let temp = this._watch;
-        this._watch = [];
-        for (let i = 0; i < temp.length; i++) {
-            this.addWatch(temp[i]);
-        }
-        this._dialog.container?.appendChild(this.el);
-        this.renderer.events.on("draw", this._frame, this);
-        let p = this.planet;
-        if (p) {
-            this.addWatches([
-                {
-                    label: "Nodes count",
-                    frame: () => p._renderedNodes.length
-                },
-                {
-                    label: "Planet._fadingNodes",
-                    frame: () => p._fadingNodes.size
-                },
-                {
-                    label: "createdNodes",
-                    frame: () => p._createdNodesCount
-                },
-                {
-                    label: "indexesCache",
-                    frame: () => p._indexesCacheToRemoveCounter
-                },
-                {
-                    label: "distBeforeMemClear",
-                    frame: () => Math.round(p._distBeforeMemClear)
-                },
-                {
-                    label: "maxZoom/minZoom",
-                    frame: () => p.maxCurrZoom + " / " + p?.minCurrZoom
-                },
-                {
-                    label: "viewExtent",
-                    frame: () => p.getViewExtent().toString()
-                },
-                {
-                    label: "Mouse distance, m",
-                    frame: () => {
-                        let cart = p.getCartesianFromMouseTerrain();
-                        if (cart) {
-                            return p.camera.eye.distance(cart).toFixed(3);
-                        }
-                        return "";
-                    }
-                },
-                {
-                    label: "lodSize",
-                    frame: () => Math.round(p.lodSize)
-                },
-                {
-                    label: "deltaTime/FPS",
-                    frame: () => `<div style="width:70px"><div style="width:20px; float: left;">
-                        ${Math.round(p.renderer.handler.deltaTime)}
-                        </div> <div style="float: left">
-                        ${Math.round(1000.0 / p.renderer.handler.deltaTime)}
-                        </div></div>`
-                },
-                {
-                    label: "-------------------------"
-                },
-                {
-                    label: "Pitch, deg",
-                    frame: () => (p.camera.getPitch() * DEGREES).toFixed(2)
-                },
-                {
-                    label: "Yaw, deg",
-                    frame: () => (p.camera.getYaw() * DEGREES).toFixed(2)
-                },
-                {
-                    label: "Roll, deg",
-                    frame: () => (p.camera.getRoll() * DEGREES).toFixed(2)
-                },
-                {
-                    label: "Lon, Lat",
-                    frame: () => `<div style="width:190px">${(p.camera._lonLat.lon).toFixed(7)}, ${(p.camera._lonLat.lon).toFixed(7)}</div>`
-                },
-                {
-                    label: "height/alt, m",
-                    frame: () => `<div style="width:190px">${(p.camera._lonLat.height).toFixed(2) +
-                        " / " +
-                        (p.camera.getAltitude()).toFixed(2)}</div>`
-                },
-                {
-                    label: "cam.slope",
-                    frame: () => p.camera.slope.toFixed(3)
-                },
-                {
-                    label: "-------------------------"
-                },
-                {
-                    label: "_renderCompleted / renderCompletedActivated",
-                    frame: () => `${p._renderCompleted} / ${p._renderCompletedActivated}`
-                },
-                {
-                    label: "_terrainCompleted / terrainCompletedActivated",
-                    frame: () => `${p._terrainCompleted} / ${p._terrainCompletedActivated}`
-                },
-                {
-                    label: "PlainWorker",
-                    frame: () => p._plainSegmentWorker.pendingQueue.length
-                },
-                {
-                    label: "TileLoader",
-                    frame: () => `${p._tileLoader.loading} ${p._tileLoader.queue.length}`
-                },
-                {
-                    label: "TerrainLoader",
-                    frame: () => {
-                        if (p.terrain && !p.terrain.isEmpty) {
-                            return `${p.terrain.loader.loading}  ${p.terrain.loader.queue.length}`;
-                        }
-                        return "";
-                    }
-                },
-                {
-                    label: "TerrainWorker",
-                    frame: () => p._terrainWorker.pendingQueue.length
-                },
-                {
-                    label: "NormalMapCreator",
-                    frame: () => p._normalMapCreator.queueSize
-                },
-                {
-                    label: "VectorTileCreator",
-                    frame: () => p._vectorTileCreator.queueSize
-                }
-            ]);
-        }
-        let lockTreeBtn = new ToggleButton({
-            classList: ["og-debuginfo_controls-button"],
-            icon: ICON_LOCK_BUTTON_SVG,
-            title: "Lock/Unlock quad tree"
-        });
-        lockTreeBtn.appendTo($controls);
-        lockTreeBtn.events.on("change", (isActive) => {
-            if (isActive) {
-                p.lockQuadTree();
-            }
-            else {
-                p.unlockQuadTree();
-            }
-        });
-        let canvasTilesBtn = new ToggleButton({
-            classList: ["og-debuginfo_controls-button"],
-            icon: ICON_CANVASTILES_SVG,
-            title: "Show/Hide grid"
-        });
-        canvasTilesBtn.appendTo($controls);
-        canvasTilesBtn.events.on("change", (isActive) => {
-            if (isActive) {
-                this.planet.addLayer(this._canvasTiles);
-            }
-            else {
-                this._canvasTiles.remove();
-            }
-        });
-    }
-    _frame() {
-        this._watch.forEach((w) => {
-            if (w.valEl) {
-                w.valEl.innerHTML = w.frame ? String(w.frame()) : "";
-            }
-        });
-    }
-}

package/lib/js/control/DrawingSwitcher.d.ts

@@ -1,13 +0,0 @@
-import { Control } from "./Control";
-import { DrawingControl } from "./drawing/DrawingControl";
-/**
- * Activate drawing control
- */
-export declare class DrawingSwitcher extends Control {
-    drawingControl: DrawingControl;
-    constructor(options?: {});
-    oninit(): void;
-    onactivate(): void;
-    ondeactivate(): void;
-    protected _createMenu(): void;
-}

package/lib/js/control/DrawingSwitcher.js

@@ -1,94 +0,0 @@
-import { ButtonGroup } from "../ui/ButtonGroup";
-import { Control } from "./Control";
-import { DrawingControl } from "./drawing/DrawingControl";
-import { ToggleButton } from "../ui/ToggleButton";
-const ICON_POLYGON_SVG = `<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-\t viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
-<g>
-\t<path d="M926.03,321.16c-16.02,0-31.11,3.94-44.48,10.79l-263.43-191.4c2.69-8.94,4.18-18.4,4.18-28.2
-\t\tc0-54.02-43.95-97.97-97.97-97.97c-54.03,0-97.98,43.95-97.98,97.97c0,9.81,1.49,19.27,4.18,28.21L155.75,340.18
-\t\tc-16.22-11.91-36.16-19.03-57.78-19.03C43.95,321.16,0,365.11,0,419.13c0,52.58,41.67,95.5,93.71,97.75l102.63,315.86
-\t\tc-24.28,17.85-40.13,46.52-40.13,78.9c0,54.02,43.95,97.98,97.98,97.98c37.54,0,70.18-21.25,86.62-52.34h367.26
-\t\tc16.44,31.08,49.08,52.34,86.63,52.34c54.03,0,97.98-43.95,97.98-97.98c0-32.46-15.94-61.21-40.33-79.05l104.11-320.4
-\t\tc39.15-12.84,67.54-49.68,67.54-93.07C1024,365.11,980.05,321.16,926.03,321.16z M828.05,911.65c0,8.5-3.3,16.19-8.55,22.09
-\t\tc-6.11,6.85-14.9,11.26-24.79,11.26c-13.65,0-25.37-8.26-30.52-20.02c-1.79-4.09-2.82-8.58-2.82-13.33
-\t\tc0-18.39,14.95-33.35,33.34-33.35c2.93,0,5.72,0.5,8.43,1.21c13.27,3.49,23.21,14.91,24.59,28.9
-\t\tC827.83,909.5,828.05,910.54,828.05,911.65z M790.48,813.89c-45.63,1.96-83.27,35.16-91.87,78.77H350.28
-\t\tc-8.62-43.69-46.38-76.93-92.11-78.79L155.59,498.19c24.41-17.84,40.36-46.59,40.36-79.06c0-8.9-1.3-17.49-3.53-25.7L468.57,192.8
-\t\tc15.84,11.01,35.05,17.52,55.76,17.52c20.71,0,39.92-6.5,55.76-17.52l256.56,186.4c-5.48,12.21-8.59,25.7-8.59,39.93
-\t\tc0,41.02,25.36,76.17,61.21,90.75L790.48,813.89z M254.19,945c-10.11,0-19.07-4.62-25.19-11.75c-5.01-5.84-8.15-13.32-8.15-21.6
-\t\tc0-0.91,0.2-1.76,0.27-2.66c1.14-14.18,11.08-25.8,24.43-29.41c2.78-0.75,5.64-1.28,8.65-1.28c18.38,0,33.33,14.96,33.33,33.35
-\t\tc0,4.74-1.03,9.24-2.82,13.33C279.55,936.74,267.83,945,254.19,945z M64.88,421.49c-0.06-0.79-0.24-1.55-0.24-2.35
-\t\tc0-16.41,11.93-30.01,27.55-32.76c1.89-0.33,3.8-0.58,5.78-0.58c11.94,0,22.35,6.36,28.24,15.81c3.18,5.11,5.11,11.09,5.11,17.53
-\t\tc0,15.47-10.63,28.39-24.94,32.14c-2.7,0.71-5.48,1.2-8.4,1.2C80.4,452.47,66.11,438.76,64.88,421.49z M549.41,90.62
-\t\tc5.07,5.85,8.25,13.39,8.25,21.72c0,7.32-2.44,14.03-6.45,19.54c-6.07,8.33-15.82,13.81-26.88,13.81
-\t\tc-11.07,0-20.83-5.48-26.89-13.81c-4.01-5.51-6.45-12.22-6.45-19.54c0-8.33,3.17-15.86,8.24-21.71
-\t\tc6.12-7.07,15.04-11.64,25.1-11.64C534.38,79,543.29,83.57,549.41,90.62z M959.36,419.13c0,11.94-6.36,22.35-15.82,28.24
-\t\tc-5.1,3.18-11.07,5.1-17.52,5.1c-6.08,0-11.71-1.76-16.62-4.61c-9.71-5.64-16.33-15.94-16.64-27.89c-0.01-0.29-0.09-0.56-0.09-0.85
-\t\tc0-11.75,6.14-22.05,15.36-28c5.2-3.35,11.35-5.35,17.99-5.35C944.41,385.78,959.36,400.75,959.36,419.13z"/>
-</g>
-</svg>`;
-const ICON_LINESTRING_SVG = `<?xml version="1.0" encoding="utf-8"?><!-- License: MIT. Made by Esri: https://github.com/Esri/calcite-ui-icons -->
-    <svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 6h.046l-5.25 9h-.944L10 9.455V7H7v2.926L1.862 18H0v3h3v-2.926L8.138 10h1.01L14 15.545V18h3v-3h-.046l5.25-9H24V3h-3zM8 8h1v1H8zM2 20H1v-1h1zm14-3h-1v-1h1zm7-13v1h-1V4z"/></svg>`;
-const ICON_DEFAULT_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 0l16 12.279-6.951 1.17 4.325 8.817-3.596 1.734-4.35-8.879-5.428 4.702z"/></svg>`;
-/**
- * Activate drawing control
- */
-export class DrawingSwitcher extends Control {
-    constructor(options = {}) {
-        super({
-            name: "DrawingSwitcher",
-            ...options
-        });
-        this.drawingControl = new DrawingControl();
-    }
-    oninit() {
-        this.planet.addControl(this.drawingControl);
-        this._createMenu();
-    }
-    onactivate() {
-        this.drawingControl.activate();
-    }
-    ondeactivate() {
-        this.drawingControl.deactivate();
-    }
-    _createMenu() {
-        let defaultBtn = new ToggleButton({
-            classList: ["og-map-button", "og-drawing-default_button"],
-            icon: ICON_DEFAULT_SVG,
-            name: "default",
-            isActive: true
-        });
-        let polyBtn = new ToggleButton({
-            classList: ["og-map-button", "og-drawing-polygon_button"],
-            icon: ICON_POLYGON_SVG,
-            name: "polygon"
-        });
-        let lineBtn = new ToggleButton({
-            classList: ["og-map-button", "og-drawing-linestring_button"],
-            icon: ICON_LINESTRING_SVG,
-            name: "linestring"
-        });
-        let buttons = new ButtonGroup({
-            buttons: [
-                defaultBtn, polyBtn, lineBtn
-            ]
-        });
-        buttons.events.on("change", (btn) => {
-            this.drawingControl.deactivate();
-            switch (btn.name) {
-                case "polygon":
-                    this.drawingControl.activatePolygonDrawing();
-                    break;
-                case "linestring":
-                    this.drawingControl.activateLineStringDrawing();
-                    break;
-            }
-        });
-        defaultBtn.appendTo(this.renderer.div);
-        polyBtn.appendTo(this.renderer.div);
-        lineBtn.appendTo(this.renderer.div);
-    }
-}

package/lib/js/control/EarthCoordinates.d.ts

@@ -1,41 +0,0 @@
-import { Control, type IControlParams } from './Control';
-import { LonLat } from '../LonLat';
-import type { IMouseState } from "../renderer/RendererEvents";
-interface IEarthCoordinatesParams extends IControlParams {
-    heightMode?: string;
-    centerMode?: boolean;
-    altitudeUnit?: string;
-    type?: number;
-}
-/**
- * Control displays mouse or screen center Earth coordinates.
- * @param {Boolean} [options.center] - Earth coordinates by screen center otherwise mouse pointer. False is default.
- * @param {Boolean} [options.type] - Coordinates shown: 0 - is decimal degrees, 1 - degrees, 2 - mercator geodetic coordinates.
- */
-export declare class EarthCoordinates extends Control {
-    protected _type: number;
-    protected _TYPE_FUNC: ((ll?: LonLat | null) => void)[];
-    protected _showFn: ((ll?: LonLat | null) => void) | null;
-    protected _lonLat: LonLat | null;
-    protected _latSideEl: HTMLElement | null;
-    protected _lonSideEl: HTMLElement | null;
-    protected _latValEl: HTMLElement | null;
-    protected _lonValEl: HTMLElement | null;
-    protected _heightEl: HTMLElement | null;
-    protected _altUnitVal: string;
-    protected _heightModeVal: string;
-    protected _altUnit: number;
-    protected _heightMode: number;
-    protected _centerMode: boolean;
-    protected _el: HTMLElement | null;
-    constructor(options?: IEarthCoordinatesParams);
-    protected _SHOW_DECIMAL(ll?: LonLat | null): void;
-    protected _SHOW_DEGREE(ll?: LonLat | null): void;
-    protected _createCenterEl(): HTMLElement;
-    protected _updateUnits(): void;
-    protected _refreshCoordinates(): void;
-    oninit(): void;
-    protected _grabCoordinates(e: IMouseState): void;
-    protected _showHeight(): Promise<void>;
-}
-export {};

package/lib/js/control/EarthCoordinates.js

@@ -1,161 +0,0 @@
-import * as units from '../utils/units';
-import { Control } from './Control';
-import { heightMode } from '../utils/units';
-import { throttle } from '../utils/shared';
-const DECIMAL_TEMPLATE = `<div class="og-lat-side"></div><div class="og-lat-val"></div>
-    <div class="og-lon-side"></div><div class="og-lon-val"></div>
-    <div class="og-height"></div>
-    <div class="og-units-height"></div>`;
-const DEGREE_TEMPLATE = `<div class="og-lat-side"></div><div class="og-lat-val"></div>
-    <div class="og-lon-side"></div><div class="og-lon-val"></div>
-    <div class="og-height"></div>
-    <div class="og-units-height"></div>`;
-const CENTER_SVG = '<svg width="12" height="12"><g><path stroke-width="1" stroke-opacity="1" d="M6 0L6 12M0 6L12 6" stroke="#337ab7"></path></g></svg>';
-const TYPE_HTML = [DECIMAL_TEMPLATE, DEGREE_TEMPLATE];
-/**
- * Control displays mouse or screen center Earth coordinates.
- * @param {Boolean} [options.center] - Earth coordinates by screen center otherwise mouse pointer. False is default.
- * @param {Boolean} [options.type] - Coordinates shown: 0 - is decimal degrees, 1 - degrees, 2 - mercator geodetic coordinates.
- */
-export class EarthCoordinates extends Control {
-    constructor(options = {}) {
-        super(options);
-        this._type = options.type || 0;
-        this._TYPE_FUNC = [this._SHOW_DECIMAL, this._SHOW_DEGREE];
-        this._showFn = null;
-        this._el = null;
-        this._latSideEl = null;
-        this._lonSideEl = null;
-        this._latValEl = null;
-        this._lonValEl = null;
-        this._heightEl = null;
-        this._altUnitVal = options.altitudeUnit || "m";
-        this._heightModeVal = options.heightMode || "ell";
-        this._altUnit = units[this._altUnitVal];
-        this._heightMode = heightMode[this._heightModeVal];
-        this._lonLat = null;
-        this._centerMode = options.centerMode != undefined ? options.centerMode : true;
-    }
-    _SHOW_DECIMAL(ll) {
-        if (ll) {
-            let lat = ll.lat, lon = ll.lon;
-            if (lat >= 0) {
-                this._latSideEl.innerHTML = 'N';
-            }
-            else {
-                this._latSideEl.innerHTML = 'S';
-            }
-            if (lon >= 0) {
-                this._lonSideEl.innerHTML = 'E';
-            }
-            else {
-                this._lonSideEl.innerHTML = 'W';
-            }
-            this._latValEl.innerHTML = Math.abs(lat).toFixed(7) + '°';
-            this._lonValEl.innerHTML = Math.abs(lon).toFixed(7) + '°';
-        }
-    }
-    _SHOW_DEGREE(ll) {
-        if (ll) {
-            let lat = ll.lat, lon = ll.lon;
-            if (lat >= 0) {
-                this._latSideEl.innerHTML = 'N';
-            }
-            else {
-                this._latSideEl.innerHTML = 'S';
-            }
-            if (lon >= 0) {
-                this._lonSideEl.innerHTML = 'E';
-            }
-            else {
-                this._lonSideEl.innerHTML = 'W';
-            }
-            let t = 0;
-            let deg = lat < 0 ? Math.ceil(lat) : Math.floor(lat);
-            let min = Math.floor(t = Math.abs((lat - deg)) * 60);
-            let sec = Math.floor((t - min) * 6000) / 100.0;
-            this._latValEl.innerHTML = Math.abs(deg) + '°' + min + "'" + sec.toFixed(0) + '"';
-            deg = lon < 0 ? Math.ceil(lon) : Math.floor(lon);
-            min = Math.floor(t = Math.abs((lon - deg)) * 60);
-            sec = Math.floor((t - min) * 6000) / 100.0;
-            this._lonValEl.innerHTML = Math.abs(deg) + '°' + min + "'" + sec.toFixed(0) + '"';
-        }
-    }
-    _createCenterEl() {
-        let el = document.createElement('div');
-        el.className = 'og-center-icon';
-        el.innerHTML = CENTER_SVG;
-        return el;
-    }
-    _updateUnits() {
-        this._heightMode = heightMode[this._heightModeVal];
-        this._altUnit = units[this._altUnitVal];
-        this._el.querySelector(".og-units-height").innerHTML = units.toString(this._altUnit);
-        this._showHeight();
-    }
-    _refreshCoordinates() {
-        if (this._type >= this._TYPE_FUNC.length) {
-            this._type = 0;
-        }
-        let el = this._el;
-        el.innerHTML = TYPE_HTML[this._type];
-        this._latSideEl = el.querySelector(".og-lat-side");
-        this._lonSideEl = el.querySelector(".og-lon-side");
-        this._latValEl = el.querySelector(".og-lat-val");
-        this._lonValEl = el.querySelector(".og-lon-val");
-        this._heightEl = el.querySelector(".og-height");
-        this._showFn = this._TYPE_FUNC[this._type];
-        this._showFn(this._lonLat);
-    }
-    oninit() {
-        this._el = document.createElement('div');
-        this._el.classList.add("og-coordinates");
-        this.renderer.div.appendChild(this._el);
-        this._el.addEventListener("click", () => {
-            this._type++;
-            this._refreshCoordinates();
-            this._updateUnits();
-            this._showHeight();
-        });
-        if (this._centerMode) {
-            this.renderer.div.appendChild(this._createCenterEl());
-            this.planet.camera.events.on("moveend", this._grabCoordinates, this);
-            this.planet.camera.events.on("moveend", throttle(() => this._showHeight(), 400, true), this);
-        }
-        else {
-            this.renderer.events.on("mousemove", this._grabCoordinates, this);
-            this.renderer.events.on("mousestop", throttle(() => this._showHeight(), 400, true), this);
-        }
-        this._refreshCoordinates();
-        this._updateUnits();
-    }
-    _grabCoordinates(e) {
-        let px = e.pos;
-        let scrPx;
-        let r = this.renderer;
-        if (this._centerMode) {
-            scrPx = r.handler.getCenter();
-        }
-        else {
-            scrPx = px;
-        }
-        this._lonLat = this.planet.getLonLatFromPixelTerrain(scrPx) || null;
-        this._showFn(this._lonLat);
-    }
-    async _showHeight() {
-        if (this._lonLat && this.planet) {
-            let alt = 0;
-            this._heightEl.style.opacity = "0.7";
-            if (this._heightMode === heightMode.ell) {
-                alt = await this.planet.getHeightAboveELL(this._lonLat);
-                alt = Number(units.convertExt(true, units.m, this._altUnit, alt));
-            }
-            else if (this._heightMode === heightMode.msl) {
-                alt = await this.planet.getHeightDefault(this._lonLat);
-                alt = Number(units.convertExt(true, units.m, this._altUnit, alt));
-            }
-            this._heightEl.style.opacity = "1.0";
-            this._heightEl.innerHTML = alt.toString();
-        }
-    }
-}

package/lib/js/control/GeoImageDragControl.d.ts

@@ -1,22 +0,0 @@
-import { Control, type IControlParams } from './Control';
-import { Layer } from "../layer/Layer";
-import { ToggleButton } from "../ui/ToggleButton";
-import type { IMouseState } from "../renderer/RendererEvents";
-interface IGeoImageDragControlParams extends IControlParams {
-}
-export declare class GeoImageDragControl extends Control {
-    protected _cornerIndex: number;
-    protected _catchCorner: boolean;
-    protected _toggleBtn: ToggleButton;
-    constructor(options?: IGeoImageDragControlParams);
-    oninit(): void;
-    onactivate(): void;
-    ondeactivate(): void;
-    _bindLayer(layer: Layer): void;
-    protected _unbindLayer(layer: Layer): void;
-    protected _onLUp(ms: IMouseState): void;
-    protected _onLDown(ms: IMouseState): void;
-    protected _onMouseLeave(): void;
-    protected _onMouseMove(ms: IMouseState): void;
-}
-export {};