@yesilyazilim/web.spa.gis 1.0.12 → 1.0.14

package/index.js

@@ -14,17 +14,18 @@ var $8zHUo$olgeom = require("ol/geom");
 var $8zHUo$olproj = require("ol/proj");
 var $8zHUo$terraformerarcgis = require("@terraformer/arcgis");
 var $8zHUo$proj4 = require("proj4");
-var $8zHUo$ol = require("ol");
+var $8zHUo$olsourceTileWMS = require("ol/source/TileWMS");
 var $8zHUo$olstyle = require("ol/style");
+var $8zHUo$olstyleCircle = require("ol/style/Circle");
+var $8zHUo$olObservable = require("ol/Observable");
+var $8zHUo$olrender = require("ol/render");
+var $8zHUo$oleasing = require("ol/easing");
+var $8zHUo$ol = require("ol");
 var $8zHUo$olcolor = require("ol/color");
 var $8zHUo$olextent = require("ol/extent");
 var $8zHUo$olgeomPolygon = require("ol/geom/Polygon");
-var $8zHUo$olrender = require("ol/render");
 var $8zHUo$olgeomPoint = require("ol/geom/Point");
 var $8zHUo$olgeomLineString = require("ol/geom/LineString");
-var $8zHUo$olstyleCircle = require("ol/style/Circle");
-var $8zHUo$olObservable = require("ol/Observable");
-var $8zHUo$oleasing = require("ol/easing");
 var $8zHUo$coordinateparser = require("coordinate-parser");
 var $8zHUo$olsphere = require("ol/sphere");
 var $8zHUo$ollayer = require("ol/layer");
