@signalk/freeboard-sk 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/fb-openlayers/bundles/fb-openlayers.umd.js

@@ -1,4884 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('ol/interaction'), require('ol'), require('ol/proj'), require('ol/proj/proj4.js'), require('proj4'), require('rxjs'), require('ol/Overlay'), require('ol/control'), require('ol/View'), require('ol/layer/Image'), require('ol/layer/Tile'), require('ol/layer/VectorTile'), require('ol/source/VectorTile'), require('ol/source'), require('ol/layer/Vector'), require('ol/source/Vector'), require('ol/layer/Tile.js'), require('ol/source/OSM.js'), require('ol/geom/GeometryType'), require('ol/style'), require('ol/geom'), require('ol/format')) :
-    typeof define === 'function' && define.amd ? define('fb-openlayers', ['exports', '@angular/core', 'ol/interaction', 'ol', 'ol/proj', 'ol/proj/proj4.js', 'proj4', 'rxjs', 'ol/Overlay', 'ol/control', 'ol/View', 'ol/layer/Image', 'ol/layer/Tile', 'ol/layer/VectorTile', 'ol/source/VectorTile', 'ol/source', 'ol/layer/Vector', 'ol/source/Vector', 'ol/layer/Tile.js', 'ol/source/OSM.js', 'ol/geom/GeometryType', 'ol/style', 'ol/geom', 'ol/format'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['fb-openlayers'] = {}, global.ng.core, global.interaction, global.ol, global.proj, global.proj4_js, global.proj4, global.rxjs, global.Overlay, global.control, global.View, global.ImageLayer, global.TileLayer$1, global.VectorTileLayer, global.VectorTileSource, global.source, global.VectorLayer, global.VectorSource, global.TileLayer, global.OSM, global.GeometryType, global.style, global.geom, global.format));
-}(this, (function (exports, i0, interaction, ol, proj, proj4_js, proj4, rxjs, Overlay, control, View, ImageLayer, TileLayer$1, VectorTileLayer, VectorTileSource, source, VectorLayer, VectorSource, TileLayer, OSM, GeometryType, style, geom, format) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
-                    });
-                }
-            });
-        }
-        n['default'] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var proj4__default = /*#__PURE__*/_interopDefaultLegacy(proj4);
-    var Overlay__default = /*#__PURE__*/_interopDefaultLegacy(Overlay);
-    var View__default = /*#__PURE__*/_interopDefaultLegacy(View);
-    var ImageLayer__default = /*#__PURE__*/_interopDefaultLegacy(ImageLayer);
-    var TileLayer__default$1 = /*#__PURE__*/_interopDefaultLegacy(TileLayer$1);
-    var VectorTileLayer__default = /*#__PURE__*/_interopDefaultLegacy(VectorTileLayer);
-    var VectorTileSource__default = /*#__PURE__*/_interopDefaultLegacy(VectorTileSource);
-    var VectorLayer__default = /*#__PURE__*/_interopDefaultLegacy(VectorLayer);
-    var VectorSource__default = /*#__PURE__*/_interopDefaultLegacy(VectorSource);
-    var TileLayer__default = /*#__PURE__*/_interopDefaultLegacy(TileLayer);
-    var OSM__default = /*#__PURE__*/_interopDefaultLegacy(OSM);
-    var GeometryType__default = /*#__PURE__*/_interopDefaultLegacy(GeometryType);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(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;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(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());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var MapService = /** @class */ (function () {
-        function MapService() {
-            this.maps = [];
-        }
-        /**
-         * Retrieves all the maps
-         */
-        MapService.prototype.getMaps = function () {
-            return this.maps;
-        };
-        /**
-         * Returns a map object from the maps array
-         */
-        MapService.prototype.getMapById = function (id) {
-            var map = null;
-            for (var i = 0; i < this.maps.length; i++) {
-                if (this.maps[i].getTarget() === id) {
-                    map = this.maps[i];
-                    break;
-                }
-            }
-            return map;
-        };
-        MapService.prototype.getLayerByKey = function (key, value) {
-            var tl;
-            this.maps.forEach(function (map) {
-                map.getLayers().forEach(function (layer) {
-                    if (layer.get(key) === value) {
-                        tl = layer;
-                    }
-                });
-            });
-            return tl;
-        };
-        MapService.prototype.addMap = function (map) {
-            this.maps.push(map);
-        };
-        MapService.prototype.updateSize = function () {
-            this.maps.forEach(function (map) {
-                map.updateSize();
-            });
-        };
-        MapService.prototype.addProj4 = function (epsg, proj4Def, extent) {
-            var projection = proj.get(epsg);
-            if (!projection) {
-                proj4__default['default'].defs(epsg, proj4Def);
-                proj4_js.register(proj4__default['default']);
-                projection = proj.get(epsg);
-                if (extent) {
-                    projection.setExtent(extent);
-                }
-            }
-            if (!projection) {
-                console.error("Failed to register " + epsg + " projection in OpenLayers");
-            }
-        };
-        return MapService;
-    }());
-    MapService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MapService_Factory() { return new MapService(); }, token: MapService, providedIn: "root" });
-    MapService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    MapService.ctorParameters = function () { return []; };
-
-    var MapComponent = /** @class */ (function () {
-        function MapComponent(changeDetectorRef, element, mapService) {
-            var _this = this;
-            this.changeDetectorRef = changeDetectorRef;
-            this.element = element;
-            this.mapService = mapService;
-            /**
-             * This event is triggered after the map is initialized
-             * Use this to have access to the maps and some helper functions
-             */
-            this.mapReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            /**
-             * This event is triggered after the user clicks on the map.
-             * A true single click with no dragging and no double click.
-             * Note that this event is delayed by 250 ms to ensure that it is not a double click.
-             */
-            this.mapClick = new i0.EventEmitter();
-            this.mapSingleClick = new i0.EventEmitter();
-            this.mapDblClick = new i0.EventEmitter();
-            this.mapMoveStart = new i0.EventEmitter();
-            this.mapMoveEnd = new i0.EventEmitter();
-            this.mapPointerDrag = new i0.EventEmitter();
-            this.mapPointerMove = new i0.EventEmitter();
-            this.mapPostCompose = new i0.EventEmitter();
-            this.mapPostRender = new i0.EventEmitter();
-            this.mapPreCompose = new i0.EventEmitter();
-            this.mapPropertyChange = new i0.EventEmitter();
-            this.setFocus = false;
-            this.hitTolerance = 5;
-            // Only arrow function works with addEventListener
-            this.emitClickEvent = function (event) {
-                _this.mapClick.emit(_this.augmentClickEvent(event));
-            };
-            this.emitSingleClickEvent = function (event) {
-                _this.mapSingleClick.emit(_this.augmentClickEvent(event));
-            };
-            this.emitDblClickEvent = function (event) {
-                _this.mapDblClick.emit(_this.augmentClickEvent(event));
-            };
-            this.emitMoveStartEvent = function (event) {
-                _this.mapMoveStart.emit(_this.augmentMoveEvent(event));
-            };
-            this.emitMoveEndEvent = function (event) {
-                _this.mapMoveEnd.emit(_this.augmentMoveEvent(event));
-            };
-            this.emitPointerDragEvent = function (event) {
-                _this.mapPointerDrag.emit(_this.augmentPointerEvent(event));
-            };
-            this.emitPointerMoveEvent = function (event) {
-                _this.mapPointerMove.emit(_this.augmentPointerEvent(event));
-            };
-            this.emitPostComposeEvent = function (event) { return _this.mapPostCompose.emit(event); };
-            this.emitPostRenderEvent = function (event) { return _this.mapPostRender.emit(event); };
-            this.emitPreComposeEvent = function (event) { return _this.mapPreCompose.emit(event); };
-            this.emitPropertyChangeEvent = function (event) { return _this.mapPropertyChange.emit(event); };
-            this.updateSizeThrottle = function () {
-                clearTimeout(_this.timeoutId);
-                _this.timeoutId = setTimeout(function () {
-                    _this.map.updateSize();
-                }, 100);
-            };
-            this.changeDetectorRef.detach();
-        }
-        MapComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var target = this.element.nativeElement.firstElementChild;
-            this.map = new ol.Map(this);
-            this.map.setTarget(target);
-            this.map.setProperties(this.properties, true);
-            // register the map in the injectable mapService
-            this.mapService.addMap(this.map);
-            this.map.once('postrender', function (event) {
-                _this.afterMapReady();
-            });
-        };
-        MapComponent.prototype.ngOnDestroy = function () {
-            this.map.un('singleclick', this.emitSingleClickEvent);
-            this.map.un('dblclick', this.emitDblClickEvent);
-            this.map.un('click', this.emitClickEvent);
-            this.map.un('movestart', this.emitMoveStartEvent);
-            this.map.un('moveend', this.emitMoveEndEvent);
-            this.map.un('pointerdrag', this.emitPointerDragEvent);
-            this.map.un('pointermove', this.emitPointerMoveEvent);
-            this.map.un('postcompose', this.emitPostComposeEvent);
-            this.map.un('postrender', this.emitPostRenderEvent);
-            this.map.un('precompose', this.emitPreComposeEvent);
-            this.map.un('propertychange', this.emitPropertyChangeEvent);
-            window.removeEventListener('resize', this.updateSizeThrottle);
-            window.removeEventListener('orientationchange', this.updateSizeThrottle);
-            this.map.setTarget(null);
-            this.map = null;
-        };
-        MapComponent.prototype.ngOnChanges = function (changes) {
-            if (this.map && typeof changes.setFocus !== 'undefined') {
-                if (changes.setFocus.currentValue) {
-                    this.focusMap();
-                }
-            }
-        };
-        MapComponent.prototype.afterMapReady = function () {
-            // register map events
-            this.map.on('singleclick', this.emitSingleClickEvent);
-            this.map.on('dblclick', this.emitDblClickEvent);
-            this.map.on('click', this.emitClickEvent);
-            this.map.on('movestart', this.emitMoveStartEvent);
-            this.map.on('moveend', this.emitMoveEndEvent);
-            this.map.on('pointerdrag', this.emitPointerDragEvent);
-            this.map.on('pointermove', this.emitPointerMoveEvent);
-            this.map.on('postcompose', this.emitPostComposeEvent);
-            this.map.on('postrender', this.emitPostRenderEvent);
-            this.map.on('precompose', this.emitPreComposeEvent);
-            this.map.on('propertychange', this.emitPropertyChangeEvent);
-            // react on window events
-            window.addEventListener('resize', this.updateSizeThrottle, false);
-            window.addEventListener('orientationchange', this.updateSizeThrottle, false);
-            this.updateSize();
-            this.mapReady.next({ map: this.map, mapService: this.mapService });
-            this.mapReady.complete();
-            if (this.setFocus) {
-                this.focusMap();
-            }
-        };
-        MapComponent.prototype.focusMap = function () {
-            this.element.nativeElement.firstElementChild.focus();
-        };
-        MapComponent.prototype.getMap = function () {
-            return this.map;
-        };
-        MapComponent.prototype.updateSize = function () {
-            this.updateSizeThrottle();
-        };
-        MapComponent.prototype.getMapCenter = function () {
-            if (!this.map) {
-                return [0, 0];
-            }
-            return proj.toLonLat(this.map.getView().getCenter());
-        };
-        MapComponent.prototype.getMapExtent = function () {
-            if (!this.map) {
-                return [0, 0, 0, 0];
-            }
-            var v = this.map.getView();
-            var mrid = v.getProjection().getCode();
-            return proj.transformExtent(v.calculateExtent(this.map.getSize()), mrid, 'EPSG:4326');
-        };
-        // ** add {lonlat, features}fields to event 
-        MapComponent.prototype.augmentClickEvent = function (event) {
-            return Object.assign(event, {
-                features: this.map.getFeaturesAtPixel(event.pixel, { hitTolerance: this.hitTolerance }),
-                lonlat: proj.toLonLat(event.coordinate)
-            });
-        };
-        // ** add {lonlat, zoom, extent, projection code} fields to event 
-        MapComponent.prototype.augmentMoveEvent = function (event) {
-            return Object.assign(event, {
-                lonlat: this.getMapCenter(),
-                zoom: this.map.getView().getZoom(),
-                extent: this.getMapExtent(),
-                projCode: this.map.getView().getProjection().getCode()
-            });
-        };
-        // ** add {lonlat} field to event 
-        MapComponent.prototype.augmentPointerEvent = function (event) {
-            return Object.assign(event, { lonlat: proj.toLonLat(event.coordinate) });
-        };
-        return MapComponent;
-    }());
-    MapComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map',
-                    template: "\n    <div style=\"width: 100%; height: 100%; margin: 0; padding: 0; touch-action: none;\" tabindex=-1>\n    </div><ng-content></ng-content>\n  ",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".ol-box{box-sizing:border-box;border-radius:2px;border:2px solid blue}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-step-marker{width:1px;height:15px;background-color:#000;float:right;z-Index:10}.ol-scale-step-text{bottom:-5px;font-size:12px;z-Index:11}.ol-scale-step-text,.ol-scale-text{position:absolute;color:#000;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.ol-scale-text{font-size:14px;text-align:center;bottom:25px}.ol-scale-singlebar{position:relative;height:10px;z-Index:9;box-sizing:border-box;border:1px solid #000}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.ol-control{position:absolute;background-color:hsla(0,0%,100%,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:hsla(0,0%,100%,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:\" \"}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:hsla(0,0%,100%,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:hsla(0,0%,100%,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}"]
-                },] }
-    ];
-    MapComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: i0.ElementRef },
-        { type: MapService }
-    ]; };
-    MapComponent.propDecorators = {
-        mapReady: [{ type: i0.Output }],
-        mapClick: [{ type: i0.Output }],
-        mapSingleClick: [{ type: i0.Output }],
-        mapDblClick: [{ type: i0.Output }],
-        mapMoveStart: [{ type: i0.Output }],
-        mapMoveEnd: [{ type: i0.Output }],
-        mapPointerDrag: [{ type: i0.Output }],
-        mapPointerMove: [{ type: i0.Output }],
-        mapPostCompose: [{ type: i0.Output }],
-        mapPostRender: [{ type: i0.Output }],
-        mapPreCompose: [{ type: i0.Output }],
-        mapPropertyChange: [{ type: i0.Output }],
-        pixelRatio: [{ type: i0.Input }],
-        keyboardEventTarget: [{ type: i0.Input }],
-        logo: [{ type: i0.Input }],
-        properties: [{ type: i0.Input }],
-        setFocus: [{ type: i0.Input }],
-        hitTolerance: [{ type: i0.Input }]
-    };
-
-    var InteractionsDirective = /** @class */ (function () {
-        function InteractionsDirective(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.interactions = [];
-            this.interactionList = {
-                dragpan: interaction.DragPan,
-                dragrotate: interaction.DragRotate,
-                dragzoom: interaction.DragZoom,
-                doubleclickzoom: interaction.DoubleClickZoom,
-                keyboardpan: interaction.KeyboardPan,
-                keyboardzoom: interaction.KeyboardZoom,
-                mousewheelzoom: interaction.MouseWheelZoom,
-                pinchzoom: interaction.PinchZoom
-            };
-            this.changeDetectorRef.detach();
-        }
-        Object.defineProperty(InteractionsDirective.prototype, "olInteractions", {
-            set: function (value) {
-                this.interactions = value;
-                this.setInteractions();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        InteractionsDirective.prototype.ngOnInit = function () {
-            this.setInteractions();
-        };
-        InteractionsDirective.prototype.setInteractions = function () {
-            var e_1, _a;
-            var map = this.mapComponent.getMap();
-            if (undefined !== map) {
-                map.getInteractions().clear();
-                if (!this.interactions || this.interactions.length < 0)
-                    return;
-                try {
-                    for (var _b = __values(this.interactions), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var config = _c.value;
-                        this.addInteraction(map, config);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                this.changeDetectorRef.detectChanges();
-            }
-        };
-        InteractionsDirective.prototype.addInteraction = function (map, controlConfig) {
-            if (!this.interactionList[controlConfig.name]) {
-                console.error("Unknown interaction " + controlConfig.name);
-                return;
-            }
-            var newInteraction = new this.interactionList[controlConfig.name](controlConfig.options);
-            map.addInteraction(newInteraction);
-        };
-        return InteractionsDirective;
-    }());
-    InteractionsDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: 'ol-map > [olInteractions]'
-                },] }
-    ];
-    InteractionsDirective.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    InteractionsDirective.propDecorators = {
-        olInteractions: [{ type: i0.Input }]
-    };
-
-    var OverlayComponent = /** @class */ (function () {
-        function OverlayComponent(changeDetectorRef, elementRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.elementRef = elementRef;
-            this.mapComponent = mapComponent;
-            this.changeDetectorRef.detach();
-        }
-        OverlayComponent.prototype.ngOnInit = function () {
-            if (this.elementRef.nativeElement) {
-                this.element = this.elementRef.nativeElement;
-                this.overlay = new Overlay__default['default'](this);
-                this.mapComponent.getMap().addOverlay(this.overlay);
-                this.overlay.setPosition(proj.fromLonLat(this.position));
-            }
-        };
-        OverlayComponent.prototype.ngOnDestroy = function () {
-            if (this.overlay) {
-                this.mapComponent.getMap().removeOverlay(this.overlay);
-                this.overlay = null;
-            }
-        };
-        OverlayComponent.prototype.ngOnChanges = function (changes) {
-            if (this.overlay && changes.hasOwnProperty('position')) {
-                this.overlay.setPosition(proj.fromLonLat(changes.position.currentValue));
-            }
-        };
-        OverlayComponent.prototype.panIntoView = function (panIntoViewOptions) {
-            this.overlay.panIntoView(panIntoViewOptions);
-        };
-        return OverlayComponent;
-    }());
-    OverlayComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > ol-overlay',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    OverlayComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: i0.ElementRef },
-        { type: MapComponent }
-    ]; };
-    OverlayComponent.propDecorators = {
-        id: [{ type: i0.Input }],
-        className: [{ type: i0.Input }],
-        offset: [{ type: i0.Input }],
-        position: [{ type: i0.Input }],
-        positioning: [{ type: i0.Input }],
-        stopEvent: [{ type: i0.Input }],
-        insertFirst: [{ type: i0.Input }]
-    };
-
-    var ControlsDirective = /** @class */ (function () {
-        function ControlsDirective(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.controls = [];
-            this.controlList = {
-                attribution: control.Attribution,
-                fullscreen: control.FullScreen,
-                rotate: control.Rotate,
-                scaleline: control.ScaleLine,
-                zoom: control.Zoom,
-                zoomslider: control.ZoomSlider,
-                zoomtoextent: control.ZoomToExtent
-            };
-            this.changeDetectorRef.detach();
-        }
-        Object.defineProperty(ControlsDirective.prototype, "olControls", {
-            set: function (value) {
-                this.controls = value;
-                this.setControls();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ControlsDirective.prototype.ngOnInit = function () {
-            this.setControls();
-        };
-        ControlsDirective.prototype.setControls = function () {
-            var e_1, _a;
-            var map = this.mapComponent.getMap();
-            if (undefined !== map) {
-                map.getControls().clear();
-                if (!this.controls || this.controls.length < 0) {
-                    return;
-                }
-                try {
-                    for (var _b = __values(this.controls), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var config = _c.value;
-                        this.addControl(map, config);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                this.changeDetectorRef.detectChanges();
-            }
-        };
-        ControlsDirective.prototype.addControl = function (map, controlConfig) {
-            if (!this.controlList[controlConfig.name]) {
-                console.warn("Unknown control " + controlConfig.name);
-                return;
-            }
-            var newControl = new this.controlList[controlConfig.name](controlConfig.options);
-            map.addControl(newControl);
-        };
-        return ControlsDirective;
-    }());
-    ControlsDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: 'ol-map > [olControls]'
-                },] }
-    ];
-    ControlsDirective.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    ControlsDirective.propDecorators = {
-        olControls: [{ type: i0.Input }]
-    };
-
-    var animateDuration = 500;
-    var ViewDirective = /** @class */ (function () {
-        function ViewDirective(changeDetectorRef, mapComponent) {
-            var _this = this;
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.viewProperties = {};
-            this.centerChange = new i0.EventEmitter();
-            this.rotationChange = new i0.EventEmitter();
-            this.zoomChange = new i0.EventEmitter();
-            this.enableAnimation = false;
-            // Only arrow function works with addEventListener
-            this.emitCenterChange = function (e) {
-                clearTimeout(_this.timerCenterId);
-                _this.timerCenterId = setTimeout(function () { return _this.centerChange.emit(Object.assign(e, {
-                    lonlat: proj.toLonLat(_this.view.getCenter()),
-                    zoom: _this.view.getZoom(),
-                    extent: proj.transformExtent(_this.view.calculateExtent(_this.mapComponent.getMap().getSize()), _this.view.getProjection().getCode(), 'EPSG:4326'),
-                    projCode: _this.view.getProjection().getCode(),
-                    key: e.target.get(e.key)
-                })); }, animateDuration + 10);
-            };
-            this.emitZoomChange = function (e) {
-                clearTimeout(_this.timerZoomId);
-                _this.timerZoomId = setTimeout(function () { return _this.zoomChange.emit(Object.assign(e, {
-                    lonlat: proj.toLonLat(_this.view.getCenter()),
-                    zoom: _this.view.getZoom(),
-                    extent: proj.transformExtent(_this.view.calculateExtent(_this.mapComponent.getMap().getSize()), _this.view.getProjection().getCode(), 'EPSG:4326'),
-                    projCode: _this.view.getProjection().getCode(),
-                    key: e.target.get(e.key)
-                })); }, animateDuration + 10);
-            };
-            this.emitRotationChange = function (e) {
-                clearTimeout(_this.timerRotationId);
-                _this.timerRotationId = setTimeout(function () { return _this.rotationChange.emit(e.target.get(e.key)); }, animateDuration + 10);
-            };
-            this.changeDetectorRef.detach();
-        }
-        ViewDirective.prototype.ngOnInit = function () {
-            var _a;
-            this.view = new View__default['default'](this.viewProperties);
-            this.view.setRotation((_a = this.rotation) !== null && _a !== void 0 ? _a : 0);
-            var map = this.mapComponent.getMap();
-            if (map) {
-                map.setView(this.view);
-                map.updateSize();
-            }
-        };
-        ViewDirective.prototype.ngAfterViewInit = function () {
-            var map = this.mapComponent.getMap();
-            if (map) {
-                // register view events
-                this.view.on('change:center', this.emitCenterChange);
-                this.view.on('change:resolution', this.emitZoomChange);
-                this.view.on('change:rotation', this.emitRotationChange);
-            }
-        };
-        ViewDirective.prototype.ngOnChanges = function (changes) {
-            var _a;
-            var properties = {};
-            for (var key in changes) {
-                if (key === 'zoom') {
-                    if (this.view) {
-                        if (this.enableAnimation) {
-                            this.view.animate({ zoom: changes[key].currentValue, duration: animateDuration });
-                        }
-                        else {
-                            this.view.setZoom(changes[key].currentValue);
-                        }
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                else if (key === 'center') {
-                    if (this.view) {
-                        if (this.enableAnimation) {
-                            this.view.animate({ center: changes[key].currentValue, duration: animateDuration });
-                        }
-                        else {
-                            this.view.setCenter(proj.fromLonLat(changes[key].currentValue));
-                        }
-                    }
-                    else {
-                        properties[key] = proj.fromLonLat(changes[key].currentValue);
-                    }
-                }
-                else {
-                    properties[key] = changes[key].currentValue;
-                }
-            }
-            this.viewProperties = properties;
-            if (this.view) {
-                this.view.setProperties(this.viewProperties, false);
-                this.view.setRotation((_a = this.rotation) !== null && _a !== void 0 ? _a : 0);
-            }
-        };
-        ViewDirective.prototype.ngOnDestroy = function () {
-            this.view.un('change:center', this.emitCenterChange);
-            this.view.un('change:resolution', this.emitZoomChange);
-            this.view.un('change:rotation', this.emitRotationChange);
-        };
-        ViewDirective.prototype.getView = function () {
-            return this.view;
-        };
-        return ViewDirective;
-    }());
-    ViewDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: 'ol-map > [olView]'
-                },] }
-    ];
-    ViewDirective.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    ViewDirective.propDecorators = {
-        centerChange: [{ type: i0.Output }],
-        rotationChange: [{ type: i0.Output }],
-        zoomChange: [{ type: i0.Output }],
-        enableAnimation: [{ type: i0.Input }],
-        constrainRotation: [{ type: i0.Input }],
-        constrainResolution: [{ type: i0.Input }],
-        enableRotation: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxZoom: [{ type: i0.Input }],
-        minZoom: [{ type: i0.Input }],
-        multiWorld: [{ type: i0.Input }],
-        resolution: [{ type: i0.Input }],
-        resolutions: [{ type: i0.Input }],
-        rotation: [{ type: i0.Input }],
-        zoom: [{ type: i0.Input }],
-        zoomFactor: [{ type: i0.Input }],
-        center: [{ type: i0.Input }],
-        projection: [{ type: i0.Input }]
-    };
-
-    var ContentComponent = /** @class */ (function () {
-        function ContentComponent(elementRef) {
-            this.elementRef = elementRef;
-        }
-        return ContentComponent;
-    }());
-    ContentComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > ol-content',
-                    template: '<ng-content></ng-content>'
-                },] }
-    ];
-    ContentComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-
-    /* enum types */
-    exports.LayerType = void 0;
-    (function (LayerType) {
-        LayerType[LayerType["IMAGE"] = 0] = "IMAGE";
-        LayerType[LayerType["TILE"] = 1] = "TILE";
-        LayerType[LayerType["VECTOR_TILE"] = 2] = "VECTOR_TILE";
-        LayerType[LayerType["VECTOR"] = 3] = "VECTOR";
-    })(exports.LayerType || (exports.LayerType = {}));
-    exports.SourceType = void 0;
-    (function (SourceType) {
-        SourceType[SourceType["BINGMAPS"] = 0] = "BINGMAPS";
-        SourceType[SourceType["CARTODB"] = 1] = "CARTODB";
-        SourceType[SourceType["CLUSTER"] = 2] = "CLUSTER";
-        SourceType[SourceType["IMAGE"] = 3] = "IMAGE";
-        SourceType[SourceType["IMAGEARCGISREST"] = 4] = "IMAGEARCGISREST";
-        SourceType[SourceType["IMAGECANVAS"] = 5] = "IMAGECANVAS";
-        SourceType[SourceType["IMAGEMAPGUIDE"] = 6] = "IMAGEMAPGUIDE";
-        SourceType[SourceType["IMAGESTATIC"] = 7] = "IMAGESTATIC";
-        SourceType[SourceType["IMAGEVECTOR"] = 8] = "IMAGEVECTOR";
-        SourceType[SourceType["IMAGEWMS"] = 9] = "IMAGEWMS";
-        SourceType[SourceType["OSM"] = 10] = "OSM";
-        SourceType[SourceType["RASTER"] = 11] = "RASTER";
-        SourceType[SourceType["STAMEN"] = 12] = "STAMEN";
-        SourceType[SourceType["TILEARCGISREST"] = 13] = "TILEARCGISREST";
-        SourceType[SourceType["TILEDEBUG"] = 14] = "TILEDEBUG";
-        SourceType[SourceType["TILEIMAGE"] = 15] = "TILEIMAGE";
-        SourceType[SourceType["TILEJSON"] = 16] = "TILEJSON";
-        SourceType[SourceType["TILEUTFGRID"] = 17] = "TILEUTFGRID";
-        SourceType[SourceType["TILEWMS"] = 18] = "TILEWMS";
-        SourceType[SourceType["URLTILE"] = 19] = "URLTILE";
-        SourceType[SourceType["VECTOR"] = 20] = "VECTOR";
-        SourceType[SourceType["VECTORTILE"] = 21] = "VECTORTILE";
-        SourceType[SourceType["WMTS"] = 22] = "WMTS";
-        SourceType[SourceType["XYZ"] = 23] = "XYZ";
-        SourceType[SourceType["ZOOMIFY"] = 24] = "ZOOMIFY";
-    })(exports.SourceType || (exports.SourceType = {}));
-
-    function stringToEl(html) {
-        var parser = new DOMParser();
-        var DOM = parser.parseFromString(html, 'text/html');
-        return DOM.body.firstChild;
-    }
-    function defaultLayers() {
-        return [
-            osmLayer()
-        ];
-    }
-    function osmLayer() {
-        return new TileLayer__default['default']({ source: new OSM__default['default']() });
-    }
-    function osmSource() {
-        return new OSM__default['default']();
-    }
-    function fromLonLatArray(coords) {
-        if (!Array.isArray(coords)) {
-            return coords;
-        }
-        if (typeof coords[0] == 'number') {
-            return proj.fromLonLat(coords);
-        }
-        else if (Array.isArray(coords[0])) {
-            return coords.map(function (c) { return fromLonLatArray(c); });
-        }
-        else {
-            return coords;
-        }
-    }
-    /** DateLine Crossing:
-     * returns true if point is in the zone for dateline transition
-     * zoneValue: lower end of 180 to xx range within which Longitude must fall for retun value to be true
-    **/
-    function inDLCrossingZone(coord, zoneValue) {
-        if (zoneValue === void 0) { zoneValue = 170; }
-        return (Math.abs(coord[0]) >= zoneValue) ? true : false;
-    }
-    // update linestring coords for map display (including dateline crossing)
-    function mapifyCoords(coords) {
-        if (coords.length == 0) {
-            return coords;
-        }
-        var dlCrossing = 0;
-        var last = coords[0];
-        for (var i = 0; i < coords.length; i++) {
-            if (inDLCrossingZone(coords[i]) || inDLCrossingZone(last)) {
-                dlCrossing = (last[0] > 0 && coords[i][0] < 0) ? 1
-                    : (last[0] < 0 && coords[i][0] > 0) ? -1 : 0;
-                if (dlCrossing == 1) {
-                    coords[i][0] = coords[i][0] + 360;
-                }
-                if (dlCrossing == -1) {
-                    coords[i][0] = Math.abs(coords[i][0]) - 360;
-                }
-            }
-        }
-        return coords;
-    }
-    // ** return adjusted radius to correctly render circle on ground at given position.
-    function mapifyRadius(radius, position) {
-        if (typeof radius === 'undefined' || typeof position === 'undefined') {
-            return radius;
-        }
-        return radius / proj.getPointResolution('EPSG:3857', 1, proj.fromLonLat(position));
-    }
-    /*
-    * Calculate the destination point given start point
-    * latitude / longitude (numeric degrees), bearing (radians) and
-    * distance (in m).
-    *
-    * Original scripts by Chris Veness Taken from
-    * http://movable-type.co.uk/scripts/latlong-vincenty-direct.html and optimized /
-    * cleaned up by Mathias Bynens <http://mathiasbynens.be/> Based on the Vincenty
-    * direct formula by T. Vincenty, Direct and Inverse Solutions of Geodesics on
-    * the Ellipsoid with application of nested equations, Survey Review, vol XXII
-    * no 176, 1975 <http://www.ngs.noaa.gov/PUBS_LIB/inverse.pdf> */
-    function destCoordinate(coord, brng, dist) {
-        var lat1 = coord[1];
-        var lon1 = coord[0];
-        var a = 6378137, b = 6356752.3142, f = 1 / 298.257223563, // WGS-84
-        // ellipsiod
-        s = dist, alpha1 = brng, sinAlpha1 = Math.sin(alpha1), cosAlpha1 = Math
-            .cos(alpha1), tanU1 = (1 - f) * Math.tan(lat1 * (Math.PI / 180)), cosU1 = 1 / Math
-            .sqrt((1 + tanU1 * tanU1)), sinU1 = tanU1 * cosU1, sigma1 = Math
-            .atan2(tanU1, cosAlpha1), sinAlpha = cosU1 * sinAlpha1, cosSqAlpha = 1
-            - sinAlpha * sinAlpha, uSq = cosSqAlpha * (a * a - b * b) / (b * b), A = 1
-            + uSq / 16384 * (4096 + uSq * (-768 + uSq * (320 - 175 * uSq))), B = uSq
-            / 1024 * (256 + uSq * (-128 + uSq * (74 - 47 * uSq))), sigma = s
-            / (b * A), sigmaP = 2 * Math.PI;
-        while (Math.abs(sigma - sigmaP) > 1e-12) {
-            var cos2SigmaM = Math.cos(2 * sigma1 + sigma), sinSigma = Math
-                .sin(sigma), cosSigma = Math.cos(sigma), deltaSigma = B
-                * sinSigma
-                * (cos2SigmaM + B
-                    / 4
-                    * (cosSigma * (-1 + 2 * cos2SigmaM * cos2SigmaM) - B
-                        / 6 * cos2SigmaM
-                        * (-3 + 4 * sinSigma * sinSigma)
-                        * (-3 + 4 * cos2SigmaM * cos2SigmaM)));
-            sigmaP = sigma;
-            sigma = s / (b * A) + deltaSigma;
-        }
-        var tmp = sinU1 * sinSigma - cosU1 * cosSigma * cosAlpha1, lat2 = Math
-            .atan2(sinU1 * cosSigma + cosU1 * sinSigma * cosAlpha1, (1 - f)
-            * Math.sqrt(sinAlpha * sinAlpha + tmp * tmp)), lambda = Math
-            .atan2(sinSigma * sinAlpha1, cosU1 * cosSigma - sinU1 * sinSigma
-            * cosAlpha1), C = f / 16 * cosSqAlpha
-            * (4 + f * (4 - 3 * cosSqAlpha)), La = lambda
-            - (1 - C)
-                * f
-                * sinAlpha
-                * (sigma + C
-                    * sinSigma
-                    * (cos2SigmaM + C * cosSigma
-                        * (-1 + 2 * cos2SigmaM * cos2SigmaM))), revAz = Math
-            .atan2(sinAlpha, -tmp); // final bearing
-        var llat = lat2 * (180 / Math.PI);
-        var llon = lon1 + La * (180 / Math.PI);
-        return [llon, llat];
-    }
-
-    var LayerComponent = /** @class */ (function () {
-        function LayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.changeDetectorRef.detach();
-        }
-        LayerComponent.prototype.ngOnInit = function () {
-            switch (this.layerType) {
-                case exports.LayerType.IMAGE:
-                    this.source = new source.ImageWMS(this.sourceOptions);
-                    this.layer = new ImageLayer__default['default'](Object.assign(this, Object.assign({}, this.properties)));
-                    break;
-                case exports.LayerType.TILE:
-                    this.source = this.getTileSource(this.sourceOptions);
-                    this.layer = new TileLayer__default$1['default'](Object.assign(this, Object.assign({}, this.properties)));
-                    break;
-                case exports.LayerType.VECTOR_TILE:
-                    this.source = new VectorTileSource__default['default'](this.sourceOptions);
-                    this.layer = new VectorTileLayer__default['default'](Object.assign(this, Object.assign({}, this.properties)));
-                    break;
-                case exports.LayerType.VECTOR:
-                    if (this.sourceOptions.sourceType === exports.SourceType.CLUSTER) {
-                        this.source = new source.Cluster(this.sourceOptions);
-                        this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.properties)));
-                    }
-                    else {
-                        this.source = new VectorSource__default['default'](this.sourceOptions);
-                        this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.properties)));
-                    }
-                    break;
-                default:
-                    this.layer = osmLayer();
-                    break;
-            }
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        LayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    properties[key] = changes[key].currentValue;
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        LayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        LayerComponent.prototype.getLayer = function () {
-            return this.layer;
-        };
-        LayerComponent.prototype.getMap = function () {
-            return this.mapComponent.getMap();
-        };
-        LayerComponent.prototype.getSource = function () {
-            var olSource = this.layer.getSource();
-            if (olSource instanceof source.Cluster) {
-                olSource = olSource.getSource();
-            }
-            return olSource;
-        };
-        LayerComponent.prototype.getUrl = function () {
-            if (this.source instanceof source.ImageWMS) {
-                return this.source.getUrl();
-            }
-            if (this.source instanceof source.WMTS) {
-                return this.source.getUrls()[0];
-            }
-            if (this.source instanceof source.TileWMS) {
-                return this.source.getUrls()[0];
-            }
-            else {
-                return '';
-            }
-        };
-        LayerComponent.prototype.updateParams = function (name, value) {
-            var params = this.source.getParams();
-            if (name && value) {
-                params[name.toUpperCase()] = value;
-            }
-            params['T'] = new Date().getMilliseconds();
-            this.source.updateParams(params); // {'TIME': startDate.toISOString()}
-        };
-        LayerComponent.prototype.getTileSource = function (sourceOptions) {
-            switch (sourceOptions.sourceType) {
-                case exports.SourceType.IMAGEWMS:
-                    return new source.ImageWMS(sourceOptions);
-                case exports.SourceType.OSM:
-                    return new source.OSM(sourceOptions);
-                case exports.SourceType.TILEWMS:
-                    return new source.TileWMS(sourceOptions);
-                case exports.SourceType.TILEIMAGE:
-                    return new source.TileImage(sourceOptions);
-                case exports.SourceType.WMTS:
-                    return new source.WMTS(sourceOptions);
-                case exports.SourceType.XYZ:
-                    return new source.XYZ(sourceOptions);
-                default:
-                    return osmSource();
-            }
-        };
-        return LayerComponent;
-    }());
-    LayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > ol-layer',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    LayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    LayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        layerType: [{ type: i0.Input }],
-        sourceType: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        sourceOptions: [{ type: i0.Input }],
-        style: [{ type: i0.Input }],
-        properties: [{ type: i0.Input }]
-    };
-
-    var ControlComponent = /** @class */ (function () {
-        function ControlComponent(changeDetectorRef, elementRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.elementRef = elementRef;
-            this.mapComponent = mapComponent;
-            this.changeDetectorRef.detach();
-        }
-        ControlComponent.prototype.ngOnInit = function () {
-            if (this.elementRef.nativeElement) {
-                this.element = this.elementRef.nativeElement;
-                this.control = new control.Control({ element: this.element });
-                this.mapComponent.getMap().addControl(this.control);
-            }
-        };
-        ControlComponent.prototype.ngOnDestroy = function () {
-            if (this.control) {
-                this.mapComponent.getMap().removeControl(this.control);
-                this.control = null;
-            }
-        };
-        return ControlComponent;
-    }());
-    ControlComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > ol-control',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    ControlComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: i0.ElementRef },
-        { type: MapComponent }
-    ]; };
-
-    var InteractionDrawComponent = /** @class */ (function () {
-        function InteractionDrawComponent(changeDetectorRef, mapComponent) {
-            var _this = this;
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.type = GeometryType__default['default'].LINE_STRING;
-            this.change = new i0.EventEmitter();
-            this.drawStart = new i0.EventEmitter();
-            this.drawEnd = new i0.EventEmitter();
-            this.drawAbort = new i0.EventEmitter();
-            // ** emit events
-            this.emitChangeEvent = function (event) { return _this.change.emit(event); };
-            this.emitDrawStartEvent = function (event) { return _this.drawStart.emit(event); };
-            this.emitDrawEndEvent = function (event) { return _this.drawEnd.emit(event); };
-            this.emitDrawAbortEvent = function (event) { return _this.drawAbort.emit(event); };
-            this.changeDetectorRef.detach();
-        }
-        InteractionDrawComponent.prototype.ngOnInit = function () { };
-        InteractionDrawComponent.prototype.ngAfterViewInit = function () {
-            this.map = this.mapComponent.getMap();
-            this.addDrawInteraction();
-        };
-        InteractionDrawComponent.prototype.ngOnDestroy = function () {
-            this.map.removeInteraction(this.interaction);
-            this.interaction.un('change', this.emitChangeEvent);
-            this.interaction.un('drawstart', this.emitDrawStartEvent);
-            this.interaction.un('drawend', this.emitDrawEndEvent);
-            this.interaction.un('drawabort', this.emitDrawAbortEvent);
-            this.interaction = null;
-        };
-        InteractionDrawComponent.prototype.addDrawInteraction = function () {
-            if (undefined !== this.map) {
-                var opt = {
-                    type: this.type,
-                    stopClick: true
-                };
-                if (this.style) {
-                    opt.style = this.style;
-                }
-                this.interaction = new interaction.Draw(opt);
-                this.interaction.on('change', this.emitChangeEvent);
-                this.interaction.on('drawstart', this.emitDrawStartEvent);
-                this.interaction.on('drawend', this.emitDrawEndEvent);
-                this.interaction.on('drawabort', this.emitDrawAbortEvent);
-                this.map.addInteraction(this.interaction);
-                this.changeDetectorRef.detectChanges();
-            }
-        };
-        return InteractionDrawComponent;
-    }());
-    InteractionDrawComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > ol-draw',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    InteractionDrawComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    InteractionDrawComponent.propDecorators = {
-        type: [{ type: i0.Input }],
-        style: [{ type: i0.Input }],
-        change: [{ type: i0.Output }],
-        drawStart: [{ type: i0.Output }],
-        drawEnd: [{ type: i0.Output }],
-        drawAbort: [{ type: i0.Output }]
-    };
-
-    var InteractionModifyComponent = /** @class */ (function () {
-        function InteractionModifyComponent(changeDetectorRef, mapComponent) {
-            var _this = this;
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.change = new i0.EventEmitter();
-            this.modifyStart = new i0.EventEmitter();
-            this.modifyEnd = new i0.EventEmitter();
-            this.propertyChange = new i0.EventEmitter();
-            // ** emit events
-            this.emitChangeEvent = function (event) { return _this.change.emit(event); };
-            this.emitModifyStartEvent = function (event) { return _this.modifyStart.emit(event); };
-            this.emitModifyEndEvent = function (event) { return _this.modifyEnd.emit(event); };
-            this.emitPropertyChangeEvent = function (event) { return _this.propertyChange.emit(event); };
-            this.changeDetectorRef.detach();
-        }
-        InteractionModifyComponent.prototype.ngOnInit = function () { };
-        InteractionModifyComponent.prototype.ngAfterViewInit = function () {
-            this.map = this.mapComponent.getMap();
-            this.addModifyInteraction();
-        };
-        InteractionModifyComponent.prototype.ngOnDestroy = function () {
-            this.map.removeInteraction(this.interaction);
-            this.interaction.un('change', this.emitChangeEvent);
-            this.interaction.un('modifystart', this.emitModifyStartEvent);
-            this.interaction.un('modifyend', this.emitModifyEndEvent);
-            this.interaction.un('propertychange', this.emitPropertyChangeEvent);
-            this.interaction = null;
-        };
-        InteractionModifyComponent.prototype.addModifyInteraction = function () {
-            if (undefined !== this.map) {
-                this.interaction = new interaction.Modify({
-                    features: this.features,
-                    deleteCondition: function (e) {
-                        if (e.type == 'click' && e.originalEvent.ctrlKey) {
-                            return true;
-                        }
-                        else {
-                            return false;
-                        }
-                    }
-                });
-                this.interaction.on('change', this.emitChangeEvent);
-                this.interaction.on('modifystart', this.emitModifyStartEvent);
-                this.interaction.on('modifyend', this.emitModifyEndEvent);
-                this.interaction.on('propertychange', this.emitPropertyChangeEvent);
-                this.map.addInteraction(this.interaction);
-                this.changeDetectorRef.detectChanges();
-            }
-        };
-        return InteractionModifyComponent;
-    }());
-    InteractionModifyComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > ol-modify',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    InteractionModifyComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    InteractionModifyComponent.propDecorators = {
-        features: [{ type: i0.Input }],
-        change: [{ type: i0.Output }],
-        modifyStart: [{ type: i0.Output }],
-        modifyEnd: [{ type: i0.Output }],
-        propertyChange: [{ type: i0.Output }]
-    };
-
-    // ** Signal K resource collection format **
-    var WaypointLayerComponent = /** @class */ (function () {
-        function WaypointLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.labelMinZoom = 10;
-            this.mapZoom = 10;
-            this.changeDetectorRef.detach();
-        }
-        WaypointLayerComponent.prototype.ngOnInit = function () {
-            this.parseWaypoints(this.waypoints);
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        WaypointLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'waypoints') {
-                        this.parseWaypoints(changes[key].currentValue);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'waypointStyles') { }
-                    else if (key == 'activeWaypoint') {
-                        this.parseWaypoints(this.waypoints);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'labelMinZoom' || key == 'mapZoom') {
-                        this.handleLabelZoomChange(key, changes[key]);
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        WaypointLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        WaypointLayerComponent.prototype.parseWaypoints = function (waypoints) {
-            if (waypoints === void 0) { waypoints = this.waypoints; }
-            var fa = [];
-            for (var w in waypoints) {
-                var f = new ol.Feature({
-                    geometry: new geom.Point(proj.fromLonLat(waypoints[w].feature.geometry.coordinates)),
-                    name: waypoints[w].feature.properties.name
-                });
-                f.setId('waypoint.' + w);
-                f.setStyle(this.buildStyle(w, waypoints[w]));
-                fa.push(f);
-            }
-            this.features = fa;
-        };
-        // ** assess attribute change **
-        WaypointLayerComponent.prototype.handleLabelZoomChange = function (key, change) {
-            if (key == 'labelMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.updateLabels();
-                }
-            }
-            else if (key == 'mapZoom') {
-                if (typeof this.labelMinZoom !== 'undefined') {
-                    if ((change.currentValue >= this.labelMinZoom && change.previousValue < this.labelMinZoom) ||
-                        (change.currentValue < this.labelMinZoom && change.previousValue >= this.labelMinZoom)) {
-                        this.updateLabels();
-                    }
-                }
-            }
-        };
-        // build waypoint style
-        WaypointLayerComponent.prototype.buildStyle = function (id, wpt) {
-            if (typeof this.waypointStyles !== 'undefined') {
-                if (id == this.activeWaypoint && typeof this.waypointStyles.active !== 'undefined') {
-                    return this.setTextLabel(this.waypointStyles.active, wpt.feature.properties.name);
-                }
-                else if (wpt.feature.properties.skType) {
-                    return this.setTextLabel(this.waypointStyles[wpt.feature.properties.skType], wpt.feature.properties.name);
-                }
-                else {
-                    return this.setTextLabel(this.waypointStyles.default, wpt.feature.properties.name);
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                return this.setTextLabel(this.layerProperties.style, wpt.feature.properties.name);
-            }
-            else { // default styles
-                var s = void 0;
-                if (id == this.activeWaypoint) {
-                    s = new style.Style({
-                        image: new style.Circle({
-                            radius: 5,
-                            fill: new style.Fill({ color: 'blue' }),
-                            stroke: new style.Stroke({
-                                color: 'black',
-                                width: 2
-                            })
-                        }),
-                        text: new style.Text({
-                            text: '',
-                            offsetY: -12
-                        })
-                    });
-                }
-                else {
-                    s = new style.Style({
-                        image: new style.Circle({
-                            radius: 5,
-                            fill: new style.Fill({ color: 'gold' }),
-                            stroke: new style.Stroke({
-                                color: 'black',
-                                width: 2
-                            })
-                        }),
-                        text: new style.Text({
-                            text: '',
-                            offsetY: -12
-                        })
-                    });
-                }
-                return this.setTextLabel(s, wpt.feature.properties.name);
-            }
-        };
-        // update feature labels
-        WaypointLayerComponent.prototype.updateLabels = function () {
-            var _this = this;
-            this.source.getFeatures().forEach(function (f) {
-                var s = f.getStyle();
-                f.setStyle(_this.setTextLabel(s, f.get('name')));
-            });
-        };
-        // return a Style with label text
-        WaypointLayerComponent.prototype.setTextLabel = function (s, text) {
-            if (text === void 0) { text = ''; }
-            var cs = s.clone();
-            var ts = cs.getText();
-            if (ts) {
-                ts.setText((Math.abs(this.mapZoom) >= this.labelMinZoom) ? text : '');
-            }
-            return cs;
-        };
-        return WaypointLayerComponent;
-    }());
-    WaypointLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > sk-waypoints',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    WaypointLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    WaypointLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        waypoints: [{ type: i0.Input }],
-        waypointStyles: [{ type: i0.Input }],
-        activeWaypoint: [{ type: i0.Input }],
-        labelMinZoom: [{ type: i0.Input }],
-        mapZoom: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-    // ** Freeboard resource collection format **
-    var FreeboardWaypointLayerComponent = /** @class */ (function (_super) {
-        __extends(FreeboardWaypointLayerComponent, _super);
-        function FreeboardWaypointLayerComponent(changeDetectorRef, mapComponent) {
-            var _this = _super.call(this, changeDetectorRef, mapComponent) || this;
-            _this.changeDetectorRef = changeDetectorRef;
-            _this.mapComponent = mapComponent;
-            return _this;
-        }
-        FreeboardWaypointLayerComponent.prototype.parseWaypoints = function (waypoints) {
-            var e_1, _a;
-            if (waypoints === void 0) { waypoints = this.waypoints; }
-            var fa = [];
-            try {
-                for (var waypoints_1 = __values(waypoints), waypoints_1_1 = waypoints_1.next(); !waypoints_1_1.done; waypoints_1_1 = waypoints_1.next()) {
-                    var w = waypoints_1_1.value;
-                    if (w[2]) { // selected
-                        var f = new ol.Feature({
-                            geometry: new geom.Point(proj.fromLonLat(w[1].feature.geometry.coordinates)),
-                            name: w[1].feature.properties.name
-                        });
-                        f.setId('waypoint.' + w[0]);
-                        f.setStyle(this.buildStyle(w[0], w[1]));
-                        fa.push(f);
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (waypoints_1_1 && !waypoints_1_1.done && (_a = waypoints_1.return)) _a.call(waypoints_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this.features = fa;
-        };
-        return FreeboardWaypointLayerComponent;
-    }(WaypointLayerComponent));
-    FreeboardWaypointLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-waypoints',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    FreeboardWaypointLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    FreeboardWaypointLayerComponent.propDecorators = {
-        waypoints: [{ type: i0.Input }]
-    };
-
-    // ** Signal K resource collection format **
-    var NoteLayerComponent = /** @class */ (function () {
-        function NoteLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.changeDetectorRef.detach();
-        }
-        NoteLayerComponent.prototype.ngOnInit = function () {
-            this.parseNotes(this.notes);
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        NoteLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'notes') {
-                        this.parseNotes(changes[key].currentValue);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'noteStyles') { }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        NoteLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        NoteLayerComponent.prototype.parseNotes = function (notes) {
-            if (notes === void 0) { notes = this.notes; }
-            var fa = [];
-            for (var w in notes) {
-                if (!notes[w].position) {
-                    continue;
-                }
-                var f = new ol.Feature({
-                    geometry: new geom.Point(proj.fromLonLat([
-                        notes[w].position.longitude,
-                        notes[w].position.latitude
-                    ])),
-                    name: notes[w].title
-                });
-                f.setId('note.' + w);
-                f.setStyle(this.buildStyle(w, notes[w]));
-                fa.push(f);
-            }
-            this.features = fa;
-        };
-        // build note style
-        NoteLayerComponent.prototype.buildStyle = function (id, note) {
-            var _a, _b;
-            if (typeof this.noteStyles !== 'undefined') {
-                if ((_a = note.properties) === null || _a === void 0 ? void 0 : _a.skType) {
-                    return this.noteStyles[(_b = note.properties) === null || _b === void 0 ? void 0 : _b.skType];
-                }
-                else {
-                    return this.noteStyles.default;
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                return this.layerProperties.style;
-            }
-            else { // default styles
-                return new style.Style({
-                    image: new style.RegularShape({
-                        points: 4,
-                        radius: 10,
-                        fill: new style.Fill({ color: 'gold' }),
-                        stroke: new style.Stroke({
-                            color: 'black',
-                            width: 1
-                        }),
-                        rotation: (Math.PI / 180) * 45
-                    })
-                });
-            }
-        };
-        return NoteLayerComponent;
-    }());
-    NoteLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > sk-notes',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    NoteLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    NoteLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        notes: [{ type: i0.Input }],
-        noteStyles: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-    // ** Freeboard resource collection format **
-    var FreeboardNoteLayerComponent = /** @class */ (function (_super) {
-        __extends(FreeboardNoteLayerComponent, _super);
-        function FreeboardNoteLayerComponent(changeDetectorRef, mapComponent) {
-            var _this = _super.call(this, changeDetectorRef, mapComponent) || this;
-            _this.changeDetectorRef = changeDetectorRef;
-            _this.mapComponent = mapComponent;
-            return _this;
-        }
-        FreeboardNoteLayerComponent.prototype.parseNotes = function (notes) {
-            var e_1, _c;
-            if (notes === void 0) { notes = this.notes; }
-            var fa = [];
-            try {
-                for (var notes_1 = __values(notes), notes_1_1 = notes_1.next(); !notes_1_1.done; notes_1_1 = notes_1.next()) {
-                    var w = notes_1_1.value;
-                    if (!w[1].position) {
-                        continue;
-                    }
-                    var f = new ol.Feature({
-                        geometry: new geom.Point(proj.fromLonLat([
-                            w[1].position.longitude,
-                            w[1].position.latitude
-                        ])),
-                        name: w[1].title
-                    });
-                    f.setId('note.' + w[0]);
-                    f.setStyle(this.buildStyle(w[0], w[1]));
-                    fa.push(f);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (notes_1_1 && !notes_1_1.done && (_c = notes_1.return)) _c.call(notes_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this.features = fa;
-        };
-        return FreeboardNoteLayerComponent;
-    }(NoteLayerComponent));
-    FreeboardNoteLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-notes',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    FreeboardNoteLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    FreeboardNoteLayerComponent.propDecorators = {
-        notes: [{ type: i0.Input }]
-    };
-
-    // ** Signal K resource collection format **
-    var RouteLayerComponent = /** @class */ (function () {
-        function RouteLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.changeDetectorRef.detach();
-        }
-        RouteLayerComponent.prototype.ngOnInit = function () {
-            this.parseRoutes(this.routes);
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        RouteLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'routes') {
-                        this.parseRoutes(changes[key].currentValue);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'routeStyles') { }
-                    else if (key == 'activeRoute') {
-                        this.parseRoutes(this.routes);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        RouteLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        RouteLayerComponent.prototype.parseRoutes = function (routes) {
-            if (routes === void 0) { routes = this.routes; }
-            var fa = [];
-            for (var w in routes) {
-                var mc = mapifyCoords(routes[w].feature.geometry.coordinates);
-                var c = fromLonLatArray(mc);
-                var f = new ol.Feature({
-                    geometry: new geom.LineString(c),
-                    name: routes[w].feature.properties.name
-                });
-                f.setId('route.' + w);
-                f.setStyle(this.buildStyle(w, routes[w]));
-                fa.push(f);
-            }
-            this.features = fa;
-        };
-        // build route style
-        RouteLayerComponent.prototype.buildStyle = function (id, rte) {
-            if (typeof this.routeStyles !== 'undefined') {
-                if (id == this.activeRoute && typeof this.routeStyles.active !== 'undefined') {
-                    return this.routeStyles.active;
-                }
-                else if (rte.feature.properties.skType) {
-                    return this.routeStyles[rte.feature.properties.skType];
-                }
-                else {
-                    return this.routeStyles.default;
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                return this.layerProperties.style;
-            }
-            else { // default styles
-                var s = void 0;
-                if (id == this.activeRoute) {
-                    s = new style.Style({
-                        stroke: new style.Stroke({
-                            color: 'blue',
-                            width: 4
-                        })
-                    });
-                }
-                else {
-                    s = new style.Style({
-                        stroke: new style.Stroke({
-                            color: 'green',
-                            width: 2,
-                            lineDash: [20, 5, 5, 5]
-                        })
-                    });
-                }
-                return s;
-            }
-        };
-        return RouteLayerComponent;
-    }());
-    RouteLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > sk-routes',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    RouteLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    RouteLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        routes: [{ type: i0.Input }],
-        routeStyles: [{ type: i0.Input }],
-        activeRoute: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-    // ** Freeboard resource collection format **
-    var FreeboardRouteLayerComponent = /** @class */ (function (_super) {
-        __extends(FreeboardRouteLayerComponent, _super);
-        function FreeboardRouteLayerComponent(changeDetectorRef, mapComponent) {
-            var _this = _super.call(this, changeDetectorRef, mapComponent) || this;
-            _this.changeDetectorRef = changeDetectorRef;
-            _this.mapComponent = mapComponent;
-            return _this;
-        }
-        FreeboardRouteLayerComponent.prototype.parseRoutes = function (routes) {
-            var e_1, _a;
-            if (routes === void 0) { routes = this.routes; }
-            var fa = [];
-            try {
-                for (var routes_1 = __values(routes), routes_1_1 = routes_1.next(); !routes_1_1.done; routes_1_1 = routes_1.next()) {
-                    var w = routes_1_1.value;
-                    if (w[2]) { // selected
-                        var mc = mapifyCoords(w[1].feature.geometry.coordinates);
-                        var c = fromLonLatArray(mc);
-                        var f = new ol.Feature({
-                            geometry: new geom.LineString(c),
-                            name: w[1].feature.properties.name
-                        });
-                        f.setId('route.' + w[0]);
-                        f.setStyle(this.buildStyle(w[0], w[1]));
-                        fa.push(f);
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (routes_1_1 && !routes_1_1.done && (_a = routes_1.return)) _a.call(routes_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this.features = fa;
-        };
-        return FreeboardRouteLayerComponent;
-    }(RouteLayerComponent));
-    FreeboardRouteLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-routes',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    FreeboardRouteLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    FreeboardRouteLayerComponent.propDecorators = {
-        routes: [{ type: i0.Input }]
-    };
-
-    // ** Signal K resource collection format **
-    var RegionLayerComponent = /** @class */ (function () {
-        function RegionLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.changeDetectorRef.detach();
-        }
-        RegionLayerComponent.prototype.ngOnInit = function () {
-            this.parseRegions(this.regions);
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        RegionLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'regions') {
-                        this.parseRegions(changes[key].currentValue);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'regionStyles') { }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        RegionLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        RegionLayerComponent.prototype.parseRegions = function (regions) {
-            if (regions === void 0) { regions = this.regions; }
-            var fa = [];
-            for (var w in regions) {
-                var c = this.parseCoordinates(regions[w].feature.geometry.coordinates, regions[w].feature.geometry.type);
-                var f = new ol.Feature({
-                    geometry: regions[w].feature.geometry.type == 'MultiPolygon' ?
-                        new geom.MultiPolygon(c) : new geom.Polygon(c),
-                    name: regions[w].title
-                });
-                f.setId('region.' + w);
-                f.setStyle(this.buildStyle(w, regions[w]));
-                fa.push(f);
-            }
-            this.features = fa;
-        };
-        // ** mapify and transform MultiLineString coordinates
-        RegionLayerComponent.prototype.parseCoordinates = function (coords, geomType) {
-            if (geomType == 'MultiPolygon') {
-                var multipoly_1 = [];
-                coords.forEach(function (mpoly) {
-                    var lines = [];
-                    mpoly.forEach(function (poly) {
-                        lines.push(mapifyCoords(poly));
-                    });
-                    multipoly_1.push(lines);
-                });
-                return fromLonLatArray(multipoly_1);
-            }
-            else if (geomType == 'Polygon') {
-                var lines_1 = [];
-                coords.forEach(function (line) { return lines_1.push(mapifyCoords(line)); });
-                return fromLonLatArray(lines_1);
-            }
-        };
-        // build region style
-        RegionLayerComponent.prototype.buildStyle = function (id, reg) {
-            if (typeof this.regionStyles !== 'undefined') {
-                if (reg.feature.properties.skType) {
-                    return this.regionStyles[reg.feature.properties.skType];
-                }
-                else {
-                    return this.regionStyles.default;
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                return this.layerProperties.style;
-            }
-            else { // default styles
-                return new style.Style({
-                    fill: new style.Fill({
-                        color: 'rgba(255,0,255,0.1)'
-                    }),
-                    stroke: new style.Stroke({
-                        color: 'purple',
-                        width: 1
-                    })
-                });
-            }
-        };
-        return RegionLayerComponent;
-    }());
-    RegionLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > sk-regions',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    RegionLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    RegionLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        regions: [{ type: i0.Input }],
-        regionStyles: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-    // ** Freeboard resource collection format **
-    var FreeboardRegionLayerComponent = /** @class */ (function (_super) {
-        __extends(FreeboardRegionLayerComponent, _super);
-        function FreeboardRegionLayerComponent(changeDetectorRef, mapComponent) {
-            var _this = _super.call(this, changeDetectorRef, mapComponent) || this;
-            _this.changeDetectorRef = changeDetectorRef;
-            _this.mapComponent = mapComponent;
-            return _this;
-        }
-        FreeboardRegionLayerComponent.prototype.parseRegions = function (regions) {
-            var e_1, _a;
-            if (regions === void 0) { regions = this.regions; }
-            var fa = [];
-            try {
-                for (var regions_1 = __values(regions), regions_1_1 = regions_1.next(); !regions_1_1.done; regions_1_1 = regions_1.next()) {
-                    var w = regions_1_1.value;
-                    var c = this.parseCoordinates(w[1].feature.geometry.coordinates, w[1].feature.geometry.type);
-                    var f = new ol.Feature({
-                        geometry: w[1].feature.geometry.type == 'MultiPolygon' ?
-                            new geom.MultiPolygon(c) : new geom.Polygon(c),
-                        name: w[1].title
-                    });
-                    f.setId('region.' + w[0]);
-                    f.setStyle(this.buildStyle(w[0], w[1]));
-                    fa.push(f);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (regions_1_1 && !regions_1_1.done && (_a = regions_1.return)) _a.call(regions_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this.features = fa;
-        };
-        return FreeboardRegionLayerComponent;
-    }(RegionLayerComponent));
-    FreeboardRegionLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-regions',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    FreeboardRegionLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    FreeboardRegionLayerComponent.propDecorators = {
-        regions: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard resource collection format **
-    var FreeboardChartLayerComponent = /** @class */ (function () {
-        function FreeboardChartLayerComponent(changeDetectorRef, mapComponent, mapService) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.mapService = mapService;
-            this.layers = new Map();
-            this.zIndex = 10; // start number for zIndex of chart layers
-            this.changeDetectorRef.detach();
-        }
-        FreeboardChartLayerComponent.prototype.ngOnInit = function () {
-            this.parseCharts(this.charts);
-        };
-        FreeboardChartLayerComponent.prototype.ngOnChanges = function (changes) {
-            for (var key in changes) {
-                if (key == 'charts' && !changes[key].firstChange) {
-                    this.parseCharts(changes[key].currentValue);
-                }
-            }
-        };
-        FreeboardChartLayerComponent.prototype.ngOnDestroy = function () {
-            this.clearlayers();
-        };
-        FreeboardChartLayerComponent.prototype.clearlayers = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layers && map) {
-                this.layers.forEach(function (l, k) { return map.removeLayer(l); });
-                map.render();
-                this.layers.clear();
-            }
-        };
-        FreeboardChartLayerComponent.prototype.parseCharts = function (charts) {
-            if (charts === void 0) { charts = this.charts; }
-            var map = this.mapComponent.getMap();
-            for (var i in charts) {
-                // check for existing layer
-                var layer = this.mapService.getLayerByKey('id', charts[i][0]);
-                if (!charts[i][2]) { // not selected
-                    if (layer) {
-                        this.mapComponent.getMap().removeLayer(layer);
-                        this.layers.delete(charts[i][0]);
-                    }
-                }
-                else { // selected 
-                    if (!layer) {
-                        if (charts[i][0] == 'openstreetmap') { // open street map
-                            layer = osmLayer();
-                            layer.setZIndex(this.zIndex + parseInt(i));
-                            layer.setMinZoom(charts[i][1].minZoom);
-                            layer.setMaxZoom(charts[i][1].maxZoom);
-                        }
-                        else { // signal k charts
-                            if (charts[i][1].chartFormat == 'pbf' || charts[i][1].chartFormat == 'mvt') { // vector tile
-                                var source$1 = new VectorTileSource__default['default']({
-                                    url: charts[i][1].tilemapUrl,
-                                    format: new format.MVT({
-                                        layers: charts[i][1].chartLayers ? charts[i][1].chartLayers : null
-                                    })
-                                });
-                                layer = new VectorTileLayer__default['default']({
-                                    source: source$1,
-                                    preload: 0,
-                                    zIndex: this.zIndex + parseInt(i),
-                                    style: this.applyVectorStyle,
-                                    minZoom: charts[i][1].minZoom,
-                                    maxZoom: charts[i][1].maxZoom
-                                });
-                            }
-                            else { // raster tile
-                                var source$1 = // select source type
-                                 void 0; // select source type
-                                if (charts[i][1].type == 'WMS') {
-                                    source$1 = new source.TileWMS({
-                                        url: charts[i][1].tilemapUrl,
-                                        params: {
-                                            LAYERS: (charts[i][1].chartLayers) ? charts[i][1].chartLayers.join(',') : ''
-                                        }
-                                    });
-                                }
-                                else {
-                                    source$1 = new source.XYZ({
-                                        url: charts[i][1].tilemapUrl
-                                    });
-                                }
-                                layer = new TileLayer__default$1['default']({
-                                    source: source$1,
-                                    preload: 0,
-                                    zIndex: this.zIndex + parseInt(i),
-                                    minZoom: charts[i][1].minZoom,
-                                    maxZoom: charts[i][1].maxZoom
-                                });
-                            }
-                        }
-                        layer.set('id', charts[i][0]);
-                        this.layers.set(charts[i][0], layer);
-                        map.addLayer(layer);
-                    }
-                }
-            }
-            if (map) {
-                map.render();
-            }
-        };
-        // apply default vectortile style
-        FreeboardChartLayerComponent.prototype.applyVectorStyle = function () {
-            var params = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                params[_i] = arguments[_i];
-            }
-            return new style.Style({
-                fill: new style.Fill({
-                    color: 'rgba(#224, 209, 14, 0.8)'
-                }),
-                stroke: new style.Stroke({
-                    color: '#444',
-                    width: 1,
-                })
-            });
-        };
-        return FreeboardChartLayerComponent;
-    }());
-    FreeboardChartLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-charts',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    FreeboardChartLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent },
-        { type: MapService }
-    ]; };
-    FreeboardChartLayerComponent.propDecorators = {
-        charts: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard Track resources collection format **
-    var TrackLayerComponent = /** @class */ (function () {
-        function TrackLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.labelMinZoom = 10;
-            this.mapZoom = 10;
-            this.changeDetectorRef.detach();
-        }
-        TrackLayerComponent.prototype.ngOnInit = function () {
-            this.parseTracks(this.tracks);
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        TrackLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'tracks') {
-                        this.parseTracks(changes[key].currentValue);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'trackStyles') { }
-                    else if (key == 'labelMinZoom' || key == 'mapZoom') {
-                        this.handleLabelZoomChange(key, changes[key]);
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        TrackLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        TrackLayerComponent.prototype.parseTracks = function (tracks) {
-            var e_1, _a;
-            if (tracks === void 0) { tracks = this.tracks; }
-            var fa = [];
-            try {
-                for (var tracks_1 = __values(tracks), tracks_1_1 = tracks_1.next(); !tracks_1_1.done; tracks_1_1 = tracks_1.next()) {
-                    var w = tracks_1_1.value;
-                    var f = new ol.Feature({
-                        geometry: new geom.MultiLineString(this.parseCoordinates(w.feature.geometry.coordinates)),
-                        name: w.feature.properties.name
-                    });
-                    f.setId('track.' + w.feature.id);
-                    f.setStyle(this.buildStyle(w));
-                    fa.push(f);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (tracks_1_1 && !tracks_1_1.done && (_a = tracks_1.return)) _a.call(tracks_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this.features = fa;
-        };
-        // ** assess attribute change **
-        TrackLayerComponent.prototype.handleLabelZoomChange = function (key, change) {
-            if (key == 'labelMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.updateLabels();
-                }
-            }
-            else if (key == 'mapZoom') {
-                if (typeof this.labelMinZoom !== 'undefined') {
-                    if ((change.currentValue >= this.labelMinZoom && change.previousValue < this.labelMinZoom) ||
-                        (change.currentValue < this.labelMinZoom && change.previousValue >= this.labelMinZoom)) {
-                        this.updateLabels();
-                    }
-                }
-            }
-        };
-        // build track style
-        TrackLayerComponent.prototype.buildStyle = function (trk) {
-            if (typeof this.trackStyles !== 'undefined') {
-                if (trk.feature.properties.skType) {
-                    return this.setTextLabel(this.trackStyles[trk.feature.properties.skType], trk.feature.properties.name);
-                }
-                else {
-                    return this.setTextLabel(this.trackStyles.default, trk.feature.properties.name);
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                return this.setTextLabel(this.layerProperties.style, trk.feature.properties.name);
-            }
-            else { // default styles
-                var s = new style.Style({
-                    stroke: new style.Stroke({
-                        color: 'rgb(146,11,153)',
-                        width: 2,
-                        lineDash: [5, 5]
-                    }),
-                    text: new style.Text({
-                        text: '',
-                        textAlign: 'center'
-                    })
-                });
-                return this.setTextLabel(s, trk.feature.properties.name);
-            }
-        };
-        // update feature labels
-        TrackLayerComponent.prototype.updateLabels = function () {
-            var _this = this;
-            this.source.getFeatures().forEach(function (f) {
-                var s = f.getStyle();
-                f.setStyle(_this.setTextLabel(s, f.get('name')));
-            });
-        };
-        // return a Style with label text
-        TrackLayerComponent.prototype.setTextLabel = function (s, text) {
-            var cs = s.clone();
-            cs.setText(new style.Text({
-                text: (Math.abs(this.mapZoom) >= this.labelMinZoom) ? text : '',
-                rotateWithView: false,
-                offsetY: -12
-            }));
-            return cs;
-        };
-        // ** mapify and transform MultiLineString coordinates
-        TrackLayerComponent.prototype.parseCoordinates = function (mls) {
-            var lines = [];
-            mls.forEach(function (line) { return lines.push(mapifyCoords(line)); });
-            return fromLonLatArray(lines);
-        };
-        return TrackLayerComponent;
-    }());
-    TrackLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-tracks',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    TrackLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    TrackLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        tracks: [{ type: i0.Input }],
-        trackStyles: [{ type: i0.Input }],
-        labelMinZoom: [{ type: i0.Input }],
-        mapZoom: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Signal K resource collection format **
-    var ResourceSetLayerComponent = /** @class */ (function () {
-        function ResourceSetLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.resourceSets = [];
-            this.selected = [];
-            this.labelMinZoom = 10;
-            this.mapZoom = 10;
-            this.changeDetectorRef.detach();
-        }
-        ResourceSetLayerComponent.prototype.ngOnInit = function () {
-            this.parseResourceSets(this.resourceSets);
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        ResourceSetLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'resourceSets') {
-                        this.parseResourceSets(changes[key].currentValue);
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'labelMinZoom' || key == 'mapZoom') {
-                        this.handleLabelZoomChange(key, changes[key]);
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        ResourceSetLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        // process resource sets
-        ResourceSetLayerComponent.prototype.parseResourceSets = function (resourceSets) {
-            var e_1, _j;
-            this.features = [];
-            try {
-                for (var resourceSets_1 = __values(resourceSets), resourceSets_1_1 = resourceSets_1.next(); !resourceSets_1_1.done; resourceSets_1_1 = resourceSets_1.next()) {
-                    var r = resourceSets_1_1.value;
-                    if (this.selected.includes(r.id)) {
-                        this.parseResources(r);
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (resourceSets_1_1 && !resourceSets_1_1.done && (_j = resourceSets_1.return)) _j.call(resourceSets_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        };
-        // process a resource set
-        ResourceSetLayerComponent.prototype.parseResources = function (rSet) {
-            var e_2, _j;
-            var fa = [];
-            try {
-                for (var _k = __values(rSet.values.features), _l = _k.next(); !_l.done; _l = _k.next()) {
-                    var w = _l.value;
-                    var f = void 0;
-                    if (w.geometry.type == 'Point') {
-                        f = new ol.Feature({
-                            geometry: new geom.Point(proj.fromLonLat(w.geometry.coordinates)),
-                            name: w.properties.name
-                        });
-                    }
-                    if (w.geometry.type == 'MultiPoint') {
-                        f = new ol.Feature({
-                            geometry: new geom.MultiPoint(fromLonLatArray(w.geometry.coordinates)),
-                            name: w.properties.name
-                        });
-                    }
-                    else if (w.geometry.type == 'LineString') {
-                        f = new ol.Feature({
-                            geometry: new geom.LineString(fromLonLatArray(w.geometry.coordinates)),
-                            name: w.properties.name
-                        });
-                    }
-                    else if (w.geometry.type == 'MultiLineString') {
-                        f = new ol.Feature({
-                            geometry: new geom.MultiLineString(fromLonLatArray(w.geometry.coordinates)),
-                            name: w.properties.name
-                        });
-                    }
-                    else if (w.geometry.type == 'Polygon') {
-                        f = new ol.Feature({
-                            geometry: new geom.Polygon(fromLonLatArray(w.geometry.coordinates)),
-                            name: w.properties.name
-                        });
-                    }
-                    else if (w.geometry.type == 'MultiPolygon') {
-                        f = new ol.Feature({
-                            geometry: new geom.MultiPolygon(fromLonLatArray(w.geometry.coordinates)),
-                            name: w.properties.name
-                        });
-                    }
-                    if (!f) {
-                        continue;
-                    }
-                    // set style
-                    if (typeof rSet.styles !== 'undefined') {
-                        var rs = void 0;
-                        if (typeof w.properties.styleRef !== 'undefined') {
-                            rs = this.buildStyle(rSet.styles[w.properties.styleRef], w.geometry.type);
-                        }
-                        else if (typeof w.properties.style !== 'undefined') {
-                            rs = this.buildStyle(w.properties.style, w.geometry.type);
-                        }
-                        else {
-                            rs = this.buildStyle(rSet.styles.default, w.geometry.type);
-                        }
-                        f.setStyle(this.setTextLabel(rs, w.properties.name));
-                    }
-                    fa.push(f);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_l && !_l.done && (_j = _k.return)) _j.call(_k);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            this.features = this.features.concat(fa);
-        };
-        // ** assess attribute change **
-        ResourceSetLayerComponent.prototype.handleLabelZoomChange = function (key, change) {
-            if (key == 'labelMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.updateLabels();
-                }
-            }
-            else if (key == 'mapZoom') {
-                if (typeof this.labelMinZoom !== 'undefined') {
-                    if ((change.currentValue >= this.labelMinZoom && change.previousValue < this.labelMinZoom) ||
-                        (change.currentValue < this.labelMinZoom && change.previousValue >= this.labelMinZoom)) {
-                        this.updateLabels();
-                    }
-                }
-            }
-        };
-        // update feature labels
-        ResourceSetLayerComponent.prototype.updateLabels = function () {
-            var _this = this;
-            this.source.getFeatures().forEach(function (f) {
-                var s = f.getStyle();
-                f.setStyle(_this.setTextLabel(s, f.get('name')));
-            });
-        };
-        // return a Style with label text
-        ResourceSetLayerComponent.prototype.setTextLabel = function (s, text) {
-            var cs = s.clone();
-            cs.setText(new style.Text({
-                text: (Math.abs(this.mapZoom) >= this.labelMinZoom) ? text : '',
-                rotateWithView: false,
-                offsetY: -12
-            }));
-            return cs;
-        };
-        ResourceSetLayerComponent.prototype.buildStyle = function (styleDef, geom) {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            var s = new style.Style();
-            if (geom == GeometryType__default['default'].POINT || geom == GeometryType__default['default'].MULTI_POINT) {
-                s.setImage(new style.Circle({
-                    radius: (_a = styleDef.width) !== null && _a !== void 0 ? _a : 5,
-                    fill: new style.Fill({ color: (_b = styleDef.fill) !== null && _b !== void 0 ? _b : 'blue' }),
-                    stroke: new style.Stroke({
-                        color: (_c = styleDef.stroke) !== null && _c !== void 0 ? _c : 'blue',
-                        width: 2,
-                        lineDash: (_d = styleDef.lineDash) !== null && _d !== void 0 ? _d : [1]
-                    })
-                }));
-            }
-            else {
-                s.setFill(new style.Fill({ color: (_e = styleDef.fill) !== null && _e !== void 0 ? _e : 'blue' }));
-                s.setStroke(new style.Stroke({
-                    color: (_f = styleDef.stroke) !== null && _f !== void 0 ? _f : 'blue',
-                    width: (_g = styleDef.width) !== null && _g !== void 0 ? _g : 2,
-                    lineDash: (_h = styleDef.lineDash) !== null && _h !== void 0 ? _h : [1]
-                }));
-            }
-            return s;
-        };
-        return ResourceSetLayerComponent;
-    }());
-    ResourceSetLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-resource-sets',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    ResourceSetLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    ResourceSetLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        resourceSets: [{ type: i0.Input }],
-        selected: [{ type: i0.Input }],
-        labelMinZoom: [{ type: i0.Input }],
-        mapZoom: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Signal K targets  **
-    var SKTargetsLayerComponent = /** @class */ (function () {
-        function SKTargetsLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.targets = new Map();
-            this.inactiveTime = 180000; // in ms (3 mins)
-            this.labelMinZoom = 10;
-            this.mapZoom = 10;
-            this.updateIds = [];
-            this.staleIds = [];
-            this.removeIds = [];
-            this.changeDetectorRef.detach();
-        }
-        SKTargetsLayerComponent.prototype.ngOnInit = function () {
-            this.source = new VectorSource__default['default']();
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            this.parseItems(this.extractKeys(this.targets));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        SKTargetsLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'targets' && changes[key].firstChange) {
-                        if (!changes[key].currentValue) {
-                            return;
-                        }
-                        if (!this.source) {
-                            return;
-                        }
-                        this.source.clear();
-                        this.parseItems(this.extractKeys(changes[key].currentValue));
-                    }
-                    else if (key == 'updateIds') {
-                        this.parseItems(changes[key].currentValue);
-                    }
-                    else if (key == 'staleIds') {
-                        this.parseItems(changes[key].currentValue, true);
-                    }
-                    else if (key == 'removeIds') {
-                        this.removeItems(changes[key].currentValue);
-                    }
-                    else if (key == 'inactiveTime') {
-                        this.parseItems(Object.keys(this.targets));
-                    }
-                    else if (key == 'targetStyles' && !changes[key].firstChange) {
-                        this.parseItems(Object.keys(this.targets));
-                    }
-                    else if (key == 'labelMinZoom' || key == 'mapZoom') {
-                        this.handleLabelZoomChange(key, changes[key]);
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        SKTargetsLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        // ** assess attribute change **
-        SKTargetsLayerComponent.prototype.handleLabelZoomChange = function (key, change) {
-            if (key == 'labelMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.updateLabels();
-                }
-            }
-            else if (key == 'mapZoom') {
-                if (typeof this.labelMinZoom !== 'undefined') {
-                    if ((change.currentValue >= this.labelMinZoom && change.previousValue < this.labelMinZoom) ||
-                        (change.currentValue < this.labelMinZoom && change.previousValue >= this.labelMinZoom)) {
-                        this.updateLabels();
-                    }
-                }
-            }
-        };
-        SKTargetsLayerComponent.prototype.extractKeys = function (m) {
-            var keys = [];
-            m.forEach(function (v, k) { keys.push(k); });
-            return keys;
-        };
-        // add update features
-        SKTargetsLayerComponent.prototype.parseItems = function (ids, stale) {
-            var _this = this;
-            if (stale === void 0) { stale = false; }
-            if (!ids || !Array.isArray(ids)) {
-                return;
-            }
-            if (!this.source) {
-                return;
-            }
-            ids.forEach(function (w) {
-                if (_this.targetType && w.indexOf(_this.targetType) != 0) {
-                    return;
-                }
-                if (_this.targets.has(w)) {
-                    var target = _this.targets.get(w);
-                    // ** target **
-                    var f = _this.source.getFeatureById(w);
-                    if (f) { // exists so update it
-                        if (target.position) {
-                            f.setGeometry(new geom.Point(proj.fromLonLat(target.position)));
-                            f.setStyle(_this.buildStyle(target, stale));
-                        }
-                        else {
-                            _this.source.removeFeature(f);
-                        }
-                    }
-                    else { // does not exist so create it
-                        if (target.position) {
-                            f = new ol.Feature({
-                                geometry: new geom.Point(proj.fromLonLat(target.position)),
-                                name: target.name
-                            });
-                            f.setId(w);
-                            f.setStyle(_this.buildStyle(target, stale));
-                            _this.source.addFeature(f);
-                        }
-                    }
-                }
-            });
-        };
-        // remove features
-        SKTargetsLayerComponent.prototype.removeItems = function (ids) {
-            var _this = this;
-            if (!ids || !Array.isArray(ids)) {
-                return;
-            }
-            if (!this.source) {
-                return;
-            }
-            ids.forEach(function (w) {
-                if (_this.targetType && w.indexOf(_this.targetType) != 0) {
-                    return;
-                }
-                var f = _this.source.getFeatureById(w);
-                if (f) {
-                    _this.source.removeFeature(f);
-                }
-            });
-        };
-        // build target style
-        SKTargetsLayerComponent.prototype.buildStyle = function (item, setStale) {
-            if (setStale === void 0) { setStale = false; }
-            var _a, _b, _c, _d;
-            var s;
-            // label text
-            var lbl = (_c = (_b = (_a = item.name) !== null && _a !== void 0 ? _a : item.callsign) !== null && _b !== void 0 ? _b : item.mmsi) !== null && _c !== void 0 ? _c : '';
-            // ** stale check time ref 
-            var now = new Date().valueOf();
-            if (typeof this.targetStyles !== 'undefined') {
-                if (setStale || item.lastUpdated < (now - this.inactiveTime)) { // stale
-                    s = (_d = this.targetStyles.inactive) !== null && _d !== void 0 ? _d : this.targetStyles.default;
-                }
-                else {
-                    s = this.targetStyles.default;
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                s = this.layerProperties.style;
-            }
-            else {
-                s = new style.Style({
-                    image: new style.RegularShape({
-                        points: 3,
-                        radius: 7,
-                        fill: new style.Fill({ color: 'magenta' }),
-                        stroke: new style.Stroke({
-                            color: 'black',
-                            width: 1
-                        }),
-                        rotateWithView: true
-                    })
-                });
-            }
-            s = this.setRotation(this.setTextLabel(s, lbl), item.orientation);
-            return s;
-        };
-        // update feature labels
-        SKTargetsLayerComponent.prototype.updateLabels = function () {
-            var _this = this;
-            this.source.getFeatures().forEach(function (f) {
-                var s = f.getStyle();
-                f.setStyle(_this.setTextLabel(s, f.get('name')));
-            });
-        };
-        // return a Style with label text set
-        SKTargetsLayerComponent.prototype.setTextLabel = function (s, text) {
-            if (!s) {
-                return s;
-            }
-            var cs = s.clone();
-            var ts = cs.getText();
-            if (ts) {
-                ts.setText((Math.abs(this.mapZoom) >= this.labelMinZoom) ? text : '');
-                cs.setText(ts);
-            }
-            return cs;
-        };
-        // return a Style with rotation set
-        SKTargetsLayerComponent.prototype.setRotation = function (s, value) {
-            if (!s) {
-                return s;
-            }
-            var cs = s.clone();
-            var im = cs.getImage();
-            if (im) {
-                im.setRotation(value !== null && value !== void 0 ? value : 0);
-                cs.setImage(im);
-            }
-            return cs;
-        };
-        return SKTargetsLayerComponent;
-    }());
-    SKTargetsLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > sk-targets',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    SKTargetsLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    SKTargetsLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        targets: [{ type: i0.Input }],
-        targetStyles: [{ type: i0.Input }],
-        targetType: [{ type: i0.Input }],
-        inactiveTime: [{ type: i0.Input }],
-        labelMinZoom: [{ type: i0.Input }],
-        mapZoom: [{ type: i0.Input }],
-        updateIds: [{ type: i0.Input }],
-        staleIds: [{ type: i0.Input }],
-        removeIds: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Signal K Other Vessels  **
-    var SKVesselsLayerComponent = /** @class */ (function () {
-        function SKVesselsLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.targetType = 'vessel';
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.targets = new Map();
-            this.inactiveTime = 180000; // in ms (3 mins)
-            this.labelMinZoom = 10;
-            this.mapZoom = 10;
-            this.showVector = true;
-            this.vectorMinZoom = 15;
-            this.vectorApparent = false;
-            this.updateIds = [];
-            this.staleIds = [];
-            this.removeIds = [];
-            this.zoomOffsetLevel = [
-                1, 1000000, 550000, 290000, 140000, 70000,
-                38000, 17000, 7600, 3900, 1900,
-                950, 470, 250, 120, 60,
-                30, 15.5, 8.1, 4, 2,
-                1, .5, .25, .12, .06,
-                .03, .015, .008, 1
-            ];
-            this.changeDetectorRef.detach();
-        }
-        SKVesselsLayerComponent.prototype.ngOnInit = function () {
-            this.source = new VectorSource__default['default']();
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            this.parseItems(this.extractKeys(this.targets));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        SKVesselsLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'targets' && changes[key].firstChange) {
-                        if (!changes[key].currentValue) {
-                            return;
-                        }
-                        if (!this.source) {
-                            return;
-                        }
-                        this.source.clear();
-                        this.parseItems(this.extractKeys(changes[key].currentValue));
-                    }
-                    else if (key == 'updateIds') {
-                        this.parseItems(changes[key].currentValue);
-                    }
-                    else if (key == 'staleIds') {
-                        this.parseItems(changes[key].currentValue, true);
-                    }
-                    else if (key == 'removeIds') {
-                        this.removeItems(changes[key].currentValue);
-                    }
-                    else if (key == 'inactiveTime') {
-                        this.parseItems(this.extractKeys(this.targets));
-                    }
-                    else if (key == 'focusId' || key == 'filterIds' || key == 'vectorApparent') {
-                        this.parseItems(this.extractKeys(this.targets));
-                    }
-                    else if (key == 'targetStyles' && !changes[key].firstChange) {
-                        this.parseItems(this.extractKeys(this.targets));
-                    }
-                    else if (key == 'labelMinZoom' || key == 'mapZoom' || key == 'vectorMinZoom') {
-                        this.handleLabelZoomChange(key, changes[key]);
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        SKVesselsLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        // ** assess attribute change **
-        SKVesselsLayerComponent.prototype.handleLabelZoomChange = function (key, change) {
-            var _this = this;
-            if (key == 'labelMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.updateLabels();
-                }
-            }
-            else if (key == 'vectorMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.targets.forEach(function (v, k) { _this.parseWindVector(k, v); });
-                }
-            }
-            else if (key == 'mapZoom') {
-                if (typeof this.labelMinZoom !== 'undefined') {
-                    if ((change.currentValue >= this.labelMinZoom && change.previousValue < this.labelMinZoom) ||
-                        (change.currentValue < this.labelMinZoom && change.previousValue >= this.labelMinZoom)) {
-                        this.updateLabels();
-                    }
-                }
-                if (typeof this.vectorMinZoom !== 'undefined') {
-                    if ((change.currentValue >= this.vectorMinZoom && change.previousValue < this.vectorMinZoom) ||
-                        (change.currentValue < this.vectorMinZoom && change.previousValue >= this.vectorMinZoom)) {
-                        this.targets.forEach(function (v, k) { _this.parseWindVector(k, v); });
-                    }
-                }
-            }
-        };
-        SKVesselsLayerComponent.prototype.extractKeys = function (m) {
-            var _this = this;
-            var keys = [];
-            m.forEach(function (v, k) {
-                if (k.indexOf(_this.targetType) != -1) {
-                    keys.push(k);
-                }
-            });
-            return keys;
-        };
-        // returns true if item should be rendered
-        SKVesselsLayerComponent.prototype.okToRender = function (id, vector) {
-            if (vector && !this.showVector) {
-                return false;
-            }
-            if (!this.filterIds) {
-                return true;
-            }
-            if (Array.isArray(this.filterIds)) {
-                return this.filterIds.includes(id);
-            }
-            else {
-                return true;
-            }
-        };
-        // add update features
-        SKVesselsLayerComponent.prototype.parseItems = function (ids, stale) {
-            var _this = this;
-            if (stale === void 0) { stale = false; }
-            if (!ids || !Array.isArray(ids)) {
-                return;
-            }
-            if (!this.source) {
-                return;
-            }
-            ids.forEach(function (w) {
-                if (w.indexOf('vessel') == -1) {
-                    return;
-                }
-                if (_this.targets.has(w)) {
-                    var target = _this.targets.get(w);
-                    // ** target **
-                    var f = _this.source.getFeatureById('ais-' + w);
-                    if (f) { // exists so update it
-                        if (_this.okToRender(w) && target.position) {
-                            f.setGeometry(new geom.Point(proj.fromLonLat(target.position)));
-                            f.setStyle(_this.buildTargetStyle(w, target, stale));
-                        }
-                        else {
-                            _this.source.removeFeature(f);
-                        }
-                    }
-                    else { // does not exist so create it
-                        if (_this.okToRender(w) && target.position) {
-                            f = new ol.Feature({
-                                geometry: new geom.Point(proj.fromLonLat(target.position)),
-                                name: target.name
-                            });
-                            f.setId('ais-' + w);
-                            f.setStyle(_this.buildTargetStyle(w, target, stale));
-                            _this.source.addFeature(f);
-                        }
-                    }
-                    _this.parseWindVector(w, target);
-                }
-            });
-        };
-        // add update Wind vector
-        SKVesselsLayerComponent.prototype.parseWindVector = function (id, target) {
-            if (!this.source) {
-                return;
-            }
-            if (!target.wind || typeof target.orientation === 'undefined') {
-                return;
-            }
-            var windDirection = (this.vectorApparent) ?
-                (typeof target.wind.awa !== 'undefined') ? target.orientation + target.wind.awa : null
-                : target.wind.direction;
-            if (typeof windDirection !== 'number') {
-                return;
-            }
-            var wf = this.source.getFeatureById('wind-' + id);
-            if (!this.okToRender(id, true) || !target.position) {
-                if (wf) {
-                    this.source.removeFeature(wf);
-                }
-                return;
-            }
-            var windc = destCoordinate(target.position, windDirection, this.zoomOffsetLevel[this.mapZoom]);
-            if (wf) { // update vector
-                wf.setGeometry(new geom.LineString([
-                    proj.fromLonLat(target.position),
-                    proj.fromLonLat(windc)
-                ]));
-                wf.setStyle(this.buildVectorStyle(id));
-            }
-            else { // create vector
-                wf = new ol.Feature(new geom.LineString([
-                    proj.fromLonLat(target.position),
-                    proj.fromLonLat(windc)
-                ]));
-                wf.setId('wind-' + id);
-                wf.setStyle(this.buildVectorStyle(id));
-                this.source.addFeature(wf);
-            }
-        };
-        // remove features
-        SKVesselsLayerComponent.prototype.removeItems = function (ids) {
-            var _this = this;
-            if (!ids || !Array.isArray(ids)) {
-                return;
-            }
-            if (!this.source) {
-                return;
-            }
-            ids.forEach(function (w) {
-                var f = _this.source.getFeatureById('ais-' + w);
-                if (f) {
-                    _this.source.removeFeature(f);
-                }
-                f = _this.source.getFeatureById('wind-' + w);
-                if (f) {
-                    _this.source.removeFeature(f);
-                }
-            });
-        };
-        // build target style
-        SKVesselsLayerComponent.prototype.buildTargetStyle = function (id, item, setStale) {
-            if (setStale === void 0) { setStale = false; }
-            var _a, _b, _c;
-            var s;
-            var lbl = (_c = (_b = (_a = item.name) !== null && _a !== void 0 ? _a : item.callsign) !== null && _b !== void 0 ? _b : item.mmsi) !== null && _c !== void 0 ? _c : '';
-            // ** stale check time ref 
-            var now = new Date().valueOf();
-            if (typeof this.targetStyles !== 'undefined') {
-                if (id == this.focusId && this.targetStyles.focus) {
-                    s = this.targetStyles.focus;
-                }
-                else if (setStale || item.lastUpdated < (now - this.inactiveTime)) { // stale
-                    s = this.targetStyles.inactive;
-                }
-                else if (item.buddy && this.targetStyles.buddy) {
-                    s = this.targetStyles.buddy;
-                }
-                else {
-                    s = this.targetStyles.default;
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                s = this.layerProperties.style;
-            }
-            else {
-                if (id == this.focusId) {
-                    s = new style.Style({
-                        image: new style.RegularShape({
-                            points: 3,
-                            radius: 4,
-                            fill: new style.Fill({ color: 'red' }),
-                            stroke: new style.Stroke({
-                                color: 'black',
-                                width: 1
-                            }),
-                            rotateWithView: true
-                        })
-                    });
-                }
-                else if (setStale || item.lastUpdated < (now - this.inactiveTime)) {
-                    s = new style.Style({
-                        image: new style.RegularShape({
-                            points: 3,
-                            radius: 4,
-                            fill: new style.Fill({ color: 'orange' }),
-                            stroke: new style.Stroke({
-                                color: 'black',
-                                width: 1
-                            }),
-                            rotateWithView: true
-                        })
-                    });
-                }
-                else {
-                    s = new style.Style({
-                        image: new style.RegularShape({
-                            points: 3,
-                            radius: 4,
-                            fill: new style.Fill({ color: 'magenta' }),
-                            stroke: new style.Stroke({
-                                color: 'black',
-                                width: 1
-                            }),
-                            rotateWithView: true
-                        })
-                    });
-                }
-            }
-            s = this.setRotation(this.setTextLabel(s, lbl), item.orientation);
-            return s;
-        };
-        // build wind vector style
-        SKVesselsLayerComponent.prototype.buildVectorStyle = function (id) {
-            var color = (this.vectorApparent) ? '16, 75, 16' : '128, 128, 0';
-            var opacity = this.okToRender(id) ? 1 : 0;
-            opacity &= (this.mapZoom < this.vectorMinZoom) ? 0 : 1;
-            return new style.Style({
-                stroke: new style.Stroke({
-                    width: 2,
-                    color: "rgba(" + color + "," + opacity + ")"
-                }),
-            });
-        };
-        // update feature labels
-        SKVesselsLayerComponent.prototype.updateLabels = function () {
-            var _this = this;
-            this.source.getFeatures().forEach(function (f) {
-                var id = f.getId();
-                if (id.indexOf('ais-') != -1) {
-                    var s = f.getStyle();
-                    f.setStyle(_this.setTextLabel(s, f.get('name')));
-                }
-            });
-        };
-        // return a Style with label text set
-        SKVesselsLayerComponent.prototype.setTextLabel = function (s, text) {
-            if (!s) {
-                return s;
-            }
-            var cs = s.clone();
-            var ts = cs.getText();
-            if (ts) {
-                ts.setText((Math.abs(this.mapZoom) >= this.labelMinZoom) ? text : '');
-                cs.setText(ts);
-            }
-            return cs;
-        };
-        // return a Style with rotation set
-        SKVesselsLayerComponent.prototype.setRotation = function (s, value) {
-            if (!s) {
-                return s;
-            }
-            var cs = s.clone();
-            var im = cs.getImage();
-            if (im) {
-                im.setRotation(value !== null && value !== void 0 ? value : 0);
-                cs.setImage(im);
-            }
-            return cs;
-        };
-        return SKVesselsLayerComponent;
-    }());
-    SKVesselsLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > sk-ais-vessels',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    SKVesselsLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    SKVesselsLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        targets: [{ type: i0.Input }],
-        targetStyles: [{ type: i0.Input }],
-        focusId: [{ type: i0.Input }],
-        inactiveTime: [{ type: i0.Input }],
-        labelMinZoom: [{ type: i0.Input }],
-        mapZoom: [{ type: i0.Input }],
-        showVector: [{ type: i0.Input }],
-        vectorMinZoom: [{ type: i0.Input }],
-        vectorApparent: [{ type: i0.Input }],
-        filterIds: [{ type: i0.Input }],
-        updateIds: [{ type: i0.Input }],
-        staleIds: [{ type: i0.Input }],
-        removeIds: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Signal K target tracks  **
-    var SKTargetTracksLayerComponent = /** @class */ (function () {
-        function SKTargetTracksLayerComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.tracks = new Map();
-            this.minZoom = 10;
-            this.mapZoom = 10;
-            this.showTracks = true;
-            this.updateIds = [];
-            this.removeIds = [];
-            this.changeDetectorRef.detach();
-        }
-        SKTargetTracksLayerComponent.prototype.ngOnInit = function () {
-            this.source = new VectorSource__default['default']();
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            this.parseItems(this.extractKeys(this.tracks));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        SKTargetTracksLayerComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'tracks' && changes[key].firstChange) {
-                        if (!changes[key].currentValue) {
-                            return;
-                        }
-                        if (!this.source) {
-                            return;
-                        }
-                        this.source.clear();
-                        this.parseItems(this.extractKeys(changes[key].currentValue));
-                    }
-                    else if (key == 'updateIds') {
-                        this.parseItems(changes[key].currentValue);
-                    }
-                    else if (key == 'removeIds') {
-                        this.removeItems(changes[key].currentValue);
-                    }
-                    else if (key == 'showTracks' && !changes[key].firstChange) {
-                        if (changes[key].currentValue) {
-                            this.parseItems(this.extractKeys(this.tracks));
-                        }
-                        else {
-                            this.source.clear();
-                        }
-                    }
-                    else if (key == 'labelMinZoom' || key == 'mapZoom') {
-                        this.handleLabelZoomChange(key, changes[key]);
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        SKTargetTracksLayerComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        // ** assess attribute change **
-        SKTargetTracksLayerComponent.prototype.handleLabelZoomChange = function (key, change) {
-            if (key == 'labelMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.parseItems(this.extractKeys(this.tracks));
-                }
-            }
-            else if (key == 'mapZoom') {
-                if (typeof this.minZoom !== 'undefined') {
-                    if ((change.currentValue >= this.minZoom && change.previousValue < this.minZoom) ||
-                        (change.currentValue < this.minZoom && change.previousValue >= this.minZoom)) {
-                        this.parseItems(this.extractKeys(this.tracks));
-                    }
-                }
-            }
-        };
-        SKTargetTracksLayerComponent.prototype.extractKeys = function (m) {
-            var keys = [];
-            m.forEach(function (v, k) { keys.push(k); });
-            return keys;
-        };
-        // add update features
-        SKTargetTracksLayerComponent.prototype.parseItems = function (ids) {
-            var _this = this;
-            if (!ids || !Array.isArray(ids)) {
-                return;
-            }
-            if (!this.source) {
-                return;
-            }
-            ids.forEach(function (w) {
-                if (_this.tracks.has(w)) {
-                    var target = _this.tracks.get(w);
-                    // ** target **
-                    var f = _this.source.getFeatureById('track-' + w);
-                    if (f) { // exists so update it
-                        f.setGeometry(new geom.MultiLineString(_this.parseCoordinates(target)));
-                        f.setStyle(_this.buildStyle(w));
-                    }
-                    else { // does not exist so create it
-                        f = new ol.Feature({
-                            geometry: new geom.MultiLineString(_this.parseCoordinates(target))
-                        });
-                        f.setId('track-' + w);
-                        f.setStyle(_this.buildStyle(w));
-                        _this.source.addFeature(f);
-                    }
-                }
-            });
-        };
-        // remove features
-        SKTargetTracksLayerComponent.prototype.removeItems = function (ids) {
-            var _this = this;
-            if (!ids || !Array.isArray(ids)) {
-                return;
-            }
-            if (!this.source) {
-                return;
-            }
-            ids.forEach(function (w) {
-                var f = _this.source.getFeatureById('track-' + w);
-                if (f) {
-                    _this.source.removeFeature(f);
-                }
-            });
-        };
-        // build target style
-        SKTargetTracksLayerComponent.prototype.buildStyle = function (id) {
-            var rgb = (id.indexOf('aircraft') != -1) ? '0, 0, 255' : '255, 0, 255';
-            var color = (this.mapZoom < this.minZoom) ? "rgba(" + rgb + ",0)" : "rgba(" + rgb + ",1)";
-            color = (this.showTracks) ? "rgba(" + rgb + ",1)" : "rgba(" + rgb + ",0)";
-            if (this.layerProperties && this.layerProperties.style) {
-                var cs = this.layerProperties.style.clone();
-                var ls = cs.getStroke();
-                ls.setColor(color);
-                cs.setStroke(ls);
-                return cs;
-            }
-            else {
-                return new style.Style({
-                    stroke: new style.Stroke({
-                        width: 1,
-                        color: color,
-                        lineDash: [2, 2]
-                    })
-                });
-            }
-        };
-        // ** mapify and transform MultiLineString coordinates
-        SKTargetTracksLayerComponent.prototype.parseCoordinates = function (trk) {
-            // ** handle dateline crossing **
-            var tc = trk.map(function (mls) {
-                var lines = [];
-                mls.forEach(function (line) { return lines.push(mapifyCoords(line)); });
-                return lines;
-            });
-            return fromLonLatArray(tc);
-        };
-        return SKTargetTracksLayerComponent;
-    }());
-    SKTargetTracksLayerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > sk-target-tracks',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    SKTargetTracksLayerComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    SKTargetTracksLayerComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        tracks: [{ type: i0.Input }],
-        minZoom: [{ type: i0.Input }],
-        mapZoom: [{ type: i0.Input }],
-        showTracks: [{ type: i0.Input }],
-        updateIds: [{ type: i0.Input }],
-        removeIds: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard Anchor Alarm component **
-    var AnchorAlarmComponent = /** @class */ (function () {
-        function AnchorAlarmComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.mapifiedRadius = 0;
-            this.mapifiedLine = [];
-            this.changeDetectorRef.detach();
-        }
-        AnchorAlarmComponent.prototype.ngOnInit = function () {
-            this.parseValues();
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        AnchorAlarmComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'radius' || key == 'anchorPosition' || key == 'lineCoords') {
-                        this.parseValues();
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        AnchorAlarmComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        AnchorAlarmComponent.prototype.parseValues = function () {
-            this.mapifiedRadius = mapifyRadius(this.radius, this.anchorPosition);
-            this.mapifiedLine = mapifyCoords(this.lineCoords);
-            var fa = [];
-            var f = new ol.Feature({
-                geometry: new geom.LineString(fromLonLatArray(this.mapifiedLine))
-            });
-            f.setStyle(this.buildStyle('line'));
-            fa.push(f);
-            f = new ol.Feature({
-                geometry: new geom.Circle(proj.fromLonLat(this.anchorPosition), this.mapifiedRadius)
-            });
-            f.setStyle(this.buildStyle('circle'));
-            fa.push(f);
-            f = new ol.Feature({
-                geometry: new geom.Point(proj.fromLonLat(this.anchorPosition))
-            });
-            f.setStyle(this.buildStyle('anchor'));
-            fa.push(f);
-            this.features = fa;
-        };
-        // build target style
-        AnchorAlarmComponent.prototype.buildStyle = function (key) {
-            if (this.anchorStyles && this.anchorStyles[key]) {
-                return this.anchorStyles[key];
-            }
-            else {
-                if (this.layerProperties && this.layerProperties.style) {
-                    return this.layerProperties.style;
-                }
-                else { // default style
-                    return new style.Style({
-                        stroke: new style.Stroke({
-                            width: 2,
-                            color: 'black',
-                            lineDash: [5, 5]
-                        }),
-                        fill: new style.Fill({
-                            color: 'rgba(0, 255, 0, .3)'
-                        })
-                    });
-                }
-            }
-        };
-        return AnchorAlarmComponent;
-    }());
-    AnchorAlarmComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-anchor-alarm',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    AnchorAlarmComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    AnchorAlarmComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        radius: [{ type: i0.Input }],
-        anchorPosition: [{ type: i0.Input }],
-        lineCoords: [{ type: i0.Input }],
-        anchorStyles: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard CPA Alarm component **
-    var CPAAlarmComponent = /** @class */ (function () {
-        function CPAAlarmComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.mapifiedLine = [];
-            this.changeDetectorRef.detach();
-        }
-        CPAAlarmComponent.prototype.ngOnInit = function () {
-            this.parseValues();
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        CPAAlarmComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'targetPosition' || key == 'lineCoords') {
-                        this.parseValues();
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        CPAAlarmComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        CPAAlarmComponent.prototype.parseValues = function () {
-            this.mapifiedLine = mapifyCoords(this.lineCoords);
-            var fa = [];
-            var f = new ol.Feature({
-                geometry: new geom.LineString(fromLonLatArray(this.mapifiedLine))
-            });
-            f.setStyle(this.buildStyle());
-            fa.push(f);
-            f = new ol.Feature({
-                geometry: new geom.Point(proj.fromLonLat(this.targetPosition))
-            });
-            f.setStyle(this.buildStyle());
-            fa.push(f);
-            this.features = fa;
-        };
-        // build target style
-        CPAAlarmComponent.prototype.buildStyle = function () {
-            var cs;
-            if (this.layerProperties && this.layerProperties.style) {
-                cs = this.layerProperties.style;
-            }
-            else { // default style
-                cs = new style.Style({
-                    image: new style.Circle({
-                        radius: 10,
-                        stroke: new style.Stroke({
-                            width: 2,
-                            color: 'red',
-                            lineDash: [2, 3]
-                        }),
-                        fill: new style.Fill({
-                            color: 'rgba(255,0,0,.2)'
-                        })
-                    }),
-                    stroke: new style.Stroke({
-                        width: 2,
-                        color: 'red',
-                        lineDash: [2, 3]
-                    }),
-                    fill: new style.Fill({
-                        color: 'rgba(255,0,0,.2)'
-                    })
-                });
-            }
-            return cs;
-        };
-        return CPAAlarmComponent;
-    }());
-    CPAAlarmComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-cpa-alarm',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    CPAAlarmComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    CPAAlarmComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        targetPosition: [{ type: i0.Input }],
-        lineCoords: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard Arrival Circle component **
-    var ArrivalCircleComponent = /** @class */ (function () {
-        function ArrivalCircleComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.mapifiedLine = [];
-            this.changeDetectorRef.detach();
-        }
-        ArrivalCircleComponent.prototype.ngOnInit = function () {
-            this.parseValues();
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        ArrivalCircleComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'position' || key == 'radius') {
-                        this.parseValues();
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        ArrivalCircleComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        ArrivalCircleComponent.prototype.parseValues = function () {
-            var fa = [];
-            var f = new ol.Feature({
-                geometry: new geom.Circle(proj.fromLonLat(this.position), mapifyRadius(this.radius, this.position))
-            });
-            f.setStyle(this.buildStyle());
-            fa.push(f);
-            this.features = fa;
-        };
-        // build target style
-        ArrivalCircleComponent.prototype.buildStyle = function () {
-            var cs;
-            if (this.layerProperties && this.layerProperties.style) {
-                cs = this.layerProperties.style;
-            }
-            else { // default style
-                cs = new style.Style({
-                    fill: new style.Fill({ color: 'rgba(255, 255, 255, .1)' }),
-                    stroke: new style.Stroke({
-                        color: 'rgba(242, 153, 10, 1)',
-                        width: 2,
-                        lineDash: [5, 5]
-                    })
-                });
-            }
-            return cs;
-        };
-        return ArrivalCircleComponent;
-    }());
-    ArrivalCircleComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-arrival-circle',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    ArrivalCircleComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    ArrivalCircleComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        position: [{ type: i0.Input }],
-        radius: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard XTE path component **
-    var XTEPathComponent = /** @class */ (function () {
-        function XTEPathComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.mapifiedLine = [];
-            this.changeDetectorRef.detach();
-        }
-        XTEPathComponent.prototype.ngOnInit = function () {
-            this.parseValues();
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        XTEPathComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'color' || key == 'lineCoords') {
-                        this.parseValues();
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        XTEPathComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        XTEPathComponent.prototype.parseValues = function () {
-            this.mapifiedLine = mapifyCoords(this.lineCoords);
-            var fa = [];
-            var f = new ol.Feature({
-                geometry: new geom.LineString(fromLonLatArray(this.mapifiedLine))
-            });
-            f.setStyle(this.buildStyle());
-            fa.push(f);
-            this.features = fa;
-        };
-        // build target style
-        XTEPathComponent.prototype.buildStyle = function () {
-            var _a;
-            var cs;
-            if (this.layerProperties && this.layerProperties.style) {
-                cs = this.layerProperties.style;
-            }
-            else { // default style
-                var color = (_a = this.color) !== null && _a !== void 0 ? _a : 'gray';
-                cs = new style.Style({
-                    stroke: new style.Stroke({
-                        width: 1,
-                        color: color,
-                        lineDash: [5, 5]
-                    }),
-                    fill: new style.Fill({
-                        color: 'rgba(255,0,0,.2)'
-                    })
-                });
-            }
-            return cs;
-        };
-        return XTEPathComponent;
-    }());
-    XTEPathComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-xte-path',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    XTEPathComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    XTEPathComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        color: [{ type: i0.Input }],
-        lineCoords: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard Bearing line component **
-    var BearingLineComponent = /** @class */ (function () {
-        function BearingLineComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            this.features = [];
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.showMarker = false;
-            this.mapZoom = 10;
-            this.labelMinZoom = 10;
-            this.mapifiedRadius = 0;
-            this.mapifiedLine = [];
-            this.changeDetectorRef.detach();
-        }
-        BearingLineComponent.prototype.ngOnInit = function () {
-            this.parseValues();
-            this.source = new VectorSource__default['default']({ features: this.features });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        BearingLineComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'marker' || key == 'showMarker' || key == 'lineCoords') {
-                        this.parseValues();
-                        if (this.source) {
-                            this.source.clear();
-                            this.source.addFeatures(this.features);
-                        }
-                    }
-                    else if (key == 'markerName' || key == 'labelMinZoom' || key == 'mapZoom') {
-                        this.handleLabelZoomChange(key, changes[key]);
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        BearingLineComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        BearingLineComponent.prototype.parseValues = function () {
-            this.mapifiedLine = mapifyCoords(this.lineCoords);
-            var fa = [];
-            var f = new ol.Feature({
-                geometry: new geom.LineString(fromLonLatArray(this.mapifiedLine))
-            });
-            f.setStyle(this.buildStyle('base'));
-            fa.push(f);
-            f = new ol.Feature({
-                geometry: new geom.LineString(fromLonLatArray(this.mapifiedLine))
-            });
-            f.setStyle(this.buildStyle('line'));
-            fa.push(f);
-            f = new ol.Feature({
-                geometry: new geom.Point(proj.fromLonLat(this.marker))
-            });
-            f.setId('d.base');
-            f.setStyle(this.buildStyle('marker-base'));
-            this.updateLabel(f);
-            fa.push(f);
-            if (this.showMarker) {
-                f = new ol.Feature({
-                    geometry: new geom.Point(proj.fromLonLat(this.marker))
-                });
-                f.setId('dest.point');
-                f.setStyle(this.buildStyle('marker'));
-                fa.push(f);
-            }
-            this.features = fa;
-        };
-        // build target style
-        BearingLineComponent.prototype.buildStyle = function (key) {
-            if (this.bearingStyles && this.bearingStyles[key]) {
-                return this.bearingStyles[key];
-            }
-            else {
-                if (this.layerProperties && this.layerProperties.style) {
-                    return this.layerProperties.style;
-                }
-                else { // default style
-                    if (key == 'base') {
-                        return new style.Style({
-                            stroke: new style.Stroke({
-                                width: 6,
-                                color: 'white'
-                            }),
-                            fill: new style.Fill({
-                                color: 'white'
-                            }),
-                            image: new style.Circle({
-                                radius: 5,
-                                stroke: new style.Stroke({
-                                    width: 2,
-                                    color: 'white'
-                                }),
-                                fill: new style.Fill({
-                                    color: 'rgba(221, 149, 0, 1)'
-                                })
-                            })
-                        });
-                    }
-                    else if (key == 'marker-base') {
-                        return new style.Style({
-                            image: new style.Circle({
-                                radius: 5,
-                                stroke: new style.Stroke({
-                                    width: 2,
-                                    color: 'white'
-                                }),
-                                fill: new style.Fill({
-                                    color: 'rgba(221, 149, 0, 1)'
-                                })
-                            }),
-                            text: new style.Text({
-                                text: '',
-                                offsetX: 25
-                            })
-                        });
-                    }
-                    else {
-                        return new style.Style({
-                            stroke: new style.Stroke({
-                                width: 2,
-                                color: 'rgba(221, 149, 0, 1)'
-                            }),
-                            fill: new style.Fill({
-                                color: 'rgba(221, 149, 0, 1)'
-                            })
-                        });
-                    }
-                }
-            }
-        };
-        // ** assess attribute change **
-        BearingLineComponent.prototype.handleLabelZoomChange = function (key, change) {
-            if (key == 'labelMinZoom') {
-                if (typeof this.mapZoom !== 'undefined') {
-                    this.updateLabel();
-                }
-            }
-            else if (key == 'mapZoom') {
-                if (typeof this.labelMinZoom !== 'undefined') {
-                    if ((change.currentValue >= this.labelMinZoom && change.previousValue < this.labelMinZoom) ||
-                        (change.currentValue < this.labelMinZoom && change.previousValue >= this.labelMinZoom)) {
-                        this.updateLabel();
-                    }
-                }
-            }
-        };
-        // update feature labels
-        BearingLineComponent.prototype.updateLabel = function (f) {
-            var _a;
-            if (!f && this.source) {
-                f = this.source.getFeatureById('d.base');
-            }
-            var s = f.getStyle();
-            if (!s) {
-                return;
-            }
-            var ts = s.getText();
-            if (!ts) {
-                return;
-            }
-            ts.setText((Math.abs(this.mapZoom) >= this.labelMinZoom) ? (_a = this.markerName) !== null && _a !== void 0 ? _a : '' : '');
-            s.setText(ts);
-            f.setStyle(s);
-        };
-        return BearingLineComponent;
-    }());
-    BearingLineComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-bearing-line',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    BearingLineComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    BearingLineComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        marker: [{ type: i0.Input }],
-        markerName: [{ type: i0.Input }],
-        lineCoords: [{ type: i0.Input }],
-        showMarker: [{ type: i0.Input }],
-        mapZoom: [{ type: i0.Input }],
-        labelMinZoom: [{ type: i0.Input }],
-        bearingStyles: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard Vessel component **
-    var VesselComponent = /** @class */ (function () {
-        function VesselComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.heading = 0;
-            this.showWind = false;
-            this.changeDetectorRef.detach();
-        }
-        VesselComponent.prototype.ngOnInit = function () {
-            var fa = [];
-            this.parseVessel();
-            if (this.vessel) {
-                fa.push(this.vessel);
-            }
-            this.renderVesselLines();
-            if (this.headingLine) {
-                fa.push(this.headingLine);
-            }
-            if (this.twdLine) {
-                fa.push(this.twdLine);
-            }
-            if (this.awaLine) {
-                fa.push(this.awaLine);
-            }
-            this.source = new VectorSource__default['default']({ features: fa });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        VesselComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'id' || key == 'activeId' || key == 'position' || key == 'heading') {
-                        if (this.source) {
-                            this.parseVessel();
-                        }
-                    }
-                    else if (key == 'vesselLines' || key == 'showWind') {
-                        if (this.source) {
-                            this.renderVesselLines();
-                        }
-                    }
-                    else if (key == 'vesselStyles') {
-                        if (this.source) {
-                            this.parseVessel();
-                        }
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        VesselComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        VesselComponent.prototype.parseVessel = function () {
-            var _a, _b, _c;
-            if (!this.vessel) { // create feature
-                this.vessel = new ol.Feature(new geom.Point(proj.fromLonLat([
-                    (_a = this.position[0]) !== null && _a !== void 0 ? _a : 0,
-                    (_b = this.position[1]) !== null && _b !== void 0 ? _b : 0
-                ])));
-            }
-            //update feature
-            if (this.position && Array.isArray(this.position) && this.position.length > 1) {
-                var g = this.vessel.getGeometry();
-                g.setCoordinates(proj.fromLonLat([
-                    this.position[0],
-                    this.position[1]
-                ]));
-            }
-            this.vessel.setId((_c = this.id) !== null && _c !== void 0 ? _c : 'self');
-            var s = this.buildStyle();
-            if (s) {
-                var im = s.getImage();
-                if (im) {
-                    im.setRotation(this.heading);
-                }
-                ;
-                this.vessel.setStyle(s);
-            }
-        };
-        // build target style
-        VesselComponent.prototype.buildStyle = function () {
-            var _a;
-            var cs = new style.Style({
-                image: new style.RegularShape({
-                    points: 3,
-                    radius: 15,
-                    fill: new style.Fill({ color: 'red' }),
-                    stroke: new style.Stroke({
-                        color: 'black',
-                        width: 3
-                    }),
-                    rotateWithView: true,
-                    rotation: (_a = this.heading) !== null && _a !== void 0 ? _a : 0
-                })
-            });
-            if (this.vesselStyles) {
-                if (this.activeId && this.activeId != this.id) {
-                    if (this.vesselStyles.inactive) {
-                        cs = this.vesselStyles.inactive;
-                    }
-                }
-                else {
-                    if (this.vesselStyles.default) {
-                        cs = this.vesselStyles.default;
-                    }
-                }
-            }
-            else if (this.layerProperties && this.layerProperties.style) {
-                cs = this.layerProperties.style;
-            }
-            return cs;
-        };
-        // remove feature from layer
-        VesselComponent.prototype.removeFeature = function (f) {
-            if (this.source) {
-                this.source.removeFeature(f);
-            }
-        };
-        VesselComponent.prototype.renderVesselLines = function () {
-            if (!this.vesselLines) {
-                return;
-            }
-            if ('heading' in this.vesselLines) {
-                this.headingLine = this.updateLine(this.headingLine, this.vesselLines.heading);
-                this.headingLine.setStyle(new style.Style({
-                    stroke: new style.Stroke({ color: 'rgba(221, 99, 0, 0.5)', width: 4 })
-                }));
-            }
-            else {
-                this.removeFeature(this.headingLine);
-            }
-            if ('twd' in this.vesselLines) {
-                this.twdLine = this.updateLine(this.twdLine, this.vesselLines.twd);
-                this.twdLine.setStyle(new style.Style({
-                    stroke: new style.Stroke({ color: "rgb(128, 128, 0, " + (this.showWind ? 1 : 0) + ")", width: 2 })
-                }));
-            }
-            else {
-                this.removeFeature(this.twdLine);
-            }
-            if ('awa' in this.vesselLines) {
-                this.awaLine = this.updateLine(this.awaLine, this.vesselLines.awa);
-                this.awaLine.setStyle(new style.Style({
-                    stroke: new style.Stroke({ color: "rgb(16, 75, 16, " + (this.showWind ? 1 : 0) + ")", width: 1 })
-                }));
-            }
-            else {
-                this.removeFeature(this.awaLine);
-            }
-        };
-        // ** update line geometry **
-        VesselComponent.prototype.updateLine = function (lf, coords) {
-            if (!coords || !Array.isArray(coords)) {
-                return;
-            }
-            if (!lf) { // create feature
-                lf = new ol.Feature(new geom.LineString(fromLonLatArray(mapifyCoords(coords))));
-            }
-            else {
-                var g = lf.getGeometry();
-                g.setCoordinates(fromLonLatArray(mapifyCoords(coords)));
-            }
-            return lf;
-        };
-        return VesselComponent;
-    }());
-    VesselComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-vessel',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    VesselComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    VesselComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        id: [{ type: i0.Input }],
-        activeId: [{ type: i0.Input }],
-        position: [{ type: i0.Input }],
-        heading: [{ type: i0.Input }],
-        vesselStyles: [{ type: i0.Input }],
-        vesselLines: [{ type: i0.Input }],
-        showWind: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    // ** Freeboard Vessel trail component **
-    var VesselTrailComponent = /** @class */ (function () {
-        function VesselTrailComponent(changeDetectorRef, mapComponent) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.mapComponent = mapComponent;
-            /**
-             * This event is triggered after the layer is initialized
-             * Use this to have access to the layer and some helper functions
-             */
-            this.layerReady = new rxjs.AsyncSubject(); // AsyncSubject will only store the last value, and only publish it when the sequence is completed
-            this.changeDetectorRef.detach();
-        }
-        VesselTrailComponent.prototype.ngOnInit = function () {
-            var fa = [];
-            this.parseTrails();
-            if (this.trailLocal) {
-                fa.push(this.trailLocal);
-            }
-            if (this.trailServer) {
-                fa.push(this.trailServer);
-            }
-            this.source = new VectorSource__default['default']({ features: fa });
-            this.layer = new VectorLayer__default['default'](Object.assign(this, Object.assign({}, this.layerProperties)));
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.addLayer(this.layer);
-                map.render();
-                this.layerReady.next(this.layer);
-                this.layerReady.complete();
-            }
-        };
-        VesselTrailComponent.prototype.ngOnChanges = function (changes) {
-            if (this.layer) {
-                var properties = {};
-                for (var key in changes) {
-                    if (key == 'localTrail') {
-                        if (this.source) {
-                            this.parseLocalTrail();
-                        }
-                    }
-                    if (key == 'serverTrail') {
-                        if (this.source) {
-                            this.parseServerTrail();
-                        }
-                    }
-                    if (key == 'trailStyles') {
-                        if (this.source) {
-                            this.parseTrails();
-                        }
-                    }
-                    else if (key == 'layerProperties') {
-                        this.layer.setProperties(properties, false);
-                    }
-                    else {
-                        properties[key] = changes[key].currentValue;
-                    }
-                }
-                this.layer.setProperties(properties, false);
-            }
-        };
-        VesselTrailComponent.prototype.ngOnDestroy = function () {
-            var map = this.mapComponent.getMap();
-            if (this.layer && map) {
-                map.removeLayer(this.layer);
-                map.render();
-                this.layer = null;
-            }
-        };
-        VesselTrailComponent.prototype.parseTrails = function () {
-            this.parseLocalTrail();
-            this.parseServerTrail();
-        };
-        VesselTrailComponent.prototype.parseLocalTrail = function () {
-            if (!this.localTrail) {
-                return;
-            }
-            var c = fromLonLatArray(this.localTrail);
-            if (!this.trailLocal) { // create feature
-                this.trailLocal = new ol.Feature(new geom.LineString(mapifyCoords(c)));
-                this.trailLocal.setId('trail.self.local');
-                this.trailLocal.setStyle(this.buildStyle('local'));
-            }
-            else { //update feature
-                this.trailLocal = this.source.getFeatureById('trail.self.local');
-                if (this.localTrail && Array.isArray(this.localTrail)) {
-                    var g = this.trailLocal.getGeometry();
-                    g.setCoordinates(mapifyCoords(c));
-                }
-            }
-        };
-        VesselTrailComponent.prototype.parseServerTrail = function () {
-            if (!this.serverTrail) {
-                return;
-            }
-            var c = fromLonLatArray(this.serverTrail);
-            var ca = [];
-            c.forEach(function (t) { ca.push(mapifyCoords(t)); });
-            if (!this.trailServer) { // create feature
-                this.trailServer = new ol.Feature(new geom.MultiLineString(ca));
-                this.trailServer.setId('trail.self.server');
-                this.trailServer.setStyle(this.buildStyle('server'));
-            }
-            else { //update feature
-                this.trailServer = this.source.getFeatureById('trail.self.server');
-                if (this.serverTrail && Array.isArray(this.serverTrail)) {
-                    var g = this.trailServer.getGeometry();
-                    g.setCoordinates(ca);
-                }
-            }
-        };
-        // build target style
-        VesselTrailComponent.prototype.buildStyle = function (type) {
-            if (type === void 0) { type = 'local'; }
-            var cs;
-            if (type == 'server') {
-                if (this.trailStyles && this.trailStyles.server) {
-                    cs = this.trailStyles.server;
-                }
-                else {
-                    cs = new style.Style({
-                        stroke: new style.Stroke({
-                            color: 'rgb(252, 3, 132)',
-                            width: 1,
-                            lineDash: [4, 4]
-                        })
-                    });
-                }
-            }
-            else {
-                if (this.trailStyles && this.trailStyles.local) {
-                    cs = this.trailStyles.local;
-                }
-                else {
-                    cs = new style.Style({
-                        stroke: new style.Stroke({
-                            color: 'rgb(252, 3, 132)',
-                            width: 1,
-                            lineDash: [2, 2]
-                        })
-                    });
-                }
-            }
-            return cs;
-        };
-        return VesselTrailComponent;
-    }());
-    VesselTrailComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ol-map > fb-vessel-trail',
-                    template: '<ng-content></ng-content>',
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    VesselTrailComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: MapComponent }
-    ]; };
-    VesselTrailComponent.propDecorators = {
-        layerReady: [{ type: i0.Output }],
-        localTrail: [{ type: i0.Input }],
-        serverTrail: [{ type: i0.Input }],
-        trailStyles: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        extent: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }],
-        minResolution: [{ type: i0.Input }],
-        maxResolution: [{ type: i0.Input }],
-        layerProperties: [{ type: i0.Input }]
-    };
-
-    var declarations = [
-        ContentComponent,
-        ControlsDirective,
-        LayerComponent,
-        InteractionsDirective,
-        MapComponent,
-        OverlayComponent,
-        ViewDirective,
-        ControlComponent,
-        InteractionDrawComponent, InteractionModifyComponent,
-        WaypointLayerComponent, FreeboardWaypointLayerComponent,
-        NoteLayerComponent, FreeboardNoteLayerComponent,
-        RouteLayerComponent, FreeboardRouteLayerComponent,
-        RegionLayerComponent, FreeboardRegionLayerComponent,
-        TrackLayerComponent, FreeboardChartLayerComponent,
-        ResourceSetLayerComponent,
-        SKTargetsLayerComponent, SKTargetTracksLayerComponent,
-        AnchorAlarmComponent, CPAAlarmComponent,
-        ArrivalCircleComponent, XTEPathComponent, BearingLineComponent,
-        VesselComponent, VesselTrailComponent, SKVesselsLayerComponent
-    ];
-    var FreeboardOpenlayersModule = /** @class */ (function () {
-        function FreeboardOpenlayersModule() {
-        }
-        return FreeboardOpenlayersModule;
-    }());
-    FreeboardOpenlayersModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [],
-                    declarations: __spreadArray([], __read(declarations)),
-                    exports: __spreadArray([], __read(declarations))
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AnchorAlarmComponent = AnchorAlarmComponent;
-    exports.ArrivalCircleComponent = ArrivalCircleComponent;
-    exports.BearingLineComponent = BearingLineComponent;
-    exports.CPAAlarmComponent = CPAAlarmComponent;
-    exports.ContentComponent = ContentComponent;
-    exports.ControlComponent = ControlComponent;
-    exports.ControlsDirective = ControlsDirective;
-    exports.FreeboardChartLayerComponent = FreeboardChartLayerComponent;
-    exports.FreeboardNoteLayerComponent = FreeboardNoteLayerComponent;
-    exports.FreeboardOpenlayersModule = FreeboardOpenlayersModule;
-    exports.FreeboardRegionLayerComponent = FreeboardRegionLayerComponent;
-    exports.FreeboardRouteLayerComponent = FreeboardRouteLayerComponent;
-    exports.FreeboardWaypointLayerComponent = FreeboardWaypointLayerComponent;
-    exports.InteractionDrawComponent = InteractionDrawComponent;
-    exports.InteractionModifyComponent = InteractionModifyComponent;
-    exports.InteractionsDirective = InteractionsDirective;
-    exports.LayerComponent = LayerComponent;
-    exports.MapComponent = MapComponent;
-    exports.MapService = MapService;
-    exports.NoteLayerComponent = NoteLayerComponent;
-    exports.OverlayComponent = OverlayComponent;
-    exports.RegionLayerComponent = RegionLayerComponent;
-    exports.ResourceSetLayerComponent = ResourceSetLayerComponent;
-    exports.RouteLayerComponent = RouteLayerComponent;
-    exports.SKTargetTracksLayerComponent = SKTargetTracksLayerComponent;
-    exports.SKTargetsLayerComponent = SKTargetsLayerComponent;
-    exports.SKVesselsLayerComponent = SKVesselsLayerComponent;
-    exports.TrackLayerComponent = TrackLayerComponent;
-    exports.VesselComponent = VesselComponent;
-    exports.VesselTrailComponent = VesselTrailComponent;
-    exports.ViewDirective = ViewDirective;
-    exports.WaypointLayerComponent = WaypointLayerComponent;
-    exports.XTEPathComponent = XTEPathComponent;
-    exports.defaultLayers = defaultLayers;
-    exports.destCoordinate = destCoordinate;
-    exports.fromLonLatArray = fromLonLatArray;
-    exports.inDLCrossingZone = inDLCrossingZone;
-    exports.mapifyCoords = mapifyCoords;
-    exports.mapifyRadius = mapifyRadius;
-    exports.osmLayer = osmLayer;
-    exports.osmSource = osmSource;
-    exports.stringToEl = stringToEl;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=fb-openlayers.umd.js.map