@@ -1804,594 +1805,418 @@ $parcel$export($9f1e53e2f5ceab7e$exports, "WmsLayer", () => $9f1e53e2f5ceab7e$ex
 
 
 
-var $e2e9872d2858bcde$exports = {};
-
-$parcel$export($e2e9872d2858bcde$exports, "MapManager", () => $e2e9872d2858bcde$export$c521bb0b406df9a3);
-
-
-
-
-
-
-
-var $6e4a0fdd3e43ca7d$exports = {};
-
-$parcel$export($6e4a0fdd3e43ca7d$exports, "SymbologyFactory", () => $6e4a0fdd3e43ca7d$export$a1c933612b1f668c);
-
-
+var $979d8cb30b62358d$exports = {};
 
+$parcel$export($979d8cb30b62358d$exports, "GeoserverChannelTiled", () => $979d8cb30b62358d$export$f79174341f8b6465);
+$parcel$export($979d8cb30b62358d$exports, "GeoserverChannelImage", () => $979d8cb30b62358d$export$c5cf5c7d936c413);
 
 
 
 
-const $6e4a0fdd3e43ca7d$var$setAlpha = function(color, alpha) {
-    if (color.length == 4) return [
-        color[0],
-        color[1],
-        color[2],
-        alpha
-    ];
-    else return color.concat(alpha);
+var $979d8cb30b62358d$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-class $6e4a0fdd3e43ca7d$export$a1c933612b1f668c {
-    static createSimplePoint(color, radius = 5) {
-        return new (0, $8zHUo$olstyle.Style)({
-            image: new (0, $8zHUo$olstyle.Circle)({
-                radius: radius,
-                fill: new (0, $8zHUo$olstyle.Fill)({
-                    color: color
-                })
-            })
+var $979d8cb30b62358d$var$__metadata = undefined && undefined.__metadata || function(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var $979d8cb30b62358d$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
         });
     }
-    static createSimpleLine(color, width = 2) {
-        return new (0, $8zHUo$olstyle.Style)({
-            stroke: new (0, $8zHUo$olstyle.Stroke)({
-                color: color,
-                width: width
-            })
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var $979d8cb30b62358d$var$_a;
+class $979d8cb30b62358d$var$GeoserverChannelBase {
+    constructor(_wmsProps){
+        this._wmsProps = _wmsProps;
+        this._proxyUrl = new URL('/proxy', this.storeService.appProperties.apiEndPoint).toString() + '?';
+    }
+    IdentifyAsync(inp) {
+        return $979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
+            const up = new URLSearchParams();
+            up.append('SERVICE', 'WMS');
+            up.append('VERSION', '1.3');
+            up.append('REQUEST', 'GetFeatureInfo');
+            up.append('INFO_FORMAT', 'application/json');
+            up.append('LAYERS', this._wmsProps.layers);
+            up.append('QUERY_LAYERS', this._wmsProps.layers);
+            up.append('STYLES', '');
+            up.append('BBOX', inp.mapExtent.join(','));
+            up.append('FEATURE_COUNT', '10');
+            up.append('HEIGHT', inp.imageDisplay.h.toFixed(0).toString());
+            up.append('WIDTH', inp.imageDisplay.w.toFixed(0).toString());
+            up.append('SRS', 'EPSG:4326');
+            up.append('X', Math.round(inp.screenPoint[0]).toString());
+            up.append('Y', Math.round(inp.screenPoint[1]).toString());
+            this._fillCustomParams('identify', up);
+            const url = this._wmsProps.url + '?' + up.toString();
+            if (!url) return null;
+            const headers = {};
+            let purl = url;
+            if (this._wmsProps.useProxy) {
+                headers["Authorization"] = (0, $8zHUo$yesilyazilimwebspa.TokenManager).headerValue;
+                purl = this._proxyUrl + encodeURIComponent(url);
+            }
+            const res = yield fetch(purl, {
+                headers: headers,
+                method: 'GET'
+            });
+            if (res.ok) {
+                const json = yield res.json();
+                const ft = (0, $10571313f00c012e$export$4691a8a9ff232a6b).fromGeojsonFeatures(json);
+                return ft;
+            }
+            return null;
         });
     }
-    static createSimplePolygon(color, strokeWidth = 2, fillOpacity = 0.1) {
-        if (fillOpacity == 0) return new (0, $8zHUo$olstyle.Style)({
-            stroke: new (0, $8zHUo$olstyle.Stroke)({
-                width: strokeWidth,
-                color: color
-            })
+    GetLegendAsync(size = 20, scale = 0) {
+        return $979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
+            const up = new URLSearchParams();
+            up.append('VERSION', '1.0.0');
+            up.append('REQUEST', 'GetLegendGraphic');
+            up.append('FORMAT', 'image/png');
+            up.append('WIDTH', size.toFixed(0));
+            up.append('HEIGHT', size.toFixed(0));
+            up.append('LAYER', this._wmsProps.layers);
+            if (scale) up.append('SCALE', scale.toFixed(0));
+            const url = this._wmsProps.url + '?' + up.toString();
+            if (!url) return null;
+            const headers = {};
+            let purl = url;
+            if (this._wmsProps.useProxy) {
+                headers["Authorization"] = (0, $8zHUo$yesilyazilimwebspa.TokenManager).headerValue;
+                purl = this._proxyUrl + encodeURIComponent(url);
+            }
+            const res = yield fetch(purl, {
+                headers: headers,
+                method: 'GET'
+            });
+            if (res.ok) return yield res.blob();
+            return null;
         });
-        const fc = (0, $8zHUo$olcolor.fromString)(color);
-        if (fc.length === 3) fc.push(fillOpacity);
-        else fc[3] = fillOpacity;
-        return new (0, $8zHUo$olstyle.Style)({
-            stroke: new (0, $8zHUo$olstyle.Stroke)({
-                width: strokeWidth,
-                color: color,
-                lineJoin: 'miter'
-            }),
-            fill: new (0, $8zHUo$olstyle.Fill)({
-                color: fc
-            })
+    }
+    _getImageData(url) {
+        return $979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
+            return new Promise((resolve, reject)=>{
+                const client = new XMLHttpRequest();
+                client.responseType = 'blob';
+                let purl = url;
+                if (this._wmsProps.useProxy) purl = this._proxyUrl + encodeURIComponent(url);
+                client.open('GET', purl);
+                if (this._wmsProps.useProxy) client.setRequestHeader("Authorization", (0, $8zHUo$yesilyazilimwebspa.TokenManager).headerValue);
+                client.onload = function() {
+                    const ct = client.getResponseHeader('content-type') || '';
+                    if (ct.toLocaleLowerCase().startsWith('image')) resolve(URL.createObjectURL(client.response));
+                    else resolve(null);
+                };
+                client.send();
+            });
         });
     }
-    static createStyleFromDef(def) {
-        if (def.type == 'simple') switch(def.geomType){
-            case 'Point':
-                return $6e4a0fdd3e43ca7d$var$createSimplePointStyle(def);
-            case 'LineString':
-                return $6e4a0fdd3e43ca7d$var$createSimpleLineStyle(def);
-            case 'Polygon':
-                return $6e4a0fdd3e43ca7d$var$createSimplePolygonStyle(def);
-            default:
-                break;
-        }
-        else if (def.type == 'unique') switch(def.geomType){
-            case 'Point':
-                return $6e4a0fdd3e43ca7d$var$createUVPointStyle(def);
-            case 'LineString':
-                return $6e4a0fdd3e43ca7d$var$createUVLineStyle(def);
-            case 'Polygon':
-                return $6e4a0fdd3e43ca7d$var$createUVPolygonStyle(def);
-            default:
-                break;
+    _getWithCustomParams(action, url) {
+        const uri = URL.parse(url);
+        const sp = uri.searchParams;
+        this._fillCustomParams(action, sp);
+        return uri.toString();
+    }
+    _fillCustomParams(action, sp) {
+        var _a, _b;
+        if (this.customParamsFnc) {
+            const cparams = this.customParamsFnc(action);
+            if (cparams) for (const key of Object.keys(cparams)){
+                let obj = (_b = (_a = cparams[key]) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : "";
+                sp.append(key, obj);
+            }
         }
     }
-    static createFlashedStyles() {
-        const color = $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.FlashColor;
-        const map = new Map();
-        map.set('Point', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createGlowedPoint(color));
-        map.set('LineString', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createGlowedLine(color));
-        map.set('Polygon', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createGlowedPolygon(color));
-        return map;
+}
+$979d8cb30b62358d$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $979d8cb30b62358d$var$__metadata("design:type", typeof ($979d8cb30b62358d$var$_a = typeof (0, $8zHUo$yesilyazilimwebspa.StoreService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.StoreService)) === "function" ? $979d8cb30b62358d$var$_a : Object)
+], $979d8cb30b62358d$var$GeoserverChannelBase.prototype, "storeService", void 0);
+class $979d8cb30b62358d$export$f79174341f8b6465 extends $979d8cb30b62358d$var$GeoserverChannelBase {
+    constructor(wmsProps){
+        super(wmsProps);
+        this.source = new (0, ($parcel$interopDefault($8zHUo$olsourceTileWMS)))({
+            url: this._wmsProps.url,
+            params: {
+                LAYERS: this._wmsProps.layers,
+                format: this._wmsProps.imagetype,
+                transparent: true,
+                serverType: 'geoserver',
+                TILED: true
+            },
+            transition: 0,
+            crossOrigin: 'anonymous',
+            serverType: 'geoserver',
+            tileLoadFunction: (tile, src)=>$979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
+                    const urlWithParams = this._getWithCustomParams('getmap', src);
+                    const obj = yield this._getImageData(urlWithParams);
+                    if (obj) tile.getImage().src = obj;
+                    else tile.setState(3);
+                })
+        });
     }
-    static createHoverStyles() {
-        const circleSize = 6;
-        const lineSize = 4;
-        const color = 'rgb(124, 207, 0)';
-        const map = new Map();
-        map.set('Point', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePoint(color, circleSize));
-        map.set('LineString', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimpleLine(color, lineSize));
-        map.set('Polygon', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePolygon(color, lineSize, 0.2));
-        return map;
+}
+class $979d8cb30b62358d$export$c5cf5c7d936c413 extends $979d8cb30b62358d$var$GeoserverChannelBase {
+    constructor(wmsProps){
+        super(wmsProps);
+        this.source = new (0, $8zHUo$olsource.ImageWMS)({
+            url: wmsProps.url,
+            params: {
+                LAYERS: wmsProps.layers,
+                format: wmsProps.imagetype,
+                transparent: true,
+                serverType: 'geoserver'
+            },
+            crossOrigin: 'anonymous',
+            serverType: 'geoserver',
+            imageLoadFunction: (iw, url)=>$979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
+                    const urlWithParams = this._getWithCustomParams('getmap', url);
+                    const obj = yield this._getImageData(urlWithParams);
+                    if (obj) iw.getImage().src = obj;
+                })
+        });
     }
-    static createSelectionStyles() {
-        const circleSize = 6;
-        const lineSize = 4;
-        const map = new Map();
-        map.set('Point', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePoint($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor, circleSize));
-        map.set('LineString', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimpleLine($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor, lineSize));
-        map.set('Polygon', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePolygon($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor, lineSize, 0.2));
-        return map;
-    }
-    static getSelectionSymbol() {
-        const fc = (0, $8zHUo$olcolor.fromString)($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor);
-        if (fc.length === 3) fc.push(0.5);
-        else fc[3] = 0.5;
-        return new (0, $8zHUo$olstyle.Style)({
-            stroke: new (0, $8zHUo$olstyle.Stroke)({
-                color: $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor,
-                width: 8
-            }),
-            fill: new (0, $8zHUo$olstyle.Fill)({
-                color: fc
-            }),
-            image: new (0, $8zHUo$olstyle.Circle)({
-                radius: 12,
-                fill: new (0, $8zHUo$olstyle.Fill)({
-                    color: $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor
-                })
-            })
+}
+
+
+
+var $9f1e53e2f5ceab7e$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var $9f1e53e2f5ceab7e$var$__metadata = undefined && undefined.__metadata || function(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var $9f1e53e2f5ceab7e$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
         });
     }
-    static createCanvas(style, type) {
-        const canvas = document.createElement('canvas');
-        switch(type){
-            case 'Point':
-                {
-                    const width = 30;
-                    const height = 30;
-                    const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
-                        size: [
-                            width,
-                            height
-                        ]
-                    });
-                    vectorContext.setStyle(style);
-                    vectorContext.drawGeometry(new (0, ($parcel$interopDefault($8zHUo$olgeomPoint)))([
-                        width / 2,
-                        height / 2
-                    ]));
-                }
-                break;
-            case 'LineString':
-                {
-                    const width = 30;
-                    const height = 30;
-                    const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
-                        size: [
-                            width,
-                            height
-                        ]
-                    });
-                    vectorContext.setStyle(style);
-                    vectorContext.drawGeometry(new (0, ($parcel$interopDefault($8zHUo$olgeomLineString)))([
-                        [
-                            0,
-                            height / 2
-                        ],
-                        [
-                            width,
-                            height / 2
-                        ]
-                    ]));
-                }
-                break;
-            case 'Polygon':
-                {
-                    const width = 30;
-                    const height = 30;
-                    const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
-                        size: [
-                            width,
-                            height
-                        ]
-                    });
-                    vectorContext.setStyle(style);
-                    const ext = $8zHUo$olextent.boundingExtent([
-                        [
-                            3,
-                            3
-                        ],
-                        [
-                            width - 3,
-                            height - 3
-                        ]
-                    ]);
-                    vectorContext.drawGeometry((0, $8zHUo$olgeomPolygon.fromExtent)(ext));
-                }
-                break;
-            default:
-                break;
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
         }
-        return canvas;
-    }
-    static createCanvasFromFeature(style, feature, width = 100, height = 100) {
-        const canvas = document.createElement('canvas');
-        const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
-            size: [
-                width,
-                height
-            ]
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var $9f1e53e2f5ceab7e$var$_a, $9f1e53e2f5ceab7e$var$_b, $9f1e53e2f5ceab7e$var$_c;
+class $9f1e53e2f5ceab7e$export$4f2c359228ce6008 extends (0, $3ecb066746a16c54$export$23eba0cb71a4e506) {
+    constructor(ld){
+        super(ld);
+        this.identifyType = 'remote';
+        if (ld.props.tiled) {
+            this._channel = new (0, $979d8cb30b62358d$export$f79174341f8b6465)(ld.props);
+            this._channel.customParamsFnc = (action)=>{
+                return this.getCustomParams(action);
+            };
+            this._layer = new (0, ($parcel$interopDefault($8zHUo$ollayerTile)))({
+                source: this._channel.source,
+                visible: ld.visible,
+                minZoom: ld.minZoom,
+                maxZoom: ld.maxZoom
+            });
+        } else {
+            this._channel = new (0, $979d8cb30b62358d$export$c5cf5c7d936c413)(ld.props);
+            this._channel.customParamsFnc = (action)=>{
+                return this.getCustomParams(action);
+            };
+            this._layer = new (0, ($parcel$interopDefault($8zHUo$ollayerImage)))({
+                source: this._channel.source,
+                visible: ld.visible,
+                minZoom: ld.minZoom,
+                maxZoom: ld.maxZoom
+            });
+        }
+        this._layer.setProperties({
+            mapLayer: this,
+            name: this._definition.key,
+            canEdit: false,
+            canFlash: true,
+            canSelect: true
         });
-        vectorContext.setStyle(style);
-        vectorContext.drawFeature(feature, style);
-        return canvas;
-    }
-    static createGlowedLine(color, steps = 7) {
-        const styles = [];
-        let c = (0, $8zHUo$olcolor.fromString)(color);
-        if (c.length > 3) c = [
-            c[0],
-            c[1],
-            c[2]
-        ];
-        for(let i = 0; i < steps; i++)styles.push(new (0, $8zHUo$olstyle.Style)({
-            stroke: new (0, $8zHUo$olstyle.Stroke)({
-                color: c.concat([
-                    1 / (steps - i)
-                ]),
-                width: (steps - i) * 2 - 1
-            })
-        }));
-        return styles;
     }
-    static createGlowedPoint(color, steps = 7) {
-        const styles = [];
-        let c = (0, $8zHUo$olcolor.fromString)(color);
-        if (c.length > 3) c = [
-            c[0],
-            c[1],
-            c[2]
-        ];
-        for(let i = 0; i < steps; i++)styles.push(new (0, $8zHUo$olstyle.Style)({
-            image: new (0, $8zHUo$olstyle.Circle)({
-                radius: (steps - i) * 2 - 1,
-                fill: new (0, $8zHUo$olstyle.Fill)({
-                    color: c.concat([
-                        1 / (steps - i)
-                    ])
-                })
-            })
-        }));
-        return styles;
+    getIdentifyPriority(feature) {
+        return 0;
     }
-    static createGlowedPolygon(color, steps = 7) {
-        const styles = [];
-        let c = (0, $8zHUo$olcolor.fromString)(color);
-        if (c.length > 3) c = [
-            c[0],
-            c[1],
-            c[2]
-        ];
-        styles.push(new (0, $8zHUo$olstyle.Style)({
-            fill: new (0, $8zHUo$olstyle.Fill)({
-                color: c.concat([
-                    0.2
-                ])
-            })
-        }));
-        for(let i = 1; i < steps; i++)styles.push(new (0, $8zHUo$olstyle.Style)({
-            stroke: new (0, $8zHUo$olstyle.Stroke)({
-                color: c.concat([
-                    1 / (steps - i)
-                ]),
-                width: (steps - i) * 2 - 1
-            })
-        }));
-        return styles;
+    getLegendInfos() {
+        return [];
     }
 }
-$6e4a0fdd3e43ca7d$export$a1c933612b1f668c.DefaultSymbolNum = -9999;
-$6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor = 'rgb(83, 234, 253)';
-$6e4a0fdd3e43ca7d$export$a1c933612b1f668c.FlashColor = 'rgb(83, 234, 253)';
-function $6e4a0fdd3e43ca7d$var$createText(li) {
-    const color = (0, $8zHUo$olcolor.fromString)(li.textColor);
-    const textStyle = new (0, $8zHUo$olstyle.Text)({
-        font: `${li.textSize}px Roboto,sans-serif`,
-        overflow: !!li.overflow,
-        offsetY: li.offsetY | 0,
-        offsetX: li.offsetX | 0,
-        fill: new (0, $8zHUo$olstyle.Fill)({
-            color: color
-        }),
-        stroke: new (0, $8zHUo$olstyle.Stroke)({
-            color: '#fff',
-            width: 4
-        })
-    });
-    return textStyle;
-}
-function $6e4a0fdd3e43ca7d$var$createSimplePointStyle(def) {
-    const stroke = def.stroke ? new (0, $8zHUo$olstyle.Stroke)({
-        color: def.stroke.color,
-        width: def.stroke.size
-    }) : null;
-    const s = new (0, $8zHUo$olstyle.Style)({
-        stroke: stroke
-    });
-    if (def.pointProps) {
-        const fill = new (0, $8zHUo$olstyle.Fill)({
-            color: def.color
-        });
-        switch(def.pointProps.shape){
-            case 'circle':
-                s.setImage(new (0, $8zHUo$olstyle.Circle)({
-                    radius: def.size,
-                    fill: fill,
-                    stroke: stroke
-                }));
-                break;
-            case 'triangle':
-                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
-                    points: 3,
-                    radius: def.size,
-                    fill: fill,
-                    stroke: stroke
-                }));
-                break;
-            case 'square':
-                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
-                    points: 4,
-                    radius: def.size,
-                    fill: fill,
-                    angle: Math.PI / 4,
-                    stroke: stroke
-                }));
-                break;
-            case 'pentagon':
-                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
-                    points: 5,
-                    radius: def.size,
-                    fill: fill,
-                    stroke: stroke
-                }));
-                break;
-            case 'star':
-                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
-                    points: 5,
-                    radius: def.size,
-                    radius2: def.size / 2,
-                    fill: fill,
-                    stroke: stroke
-                }));
-                break;
-            case 'image':
-                s.setImage(new (0, $8zHUo$olstyle.Icon)({
-                    anchor: def.pointProps.anchor,
-                    anchorXUnits: 'fraction',
-                    anchorYUnits: 'fraction',
-                    src: def.pointProps.src,
-                    height: def.pointProps.height,
-                    width: def.pointProps.width,
-                    offset: def.pointProps.offset
-                }));
-                break;
-            default:
-                break;
-        }
+$9f1e53e2f5ceab7e$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $9f1e53e2f5ceab7e$var$__metadata("design:type", Object)
+], $9f1e53e2f5ceab7e$export$4f2c359228ce6008.prototype, "mapManager", void 0);
+$9f1e53e2f5ceab7e$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_a = typeof (0, $8zHUo$yesilyazilimwebspa.StoreService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.StoreService)) === "function" ? $9f1e53e2f5ceab7e$var$_a : Object)
+], $9f1e53e2f5ceab7e$export$4f2c359228ce6008.prototype, "storeService", void 0);
+$9f1e53e2f5ceab7e$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_b = typeof (0, $8zHUo$yesilyazilimwebspa.EventService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.EventService)) === "function" ? $9f1e53e2f5ceab7e$var$_b : Object)
+], $9f1e53e2f5ceab7e$export$4f2c359228ce6008.prototype, "eventService", void 0);
+class $9f1e53e2f5ceab7e$export$8f36746e9bfe5db8 extends $9f1e53e2f5ceab7e$export$4f2c359228ce6008 {
+    getCustomParams(action) {
+        const map = this._layer.getMapInternal();
+        const view = map.getView();
+        let extArr = view.calculateExtent(map.getSize());
+        let defaultParams = `scale:${this.calculateEpsForScreenDistance(map)};xmin:${extArr[0]};ymin:${extArr[1]};xmax:${extArr[2]};ymax:${extArr[3]};`;
+        const user = this.authService.currentUser;
+        if (user) defaultParams = defaultParams + `uid:${user.id};`;
+        if (this._currentTime > 0) defaultParams = defaultParams + `epctime:${this._currentTime};`;
+        const obj = {
+            "viewParams": defaultParams
+        };
+        return obj;
+    }
+    queryIdentifyAsync(data) {
+        return $9f1e53e2f5ceab7e$var$__awaiter(this, void 0, void 0, function*() {
+            const res = yield this._channel.IdentifyAsync(data);
+            if (res && res.length > 0) {
+                const items = res.map((f)=>({
+                        layerTitle: this.definition.title,
+                        layerKey: this.definition.key,
+                        feature: f
+                    }));
+                return {
+                    success: true,
+                    data: items
+                };
+            } else return {
+                success: true,
+                data: []
+            };
+        });
+    }
+    generatePopupItemsAsync(feature) {
+        return $9f1e53e2f5ceab7e$var$__awaiter(this, void 0, void 0, function*() {
+            return [];
+        });
+    }
+    calculateEpsForScreenDistance(map) {
+        const view = map.getView();
+        const resolution = view.getResolution();
+        const center = view.getCenter();
+        const lat = center[1];
+        const zoom = view.getZoom();
+        let pixelMeters = 15;
+        if (zoom <= 6) pixelMeters = 7.5;
+        else if (zoom <= 7) pixelMeters = 10;
+        const metersDistance = pixelMeters * resolution;
+        const metersPerDegree = 111320 * Math.cos(lat * Math.PI / 180);
+        const eps = metersDistance / metersPerDegree;
+        return this.exponentToDecimals(eps);
+    }
+    exponentToDecimals(num) {
+        if (num < 0.000001) {
+            let numChunks = [];
+            numChunks = num.toString().split('e');
+            let numOfZeroes = Math.abs(numChunks[1]) - 1;
+            let decimalNumber = '';
+            let zeroes = '';
+            let int = numChunks[0];
+            for(let i = 0; i < int.length; i++)int = int.replace('.', '');
+            for(let i = 0; i < numOfZeroes; i++)zeroes += '0';
+            return '0.' + zeroes + int;
+        } else return num;
     }
-    if (def.labelDef) s.setText($6e4a0fdd3e43ca7d$var$createText(def.labelDef));
-    return s;
-}
-function $6e4a0fdd3e43ca7d$var$createSimpleLineStyle(def) {
-    return new (0, $8zHUo$olstyle.Style)({
-        stroke: new (0, $8zHUo$olstyle.Stroke)({
-            width: def.size,
-            color: def.color
-        })
-    });
-}
-function $6e4a0fdd3e43ca7d$var$createSimplePolygonStyle(def) {
-    let strokeColor = (0, $8zHUo$olcolor.fromString)(def.color);
-    let fillColor = (0, $8zHUo$olcolor.fromString)(def.color);
-    let strokeSize = 3;
-    if (def.stroke) {
-        strokeColor = (0, $8zHUo$olcolor.fromString)(def.stroke.color);
-        strokeSize = def.stroke.size;
-    } else fillColor = $6e4a0fdd3e43ca7d$var$setAlpha(fillColor, 0.1);
-    const s = new (0, $8zHUo$olstyle.Style)({
-        stroke: new (0, $8zHUo$olstyle.Stroke)({
-            width: strokeSize,
-            color: strokeColor
-        }),
-        fill: new (0, $8zHUo$olstyle.Fill)({
-            color: fillColor
-        })
-    });
-    if (def.labelDef) s.setText($6e4a0fdd3e43ca7d$var$createText(def.labelDef));
-    return s;
-}
-function $6e4a0fdd3e43ca7d$var$createUVPointStyle(def) {
-    const map = new Map();
-    for (const uv of def.values)map.set(uv.st, $6e4a0fdd3e43ca7d$var$createSimplePointStyle(uv.symbol));
-    return map;
-}
-function $6e4a0fdd3e43ca7d$var$createUVLineStyle(def) {
-    const map = new Map();
-    for (const uv of def.values)map.set(uv.st, $6e4a0fdd3e43ca7d$var$createSimpleLineStyle(uv.symbol));
-    return map;
-}
-function $6e4a0fdd3e43ca7d$var$createUVPolygonStyle(def) {
-    const map = new Map();
-    for (const uv of def.values)map.set(uv.st, $6e4a0fdd3e43ca7d$var$createSimplePolygonStyle(uv.symbol));
-    return map;
 }
+$9f1e53e2f5ceab7e$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_c = typeof (0, $8zHUo$yesilyazilimwebspa.AuthService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.AuthService)) === "function" ? $9f1e53e2f5ceab7e$var$_c : Object)
+], $9f1e53e2f5ceab7e$export$8f36746e9bfe5db8.prototype, "authService", void 0);
 
 
-var $9e9fe0098715b2dd$exports = {};
-
-$parcel$export($9e9fe0098715b2dd$exports, "getLayerProps", () => $9e9fe0098715b2dd$export$901d0a0c97b4d88a);
-function $9e9fe0098715b2dd$export$901d0a0c97b4d88a(layer) {
-    return layer.getProperties();
+var $53e9cc699e7a4a99$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+class $53e9cc699e7a4a99$export$e8f1b5fbf8989533 {
+    constructor(){
+        this.type = (0, $91d76f4d8e753f27$export$3c6428acb8ce7fb9).WMS;
+    }
+    createAsync(ld) {
+        return $53e9cc699e7a4a99$var$__awaiter(this, void 0, void 0, function*() {
+            const opres = {
+                success: true,
+                data: new (0, $9f1e53e2f5ceab7e$export$8f36746e9bfe5db8)(ld)
+            };
+            return Promise.resolve(opres);
+        });
+    }
 }
 
 
-
-
-var $69345a20bc0f2569$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var $69345a20bc0f2569$var$__metadata = undefined && undefined.__metadata || function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-let $69345a20bc0f2569$export$a67c77aa289f97c1 = class FeatureContextMenuComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
-    constructor(_loc, items, action, isGlass){
-        super();
-        this._loc = _loc;
-        this.action = action;
-        this.isGlass = isGlass;
-        this._closeHandler = 0;
-        const arr = this._groupItems(items);
-        for(let i = 0; i < arr.length; i++){
-            const kvp = arr[i];
-            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).span(kvp.title, 'GroupTitle'));
-            let count = 0;
-            const limit = 10;
-            for (const item of kvp.items)if (++count > limit) {
-                item.title = "++ Di\u011Fer " + (kvp.items.length - limit).toString();
-                this.appendChild(new $69345a20bc0f2569$var$ContextMenuItemComponent(this, item, true));
-                break;
-            } else this.appendChild(new $69345a20bc0f2569$var$ContextMenuItemComponent(this, item));
-            if (i < arr.length - 1) this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).div('Seperator'));
-        }
-        if (isGlass) this.classList.add("glass");
-    }
-    setActive(key, value) {}
-    setDisabled(key, value) {}
-    onConnected() {
-        this.style.top = this._loc.y + 'px';
-        this.style.left = this._loc.x + 'px';
-        this.addEventListener('mouseleave', ()=>{
-            this._closeHandler = setTimeout(()=>{
-                this._closeHandler = 0;
-                this.remove();
-            }, 200);
-        }, {
-            once: true
-        });
-        this.addEventListener('mouseenter', ()=>{
-            if (this._closeHandler) {
-                clearTimeout(this._closeHandler);
-                this._closeHandler = 0;
-            }
-        });
-        document.body.addEventListener('mouseenter', ()=>{
-            this._closeHandler = setTimeout(()=>{
-                this._closeHandler = 0;
-                this.remove();
-            }, 200);
-        }, {
-            once: true
-        });
-    }
-    onItemMouseEnter(child) {
-        this.action('enter', child.item);
-    }
-    onItemMouseLeave(child) {
-        this.action('leave', child.item);
-    }
-    onItemMouseClick(child) {
-        this.action('leave', child.item);
-        this.action('click', child.item);
-        this.remove();
-    }
-    _groupItems(items) {
-        const map = new Map();
-        for (const item of items){
-            const gkey = item.group || '';
-            let garr = map.get(gkey);
-            if (!garr) {
-                garr = [];
-                map.set(gkey, garr);
-            }
-            garr.push(item);
-        }
-        const arr = [];
-        map.forEach((v, k)=>{
-            arr.push({
-                title: k,
-                items: v
-            });
-        });
-        return arr;
-    }
-};
-$69345a20bc0f2569$export$a67c77aa289f97c1 = $69345a20bc0f2569$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Component)({
-        elementName: 'map-feat-cm'
-    }),
-    $69345a20bc0f2569$var$__metadata("design:paramtypes", [
-        Object,
-        Array,
-        Object,
-        Boolean
-    ])
-], $69345a20bc0f2569$export$a67c77aa289f97c1);
-let $69345a20bc0f2569$var$ContextMenuItemComponent = class ContextMenuItemComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
-    constructor(menu, item, disabled = false){
-        super();
-        this.menu = menu;
-        this.item = item;
-        if (disabled) {
-            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(item.title, "cm-title"));
-            this.disabled = true;
-        } else {
-            this.addEventListener('mouseenter', ()=>{
-                this.menu.onItemMouseEnter(this);
-            });
-            this.addEventListener('mouseleave', ()=>{
-                this.menu.onItemMouseLeave(this);
-            });
-            this.addEventListener('click', ()=>{
-                this.menu.onItemMouseClick(this);
-            });
-            if (item.iconClass) {
-                const iconElm = (0, $8zHUo$yesilyazilimwebspa.ELF).icon("cm-icon " + item.iconClass);
-                this.appendChild(iconElm);
-            }
-            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(item.title, "cm-title"));
-        }
-    }
-};
-$69345a20bc0f2569$var$ContextMenuItemComponent = $69345a20bc0f2569$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Component)({
-        elementName: 'map-feat-cm-item'
-    }),
-    $69345a20bc0f2569$var$__metadata("design:paramtypes", [
-        $69345a20bc0f2569$export$a67c77aa289f97c1,
-        Object,
-        Boolean
-    ])
-], $69345a20bc0f2569$var$ContextMenuItemComponent);
-
-
-
-var $e2e9872d2858bcde$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var $e2e9872d2858bcde$var$__metadata = undefined && undefined.__metadata || function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var $e2e9872d2858bcde$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-        return value instanceof P ? value : new P(function(resolve) {
-            resolve(value);
-        });
+var $4542e2c018b508ca$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
     }
     return new (P || (P = Promise))(function(resolve, reject) {
         function fulfilled(value) {
@@ -2414,433 +2239,634 @@ var $e2e9872d2858bcde$var$__awaiter = undefined && undefined.__awaiter || functi
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var $e2e9872d2858bcde$var$_a, $e2e9872d2858bcde$var$_b;
-const $e2e9872d2858bcde$var$LO_SELECTION = 10000;
-const $e2e9872d2858bcde$var$LO_FLASH = 10020;
-let $e2e9872d2858bcde$export$c521bb0b406df9a3 = class MapManager {
-    constructor(){
-        this._activeDraw = null;
-        this._selectionDict = new Map();
-        this._animations = new Map();
-        this._animationHandler = 0;
-        this.commandDisplayer = new $e2e9872d2858bcde$var$CmxCommandDisplayer();
-        this._onGotoExtendRequested = (ed)=>{
-            return new Promise((resolve, reject)=>{
-                this._view.fit(ed.extent, {
-                    maxZoom: 20,
-                    duration: 300,
-                    callback: (isOk)=>{
-                        resolve(isOk);
-                    }
-                });
+class $4542e2c018b508ca$export$5612f11f554f467 {
+    constructor(customLayerFactories){
+        this._map = new Map();
+        this._register(new (0, $ebdb133fb916235d$export$70cc7c4c8953dde9)());
+        this._register(new (0, $53e9cc699e7a4a99$export$e8f1b5fbf8989533)());
+        for (const lf of customLayerFactories)this._register(lf);
+    }
+    createAsync(ld) {
+        return $4542e2c018b508ca$var$__awaiter(this, void 0, void 0, function*() {
+            const lf = this._map.get(ld.type);
+            if (!lf) return Promise.resolve({
+                success: false,
+                message: 'LayerFactory type not registered > ' + ld.type
             });
-        };
-        this._onFlashGeomRequested = (ed)=>{
-            return this.flash(ed);
-        };
-        this._completed = true;
-        this._animator = ()=>{
-            if (this._animationHandler == 0) return;
-            if (!this._completed) return;
-            this._completed = false;
-            const zoom = this.zoom;
-            for (const animation of this._animations.values())if (zoom >= animation.minZoom && animation.layer.checked && !animation.layer.passive) {
-                animation.animateFunction();
-                animation.layer.layerObj.changed();
+            const res = yield lf.createAsync(ld);
+            if (res.success && res.data) {
+                if (yield res.data.prepareAsync()) return res;
+                return {
+                    success: false,
+                    message: 'Layer Prepare error > ' + ld.key
+                };
             }
-            this._completed = true;
-        };
-    }
-    init(map, view, popupDiv, layerManager) {
-        if (this._map) return;
-        this._layerManager = layerManager;
-        this._map = map;
-        this._view = view;
-        this._popupDiv = popupDiv;
-        this._initPopup();
-        this._selectionLayer = new (0, ($parcel$interopDefault($8zHUo$ollayerVector)))({
-            source: new (0, ($parcel$interopDefault($8zHUo$olsourceVector)))(),
-            style: (0, $6e4a0fdd3e43ca7d$export$a1c933612b1f668c).getSelectionSymbol(),
-            zIndex: $e2e9872d2858bcde$var$LO_SELECTION,
-            map: this._map
-        });
-        this._flashLayer = new (0, ($parcel$interopDefault($8zHUo$ollayerVector)))({
-            source: new (0, ($parcel$interopDefault($8zHUo$olsourceVector)))(),
-            style: this._getFlashSymbol(),
-            zIndex: $e2e9872d2858bcde$var$LO_FLASH,
-            map: this._map
+            return res;
         });
-        this.eventService.listen((0, $91d76f4d8e753f27$export$3b3923acac36255a).MapGotoExtentRequest, this._onGotoExtendRequested);
-        this.eventService.listen((0, $91d76f4d8e753f27$export$3b3923acac36255a).MapFlashGeomRequest, this._onFlashGeomRequested);
-    }
-    get map() {
-        return this._map;
-    }
-    get view() {
-        return this._view;
-    }
-    get zoom() {
-        return Math.trunc(this._view.getZoom());
-    }
-    startDraw(draw) {
-        this.cancelDraw();
-        this._activeDraw = draw;
-        this._map.addInteraction(this._activeDraw);
-    }
-    cancelDraw() {
-        if (this._activeDraw) {
-            if (this._activeDraw.getActive()) this._activeDraw.abortDrawing();
-            this._map.removeInteraction(this._activeDraw);
-        }
-        this._activeDraw = null;
-    }
-    setSelectedFeatures(dict) {
-        this._selectionLayer.getSource().clear();
-        for (const layer of this._selectionDict.keys())if (layer.identifyType == 'mvt' && layer.setFeaturesSelected) layer.setFeaturesSelected([]);
-        this._selectionDict.clear();
-        if (!(dict && dict.size > 0)) return;
-        const cloneFeat = (layer, feat)=>{
-            const copy = new (0, $8zHUo$ol.Feature)(feat.getGeometry());
-            return copy;
-        };
-        const selLayerFeats = [];
-        for (const layer of dict.keys()){
-            const features = dict.get(layer);
-            if (layer.identifyType == 'mvt' && layer.setFeaturesSelected) layer.setFeaturesSelected(features);
-            else {
-                const feats = features.map((_)=>cloneFeat(layer, _));
-                selLayerFeats.push(...feats);
-            }
-            this._selectionDict.set(layer, features);
-        }
-        this._selectionLayer.getSource().addFeatures(selLayerFeats);
     }
-    showPopup(at, content) {
-        if (!(at && content)) {
-            this._popup.setPosition(undefined);
-            return;
-        }
-        const contentDiv = this._popupDiv.querySelector('.popup-content');
-        if (contentDiv) {
-            contentDiv.innerHTML = '';
-            contentDiv.appendChild(content);
-        }
-        this._popup.setPosition(at);
+    _register(lf) {
+        this._map.set(lf.type, lf);
     }
-    startAnimate(key, animation) {
-        this._animations.set(key, animation);
-        this._beginAnimate();
-    }
-    endAnimate(key) {
-        if (this._animations.delete(key) && this._animations.size == 0) this._endAnimate();
+}
+
+
+var $a93fef52f234fd9d$exports = {};
+
+$parcel$export($a93fef52f234fd9d$exports, "FlashLayer", () => $a93fef52f234fd9d$export$deefba2ead809686);
+
+
+
+
+
+
+
+
+
+
+var $e2e9872d2858bcde$exports = {};
+
+$parcel$export($e2e9872d2858bcde$exports, "MapManager", () => $e2e9872d2858bcde$export$c521bb0b406df9a3);
+
+
+
+
+
+
+
+var $6e4a0fdd3e43ca7d$exports = {};
+
+$parcel$export($6e4a0fdd3e43ca7d$exports, "SymbologyFactory", () => $6e4a0fdd3e43ca7d$export$a1c933612b1f668c);
+
+
+
+
+
+
+
+const $6e4a0fdd3e43ca7d$var$setAlpha = function(color, alpha) {
+    if (color.length == 4) return [
+        color[0],
+        color[1],
+        color[2],
+        alpha
+    ];
+    else return color.concat(alpha);
+};
+class $6e4a0fdd3e43ca7d$export$a1c933612b1f668c {
+    static createSimplePoint(color, radius = 5) {
+        return new (0, $8zHUo$olstyle.Style)({
+            image: new (0, $8zHUo$olstyle.Circle)({
+                radius: radius,
+                fill: new (0, $8zHUo$olstyle.Fill)({
+                    color: color
+                })
+            })
+        });
     }
-    hasAnimate(key) {
-        return this._animations.has(key);
+    static createSimpleLine(color, width = 2) {
+        return new (0, $8zHUo$olstyle.Style)({
+            stroke: new (0, $8zHUo$olstyle.Stroke)({
+                color: color,
+                width: width
+            })
+        });
     }
-    stopAnimations() {
-        this._endAnimate();
-        this.eventService.raise((0, $91d76f4d8e753f27$export$3b3923acac36255a).DisableAnimations, null);
-        return new Promise((resolve)=>{
-            setTimeout(()=>{
-                requestAnimationFrame(()=>{
-                    resolve();
-                });
-            }, 50);
+    static createSimplePolygon(color, strokeWidth = 2, fillOpacity = 0.1) {
+        if (fillOpacity == 0) return new (0, $8zHUo$olstyle.Style)({
+            stroke: new (0, $8zHUo$olstyle.Stroke)({
+                width: strokeWidth,
+                color: color
+            })
+        });
+        const fc = (0, $8zHUo$olcolor.fromString)(color);
+        if (fc.length === 3) fc.push(fillOpacity);
+        else fc[3] = fillOpacity;
+        return new (0, $8zHUo$olstyle.Style)({
+            stroke: new (0, $8zHUo$olstyle.Stroke)({
+                width: strokeWidth,
+                color: color,
+                lineJoin: 'miter'
+            }),
+            fill: new (0, $8zHUo$olstyle.Fill)({
+                color: fc
+            })
         });
     }
-    resumeAnimation() {
-        this._beginAnimate();
+    static createStyleFromDef(def) {
+        if (def.type == 'simple') switch(def.geomType){
+            case 'Point':
+                return $6e4a0fdd3e43ca7d$var$createSimplePointStyle(def);
+            case 'LineString':
+                return $6e4a0fdd3e43ca7d$var$createSimpleLineStyle(def);
+            case 'Polygon':
+                return $6e4a0fdd3e43ca7d$var$createSimplePolygonStyle(def);
+            default:
+                break;
+        }
+        else if (def.type == 'unique') switch(def.geomType){
+            case 'Point':
+                return $6e4a0fdd3e43ca7d$var$createUVPointStyle(def);
+            case 'LineString':
+                return $6e4a0fdd3e43ca7d$var$createUVLineStyle(def);
+            case 'Polygon':
+                return $6e4a0fdd3e43ca7d$var$createUVPolygonStyle(def);
+            default:
+                break;
+        }
     }
-    changeCursor(cursor = '') {
-        this.map.getTargetElement().style.cursor = cursor;
+    static createFlashedStyles() {
+        const color = $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.FlashColor;
+        const map = new Map();
+        map.set('Point', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createGlowedPoint(color));
+        map.set('LineString', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createGlowedLine(color));
+        map.set('Polygon', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createGlowedPolygon(color));
+        return map;
     }
-    getCurrentIdentifyDataFor(pixel) {
-        const vse = this._view.getViewStateAndExtent();
-        const rect = this._map.getTargetElement().getBoundingClientRect();
-        const inp = {
-            coords: this._map.getCoordinateFromPixel(pixel),
-            imageDisplay: {
-                w: rect.width,
-                h: rect.height,
-                dpi: 96
-            },
-            mapExtent: vse.extent,
-            screenPoint: pixel,
-            tolerance: 3,
-            resolution: this._view.getResolution()
-        };
-        return inp;
+    static createHoverStyles() {
+        const circleSize = 6;
+        const lineSize = 4;
+        const color = 'rgb(124, 207, 0)';
+        const map = new Map();
+        map.set('Point', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePoint(color, circleSize));
+        map.set('LineString', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimpleLine(color, lineSize));
+        map.set('Polygon', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePolygon(color, lineSize, 0.2));
+        return map;
     }
-    getOneFeatureAt(pixel, opt) {
-        return $e2e9872d2858bcde$var$__awaiter(this, void 0, void 0, function*() {
-            let contents = [];
-            let maxPri = 0;
-            const forEachFeatureCallback = (feature, layer)=>{
-                var _a;
-                if (!layer) return;
-                if (opt.featureFilter) {
-                    if (!opt.featureFilter(feature)) return;
+    static createSelectionStyles() {
+        const circleSize = 6;
+        const lineSize = 4;
+        const map = new Map();
+        map.set('Point', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePoint($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor, circleSize));
+        map.set('LineString', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimpleLine($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor, lineSize));
+        map.set('Polygon', $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.createSimplePolygon($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor, lineSize, 0.2));
+        return map;
+    }
+    static getSelectionSymbol() {
+        const fc = (0, $8zHUo$olcolor.fromString)($6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor);
+        if (fc.length === 3) fc.push(0.5);
+        else fc[3] = 0.5;
+        return new (0, $8zHUo$olstyle.Style)({
+            stroke: new (0, $8zHUo$olstyle.Stroke)({
+                color: $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor,
+                width: 8
+            }),
+            fill: new (0, $8zHUo$olstyle.Fill)({
+                color: fc
+            }),
+            image: new (0, $8zHUo$olstyle.Circle)({
+                radius: 12,
+                fill: new (0, $8zHUo$olstyle.Fill)({
+                    color: $6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor
+                })
+            })
+        });
+    }
+    static createCanvas(style, type) {
+        const canvas = document.createElement('canvas');
+        switch(type){
+            case 'Point':
+                {
+                    const width = 30;
+                    const height = 30;
+                    const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
+                        size: [
+                            width,
+                            height
+                        ]
+                    });
+                    vectorContext.setStyle(style);
+                    vectorContext.drawGeometry(new (0, ($parcel$interopDefault($8zHUo$olgeomPoint)))([
+                        width / 2,
+                        height / 2
+                    ]));
                 }
-                const mapLayer = (_a = (0, $9e9fe0098715b2dd$export$901d0a0c97b4d88a)(layer)) === null || _a === void 0 ? void 0 : _a.mapLayer;
-                if (!!!(mapLayer === null || mapLayer === void 0 ? void 0 : mapLayer.getFeatureTitle)) return;
-                const title = mapLayer.getFeatureTitle(feature);
-                if (title && contents.findIndex((old)=>old.layer === layer && old.feature.getId() === feature.getId()) < 0) {
-                    const pri = mapLayer.getIdentifyPriority(feature);
-                    if (pri >= maxPri) {
-                        if (pri > maxPri) {
-                            contents = [];
-                            maxPri = pri;
-                        }
-                        contents.push({
-                            feature: feature,
-                            layer: layer,
-                            mapLayer: mapLayer,
-                            title: title,
-                            iconClass: 'bi bi-caret-right-fill'
-                        });
-                    }
+                break;
+            case 'LineString':
+                {
+                    const width = 30;
+                    const height = 30;
+                    const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
+                        size: [
+                            width,
+                            height
+                        ]
+                    });
+                    vectorContext.setStyle(style);
+                    vectorContext.drawGeometry(new (0, ($parcel$interopDefault($8zHUo$olgeomLineString)))([
+                        [
+                            0,
+                            height / 2
+                        ],
+                        [
+                            width,
+                            height / 2
+                        ]
+                    ]));
                 }
-            };
-            this.map.forEachFeatureAtPixel(pixel, forEachFeatureCallback, opt);
-            let imageLayers = this._layerManager.layerList.filter((ml)=>ml.identifyType == 'remote');
-            if (opt.layerFilter) imageLayers = imageLayers.filter((ml)=>opt.layerFilter(ml.layerObj));
-            const arr = [];
-            for (const iml of imageLayers){
-                const imgLyr = iml;
-                const inp = this.getCurrentIdentifyDataFor(pixel);
-                const prms = new Promise((resolve)=>{
-                    imgLyr.queryIdentifyAsync(inp).then((r)=>{
-                        resolve({
-                            lyr: imgLyr,
-                            result: r
-                        });
+                break;
+            case 'Polygon':
+                {
+                    const width = 30;
+                    const height = 30;
+                    const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
+                        size: [
+                            width,
+                            height
+                        ]
                     });
-                });
-                arr.push(prms);
-            }
-            const prmsResults = yield Promise.all(arr);
-            for (const prmRes of prmsResults){
-                const res = prmRes.result;
-                if (!res.success) continue;
-                for (const item of res.data){
-                    const pri = prmRes.lyr.getIdentifyPriority(item.feature);
-                    if (pri >= maxPri) {
-                        if (pri > maxPri) {
-                            contents = [];
-                            maxPri = pri;
-                        }
-                        contents.push({
-                            feature: item.feature,
-                            layer: prmRes.lyr.layerObj,
-                            mapLayer: prmRes.lyr,
-                            title: item.layerTitle,
-                            iconClass: 'bi bi-caret-right-fill'
-                        });
-                    }
+                    vectorContext.setStyle(style);
+                    const ext = $8zHUo$olextent.boundingExtent([
+                        [
+                            3,
+                            3
+                        ],
+                        [
+                            width - 3,
+                            height - 3
+                        ]
+                    ]);
+                    vectorContext.drawGeometry((0, $8zHUo$olgeomPolygon.fromExtent)(ext));
                 }
-            }
-            if (contents && contents.length > 0) {
-                if (contents.length === 1) return Promise.resolve(contents[0]);
-                else return new Promise((resolve)=>{
-                    var self = this;
-                    const cmdAction = function(action, item) {
-                        var _a, _b;
-                        if (action == 'enter') {
-                            const maplayer = (_a = (0, $9e9fe0098715b2dd$export$901d0a0c97b4d88a)(item.layer)) === null || _a === void 0 ? void 0 : _a.mapLayer;
-                            if (maplayer.identifyType == 'feature') maplayer.flashFeatures(item.feature);
-                            else if (maplayer.identifyType == 'mvt') maplayer.flashFeatures(item.feature);
-                            else if (maplayer.identifyType == 'remote') {
-                                const ft = item.feature;
-                                self.flashGeom(ft.getGeometry());
-                            }
-                        } else if (action == 'leave') {
-                            const maplayer = (_b = (0, $9e9fe0098715b2dd$export$901d0a0c97b4d88a)(item.layer)) === null || _b === void 0 ? void 0 : _b.mapLayer;
-                            if (maplayer.identifyType == 'feature') maplayer.flashFeatures(null);
-                            else if (maplayer.identifyType == 'mvt') maplayer.flashFeatures(null);
-                            else if (maplayer.identifyType == 'remote') self.flashGeom(null);
-                        } else if (action == 'click') resolve(item);
-                    };
-                    this.showContextMenuAt(opt.menux, opt.menuy, contents, cmdAction, true);
-                });
-            }
-            return Promise.resolve(null);
+                break;
+            default:
+                break;
+        }
+        return canvas;
+    }
+    static createCanvasFromFeature(style, feature, width = 100, height = 100) {
+        const canvas = document.createElement('canvas');
+        const vectorContext = (0, $8zHUo$olrender.toContext)(canvas.getContext('2d'), {
+            size: [
+                width,
+                height
+            ]
         });
+        vectorContext.setStyle(style);
+        vectorContext.drawFeature(feature, style);
+        return canvas;
+    }
+    static createGlowedLine(color, steps = 7) {
+        const styles = [];
+        let c = (0, $8zHUo$olcolor.fromString)(color);
+        if (c.length > 3) c = [
+            c[0],
+            c[1],
+            c[2]
+        ];
+        for(let i = 0; i < steps; i++)styles.push(new (0, $8zHUo$olstyle.Style)({
+            stroke: new (0, $8zHUo$olstyle.Stroke)({
+                color: c.concat([
+                    1 / (steps - i)
+                ]),
+                width: (steps - i) * 2 - 1
+            })
+        }));
+        return styles;
+    }
+    static createGlowedPoint(color, steps = 7) {
+        const styles = [];
+        let c = (0, $8zHUo$olcolor.fromString)(color);
+        if (c.length > 3) c = [
+            c[0],
+            c[1],
+            c[2]
+        ];
+        for(let i = 0; i < steps; i++)styles.push(new (0, $8zHUo$olstyle.Style)({
+            image: new (0, $8zHUo$olstyle.Circle)({
+                radius: (steps - i) * 2 - 1,
+                fill: new (0, $8zHUo$olstyle.Fill)({
+                    color: c.concat([
+                        1 / (steps - i)
+                    ])
+                })
+            })
+        }));
+        return styles;
+    }
+    static createGlowedPolygon(color, steps = 7) {
+        const styles = [];
+        let c = (0, $8zHUo$olcolor.fromString)(color);
+        if (c.length > 3) c = [
+            c[0],
+            c[1],
+            c[2]
+        ];
+        styles.push(new (0, $8zHUo$olstyle.Style)({
+            fill: new (0, $8zHUo$olstyle.Fill)({
+                color: c.concat([
+                    0.2
+                ])
+            })
+        }));
+        for(let i = 1; i < steps; i++)styles.push(new (0, $8zHUo$olstyle.Style)({
+            stroke: new (0, $8zHUo$olstyle.Stroke)({
+                color: c.concat([
+                    1 / (steps - i)
+                ]),
+                width: (steps - i) * 2 - 1
+            })
+        }));
+        return styles;
+    }
+}
+$6e4a0fdd3e43ca7d$export$a1c933612b1f668c.DefaultSymbolNum = -9999;
+$6e4a0fdd3e43ca7d$export$a1c933612b1f668c.SelectionColor = 'rgb(83, 234, 253)';
+$6e4a0fdd3e43ca7d$export$a1c933612b1f668c.FlashColor = 'rgb(83, 234, 253)';
+function $6e4a0fdd3e43ca7d$var$createText(li) {
+    const color = (0, $8zHUo$olcolor.fromString)(li.textColor);
+    const textStyle = new (0, $8zHUo$olstyle.Text)({
+        font: `${li.textSize}px Roboto,sans-serif`,
+        overflow: !!li.overflow,
+        offsetY: li.offsetY | 0,
+        offsetX: li.offsetX | 0,
+        fill: new (0, $8zHUo$olstyle.Fill)({
+            color: color
+        }),
+        stroke: new (0, $8zHUo$olstyle.Stroke)({
+            color: '#fff',
+            width: 4
+        })
+    });
+    return textStyle;
+}
+function $6e4a0fdd3e43ca7d$var$createSimplePointStyle(def) {
+    const stroke = def.stroke ? new (0, $8zHUo$olstyle.Stroke)({
+        color: def.stroke.color,
+        width: def.stroke.size
+    }) : null;
+    const s = new (0, $8zHUo$olstyle.Style)({
+        stroke: stroke
+    });
+    if (def.pointProps) {
+        const fill = new (0, $8zHUo$olstyle.Fill)({
+            color: def.color
+        });
+        switch(def.pointProps.shape){
+            case 'circle':
+                s.setImage(new (0, $8zHUo$olstyle.Circle)({
+                    radius: def.size,
+                    fill: fill,
+                    stroke: stroke
+                }));
+                break;
+            case 'triangle':
+                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
+                    points: 3,
+                    radius: def.size,
+                    fill: fill,
+                    stroke: stroke
+                }));
+                break;
+            case 'square':
+                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
+                    points: 4,
+                    radius: def.size,
+                    fill: fill,
+                    angle: Math.PI / 4,
+                    stroke: stroke
+                }));
+                break;
+            case 'pentagon':
+                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
+                    points: 5,
+                    radius: def.size,
+                    fill: fill,
+                    stroke: stroke
+                }));
+                break;
+            case 'star':
+                s.setImage(new (0, $8zHUo$olstyle.RegularShape)({
+                    points: 5,
+                    radius: def.size,
+                    radius2: def.size / 2,
+                    fill: fill,
+                    stroke: stroke
+                }));
+                break;
+            case 'image':
+                s.setImage(new (0, $8zHUo$olstyle.Icon)({
+                    anchor: def.pointProps.anchor,
+                    anchorXUnits: 'fraction',
+                    anchorYUnits: 'fraction',
+                    src: def.pointProps.src,
+                    height: def.pointProps.height,
+                    width: def.pointProps.width,
+                    offset: def.pointProps.offset
+                }));
+                break;
+            default:
+                break;
+        }
     }
-    showContextMenuAt(pageX, pageY, items, itemAction, isGlass) {
-        return $e2e9872d2858bcde$var$__awaiter(this, void 0, void 0, function*() {
-            const te = this.map.getTargetElement();
-            const rect = te.getBoundingClientRect();
-            const loc = {
-                x: pageX - rect.x,
-                y: pageY - rect.y
-            };
-            const cm = new (0, $69345a20bc0f2569$export$a67c77aa289f97c1)(loc, items, itemAction, isGlass);
-            this.commandDisplayer.setCmx(cm);
-            te.appendChild(cm);
-        });
+    if (def.labelDef) s.setText($6e4a0fdd3e43ca7d$var$createText(def.labelDef));
+    return s;
+}
+function $6e4a0fdd3e43ca7d$var$createSimpleLineStyle(def) {
+    return new (0, $8zHUo$olstyle.Style)({
+        stroke: new (0, $8zHUo$olstyle.Stroke)({
+            width: def.size,
+            color: def.color
+        })
+    });
+}
+function $6e4a0fdd3e43ca7d$var$createSimplePolygonStyle(def) {
+    let strokeColor = (0, $8zHUo$olcolor.fromString)(def.color);
+    let fillColor = (0, $8zHUo$olcolor.fromString)(def.color);
+    let strokeSize = 3;
+    if (def.stroke) {
+        strokeColor = (0, $8zHUo$olcolor.fromString)(def.stroke.color);
+        strokeSize = def.stroke.size;
+    } else fillColor = $6e4a0fdd3e43ca7d$var$setAlpha(fillColor, 0.1);
+    const s = new (0, $8zHUo$olstyle.Style)({
+        stroke: new (0, $8zHUo$olstyle.Stroke)({
+            width: strokeSize,
+            color: strokeColor
+        }),
+        fill: new (0, $8zHUo$olstyle.Fill)({
+            color: fillColor
+        })
+    });
+    if (def.labelDef) s.setText($6e4a0fdd3e43ca7d$var$createText(def.labelDef));
+    return s;
+}
+function $6e4a0fdd3e43ca7d$var$createUVPointStyle(def) {
+    const map = new Map();
+    for (const uv of def.values)map.set(uv.st, $6e4a0fdd3e43ca7d$var$createSimplePointStyle(uv.symbol));
+    return map;
+}
+function $6e4a0fdd3e43ca7d$var$createUVLineStyle(def) {
+    const map = new Map();
+    for (const uv of def.values)map.set(uv.st, $6e4a0fdd3e43ca7d$var$createSimpleLineStyle(uv.symbol));
+    return map;
+}
+function $6e4a0fdd3e43ca7d$var$createUVPolygonStyle(def) {
+    const map = new Map();
+    for (const uv of def.values)map.set(uv.st, $6e4a0fdd3e43ca7d$var$createSimplePolygonStyle(uv.symbol));
+    return map;
+}
+
+
+var $9e9fe0098715b2dd$exports = {};
+
+$parcel$export($9e9fe0098715b2dd$exports, "getLayerProps", () => $9e9fe0098715b2dd$export$901d0a0c97b4d88a);
+function $9e9fe0098715b2dd$export$901d0a0c97b4d88a(layer) {
+    return layer.getProperties();
+}
+
+
+
+
+var $69345a20bc0f2569$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var $69345a20bc0f2569$var$__metadata = undefined && undefined.__metadata || function(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let $69345a20bc0f2569$export$a67c77aa289f97c1 = class FeatureContextMenuComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
+    constructor(_loc, items, action, isGlass){
+        super();
+        this._loc = _loc;
+        this.action = action;
+        this.isGlass = isGlass;
+        this._closeHandler = 0;
+        const arr = this._groupItems(items);
+        for(let i = 0; i < arr.length; i++){
+            const kvp = arr[i];
+            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).span(kvp.title, 'GroupTitle'));
+            let count = 0;
+            const limit = 10;
+            for (const item of kvp.items)if (++count > limit) {
+                item.title = "++ Di\u011Fer " + (kvp.items.length - limit).toString();
+                this.appendChild(new $69345a20bc0f2569$var$ContextMenuItemComponent(this, item, true));
+                break;
+            } else this.appendChild(new $69345a20bc0f2569$var$ContextMenuItemComponent(this, item));
+            if (i < arr.length - 1) this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).div('Seperator'));
+        }
+        if (isGlass) this.classList.add("glass");
     }
-    goto(coordinate) {
-        this._view.fit(new (0, $8zHUo$olgeom.Point)(coordinate), {
-            maxZoom: 20,
-            duration: 300
+    setActive(key, value) {}
+    setDisabled(key, value) {}
+    onConnected() {
+        this.style.top = this._loc.y + 'px';
+        this.style.left = this._loc.x + 'px';
+        this.addEventListener('mouseleave', ()=>{
+            this._closeHandler = setTimeout(()=>{
+                this._closeHandler = 0;
+                this.remove();
+            }, 200);
+        }, {
+            once: true
         });
-    }
-    gotoFly(location) {
-        const view = this._view;
-        const duration = 2000;
-        const zoom = view.getZoom();
-        let parts = 2;
-        let called = false;
-        return new Promise((resolve)=>{
-            function callback(complete) {
-                --parts;
-                if (called) return;
-                if (parts === 0 || !complete) {
-                    called = true;
-                    resolve(complete);
-                }
+        this.addEventListener('mouseenter', ()=>{
+            if (this._closeHandler) {
+                clearTimeout(this._closeHandler);
+                this._closeHandler = 0;
             }
-            view.animate({
-                center: location,
-                duration: duration
-            }, callback);
-            view.animate({
-                zoom: zoom - 1,
-                duration: duration / 2
-            }, {
-                zoom: zoom,
-                duration: duration / 2
-            }, callback);
         });
-    }
-    flash(ed) {
-        return new Promise((resolve, reject)=>{
-            const src = this._flashLayer.getSource();
-            if (!ed.keepExist) src.clear();
-            if (ed.geom) {
-                const feat = new (0, $8zHUo$ol.Feature)(ed.geom);
-                src.addFeature(feat);
-                if (!ed.skipZoom) this._view.fit(ed.geom.getExtent(), {
-                    maxZoom: 25,
-                    duration: 200
-                });
-                let cnt = 0;
-                const timerKey = setInterval(()=>{
-                    if (cnt > 1) {
-                        clearInterval(timerKey);
-                        src.removeFeature(feat);
-                        return;
-                    }
-                    if (cnt % 2 == 0) src.removeFeature(feat);
-                    else src.addFeature(feat);
-                    cnt++;
-                }, 200);
-            }
+        document.body.addEventListener('mouseenter', ()=>{
+            this._closeHandler = setTimeout(()=>{
+                this._closeHandler = 0;
+                this.remove();
+            }, 200);
+        }, {
+            once: true
         });
     }
-    flashGeom(geom) {
-        this.flash({
-            geom: geom,
-            skipZoom: true
-        });
+    onItemMouseEnter(child) {
+        this.action('enter', child.item);
     }
-    flashGeojson(gjs) {
-        if (!gjs) return;
-        const geom = (0, $10571313f00c012e$export$4691a8a9ff232a6b).fromGeojson(gjs);
-        if (!geom) return;
-        this.flash({
-            geom: geom
-        });
+    onItemMouseLeave(child) {
+        this.action('leave', child.item);
     }
-    _initPopup() {
-        this._popup = new (0, $8zHUo$ol.Overlay)({
-            element: this._popupDiv,
-            autoPan: {
-                animation: {
-                    duration: 250
-                }
+    onItemMouseClick(child) {
+        this.action('leave', child.item);
+        this.action('click', child.item);
+        this.remove();
+    }
+    _groupItems(items) {
+        const map = new Map();
+        for (const item of items){
+            const gkey = item.group || '';
+            let garr = map.get(gkey);
+            if (!garr) {
+                garr = [];
+                map.set(gkey, garr);
             }
+            garr.push(item);
+        }
+        const arr = [];
+        map.forEach((v, k)=>{
+            arr.push({
+                title: k,
+                items: v
+            });
         });
-        this._map.addOverlay(this._popup);
-        const closer = this._popupDiv.querySelector('.ol-popup-closer');
-        closer === null || closer === void 0 || closer.addEventListener('click', ()=>{
-            this._popup.setPosition(undefined);
-            closer.blur();
-            return false;
-        });
+        return arr;
     }
-    _getFlashSymbol() {
-        const fs = (0, $6e4a0fdd3e43ca7d$export$a1c933612b1f668c).createFlashedStyles();
-        const arr = [];
-        const cnt = fs.get('Point').length;
-        const ps = fs.get('Point');
-        const ls = fs.get('LineString');
-        const gs = fs.get('Polygon');
-        for(let i = 0; i < cnt; i++){
-            const ts = new (0, $8zHUo$olstyle.Style)({
-                stroke: ls[i].getStroke(),
-                fill: gs[i].getFill(),
-                image: ps[i].getImage()
+};
+$69345a20bc0f2569$export$a67c77aa289f97c1 = $69345a20bc0f2569$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Component)({
+        elementName: 'map-feat-cm'
+    }),
+    $69345a20bc0f2569$var$__metadata("design:paramtypes", [
+        Object,
+        Array,
+        Object,
+        Boolean
+    ])
+], $69345a20bc0f2569$export$a67c77aa289f97c1);
+let $69345a20bc0f2569$var$ContextMenuItemComponent = class ContextMenuItemComponent extends (0, $8zHUo$yesilyazilimwebspa.BaseElement) {
+    constructor(menu, item, disabled = false){
+        super();
+        this.menu = menu;
+        this.item = item;
+        if (disabled) {
+            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(item.title, "cm-title"));
+            this.disabled = true;
+        } else {
+            this.addEventListener('mouseenter', ()=>{
+                this.menu.onItemMouseEnter(this);
             });
-            arr.push(ts);
+            this.addEventListener('mouseleave', ()=>{
+                this.menu.onItemMouseLeave(this);
+            });
+            this.addEventListener('click', ()=>{
+                this.menu.onItemMouseClick(this);
+            });
+            if (item.iconClass) {
+                const iconElm = (0, $8zHUo$yesilyazilimwebspa.ELF).icon("cm-icon " + item.iconClass);
+                this.appendChild(iconElm);
+            }
+            this.appendChild((0, $8zHUo$yesilyazilimwebspa.ELF).label(item.title, "cm-title"));
         }
-        return arr;
-    }
-    _beginAnimate() {
-        if (this._animationHandler > 0 || this._animations.size == 0) return;
-        this._animationHandler = setInterval(this._animator, 30);
-    }
-    _endAnimate() {
-        if (this._animationHandler > 0) clearInterval(this._animationHandler);
-        this._animationHandler = 0;
     }
 };
-$e2e9872d2858bcde$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $e2e9872d2858bcde$var$__metadata("design:type", typeof ($e2e9872d2858bcde$var$_a = typeof (0, $8zHUo$yesilyazilimwebspa.EventService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.EventService)) === "function" ? $e2e9872d2858bcde$var$_a : Object)
-], $e2e9872d2858bcde$export$c521bb0b406df9a3.prototype, "eventService", void 0);
-$e2e9872d2858bcde$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $e2e9872d2858bcde$var$__metadata("design:type", typeof ($e2e9872d2858bcde$var$_b = typeof (0, $8zHUo$yesilyazilimwebspa.CommandService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.CommandService)) === "function" ? $e2e9872d2858bcde$var$_b : Object)
-], $e2e9872d2858bcde$export$c521bb0b406df9a3.prototype, "commandService", void 0);
-$e2e9872d2858bcde$export$c521bb0b406df9a3 = $e2e9872d2858bcde$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Service)()
-], $e2e9872d2858bcde$export$c521bb0b406df9a3);
-class $e2e9872d2858bcde$var$CmxCommandDisplayer {
-    setCmx(comp) {
-        this._comp = comp;
-    }
-    setActive(key, value) {
-        var _a;
-        (_a = this._comp) === null || _a === void 0 || _a.setActive(key, value);
-    }
-    setDisabled(key, value) {
-        var _a;
-        (_a = this._comp) === null || _a === void 0 || _a.setDisabled(key, value);
-    }
-    isExist() {
-        var _a;
-        return ((_a = this._comp) === null || _a === void 0 ? void 0 : _a.isExist()) || false;
-    }
-}
-
-
-var $979d8cb30b62358d$exports = {};
-
-$parcel$export($979d8cb30b62358d$exports, "GeoserverChannel", () => $979d8cb30b62358d$export$3013e01cb8ddab96);
+$69345a20bc0f2569$var$ContextMenuItemComponent = $69345a20bc0f2569$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Component)({
+        elementName: 'map-feat-cm-item'
+    }),
+    $69345a20bc0f2569$var$__metadata("design:paramtypes", [
+        $69345a20bc0f2569$export$a67c77aa289f97c1,
+        Object,
+        Boolean
+    ])
+], $69345a20bc0f2569$var$ContextMenuItemComponent);
 
 
 
-var $979d8cb30b62358d$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
+var $e2e9872d2858bcde$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var $979d8cb30b62358d$var$__metadata = undefined && undefined.__metadata || function(k, v) {
+var $e2e9872d2858bcde$var$__metadata = undefined && undefined.__metadata || function(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-var $979d8cb30b62358d$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
+var $e2e9872d2858bcde$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
             resolve(value);
@@ -2867,372 +2893,417 @@ var $979d8cb30b62358d$var$__awaiter = undefined && undefined.__awaiter || functi
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var $979d8cb30b62358d$var$_a;
-class $979d8cb30b62358d$export$3013e01cb8ddab96 {
-    constructor(_wmsProps){
-        this._wmsProps = _wmsProps;
-        this._proxyUrl = new URL('/proxy', this.storeService.appProperties.apiEndPoint).toString() + '?';
-        this.source = new (0, $8zHUo$olsource.ImageWMS)({
-            url: _wmsProps.url,
-            params: {
-                LAYERS: _wmsProps.layers,
-                format: _wmsProps.imagetype,
-                transparent: true,
-                serverType: 'geoserver'
-            },
-            crossOrigin: 'anonymous',
-            serverType: 'geoserver',
-            imageLoadFunction: (iw, url)=>$979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
-                    const urlWithParams = this._getWithCustomParams('getmap', url);
-                    const obj = yield this._getImageData(urlWithParams);
-                    if (obj) iw.getImage().src = obj;
-                })
-        });
-    }
-    IdentifyAsync(inp) {
-        return $979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
-            const up = new URLSearchParams();
-            up.append('SERVICE', 'WMS');
-            up.append('VERSION', '1.3');
-            up.append('REQUEST', 'GetFeatureInfo');
-            up.append('INFO_FORMAT', 'application/json');
-            up.append('LAYERS', this._wmsProps.layers);
-            up.append('QUERY_LAYERS', this._wmsProps.layers);
-            up.append('STYLES', '');
-            up.append('BBOX', inp.mapExtent.join(','));
-            up.append('FEATURE_COUNT', '10');
-            up.append('HEIGHT', inp.imageDisplay.h.toFixed(0).toString());
-            up.append('WIDTH', inp.imageDisplay.w.toFixed(0).toString());
-            up.append('SRS', 'EPSG:4326');
-            up.append('X', Math.round(inp.screenPoint[0]).toString());
-            up.append('Y', Math.round(inp.screenPoint[1]).toString());
-            this._fillCustomParams('identify', up);
-            const url = this._wmsProps.url + '?' + up.toString();
-            if (!url) return null;
-            const headers = {};
-            let purl = url;
-            if (this._wmsProps.useProxy) {
-                headers["Authorization"] = (0, $8zHUo$yesilyazilimwebspa.TokenManager).headerValue;
-                purl = this._proxyUrl + encodeURIComponent(url);
-            }
-            const res = yield fetch(purl, {
-                headers: headers,
-                method: 'GET'
+var $e2e9872d2858bcde$var$_a, $e2e9872d2858bcde$var$_b;
+const $e2e9872d2858bcde$var$LO_SELECTION = 10000;
+const $e2e9872d2858bcde$var$LO_FLASH = 10020;
+let $e2e9872d2858bcde$export$c521bb0b406df9a3 = class MapManager {
+    constructor(){
+        this._activeDraw = null;
+        this._selectionDict = new Map();
+        this._animations = new Map();
+        this._animationHandler = 0;
+        this.commandDisplayer = new $e2e9872d2858bcde$var$CmxCommandDisplayer();
+        this._onGotoExtendRequested = (ed)=>{
+            return new Promise((resolve, reject)=>{
+                this._view.fit(ed.extent, {
+                    maxZoom: 20,
+                    duration: 300,
+                    callback: (isOk)=>{
+                        resolve(isOk);
+                    }
+                });
             });
-            if (res.ok) {
-                const json = yield res.json();
-                const ft = (0, $10571313f00c012e$export$4691a8a9ff232a6b).fromGeojsonFeatures(json);
-                return ft;
+        };
+        this._onFlashGeomRequested = (ed)=>{
+            return this.flash(ed);
+        };
+        this._completed = true;
+        this._animator = ()=>{
+            if (this._animationHandler == 0) return;
+            if (!this._completed) return;
+            this._completed = false;
+            const zoom = this.zoom;
+            for (const animation of this._animations.values())if (zoom >= animation.minZoom && animation.layer.checked && !animation.layer.passive) {
+                animation.animateFunction();
+                animation.layer.layerObj.changed();
             }
-            return null;
-        });
+            this._completed = true;
+        };
     }
-    _getImageData(url) {
-        return $979d8cb30b62358d$var$__awaiter(this, void 0, void 0, function*() {
-            return new Promise((resolve, reject)=>{
-                const client = new XMLHttpRequest();
-                client.responseType = 'blob';
-                let purl = url;
-                if (this._wmsProps.useProxy) purl = this._proxyUrl + encodeURIComponent(url);
-                client.open('GET', purl);
-                if (this._wmsProps.useProxy) client.setRequestHeader("Authorization", (0, $8zHUo$yesilyazilimwebspa.TokenManager).headerValue);
-                client.onload = function() {
-                    const ct = client.getResponseHeader('content-type') || '';
-                    if (ct.toLocaleLowerCase().startsWith('image')) resolve(URL.createObjectURL(client.response));
-                    else resolve(null);
-                };
-                client.send();
-            });
+    init(map, view, popupDiv, layerManager) {
+        if (this._map) return;
+        this._layerManager = layerManager;
+        this._map = map;
+        this._view = view;
+        this._popupDiv = popupDiv;
+        this._initPopup();
+        this._selectionLayer = new (0, ($parcel$interopDefault($8zHUo$ollayerVector)))({
+            source: new (0, ($parcel$interopDefault($8zHUo$olsourceVector)))(),
+            style: (0, $6e4a0fdd3e43ca7d$export$a1c933612b1f668c).getSelectionSymbol(),
+            zIndex: $e2e9872d2858bcde$var$LO_SELECTION,
+            map: this._map
         });
+        this._flashLayer = new (0, ($parcel$interopDefault($8zHUo$ollayerVector)))({
+            source: new (0, ($parcel$interopDefault($8zHUo$olsourceVector)))(),
+            style: this._getFlashSymbol(),
+            zIndex: $e2e9872d2858bcde$var$LO_FLASH,
+            map: this._map
+        });
+        this.eventService.listen((0, $91d76f4d8e753f27$export$3b3923acac36255a).MapGotoExtentRequest, this._onGotoExtendRequested);
+        this.eventService.listen((0, $91d76f4d8e753f27$export$3b3923acac36255a).MapFlashGeomRequest, this._onFlashGeomRequested);
     }
-    _getWithCustomParams(action, url) {
-        const uri = URL.parse(url);
-        const sp = uri.searchParams;
-        this._fillCustomParams(action, sp);
-        return uri.toString();
+    get map() {
+        return this._map;
     }
-    _fillCustomParams(action, sp) {
-        var _a, _b;
-        if (this.customParamsFnc) {
-            const cparams = this.customParamsFnc(action);
-            if (cparams) for (const key of Object.keys(cparams)){
-                let obj = (_b = (_a = cparams[key]) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : "";
-                sp.append(key, obj);
-            }
-        }
+    get view() {
+        return this._view;
     }
-}
-$979d8cb30b62358d$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $979d8cb30b62358d$var$__metadata("design:type", typeof ($979d8cb30b62358d$var$_a = typeof (0, $8zHUo$yesilyazilimwebspa.StoreService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.StoreService)) === "function" ? $979d8cb30b62358d$var$_a : Object)
-], $979d8cb30b62358d$export$3013e01cb8ddab96.prototype, "storeService", void 0);
-
-
-var $9f1e53e2f5ceab7e$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var $9f1e53e2f5ceab7e$var$__metadata = undefined && undefined.__metadata || function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var $9f1e53e2f5ceab7e$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-        return value instanceof P ? value : new P(function(resolve) {
-            resolve(value);
-        });
+    get zoom() {
+        return Math.trunc(this._view.getZoom());
+    }
+    startDraw(draw) {
+        this.cancelDraw();
+        this._activeDraw = draw;
+        this._map.addInteraction(this._activeDraw);
+    }
+    cancelDraw() {
+        if (this._activeDraw) {
+            if (this._activeDraw.getActive()) this._activeDraw.abortDrawing();
+            this._map.removeInteraction(this._activeDraw);
+        }
+        this._activeDraw = null;
     }
-    return new (P || (P = Promise))(function(resolve, reject) {
-        function fulfilled(value) {
-            try {
-                step(generator.next(value));
-            } catch (e) {
-                reject(e);
+    setSelectedFeatures(dict) {
+        this._selectionLayer.getSource().clear();
+        for (const layer of this._selectionDict.keys())if (layer.identifyType == 'mvt' && layer.setFeaturesSelected) layer.setFeaturesSelected([]);
+        this._selectionDict.clear();
+        if (!(dict && dict.size > 0)) return;
+        const cloneFeat = (layer, feat)=>{
+            const copy = new (0, $8zHUo$ol.Feature)(feat.getGeometry());
+            return copy;
+        };
+        const selLayerFeats = [];
+        for (const layer of dict.keys()){
+            const features = dict.get(layer);
+            if (layer.identifyType == 'mvt' && layer.setFeaturesSelected) layer.setFeaturesSelected(features);
+            else {
+                const feats = features.map((_)=>cloneFeat(layer, _));
+                selLayerFeats.push(...feats);
             }
+            this._selectionDict.set(layer, features);
         }
-        function rejected(value) {
-            try {
-                step(generator["throw"](value));
-            } catch (e) {
-                reject(e);
-            }
+        this._selectionLayer.getSource().addFeatures(selLayerFeats);
+    }
+    showPopup(at, content) {
+        if (!(at && content)) {
+            this._popup.setPosition(undefined);
+            return;
         }
-        function step(result) {
-            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        const contentDiv = this._popupDiv.querySelector('.popup-content');
+        if (contentDiv) {
+            contentDiv.innerHTML = '';
+            contentDiv.appendChild(content);
         }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var $9f1e53e2f5ceab7e$var$_a, $9f1e53e2f5ceab7e$var$_b, $9f1e53e2f5ceab7e$var$_c, $9f1e53e2f5ceab7e$var$_d;
-class $9f1e53e2f5ceab7e$export$4f2c359228ce6008 extends (0, $3ecb066746a16c54$export$23eba0cb71a4e506) {
-    constructor(ld){
-        super(ld);
-        this.identifyType = 'remote';
-        this._channel = new (0, $979d8cb30b62358d$export$3013e01cb8ddab96)(ld.props);
-        this._channel.customParamsFnc = (action)=>{
-            return this.getCustomParams(action);
-        };
-        this._layer = new (0, ($parcel$interopDefault($8zHUo$ollayerImage)))({
-            source: this._channel.source,
-            visible: ld.visible,
-            minZoom: ld.minZoom,
-            maxZoom: ld.maxZoom
-        });
-        this._layer.setProperties({
-            mapLayer: this,
-            name: this._definition.key,
-            canEdit: false,
-            canFlash: true,
-            canSelect: true
-        });
+        this._popup.setPosition(at);
     }
-    getIdentifyPriority(feature) {
-        return 0;
+    startAnimate(key, animation) {
+        this._animations.set(key, animation);
+        this._beginAnimate();
     }
-    getLegendInfos() {
-        return [];
+    endAnimate(key) {
+        if (this._animations.delete(key) && this._animations.size == 0) this._endAnimate();
     }
-}
-$9f1e53e2f5ceab7e$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_a = typeof (0, $e2e9872d2858bcde$export$c521bb0b406df9a3) !== "undefined" && (0, $e2e9872d2858bcde$export$c521bb0b406df9a3)) === "function" ? $9f1e53e2f5ceab7e$var$_a : Object)
-], $9f1e53e2f5ceab7e$export$4f2c359228ce6008.prototype, "mapManager", void 0);
-$9f1e53e2f5ceab7e$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_b = typeof (0, $8zHUo$yesilyazilimwebspa.StoreService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.StoreService)) === "function" ? $9f1e53e2f5ceab7e$var$_b : Object)
-], $9f1e53e2f5ceab7e$export$4f2c359228ce6008.prototype, "storeService", void 0);
-$9f1e53e2f5ceab7e$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_c = typeof (0, $8zHUo$yesilyazilimwebspa.EventService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.EventService)) === "function" ? $9f1e53e2f5ceab7e$var$_c : Object)
-], $9f1e53e2f5ceab7e$export$4f2c359228ce6008.prototype, "eventService", void 0);
-class $9f1e53e2f5ceab7e$export$8f36746e9bfe5db8 extends $9f1e53e2f5ceab7e$export$4f2c359228ce6008 {
-    getCustomParams(action) {
-        const map = this._layer.getMapInternal();
-        const view = map.getView();
-        let extArr = view.calculateExtent(map.getSize());
-        let defaultParams = `scale:${this.calculateEpsForScreenDistance(map)};xmin:${extArr[0]};ymin:${extArr[1]};xmax:${extArr[2]};ymax:${extArr[3]};`;
-        const user = this.authService.currentUser;
-        if (user) defaultParams = defaultParams + `uid:${user.id};`;
-        if (this._currentTime > 0) defaultParams = defaultParams + `epctime:${this._currentTime};`;
-        const obj = {
-            "viewParams": defaultParams
-        };
-        return obj;
+    hasAnimate(key) {
+        return this._animations.has(key);
     }
-    queryIdentifyAsync(data) {
-        return $9f1e53e2f5ceab7e$var$__awaiter(this, void 0, void 0, function*() {
-            const res = yield this._channel.IdentifyAsync(data);
-            if (res && res.length > 0) {
-                const items = res.map((f)=>({
-                        layerTitle: this.definition.title,
-                        layerKey: this.definition.key,
-                        feature: f
-                    }));
-                return {
-                    success: true,
-                    data: items
-                };
-            } else return {
-                success: true,
-                data: []
-            };
+    stopAnimations() {
+        this._endAnimate();
+        this.eventService.raise((0, $91d76f4d8e753f27$export$3b3923acac36255a).DisableAnimations, null);
+        return new Promise((resolve)=>{
+            setTimeout(()=>{
+                requestAnimationFrame(()=>{
+                    resolve();
+                });
+            }, 50);
         });
     }
-    generatePopupItemsAsync(feature) {
-        return $9f1e53e2f5ceab7e$var$__awaiter(this, void 0, void 0, function*() {
-            return [];
-        });
+    resumeAnimation() {
+        this._beginAnimate();
     }
-    calculateEpsForScreenDistance(map) {
-        const view = map.getView();
-        const resolution = view.getResolution();
-        const center = view.getCenter();
-        const lat = center[1];
-        const zoom = view.getZoom();
-        let pixelMeters = 15;
-        if (zoom <= 6) pixelMeters = 7.5;
-        else if (zoom <= 7) pixelMeters = 10;
-        const metersDistance = pixelMeters * resolution;
-        const metersPerDegree = 111320 * Math.cos(lat * Math.PI / 180);
-        const eps = metersDistance / metersPerDegree;
-        return this.exponentToDecimals(eps);
+    changeCursor(cursor = '') {
+        this.map.getTargetElement().style.cursor = cursor;
+    }
+    getCurrentIdentifyDataFor(pixel) {
+        const vse = this._view.getViewStateAndExtent();
+        const rect = this._map.getTargetElement().getBoundingClientRect();
+        const inp = {
+            coords: this._map.getCoordinateFromPixel(pixel),
+            imageDisplay: {
+                w: rect.width,
+                h: rect.height,
+                dpi: 96
+            },
+            mapExtent: vse.extent,
+            screenPoint: pixel,
+            tolerance: 3,
+            resolution: this._view.getResolution()
+        };
+        return inp;
+    }
+    getOneFeatureAt(pixel, opt) {
+        return $e2e9872d2858bcde$var$__awaiter(this, void 0, void 0, function*() {
+            let contents = [];
+            let maxPri = 0;
+            const forEachFeatureCallback = (feature, layer)=>{
+                var _a;
+                if (!layer) return;
+                if (opt.featureFilter) {
+                    if (!opt.featureFilter(feature)) return;
+                }
+                const mapLayer = (_a = (0, $9e9fe0098715b2dd$export$901d0a0c97b4d88a)(layer)) === null || _a === void 0 ? void 0 : _a.mapLayer;
+                if (!!!(mapLayer === null || mapLayer === void 0 ? void 0 : mapLayer.getFeatureTitle)) return;
+                const title = mapLayer.getFeatureTitle(feature);
+                if (title && contents.findIndex((old)=>old.layer === layer && old.feature.getId() === feature.getId()) < 0) {
+                    const pri = mapLayer.getIdentifyPriority(feature);
+                    if (pri >= maxPri) {
+                        if (pri > maxPri) {
+                            contents = [];
+                            maxPri = pri;
+                        }
+                        contents.push({
+                            feature: feature,
+                            layer: layer,
+                            mapLayer: mapLayer,
+                            title: title,
+                            iconClass: 'bi bi-caret-right-fill'
+                        });
+                    }
+                }
+            };
+            this.map.forEachFeatureAtPixel(pixel, forEachFeatureCallback, opt);
+            let imageLayers = this._layerManager.layerList.filter((ml)=>ml.identifyType == 'remote');
+            if (opt.layerFilter) imageLayers = imageLayers.filter((ml)=>opt.layerFilter(ml.layerObj));
+            const arr = [];
+            for (const iml of imageLayers){
+                const imgLyr = iml;
+                const inp = this.getCurrentIdentifyDataFor(pixel);
+                const prms = new Promise((resolve)=>{
+                    imgLyr.queryIdentifyAsync(inp).then((r)=>{
+                        resolve({
+                            lyr: imgLyr,
+                            result: r
+                        });
+                    });
+                });
+                arr.push(prms);
+            }
+            const prmsResults = yield Promise.all(arr);
+            for (const prmRes of prmsResults){
+                const res = prmRes.result;
+                if (!res.success) continue;
+                for (const item of res.data){
+                    const pri = prmRes.lyr.getIdentifyPriority(item.feature);
+                    if (pri >= maxPri) {
+                        if (pri > maxPri) {
+                            contents = [];
+                            maxPri = pri;
+                        }
+                        contents.push({
+                            feature: item.feature,
+                            layer: prmRes.lyr.layerObj,
+                            mapLayer: prmRes.lyr,
+                            title: item.layerTitle,
+                            iconClass: 'bi bi-caret-right-fill'
+                        });
+                    }
+                }
+            }
+            if (contents && contents.length > 0) {
+                if (contents.length === 1) return Promise.resolve(contents[0]);
+                else return new Promise((resolve)=>{
+                    var self = this;
+                    const cmdAction = function(action, item) {
+                        var _a, _b;
+                        if (action == 'enter') {
+                            const maplayer = (_a = (0, $9e9fe0098715b2dd$export$901d0a0c97b4d88a)(item.layer)) === null || _a === void 0 ? void 0 : _a.mapLayer;
+                            if (maplayer.identifyType == 'feature') maplayer.flashFeatures(item.feature);
+                            else if (maplayer.identifyType == 'mvt') maplayer.flashFeatures(item.feature);
+                            else if (maplayer.identifyType == 'remote') {
+                                const ft = item.feature;
+                                self.flashGeom(ft.getGeometry());
+                            }
+                        } else if (action == 'leave') {
+                            const maplayer = (_b = (0, $9e9fe0098715b2dd$export$901d0a0c97b4d88a)(item.layer)) === null || _b === void 0 ? void 0 : _b.mapLayer;
+                            if (maplayer.identifyType == 'feature') maplayer.flashFeatures(null);
+                            else if (maplayer.identifyType == 'mvt') maplayer.flashFeatures(null);
+                            else if (maplayer.identifyType == 'remote') self.flashGeom(null);
+                        } else if (action == 'click') resolve(item);
+                    };
+                    this.showContextMenuAt(opt.menux, opt.menuy, contents, cmdAction, true);
+                });
+            }
+            return Promise.resolve(null);
+        });
     }
-    exponentToDecimals(num) {
-        if (num < 0.000001) {
-            let numChunks = [];
-            numChunks = num.toString().split('e');
-            let numOfZeroes = Math.abs(numChunks[1]) - 1;
-            let decimalNumber = '';
-            let zeroes = '';
-            let int = numChunks[0];
-            for(let i = 0; i < int.length; i++)int = int.replace('.', '');
-            for(let i = 0; i < numOfZeroes; i++)zeroes += '0';
-            return '0.' + zeroes + int;
-        } else return num;
+    showContextMenuAt(pageX, pageY, items, itemAction, isGlass) {
+        return $e2e9872d2858bcde$var$__awaiter(this, void 0, void 0, function*() {
+            const te = this.map.getTargetElement();
+            const rect = te.getBoundingClientRect();
+            const loc = {
+                x: pageX - rect.x,
+                y: pageY - rect.y
+            };
+            const cm = new (0, $69345a20bc0f2569$export$a67c77aa289f97c1)(loc, items, itemAction, isGlass);
+            this.commandDisplayer.setCmx(cm);
+            te.appendChild(cm);
+        });
     }
-}
-$9f1e53e2f5ceab7e$var$__decorate([
-    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
-    $9f1e53e2f5ceab7e$var$__metadata("design:type", typeof ($9f1e53e2f5ceab7e$var$_d = typeof (0, $8zHUo$yesilyazilimwebspa.AuthService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.AuthService)) === "function" ? $9f1e53e2f5ceab7e$var$_d : Object)
-], $9f1e53e2f5ceab7e$export$8f36746e9bfe5db8.prototype, "authService", void 0);
-
-
-var $53e9cc699e7a4a99$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-        return value instanceof P ? value : new P(function(resolve) {
-            resolve(value);
+    goto(coordinate) {
+        this._view.fit(new (0, $8zHUo$olgeom.Point)(coordinate), {
+            maxZoom: 20,
+            duration: 300
         });
     }
-    return new (P || (P = Promise))(function(resolve, reject) {
-        function fulfilled(value) {
-            try {
-                step(generator.next(value));
-            } catch (e) {
-                reject(e);
+    gotoFly(location) {
+        const view = this._view;
+        const duration = 2000;
+        const zoom = view.getZoom();
+        let parts = 2;
+        let called = false;
+        return new Promise((resolve)=>{
+            function callback(complete) {
+                --parts;
+                if (called) return;
+                if (parts === 0 || !complete) {
+                    called = true;
+                    resolve(complete);
+                }
             }
-        }
-        function rejected(value) {
-            try {
-                step(generator["throw"](value));
-            } catch (e) {
-                reject(e);
+            view.animate({
+                center: location,
+                duration: duration
+            }, callback);
+            view.animate({
+                zoom: zoom - 1,
+                duration: duration / 2
+            }, {
+                zoom: zoom,
+                duration: duration / 2
+            }, callback);
+        });
+    }
+    flash(ed) {
+        return new Promise((resolve, reject)=>{
+            const src = this._flashLayer.getSource();
+            if (!ed.keepExist) src.clear();
+            if (ed.geom) {
+                const feat = new (0, $8zHUo$ol.Feature)(ed.geom);
+                src.addFeature(feat);
+                if (!ed.skipZoom) this._view.fit(ed.geom.getExtent(), {
+                    maxZoom: 25,
+                    duration: 200
+                });
+                let cnt = 0;
+                const timerKey = setInterval(()=>{
+                    if (cnt > 1) {
+                        clearInterval(timerKey);
+                        src.removeFeature(feat);
+                        return;
+                    }
+                    if (cnt % 2 == 0) src.removeFeature(feat);
+                    else src.addFeature(feat);
+                    cnt++;
+                }, 200);
             }
-        }
-        function step(result) {
-            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-class $53e9cc699e7a4a99$export$e8f1b5fbf8989533 {
-    constructor(){
-        this.type = (0, $91d76f4d8e753f27$export$3c6428acb8ce7fb9).WMS;
+        });
     }
-    createAsync(ld) {
-        return $53e9cc699e7a4a99$var$__awaiter(this, void 0, void 0, function*() {
-            const opres = {
-                success: true,
-                data: new (0, $9f1e53e2f5ceab7e$export$8f36746e9bfe5db8)(ld)
-            };
-            return Promise.resolve(opres);
+    flashGeom(geom) {
+        this.flash({
+            geom: geom,
+            skipZoom: true
         });
     }
-}
-
-
-var $4542e2c018b508ca$var$__awaiter = undefined && undefined.__awaiter || function(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-        return value instanceof P ? value : new P(function(resolve) {
-            resolve(value);
+    flashGeojson(gjs) {
+        if (!gjs) return;
+        const geom = (0, $10571313f00c012e$export$4691a8a9ff232a6b).fromGeojson(gjs);
+        if (!geom) return;
+        this.flash({
+            geom: geom
         });
     }
-    return new (P || (P = Promise))(function(resolve, reject) {
-        function fulfilled(value) {
-            try {
-                step(generator.next(value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function rejected(value) {
-            try {
-                step(generator["throw"](value));
-            } catch (e) {
-                reject(e);
+    _initPopup() {
+        this._popup = new (0, $8zHUo$ol.Overlay)({
+            element: this._popupDiv,
+            autoPan: {
+                animation: {
+                    duration: 250
+                }
             }
+        });
+        this._map.addOverlay(this._popup);
+        const closer = this._popupDiv.querySelector('.ol-popup-closer');
+        closer === null || closer === void 0 || closer.addEventListener('click', ()=>{
+            this._popup.setPosition(undefined);
+            closer.blur();
+            return false;
+        });
+    }
+    _getFlashSymbol() {
+        const fs = (0, $6e4a0fdd3e43ca7d$export$a1c933612b1f668c).createFlashedStyles();
+        const arr = [];
+        const cnt = fs.get('Point').length;
+        const ps = fs.get('Point');
+        const ls = fs.get('LineString');
+        const gs = fs.get('Polygon');
+        for(let i = 0; i < cnt; i++){
+            const ts = new (0, $8zHUo$olstyle.Style)({
+                stroke: ls[i].getStroke(),
+                fill: gs[i].getFill(),
+                image: ps[i].getImage()
+            });
+            arr.push(ts);
         }
-        function step(result) {
-            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
+        return arr;
+    }
+    _beginAnimate() {
+        if (this._animationHandler > 0 || this._animations.size == 0) return;
+        this._animationHandler = setInterval(this._animator, 30);
+    }
+    _endAnimate() {
+        if (this._animationHandler > 0) clearInterval(this._animationHandler);
+        this._animationHandler = 0;
+    }
 };
-class $4542e2c018b508ca$export$5612f11f554f467 {
-    constructor(customLayerFactories){
-        this._map = new Map();
-        this._register(new (0, $ebdb133fb916235d$export$70cc7c4c8953dde9)());
-        this._register(new (0, $53e9cc699e7a4a99$export$e8f1b5fbf8989533)());
-        for (const lf of customLayerFactories)this._register(lf);
+$e2e9872d2858bcde$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $e2e9872d2858bcde$var$__metadata("design:type", typeof ($e2e9872d2858bcde$var$_a = typeof (0, $8zHUo$yesilyazilimwebspa.EventService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.EventService)) === "function" ? $e2e9872d2858bcde$var$_a : Object)
+], $e2e9872d2858bcde$export$c521bb0b406df9a3.prototype, "eventService", void 0);
+$e2e9872d2858bcde$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Inject)(),
+    $e2e9872d2858bcde$var$__metadata("design:type", typeof ($e2e9872d2858bcde$var$_b = typeof (0, $8zHUo$yesilyazilimwebspa.CommandService) !== "undefined" && (0, $8zHUo$yesilyazilimwebspa.CommandService)) === "function" ? $e2e9872d2858bcde$var$_b : Object)
+], $e2e9872d2858bcde$export$c521bb0b406df9a3.prototype, "commandService", void 0);
+$e2e9872d2858bcde$export$c521bb0b406df9a3 = $e2e9872d2858bcde$var$__decorate([
+    (0, $8zHUo$yesilyazilimwebspa.Service)()
+], $e2e9872d2858bcde$export$c521bb0b406df9a3);
+class $e2e9872d2858bcde$var$CmxCommandDisplayer {
+    setCmx(comp) {
+        this._comp = comp;
     }
-    createAsync(ld) {
-        return $4542e2c018b508ca$var$__awaiter(this, void 0, void 0, function*() {
-            const lf = this._map.get(ld.type);
-            if (!lf) return Promise.resolve({
-                success: false,
-                message: 'LayerFactory type not registered > ' + ld.type
-            });
-            const res = yield lf.createAsync(ld);
-            if (res.success && res.data) {
-                if (yield res.data.prepareAsync()) return res;
-                return {
-                    success: false,
-                    message: 'Layer Prepare error > ' + ld.key
-                };
-            }
-            return res;
-        });
+    setActive(key, value) {
+        var _a;
+        (_a = this._comp) === null || _a === void 0 || _a.setActive(key, value);
     }
-    _register(lf) {
-        this._map.set(lf.type, lf);
+    setDisabled(key, value) {
+        var _a;
+        (_a = this._comp) === null || _a === void 0 || _a.setDisabled(key, value);
+    }
+    isExist() {
+        var _a;
+        return ((_a = this._comp) === null || _a === void 0 ? void 0 : _a.isExist()) || false;
     }
 }
 
 
-var $a93fef52f234fd9d$exports = {};
-
-$parcel$export($a93fef52f234fd9d$exports, "FlashLayer", () => $a93fef52f234fd9d$export$deefba2ead809686);
-
-
-
-
-
-
-
-
-
-
-
 var $a93fef52f234fd9d$var$__decorate = undefined && undefined.__decorate || function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -3591,13 +3662,7 @@ let $60509b0aa95160f5$export$115c55962a382acf = class DefaultTool {
                 const items = yield remLayer.generatePopupItemsAsync(item.feature);
                 if (!(items && items.length > 0)) return;
                 const content = items[0];
-                if (content.panelPos) this.application.openPanel({
-                    header: content.title,
-                    closable: true,
-                    name: remLayer.id + '-' + item.feature.getId(),
-                    content: content.element,
-                    draggable: true
-                }, content.panelPos);
+                if ((0, $8zHUo$yesilyazilimwebspa.System).isFunction(content.element)) content.element(item.feature, coords);
                 else this.mapManager.showPopup(coords, content.element);
             }
         });