mobility-toolbox-js 2.0.0-beta.30 → 2.0.0-beta.34

package/mbt.js

@@ -32774,6 +32774,8 @@ uniform ${i3} ${o3} u_${a3};
     getHoursAndMinutes: () => getHoursAndMinutes,
     getLayersAsFlatArray: () => getLayersAsFlatArray_default,
     getMapboxMapCopyrights: () => getMapboxMapCopyrights_default,
+    getMapboxRender: () => getMapboxRender,
+    getMaplibreRender: () => getMaplibreRender,
     getTextCanvas: () => getTextCanvas,
     getUTCDateString: () => getUTCDateString,
     getUTCTimeString: () => getUTCTimeString,
@@ -33345,9 +33347,9 @@ uniform ${i3} ${o3} u_${a3};
   };
   var getUrlWithParams_default = getUrlWithParams;
 
-  // src/common/api/HttpAPI.js
+  // src/common/api/HttpAPI.ts
   var HttpAPI = class extends Object_default {
-    constructor(options = {}) {
+    constructor(options) {
       super();
       this.url = options.url;
       this.apiKey = options.apiKey;
@@ -33377,18 +33379,16 @@ uniform ${i3} ${o3} u_${a3};
   };
   var HttpAPI_default = HttpAPI;
 
-  // src/api/RoutingAPI.js
+  // src/api/RoutingAPI.ts
   var RoutingAPI = class extends HttpAPI_default {
-    constructor(options = {}) {
+    constructor(options) {
       super({
         url: "https://api.geops.io/routing/v1/",
-        ...options
+        ...options || {}
       });
     }
-    route(params, abortController = new AbortController()) {
-      return this.fetch("", params, {
-        signal: abortController.signal
-      });
+    route(params, config) {
+      return this.fetch("", params, config);
     }
   };
   var RoutingAPI_default = RoutingAPI;
@@ -34425,475 +34425,248 @@ uniform ${i3} ${o3} u_${a3};
   };
   var renderTrajectories_default = renderTrajectories;
 
-  // src/common/utils/trackerConfig.js
-  var trackerConfig_exports = {};
-  __export(trackerConfig_exports, {
-    bgColors: () => bgColors,
-    getBgColor: () => getBgColor,
-    getDelayColor: () => getDelayColor,
-    getDelayText: () => getDelayText,
-    getRadius: () => getRadius,
-    getTextColor: () => getTextColor,
-    getTextSize: () => getTextSize,
-    getTypeIndex: () => getTypeIndex,
-    textColors: () => textColors,
-    types: () => types
-  });
-  var trackerRadiusMapping = {
-    0: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    1: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    2: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15],
-    3: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    4: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    5: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    6: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    7: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    8: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    9: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15]
-  };
-  var types = [
-    /^Tram/i,
-    /^Subway( \/ Metro \/ S-Bahn)?/i,
-    /^Train/i,
-    /^Bus/i,
-    /^Ferry/i,
-    /^Cable ?Car/i,
-    /^Gondola/i,
-    /^Funicular/i,
-    /^(Long distance bus|coach)/i,
-    /^Rail/i
-  ];
-  var bgColors = [
-    "#ffb400",
-    "#ff5400",
-    "#ff8080",
-    "#ea0000",
-    "#3000ff",
-    "#ffb400",
-    "#41a27b",
-    "#00d237",
-    "#b5b5b5",
-    "#ff8080"
-  ];
-  var textColors = [
-    "#000000",
-    "#ffffff",
-    "#000000",
-    "#ffffff",
-    "#ffffff",
-    "#000000",
-    "#ffffff",
-    "#000000",
-    "#000000",
-    "#000000"
-  ];
-  var getTypeIndex = (type) => {
-    if (typeof type === "string") {
-      return types.findIndex((t) => t.test(type));
-    }
-    return type;
-  };
-  var getRadius = (type, zoom) => {
-    try {
-      const typeIdx = getTypeIndex(type || 0);
-      return trackerRadiusMapping[typeIdx][zoom];
-    } catch (e) {
-      return 1;
-    }
-  };
-  var getBgColor = (type = 0) => {
-    try {
-      const typeIdx = getTypeIndex(type);
-      return bgColors[typeIdx];
-    } catch (e) {
-      return 1;
-    }
-  };
-  var getTextColor = (type = 0) => {
-    try {
-      const typeIdx = getTypeIndex(type);
-      return textColors[typeIdx];
-    } catch (e) {
-      return 1;
-    }
+  // node_modules/ol/proj/Units.js
+  var Units = {
+    RADIANS: "radians",
+    DEGREES: "degrees",
+    FEET: "ft",
+    METERS: "m",
+    PIXELS: "pixels",
+    TILE_PIXELS: "tile-pixels",
+    USFEET: "us-ft"
   };
-  var getTextSize = (ctx, markerSize, text, fontSize) => {
-    ctx.font = `bold ${fontSize}px Arial`;
-    let newText = ctx.measureText(text);
-    const maxiter = 25;
-    let i = 0;
-    while (newText.width > markerSize - 6 && i < maxiter) {
-      fontSize -= 0.5;
-      ctx.font = `bold ${fontSize}px arial, sans-serif`;
-      newText = ctx.measureText(text);
-      i += 1;
-    }
-    return fontSize;
+  var unitByCode = {
+    "9001": Units.METERS,
+    "9002": Units.FEET,
+    "9003": Units.USFEET,
+    "9101": Units.RADIANS,
+    "9102": Units.DEGREES
   };
-  var getDelayColor = (delayInMs, cancelled, isDelayText) => {
-    if (cancelled) {
-      return isDelayText ? "#ff0000" : "#a0a0a0";
-    }
-    if (delayInMs >= 36e5) {
-      return "#ed004c";
-    }
-    if (delayInMs >= 5e5) {
-      return "#e80000";
-    }
-    if (delayInMs >= 3e5) {
-      return "#ff4a00";
+  var METERS_PER_UNIT = {};
+  METERS_PER_UNIT[Units.RADIANS] = 6370997 / (2 * Math.PI);
+  METERS_PER_UNIT[Units.DEGREES] = 2 * Math.PI * 6370997 / 360;
+  METERS_PER_UNIT[Units.FEET] = 0.3048;
+  METERS_PER_UNIT[Units.METERS] = 1;
+  METERS_PER_UNIT[Units.USFEET] = 1200 / 3937;
+  var Units_default = Units;
+
+  // node_modules/ol/proj/Projection.js
+  var Projection = function() {
+    function Projection2(options) {
+      this.code_ = options.code;
+      this.units_ = options.units;
+      this.extent_ = options.extent !== void 0 ? options.extent : null;
+      this.worldExtent_ = options.worldExtent !== void 0 ? options.worldExtent : null;
+      this.axisOrientation_ = options.axisOrientation !== void 0 ? options.axisOrientation : "enu";
+      this.global_ = options.global !== void 0 ? options.global : false;
+      this.canWrapX_ = !!(this.global_ && this.extent_);
+      this.getPointResolutionFunc_ = options.getPointResolution;
+      this.defaultTileGrid_ = null;
+      this.metersPerUnit_ = options.metersPerUnit;
     }
-    if (delayInMs >= 18e4) {
-      return "#f7bf00";
+    Projection2.prototype.canWrapX = function() {
+      return this.canWrapX_;
+    };
+    Projection2.prototype.getCode = function() {
+      return this.code_;
+    };
+    Projection2.prototype.getExtent = function() {
+      return this.extent_;
+    };
+    Projection2.prototype.getUnits = function() {
+      return this.units_;
+    };
+    Projection2.prototype.getMetersPerUnit = function() {
+      return this.metersPerUnit_ || METERS_PER_UNIT[this.units_];
+    };
+    Projection2.prototype.getWorldExtent = function() {
+      return this.worldExtent_;
+    };
+    Projection2.prototype.getAxisOrientation = function() {
+      return this.axisOrientation_;
+    };
+    Projection2.prototype.isGlobal = function() {
+      return this.global_;
+    };
+    Projection2.prototype.setGlobal = function(global2) {
+      this.global_ = global2;
+      this.canWrapX_ = !!(global2 && this.extent_);
+    };
+    Projection2.prototype.getDefaultTileGrid = function() {
+      return this.defaultTileGrid_;
+    };
+    Projection2.prototype.setDefaultTileGrid = function(tileGrid) {
+      this.defaultTileGrid_ = tileGrid;
+    };
+    Projection2.prototype.setExtent = function(extent) {
+      this.extent_ = extent;
+      this.canWrapX_ = !!(this.global_ && extent);
+    };
+    Projection2.prototype.setWorldExtent = function(worldExtent) {
+      this.worldExtent_ = worldExtent;
+    };
+    Projection2.prototype.setGetPointResolution = function(func) {
+      this.getPointResolutionFunc_ = func;
+    };
+    Projection2.prototype.getPointResolutionFunc = function() {
+      return this.getPointResolutionFunc_;
+    };
+    return Projection2;
+  }();
+  var Projection_default = Projection;
+
+  // node_modules/ol/math.js
+  function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+  }
+  var cosh = function() {
+    var cosh2;
+    if ("cosh" in Math) {
+      cosh2 = Math.cosh;
+    } else {
+      cosh2 = function(x) {
+        var y = Math.exp(x);
+        return (y + 1 / y) / 2;
+      };
     }
-    if (delayInMs === null) {
-      return "#a0a0a0";
+    return cosh2;
+  }();
+  var log2 = function() {
+    var log22;
+    if ("log2" in Math) {
+      log22 = Math.log2;
+    } else {
+      log22 = function(x) {
+        return Math.log(x) * Math.LOG2E;
+      };
     }
-    return "#00a00c";
-  };
-  var getDelayText = (delayInMs, cancelled) => {
-    if (cancelled) {
-      return String.fromCodePoint(215);
+    return log22;
+  }();
+  function squaredSegmentDistance(x, y, x1, y1, x2, y2) {
+    var dx = x2 - x1;
+    var dy = y2 - y1;
+    if (dx !== 0 || dy !== 0) {
+      var t = ((x - x1) * dx + (y - y1) * dy) / (dx * dx + dy * dy);
+      if (t > 1) {
+        x1 = x2;
+        y1 = y2;
+      } else if (t > 0) {
+        x1 += dx * t;
+        y1 += dy * t;
+      }
     }
-    if (delayInMs > 36e5) {
-      const rounded = Math.round(delayInMs / 36e5);
-      return `+${rounded}h`;
-    }
-    if (delayInMs > 59e3) {
-      const rounded = Math.round(delayInMs / 6e4);
-      return `+${rounded}m`;
-    }
-    if (delayInMs > 0) {
-      return `+${delayInMs}s`;
-    }
-    return "";
-  };
-
-  // src/common/utils/createCanvas.js
-  var createCanvas = (width, height) => {
-    let canvas2 = null;
-    if (typeof window === "undefined") {
-      return null;
-    }
-    if (document?.createElement) {
-      canvas2 = document.createElement("canvas");
-      canvas2.width = width;
-      canvas2.height = height;
-    } else if (OffscreenCanvas) {
-      canvas2 = new OffscreenCanvas(width, height);
-    } else {
-      console.error("We didn't find a way to create a canvas element, document.createElement('canvas') and new OffscrenCanvas() are not supported");
-    }
-    return canvas2;
-  };
-  var createCanvas_default = createCanvas;
+    return squaredDistance(x, y, x1, y1);
+  }
+  function squaredDistance(x1, y1, x2, y2) {
+    var dx = x2 - x1;
+    var dy = y2 - y1;
+    return dx * dx + dy * dy;
+  }
+  function toDegrees(angleInRadians) {
+    return angleInRadians * 180 / Math.PI;
+  }
+  function modulo(a, b) {
+    var r = a % b;
+    return r * b < 0 ? r + b : r;
+  }
+  function lerp(a, b, x) {
+    return a + x * (b - a);
+  }
 
-  // src/common/styles/realtimeDefaultStyle.js
-  var cacheDelayBg = {};
-  var getDelayBgCanvas = (origin, radius, color) => {
-    const key = `${origin}, ${radius}, ${color}`;
-    if (!cacheDelayBg[key]) {
-      const canvas2 = createCanvas_default(origin * 2, origin * 2);
-      if (canvas2) {
-        const ctx = canvas2.getContext("2d");
-        ctx.beginPath();
-        ctx.arc(origin, origin, radius, 0, 2 * Math.PI, false);
-        ctx.fillStyle = color;
-        ctx.filter = "blur(1px)";
-        ctx.fill();
-        cacheDelayBg[key] = canvas2;
+  // node_modules/ol/proj/epsg3857.js
+  var __extends5 = function() {
+    var extendStatics = function(d, b) {
+      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+        d2.__proto__ = b2;
+      } || function(d2, b2) {
+        for (var p in b2)
+          if (Object.prototype.hasOwnProperty.call(b2, p))
+            d2[p] = b2[p];
+      };
+      return extendStatics(d, b);
+    };
+    return function(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 RADIUS = 6378137;
+  var HALF_SIZE = Math.PI * RADIUS;
+  var EXTENT = [-HALF_SIZE, -HALF_SIZE, HALF_SIZE, HALF_SIZE];
+  var WORLD_EXTENT = [-180, -85, 180, 85];
+  var MAX_SAFE_Y = RADIUS * Math.log(Math.tan(Math.PI / 2));
+  var EPSG3857Projection = function(_super) {
+    __extends5(EPSG3857Projection2, _super);
+    function EPSG3857Projection2(code) {
+      return _super.call(this, {
+        code,
+        units: Units_default.METERS,
+        extent: EXTENT,
+        global: true,
+        worldExtent: WORLD_EXTENT,
+        getPointResolution: function(resolution, point2) {
+          return resolution / cosh(point2[1] / RADIUS);
+        }
+      }) || this;
     }
-    return cacheDelayBg[key];
-  };
-  var cacheDelayText = {};
-  var getDelayTextCanvas = (width, text, fontSize, font, delayColor, delayOutlineColor = "#000", pixelRatio = 1) => {
-    const key = `${width}, ${text}, ${font}, ${delayColor}, ${delayOutlineColor}, ${pixelRatio}`;
-    if (!cacheDelayText[key]) {
-      const canvas2 = createCanvas_default(width, fontSize + 8 * pixelRatio);
-      if (canvas2) {
-        const ctx = canvas2.getContext("2d");
-        ctx.textAlign = "left";
-        ctx.textBaseline = "middle";
-        ctx.font = font;
-        ctx.fillStyle = delayColor;
-        ctx.strokeStyle = delayOutlineColor;
-        ctx.lineWidth = 1.5 * pixelRatio;
-        const delayText = text;
-        ctx.strokeText(delayText, 0, fontSize);
-        ctx.fillText(delayText, 0, fontSize);
-        cacheDelayText[key] = canvas2;
+    return EPSG3857Projection2;
+  }(Projection_default);
+  var PROJECTIONS = [
+    new EPSG3857Projection("EPSG:3857"),
+    new EPSG3857Projection("EPSG:102100"),
+    new EPSG3857Projection("EPSG:102113"),
+    new EPSG3857Projection("EPSG:900913"),
+    new EPSG3857Projection("http://www.opengis.net/def/crs/EPSG/0/3857"),
+    new EPSG3857Projection("http://www.opengis.net/gml/srs/epsg.xml#3857")
+  ];
+  function fromEPSG4326(input, opt_output, opt_dimension) {
+    var length = input.length;
+    var dimension = opt_dimension > 1 ? opt_dimension : 2;
+    var output = opt_output;
+    if (output === void 0) {
+      if (dimension > 2) {
+        output = input.slice();
+      } else {
+        output = new Array(length);
       }
     }
-    return cacheDelayText[key];
-  };
-  var cacheCircle = {};
-  var getCircleCanvas = (origin, radius, color, hasStroke, hasDash, pixelRatio) => {
-    const key = `${origin}, ${radius}, ${color}, ${hasStroke},  ${hasDash}, ${pixelRatio}`;
-    if (!cacheCircle[key]) {
-      const canvas2 = createCanvas_default(origin * 2, origin * 2);
-      if (canvas2) {
-        const ctx = canvas2.getContext("2d");
-        ctx.fillStyle = color;
-        if (hasStroke) {
-          ctx.lineWidth = 1 * pixelRatio;
-          ctx.strokeStyle = "#000000";
-        }
-        ctx.beginPath();
-        ctx.arc(origin, origin, radius, 0, 2 * Math.PI, false);
-        ctx.fill();
-        if (hasDash) {
-          ctx.setLineDash([5, 3]);
-        }
-        if (hasStroke) {
-          ctx.stroke();
-        }
-        cacheCircle[key] = canvas2;
+    for (var i = 0; i < length; i += dimension) {
+      output[i] = HALF_SIZE * input[i] / 180;
+      var y = RADIUS * Math.log(Math.tan(Math.PI * (+input[i + 1] + 90) / 360));
+      if (y > MAX_SAFE_Y) {
+        y = MAX_SAFE_Y;
+      } else if (y < -MAX_SAFE_Y) {
+        y = -MAX_SAFE_Y;
       }
+      output[i + 1] = y;
     }
-    return cacheCircle[key];
-  };
-  var cacheText = {};
-  var getTextCanvas = (text, origin, textSize, fillColor, strokeColor, hasStroke, pixelRatio) => {
-    const key = `${text}, ${origin}, ${textSize}, ${fillColor},${strokeColor}, ${hasStroke}, ${pixelRatio}`;
-    if (!cacheText[key]) {
-      const canvas2 = createCanvas_default(origin * 2, origin * 2);
-      if (canvas2) {
-        const ctx = canvas2.getContext("2d");
-        if (hasStroke) {
-          ctx.save();
-          ctx.textBaseline = "middle";
-          ctx.textAlign = "center";
-          ctx.font = `bold ${textSize + 2}px Arial`;
-          ctx.strokeStyle = strokeColor;
-          ctx.strokeText(text, origin, origin);
-          ctx.restore();
-        }
-        ctx.textBaseline = "middle";
-        ctx.textAlign = "center";
-        ctx.fillStyle = fillColor;
-        ctx.font = `bold ${textSize}px Arial`;
-        ctx.strokeStyle = strokeColor;
-        ctx.strokeText(text, origin, origin);
-        ctx.fillText(text, origin, origin);
-        cacheText[key] = canvas2;
+    return output;
+  }
+  function toEPSG4326(input, opt_output, opt_dimension) {
+    var length = input.length;
+    var dimension = opt_dimension > 1 ? opt_dimension : 2;
+    var output = opt_output;
+    if (output === void 0) {
+      if (dimension > 2) {
+        output = input.slice();
+      } else {
+        output = new Array(length);
       }
     }
-    return cacheText[key];
-  };
-  var cache = {};
-  var realtimeDefaultStyle = (trajectory, viewState, options) => {
-    const {
-      hoverVehicleId,
-      selectedVehicleId,
-      useDelayStyle,
-      delayOutlineColor = "#000",
-      delayDisplay = 3e5,
-      getRadius: getRadius2,
-      getBgColor: getBgColor2,
-      getDelayColor: getDelayColor2,
-      getDelayText: getDelayText2,
-      getTextColor: getTextColor2,
-      getTextSize: getTextSize2
-    } = options;
-    const { zoom, pixelRatio } = viewState;
-    let { type, cancelled } = trajectory.properties;
-    const {
-      train_id: id,
-      line,
-      delay,
-      state,
-      operator_provides_realtime_journey: operatorProvidesRealtime
-    } = trajectory.properties;
-    let { name, text_color: textColor, color } = line || {};
-    cancelled = cancelled === true || state === "JOURNEY_CANCELLED";
-    if (!type) {
-      type = "Rail";
-    }
-    if (!name) {
-      name = "I";
-    }
-    if (!textColor) {
-      textColor = "#000000";
-    }
-    if (color && color[0] !== "#") {
-      color = `#${color}`;
-    }
-    if (textColor[0] !== "#") {
-      textColor = `#${textColor}`;
+    for (var i = 0; i < length; i += dimension) {
+      output[i] = 180 * input[i] / HALF_SIZE;
+      output[i + 1] = 360 * Math.atan(Math.exp(input[i + 1] / RADIUS)) / Math.PI - 90;
     }
-    const z = Math.min(Math.floor(zoom || 1), 16);
-    const hover = hoverVehicleId && hoverVehicleId === id;
-    const selected = selectedVehicleId && selectedVehicleId === id;
-    let radius = getRadius2(type, z) * pixelRatio;
-    const isDisplayStrokeAndDelay = radius >= 7 * pixelRatio;
-    if (hover || selected) {
-      radius = isDisplayStrokeAndDelay ? radius + 5 * pixelRatio : 14 * pixelRatio;
-    }
-    const mustDrawText = radius > 10 * pixelRatio;
-    let key = `${radius}${hover}${selected}${cancelled}${delay}`;
-    if (useDelayStyle) {
-      key += `${operatorProvidesRealtime}`;
-    } else {
-      key += `${type}${color}`;
-    }
-    if (mustDrawText) {
-      key += `${name}${textColor}`;
-    }
-    if (!cache[key]) {
-      if (radius === 0) {
-        cache[key] = null;
-        return null;
-      }
-      const margin = 1 * pixelRatio;
-      const radiusDelay = radius + 2;
-      const markerSize = radius * 2;
-      const size = radiusDelay * 2 + margin * 2 + 100 * pixelRatio;
-      const origin = size / 2;
-      const canvas2 = createCanvas_default(size, size);
-      if (canvas2) {
-        const ctx = canvas2.getContext("2d");
-        if (isDisplayStrokeAndDelay && delay !== null) {
-          const delayBg = getDelayBgCanvas(origin, radiusDelay, getDelayColor2(delay, cancelled));
-          ctx.drawImage(delayBg, 0, 0);
-        }
-        if (isDisplayStrokeAndDelay && (hover || delay >= delayDisplay || cancelled)) {
-          const fontSize = Math.max(cancelled ? 19 : 14, Math.min(cancelled ? 19 : 17, radius * 1.2)) * pixelRatio;
-          const text = getDelayText2(delay, cancelled);
-          if (text) {
-            const textWidth = text.length * fontSize;
-            const delayText = getDelayTextCanvas(textWidth, text, fontSize, `bold ${fontSize}px arial, sans-serif`, getDelayColor2(delay, cancelled, true), delayOutlineColor, pixelRatio);
-            ctx.drawImage(delayText, origin + radiusDelay + margin, origin - fontSize);
-          }
-        }
-        let circleFillColor;
-        if (useDelayStyle) {
-          circleFillColor = getDelayColor2(delay, cancelled);
-        } else {
-          circleFillColor = color || getBgColor2(type);
-        }
-        const hasStroke = isDisplayStrokeAndDelay || hover || selected;
-        const hasDash = isDisplayStrokeAndDelay && useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
-        const circle = getCircleCanvas(origin, radius, circleFillColor, hasStroke, hasDash, pixelRatio);
-        ctx.drawImage(circle, 0, 0);
-        if (mustDrawText) {
-          const fontSize = Math.max(radius, 10);
-          const textSize = getTextSize2(ctx, markerSize, name, fontSize);
-          const textColor2 = !useDelayStyle ? textColor || getTextColor2(type) : "#000000";
-          const hasStroke2 = useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
-          const text = getTextCanvas(name, origin, textSize, textColor2, circleFillColor, hasStroke2, pixelRatio);
-          ctx.drawImage(text, 0, 0);
-        }
-        cache[key] = canvas2;
-      }
-    }
-    return cache[key];
-  };
-  var realtimeDefaultStyle_default = realtimeDefaultStyle;
-
-  // src/common/styles/realtimeDelayStyle.js
-  var realtimeDelayStyle = (trajectory, viewState, options) => {
-    return realtimeDefaultStyle_default(trajectory, viewState, {
-      ...options,
-      useDelayStyle: true
-    });
-  };
-  var realtimeDelayStyle_default = realtimeDelayStyle;
-
-  // src/common/styles/realtimeSimpleStyle.js
-  var canvas;
-  var realtimeSimpleStyle = () => {
-    if (!canvas) {
-      document.createElement("canvas");
-      canvas.width = 15;
-      canvas.height = 15;
-      const ctx = canvas.getContext("2d");
-      ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
-      ctx.fillStyle = "#8ED6FF";
-      ctx.fill();
-      ctx.lineWidth = 3;
-      ctx.strokeStyle = "black";
-      ctx.stroke();
-      ctx.lineWidth = 3;
-    }
-    return canvas;
-  };
-  var realtimeSimpleStyle_default = realtimeSimpleStyle;
-
-  // node_modules/ol/layer/Property.js
-  var Property_default = {
-    OPACITY: "opacity",
-    VISIBLE: "visible",
-    EXTENT: "extent",
-    Z_INDEX: "zIndex",
-    MAX_RESOLUTION: "maxResolution",
-    MIN_RESOLUTION: "minResolution",
-    MAX_ZOOM: "maxZoom",
-    MIN_ZOOM: "minZoom",
-    SOURCE: "source",
-    MAP: "map"
-  };
-
-  // node_modules/ol/math.js
-  function clamp(value, min, max) {
-    return Math.min(Math.max(value, min), max);
-  }
-  var cosh = function() {
-    var cosh2;
-    if ("cosh" in Math) {
-      cosh2 = Math.cosh;
-    } else {
-      cosh2 = function(x) {
-        var y = Math.exp(x);
-        return (y + 1 / y) / 2;
-      };
-    }
-    return cosh2;
-  }();
-  var log2 = function() {
-    var log22;
-    if ("log2" in Math) {
-      log22 = Math.log2;
-    } else {
-      log22 = function(x) {
-        return Math.log(x) * Math.LOG2E;
-      };
-    }
-    return log22;
-  }();
-  function squaredSegmentDistance(x, y, x1, y1, x2, y2) {
-    var dx = x2 - x1;
-    var dy = y2 - y1;
-    if (dx !== 0 || dy !== 0) {
-      var t = ((x - x1) * dx + (y - y1) * dy) / (dx * dx + dy * dy);
-      if (t > 1) {
-        x1 = x2;
-        y1 = y2;
-      } else if (t > 0) {
-        x1 += dx * t;
-        y1 += dy * t;
-      }
-    }
-    return squaredDistance(x, y, x1, y1);
-  }
-  function squaredDistance(x1, y1, x2, y2) {
-    var dx = x2 - x1;
-    var dy = y2 - y1;
-    return dx * dx + dy * dy;
-  }
-  function toDegrees(angleInRadians) {
-    return angleInRadians * 180 / Math.PI;
-  }
-  function modulo(a, b) {
-    var r = a % b;
-    return r * b < 0 ? r + b : r;
-  }
-  function lerp(a, b, x) {
-    return a + x * (b - a);
+    return output;
   }
 
-  // node_modules/ol/layer/Base.js
-  var __extends5 = function() {
+  // node_modules/ol/proj/epsg4326.js
+  var __extends6 = function() {
     var extendStatics = function(d, b) {
       extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
         d2.__proto__ = b2;
@@ -34914,1272 +34687,1597 @@ uniform ${i3} ${o3} u_${a3};
       d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
   }();
-  var BaseLayer = function(_super) {
-    __extends5(BaseLayer2, _super);
-    function BaseLayer2(options) {
-      var _this = _super.call(this) || this;
-      _this.on;
-      _this.once;
-      _this.un;
-      _this.background_ = options.background;
-      var properties = assign({}, options);
-      if (typeof options.properties === "object") {
-        delete properties.properties;
-        assign(properties, options.properties);
-      }
-      properties[Property_default.OPACITY] = options.opacity !== void 0 ? options.opacity : 1;
-      assert(typeof properties[Property_default.OPACITY] === "number", 64);
-      properties[Property_default.VISIBLE] = options.visible !== void 0 ? options.visible : true;
-      properties[Property_default.Z_INDEX] = options.zIndex;
-      properties[Property_default.MAX_RESOLUTION] = options.maxResolution !== void 0 ? options.maxResolution : Infinity;
-      properties[Property_default.MIN_RESOLUTION] = options.minResolution !== void 0 ? options.minResolution : 0;
-      properties[Property_default.MIN_ZOOM] = options.minZoom !== void 0 ? options.minZoom : -Infinity;
-      properties[Property_default.MAX_ZOOM] = options.maxZoom !== void 0 ? options.maxZoom : Infinity;
-      _this.className_ = properties.className !== void 0 ? properties.className : "ol-layer";
-      delete properties.className;
-      _this.setProperties(properties);
-      _this.state_ = null;
-      return _this;
+  var RADIUS2 = 6378137;
+  var EXTENT2 = [-180, -90, 180, 90];
+  var METERS_PER_UNIT2 = Math.PI * RADIUS2 / 180;
+  var EPSG4326Projection = function(_super) {
+    __extends6(EPSG4326Projection2, _super);
+    function EPSG4326Projection2(code, opt_axisOrientation) {
+      return _super.call(this, {
+        code,
+        units: Units_default.DEGREES,
+        extent: EXTENT2,
+        axisOrientation: opt_axisOrientation,
+        global: true,
+        metersPerUnit: METERS_PER_UNIT2,
+        worldExtent: EXTENT2
+      }) || this;
     }
-    BaseLayer2.prototype.getBackground = function() {
-      return this.background_;
-    };
-    BaseLayer2.prototype.getClassName = function() {
-      return this.className_;
-    };
-    BaseLayer2.prototype.getLayerState = function(opt_managed) {
-      var state = this.state_ || {
-        layer: this,
-        managed: opt_managed === void 0 ? true : opt_managed
-      };
-      var zIndex = this.getZIndex();
-      state.opacity = clamp(Math.round(this.getOpacity() * 100) / 100, 0, 1);
-      state.visible = this.getVisible();
-      state.extent = this.getExtent();
-      state.zIndex = zIndex === void 0 && !state.managed ? Infinity : zIndex;
-      state.maxResolution = this.getMaxResolution();
-      state.minResolution = Math.max(this.getMinResolution(), 0);
-      state.minZoom = this.getMinZoom();
-      state.maxZoom = this.getMaxZoom();
-      this.state_ = state;
-      return state;
-    };
-    BaseLayer2.prototype.getLayersArray = function(opt_array) {
-      return abstract();
-    };
-    BaseLayer2.prototype.getLayerStatesArray = function(opt_states) {
-      return abstract();
-    };
-    BaseLayer2.prototype.getExtent = function() {
-      return this.get(Property_default.EXTENT);
-    };
-    BaseLayer2.prototype.getMaxResolution = function() {
-      return this.get(Property_default.MAX_RESOLUTION);
-    };
-    BaseLayer2.prototype.getMinResolution = function() {
-      return this.get(Property_default.MIN_RESOLUTION);
-    };
-    BaseLayer2.prototype.getMinZoom = function() {
-      return this.get(Property_default.MIN_ZOOM);
-    };
-    BaseLayer2.prototype.getMaxZoom = function() {
-      return this.get(Property_default.MAX_ZOOM);
-    };
-    BaseLayer2.prototype.getOpacity = function() {
-      return this.get(Property_default.OPACITY);
-    };
-    BaseLayer2.prototype.getSourceState = function() {
-      return abstract();
-    };
-    BaseLayer2.prototype.getVisible = function() {
-      return this.get(Property_default.VISIBLE);
-    };
-    BaseLayer2.prototype.getZIndex = function() {
-      return this.get(Property_default.Z_INDEX);
-    };
-    BaseLayer2.prototype.setBackground = function(opt_background) {
-      this.background_ = opt_background;
-      this.changed();
-    };
-    BaseLayer2.prototype.setExtent = function(extent) {
-      this.set(Property_default.EXTENT, extent);
-    };
-    BaseLayer2.prototype.setMaxResolution = function(maxResolution) {
-      this.set(Property_default.MAX_RESOLUTION, maxResolution);
-    };
-    BaseLayer2.prototype.setMinResolution = function(minResolution) {
-      this.set(Property_default.MIN_RESOLUTION, minResolution);
-    };
-    BaseLayer2.prototype.setMaxZoom = function(maxZoom) {
-      this.set(Property_default.MAX_ZOOM, maxZoom);
-    };
-    BaseLayer2.prototype.setMinZoom = function(minZoom) {
-      this.set(Property_default.MIN_ZOOM, minZoom);
-    };
-    BaseLayer2.prototype.setOpacity = function(opacity) {
-      assert(typeof opacity === "number", 64);
-      this.set(Property_default.OPACITY, opacity);
-    };
-    BaseLayer2.prototype.setVisible = function(visible) {
-      this.set(Property_default.VISIBLE, visible);
-    };
-    BaseLayer2.prototype.setZIndex = function(zindex) {
-      this.set(Property_default.Z_INDEX, zindex);
-    };
-    BaseLayer2.prototype.disposeInternal = function() {
-      if (this.state_) {
-        this.state_.layer = null;
-        this.state_ = null;
-      }
-      _super.prototype.disposeInternal.call(this);
-    };
-    return BaseLayer2;
-  }(Object_default);
-  var Base_default = BaseLayer;
+    return EPSG4326Projection2;
+  }(Projection_default);
+  var PROJECTIONS2 = [
+    new EPSG4326Projection("CRS:84"),
+    new EPSG4326Projection("EPSG:4326", "neu"),
+    new EPSG4326Projection("urn:ogc:def:crs:OGC:1.3:CRS84"),
+    new EPSG4326Projection("urn:ogc:def:crs:OGC:2:84"),
+    new EPSG4326Projection("http://www.opengis.net/def/crs/OGC/1.3/CRS84"),
+    new EPSG4326Projection("http://www.opengis.net/gml/srs/epsg.xml#4326", "neu"),
+    new EPSG4326Projection("http://www.opengis.net/def/crs/EPSG/0/4326", "neu")
+  ];
 
-  // node_modules/ol/render/EventType.js
-  var EventType_default2 = {
-    PRERENDER: "prerender",
-    POSTRENDER: "postrender",
-    PRECOMPOSE: "precompose",
-    POSTCOMPOSE: "postcompose",
-    RENDERCOMPLETE: "rendercomplete"
-  };
+  // node_modules/ol/proj/projections.js
+  var cache = {};
+  function get(code) {
+    return cache[code] || cache[code.replace(/urn:(x-)?ogc:def:crs:EPSG:(.*:)?(\w+)$/, "EPSG:$3")] || null;
+  }
+  function add(code, projection) {
+    cache[code] = projection;
+  }
 
-  // node_modules/ol/source/State.js
-  var State_default = {
-    UNDEFINED: "undefined",
-    LOADING: "loading",
-    READY: "ready",
-    ERROR: "error"
+  // node_modules/ol/proj/transforms.js
+  var transforms = {};
+  function add2(source, destination, transformFn) {
+    var sourceCode = source.getCode();
+    var destinationCode = destination.getCode();
+    if (!(sourceCode in transforms)) {
+      transforms[sourceCode] = {};
+    }
+    transforms[sourceCode][destinationCode] = transformFn;
+  }
+  function get2(sourceCode, destinationCode) {
+    var transform2;
+    if (sourceCode in transforms && destinationCode in transforms[sourceCode]) {
+      transform2 = transforms[sourceCode][destinationCode];
+    }
+    return transform2;
+  }
+
+  // node_modules/ol/extent/Relationship.js
+  var Relationship_default = {
+    UNKNOWN: 0,
+    INTERSECTING: 1,
+    ABOVE: 2,
+    RIGHT: 4,
+    BELOW: 8,
+    LEFT: 16
   };
 
-  // node_modules/ol/layer/Layer.js
-  var __extends6 = function() {
-    var extendStatics = function(d, b) {
-      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-        d2.__proto__ = b2;
-      } || function(d2, b2) {
-        for (var p in b2)
-          if (Object.prototype.hasOwnProperty.call(b2, p))
-            d2[p] = b2[p];
-      };
-      return extendStatics(d, b);
-    };
-    return function(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 Layer = function(_super) {
-    __extends6(Layer5, _super);
-    function Layer5(options) {
-      var _this = this;
-      var baseOptions = assign({}, options);
-      delete baseOptions.source;
-      _this = _super.call(this, baseOptions) || this;
-      _this.on;
-      _this.once;
-      _this.un;
-      _this.mapPrecomposeKey_ = null;
-      _this.mapRenderKey_ = null;
-      _this.sourceChangeKey_ = null;
-      _this.renderer_ = null;
-      _this.rendered = false;
-      if (options.render) {
-        _this.render = options.render;
-      }
-      if (options.map) {
-        _this.setMap(options.map);
-      }
-      _this.addChangeListener(Property_default.SOURCE, _this.handleSourcePropertyChange_);
-      var source = options.source ? options.source : null;
-      _this.setSource(source);
-      return _this;
+  // node_modules/ol/extent.js
+  function boundingExtent(coordinates2) {
+    var extent = createEmpty();
+    for (var i = 0, ii = coordinates2.length; i < ii; ++i) {
+      extendCoordinate(extent, coordinates2[i]);
     }
-    Layer5.prototype.getLayersArray = function(opt_array) {
-      var array = opt_array ? opt_array : [];
-      array.push(this);
-      return array;
-    };
-    Layer5.prototype.getLayerStatesArray = function(opt_states) {
-      var states = opt_states ? opt_states : [];
-      states.push(this.getLayerState());
-      return states;
-    };
-    Layer5.prototype.getSource = function() {
-      return this.get(Property_default.SOURCE) || null;
-    };
-    Layer5.prototype.getRenderSource = function() {
-      return this.getSource();
-    };
-    Layer5.prototype.getSourceState = function() {
-      var source = this.getSource();
-      return !source ? State_default.UNDEFINED : source.getState();
-    };
-    Layer5.prototype.handleSourceChange_ = function() {
-      this.changed();
-    };
-    Layer5.prototype.handleSourcePropertyChange_ = function() {
-      if (this.sourceChangeKey_) {
-        unlistenByKey(this.sourceChangeKey_);
-        this.sourceChangeKey_ = null;
-      }
-      var source = this.getSource();
-      if (source) {
-        this.sourceChangeKey_ = listen(source, EventType_default.CHANGE, this.handleSourceChange_, this);
-      }
-      this.changed();
-    };
-    Layer5.prototype.getFeatures = function(pixel) {
-      if (!this.renderer_) {
-        return new Promise(function(resolve) {
-          return resolve([]);
-        });
-      }
-      return this.renderer_.getFeatures(pixel);
-    };
-    Layer5.prototype.getData = function(pixel) {
-      if (!this.renderer_ || !this.rendered) {
-        return null;
-      }
-      return this.renderer_.getData(pixel);
-    };
-    Layer5.prototype.render = function(frameState, target) {
-      var layerRenderer = this.getRenderer();
-      if (layerRenderer.prepareFrame(frameState)) {
-        this.rendered = true;
-        return layerRenderer.renderFrame(frameState, target);
-      }
-    };
-    Layer5.prototype.unrender = function() {
-      this.rendered = false;
-    };
-    Layer5.prototype.setMapInternal = function(map) {
-      if (!map) {
-        this.unrender();
-      }
-      this.set(Property_default.MAP, map);
-    };
-    Layer5.prototype.getMapInternal = function() {
-      return this.get(Property_default.MAP);
-    };
-    Layer5.prototype.setMap = function(map) {
-      if (this.mapPrecomposeKey_) {
-        unlistenByKey(this.mapPrecomposeKey_);
-        this.mapPrecomposeKey_ = null;
-      }
-      if (!map) {
-        this.changed();
-      }
-      if (this.mapRenderKey_) {
-        unlistenByKey(this.mapRenderKey_);
-        this.mapRenderKey_ = null;
-      }
-      if (map) {
-        this.mapPrecomposeKey_ = listen(map, EventType_default2.PRECOMPOSE, function(evt) {
-          var renderEvent = evt;
-          var layerStatesArray = renderEvent.frameState.layerStatesArray;
-          var layerState = this.getLayerState(false);
-          assert(!layerStatesArray.some(function(arrayLayerState) {
-            return arrayLayerState.layer === layerState.layer;
-          }), 67);
-          layerStatesArray.push(layerState);
-        }, this);
-        this.mapRenderKey_ = listen(this, EventType_default.CHANGE, map.render, map);
-        this.changed();
-      }
-    };
-    Layer5.prototype.setSource = function(source) {
-      this.set(Property_default.SOURCE, source);
-    };
-    Layer5.prototype.getRenderer = function() {
-      if (!this.renderer_) {
-        this.renderer_ = this.createRenderer();
-      }
-      return this.renderer_;
-    };
-    Layer5.prototype.hasRenderer = function() {
-      return !!this.renderer_;
-    };
-    Layer5.prototype.createRenderer = function() {
-      return null;
-    };
-    Layer5.prototype.disposeInternal = function() {
-      if (this.renderer_) {
-        this.renderer_.dispose();
-        delete this.renderer_;
-      }
-      this.setSource(null);
-      _super.prototype.disposeInternal.call(this);
-    };
-    return Layer5;
-  }(Base_default);
-  function inView(layerState, viewState) {
-    if (!layerState.visible) {
-      return false;
+    return extent;
+  }
+  function _boundingExtentXYs(xs, ys, opt_extent) {
+    var minX = Math.min.apply(null, xs);
+    var minY = Math.min.apply(null, ys);
+    var maxX = Math.max.apply(null, xs);
+    var maxY = Math.max.apply(null, ys);
+    return createOrUpdate(minX, minY, maxX, maxY, opt_extent);
+  }
+  function buffer(extent, value, opt_extent) {
+    if (opt_extent) {
+      opt_extent[0] = extent[0] - value;
+      opt_extent[1] = extent[1] - value;
+      opt_extent[2] = extent[2] + value;
+      opt_extent[3] = extent[3] + value;
+      return opt_extent;
+    } else {
+      return [
+        extent[0] - value,
+        extent[1] - value,
+        extent[2] + value,
+        extent[3] + value
+      ];
+    }
+  }
+  function clone(extent, opt_extent) {
+    if (opt_extent) {
+      opt_extent[0] = extent[0];
+      opt_extent[1] = extent[1];
+      opt_extent[2] = extent[2];
+      opt_extent[3] = extent[3];
+      return opt_extent;
+    } else {
+      return extent.slice();
+    }
+  }
+  function closestSquaredDistanceXY(extent, x, y) {
+    var dx, dy;
+    if (x < extent[0]) {
+      dx = extent[0] - x;
+    } else if (extent[2] < x) {
+      dx = x - extent[2];
+    } else {
+      dx = 0;
+    }
+    if (y < extent[1]) {
+      dy = extent[1] - y;
+    } else if (extent[3] < y) {
+      dy = y - extent[3];
+    } else {
+      dy = 0;
+    }
+    return dx * dx + dy * dy;
+  }
+  function containsCoordinate(extent, coordinate) {
+    return containsXY(extent, coordinate[0], coordinate[1]);
+  }
+  function containsExtent(extent1, extent2) {
+    return extent1[0] <= extent2[0] && extent2[2] <= extent1[2] && extent1[1] <= extent2[1] && extent2[3] <= extent1[3];
+  }
+  function containsXY(extent, x, y) {
+    return extent[0] <= x && x <= extent[2] && extent[1] <= y && y <= extent[3];
+  }
+  function coordinateRelationship(extent, coordinate) {
+    var minX = extent[0];
+    var minY = extent[1];
+    var maxX = extent[2];
+    var maxY = extent[3];
+    var x = coordinate[0];
+    var y = coordinate[1];
+    var relationship = Relationship_default.UNKNOWN;
+    if (x < minX) {
+      relationship = relationship | Relationship_default.LEFT;
+    } else if (x > maxX) {
+      relationship = relationship | Relationship_default.RIGHT;
+    }
+    if (y < minY) {
+      relationship = relationship | Relationship_default.BELOW;
+    } else if (y > maxY) {
+      relationship = relationship | Relationship_default.ABOVE;
+    }
+    if (relationship === Relationship_default.UNKNOWN) {
+      relationship = Relationship_default.INTERSECTING;
+    }
+    return relationship;
+  }
+  function createEmpty() {
+    return [Infinity, Infinity, -Infinity, -Infinity];
+  }
+  function createOrUpdate(minX, minY, maxX, maxY, opt_extent) {
+    if (opt_extent) {
+      opt_extent[0] = minX;
+      opt_extent[1] = minY;
+      opt_extent[2] = maxX;
+      opt_extent[3] = maxY;
+      return opt_extent;
+    } else {
+      return [minX, minY, maxX, maxY];
     }
-    var resolution = viewState.resolution;
-    if (resolution < layerState.minResolution || resolution >= layerState.maxResolution) {
-      return false;
+  }
+  function createOrUpdateEmpty(opt_extent) {
+    return createOrUpdate(Infinity, Infinity, -Infinity, -Infinity, opt_extent);
+  }
+  function createOrUpdateFromCoordinate(coordinate, opt_extent) {
+    var x = coordinate[0];
+    var y = coordinate[1];
+    return createOrUpdate(x, y, x, y, opt_extent);
+  }
+  function createOrUpdateFromFlatCoordinates(flatCoordinates, offset, end, stride, opt_extent) {
+    var extent = createOrUpdateEmpty(opt_extent);
+    return extendFlatCoordinates(extent, flatCoordinates, offset, end, stride);
+  }
+  function equals2(extent1, extent2) {
+    return extent1[0] == extent2[0] && extent1[2] == extent2[2] && extent1[1] == extent2[1] && extent1[3] == extent2[3];
+  }
+  function extend2(extent1, extent2) {
+    if (extent2[0] < extent1[0]) {
+      extent1[0] = extent2[0];
     }
-    var zoom = viewState.zoom;
-    return zoom > layerState.minZoom && zoom <= layerState.maxZoom;
+    if (extent2[2] > extent1[2]) {
+      extent1[2] = extent2[2];
+    }
+    if (extent2[1] < extent1[1]) {
+      extent1[1] = extent2[1];
+    }
+    if (extent2[3] > extent1[3]) {
+      extent1[3] = extent2[3];
+    }
+    return extent1;
   }
-  var Layer_default = Layer;
-
-  // src/common/controls/Control.js
-  var Control = class extends Object_default {
-    constructor(options = {}) {
-      super(options);
-      this.defineProperties(options);
-      const { active } = {
-        active: options.active !== false,
-        ...options
-      };
-      this.active = active;
+  function extendCoordinate(extent, coordinate) {
+    if (coordinate[0] < extent[0]) {
+      extent[0] = coordinate[0];
     }
-    defineProperties(options) {
-      const { target, element, render } = {
-        ...options
-      };
-      Object.defineProperties(this, {
-        active: {
-          get: () => this.get("active"),
-          set: (newActive) => {
-            this.set("active", newActive);
-            if (newActive) {
-              this.activate();
-            } else {
-              this.deactivate();
-            }
-            this.render();
-          }
-        },
-        map: {
-          get: () => this.get("map"),
-          set: (map) => {
-            if (this.map && this.element && this.element.parentNode) {
-              this.element.parentNode.removeChild(this.element);
-            }
-            this.deactivate();
-            this.set("map", map);
-            if (this.map) {
-              const targett = this.target || this.map.getTargetElement && this.map.getTargetElement() || this.map.getContainer && this.map.getContainer();
-              if (!this.element) {
-                this.createDefaultElement();
-              }
-              if (this.element) {
-                targett.appendChild(this.element);
-              }
-              if (this.active) {
-                this.activate();
-              }
-            }
-            this.render();
-          }
-        },
-        target: {
-          value: target
-        },
-        element: {
-          value: element,
-          writable: true
-        },
-        render: {
-          value: render || this.render,
-          writable: true
-        }
-      });
+    if (coordinate[0] > extent[2]) {
+      extent[2] = coordinate[0];
     }
-    attachToMap(map) {
-      this.map = map;
+    if (coordinate[1] < extent[1]) {
+      extent[1] = coordinate[1];
     }
-    detachFromMap() {
-      this.map = null;
+    if (coordinate[1] > extent[3]) {
+      extent[3] = coordinate[1];
     }
-    activate() {
-      this.deactivate();
+  }
+  function extendFlatCoordinates(extent, flatCoordinates, offset, end, stride) {
+    for (; offset < end; offset += stride) {
+      extendXY(extent, flatCoordinates[offset], flatCoordinates[offset + 1]);
     }
-    deactivate() {
+    return extent;
+  }
+  function extendXY(extent, x, y) {
+    extent[0] = Math.min(extent[0], x);
+    extent[1] = Math.min(extent[1], y);
+    extent[2] = Math.max(extent[2], x);
+    extent[3] = Math.max(extent[3], y);
+  }
+  function forEachCorner(extent, callback) {
+    var val;
+    val = callback(getBottomLeft(extent));
+    if (val) {
+      return val;
     }
-    render() {
+    val = callback(getBottomRight(extent));
+    if (val) {
+      return val;
     }
-    createDefaultElement() {
+    val = callback(getTopRight(extent));
+    if (val) {
+      return val;
     }
-  };
-  var Control_default = Control;
-
-  // src/common/mixins/CopyrightMixin.js
-  var CopyrightMixin = (Base) => class extends Base {
-    render() {
-      if (!this.element) {
-        return;
-      }
-      this.element.innerHTML = this.active ? this.getCopyrights().join(" | ") : "";
+    val = callback(getTopLeft(extent));
+    if (val) {
+      return val;
     }
-    createDefaultElement() {
-      this.element = document.createElement("div");
-      this.element.id = "mbt-copyright";
-      Object.assign(this.element.style, {
-        position: "absolute",
-        bottom: 0,
-        right: 0,
-        fontSize: ".8rem",
-        padding: "0 10px"
-      });
+    return false;
+  }
+  function getBottomLeft(extent) {
+    return [extent[0], extent[1]];
+  }
+  function getBottomRight(extent) {
+    return [extent[2], extent[1]];
+  }
+  function getCenter(extent) {
+    return [(extent[0] + extent[2]) / 2, (extent[1] + extent[3]) / 2];
+  }
+  function getHeight(extent) {
+    return extent[3] - extent[1];
+  }
+  function getIntersection(extent1, extent2, opt_extent) {
+    var intersection = opt_extent ? opt_extent : createEmpty();
+    if (intersects(extent1, extent2)) {
+      if (extent1[0] > extent2[0]) {
+        intersection[0] = extent1[0];
+      } else {
+        intersection[0] = extent2[0];
+      }
+      if (extent1[1] > extent2[1]) {
+        intersection[1] = extent1[1];
+      } else {
+        intersection[1] = extent2[1];
+      }
+      if (extent1[2] < extent2[2]) {
+        intersection[2] = extent1[2];
+      } else {
+        intersection[2] = extent2[2];
+      }
+      if (extent1[3] < extent2[3]) {
+        intersection[3] = extent1[3];
+      } else {
+        intersection[3] = extent2[3];
+      }
+    } else {
+      createOrUpdateEmpty(intersection);
     }
-  };
-  var CopyrightMixin_default = CopyrightMixin;
-
-  // src/ol/controls/CopyrightControl.js
-  var CopyrightControl = class extends CopyrightMixin_default(Control_default) {
-    constructor(options) {
-      super(options);
-      this.onPostRender = this.onPostRender.bind(this);
+    return intersection;
+  }
+  function getTopLeft(extent) {
+    return [extent[0], extent[3]];
+  }
+  function getTopRight(extent) {
+    return [extent[2], extent[3]];
+  }
+  function getWidth(extent) {
+    return extent[2] - extent[0];
+  }
+  function intersects(extent1, extent2) {
+    return extent1[0] <= extent2[2] && extent1[2] >= extent2[0] && extent1[1] <= extent2[3] && extent1[3] >= extent2[1];
+  }
+  function returnOrUpdate(extent, opt_extent) {
+    if (opt_extent) {
+      opt_extent[0] = extent[0];
+      opt_extent[1] = extent[1];
+      opt_extent[2] = extent[2];
+      opt_extent[3] = extent[3];
+      return opt_extent;
+    } else {
+      return extent;
     }
-    getCopyrights() {
-      if (!this.frameState) {
-        return [];
+  }
+  function intersectsSegment(extent, start, end) {
+    var intersects2 = false;
+    var startRel = coordinateRelationship(extent, start);
+    var endRel = coordinateRelationship(extent, end);
+    if (startRel === Relationship_default.INTERSECTING || endRel === Relationship_default.INTERSECTING) {
+      intersects2 = true;
+    } else {
+      var minX = extent[0];
+      var minY = extent[1];
+      var maxX = extent[2];
+      var maxY = extent[3];
+      var startX = start[0];
+      var startY = start[1];
+      var endX = end[0];
+      var endY = end[1];
+      var slope = (endY - startY) / (endX - startX);
+      var x = void 0, y = void 0;
+      if (!!(endRel & Relationship_default.ABOVE) && !(startRel & Relationship_default.ABOVE)) {
+        x = endX - (endY - maxY) / slope;
+        intersects2 = x >= minX && x <= maxX;
       }
-      let copyrights = [];
-      this.frameState.layerStatesArray.forEach((layerState) => {
-        const { layer } = layerState;
-        if (inView(layerState, this.frameState.viewState) && layer && layer.getSource && layer.getSource() && layer.getSource().getAttributions()) {
-          copyrights = copyrights.concat(layer.getSource().getAttributions()(this.frameState));
-        }
-      });
-      return removeDuplicate_default(copyrights);
-    }
-    activate() {
-      super.activate();
-      if (this.map) {
-        this.map.on("postrender", this.onPostRender);
+      if (!intersects2 && !!(endRel & Relationship_default.RIGHT) && !(startRel & Relationship_default.RIGHT)) {
+        y = endY - (endX - maxX) * slope;
+        intersects2 = y >= minY && y <= maxY;
       }
-    }
-    deactivate() {
-      if (this.map) {
-        this.map.un("postrender", this.onPostRender);
+      if (!intersects2 && !!(endRel & Relationship_default.BELOW) && !(startRel & Relationship_default.BELOW)) {
+        x = endX - (endY - minY) / slope;
+        intersects2 = x >= minX && x <= maxX;
+      }
+      if (!intersects2 && !!(endRel & Relationship_default.LEFT) && !(startRel & Relationship_default.LEFT)) {
+        y = endY - (endX - minX) * slope;
+        intersects2 = y >= minY && y <= maxY;
       }
-      super.deactivate();
     }
-    onPostRender(evt) {
-      if (this.map && this.element) {
-        this.frameState = evt.frameState;
-        this.render();
+    return intersects2;
+  }
+  function applyTransform(extent, transformFn, opt_extent, opt_stops) {
+    var coordinates2 = [];
+    if (opt_stops > 1) {
+      var width = extent[2] - extent[0];
+      var height = extent[3] - extent[1];
+      for (var i = 0; i < opt_stops; ++i) {
+        coordinates2.push(extent[0] + width * i / opt_stops, extent[1], extent[2], extent[1] + height * i / opt_stops, extent[2] - width * i / opt_stops, extent[3], extent[0], extent[3] - height * i / opt_stops);
       }
+    } else {
+      coordinates2 = [
+        extent[0],
+        extent[1],
+        extent[2],
+        extent[1],
+        extent[2],
+        extent[3],
+        extent[0],
+        extent[3]
+      ];
     }
-  };
-  var CopyrightControl_default = CopyrightControl;
-
-  // node_modules/ol/CollectionEventType.js
-  var CollectionEventType_default = {
-    ADD: "add",
-    REMOVE: "remove"
-  };
+    transformFn(coordinates2, coordinates2, 2);
+    var xs = [];
+    var ys = [];
+    for (var i = 0, l = coordinates2.length; i < l; i += 2) {
+      xs.push(coordinates2[i]);
+      ys.push(coordinates2[i + 1]);
+    }
+    return _boundingExtentXYs(xs, ys, opt_extent);
+  }
+  function wrapX(extent, projection) {
+    var projectionExtent = projection.getExtent();
+    var center = getCenter(extent);
+    if (projection.canWrapX() && (center[0] < projectionExtent[0] || center[0] >= projectionExtent[2])) {
+      var worldWidth = getWidth(projectionExtent);
+      var worldsAway = Math.floor((center[0] - projectionExtent[0]) / worldWidth);
+      var offset = worldsAway * worldWidth;
+      extent[0] -= offset;
+      extent[2] -= offset;
+    }
+    return extent;
+  }
 
-  // node_modules/ol/Collection.js
-  var __extends7 = function() {
-    var extendStatics = function(d, b) {
-      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-        d2.__proto__ = b2;
-      } || function(d2, b2) {
-        for (var p in b2)
-          if (Object.prototype.hasOwnProperty.call(b2, p))
-            d2[p] = b2[p];
-      };
-      return extendStatics(d, b);
-    };
-    return function(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 Property = {
-    LENGTH: "length"
-  };
-  var CollectionEvent = function(_super) {
-    __extends7(CollectionEvent2, _super);
-    function CollectionEvent2(type, opt_element, opt_index) {
-      var _this = _super.call(this, type) || this;
-      _this.element = opt_element;
-      _this.index = opt_index;
-      return _this;
+  // node_modules/ol/coordinate.js
+  function closestOnSegment(coordinate, segment) {
+    var x0 = coordinate[0];
+    var y0 = coordinate[1];
+    var start = segment[0];
+    var end = segment[1];
+    var x1 = start[0];
+    var y1 = start[1];
+    var x2 = end[0];
+    var y2 = end[1];
+    var dx = x2 - x1;
+    var dy = y2 - y1;
+    var along = dx === 0 && dy === 0 ? 0 : (dx * (x0 - x1) + dy * (y0 - y1)) / (dx * dx + dy * dy || 0);
+    var x, y;
+    if (along <= 0) {
+      x = x1;
+      y = y1;
+    } else if (along >= 1) {
+      x = x2;
+      y = y2;
+    } else {
+      x = x1 + along * dx;
+      y = y1 + along * dy;
     }
-    return CollectionEvent2;
-  }(Event_default);
-  var Collection = function(_super) {
-    __extends7(Collection2, _super);
-    function Collection2(opt_array, opt_options) {
-      var _this = _super.call(this) || this;
-      _this.on;
-      _this.once;
-      _this.un;
-      var options = opt_options || {};
-      _this.unique_ = !!options.unique;
-      _this.array_ = opt_array ? opt_array : [];
-      if (_this.unique_) {
-        for (var i = 0, ii = _this.array_.length; i < ii; ++i) {
-          _this.assertUnique_(_this.array_[i], i);
-        }
+    return [x, y];
+  }
+  function equals3(coordinate1, coordinate2) {
+    var equals4 = true;
+    for (var i = coordinate1.length - 1; i >= 0; --i) {
+      if (coordinate1[i] != coordinate2[i]) {
+        equals4 = false;
+        break;
       }
-      _this.updateLength_();
-      return _this;
     }
-    Collection2.prototype.clear = function() {
-      while (this.getLength() > 0) {
-        this.pop();
-      }
-    };
-    Collection2.prototype.extend = function(arr) {
-      for (var i = 0, ii = arr.length; i < ii; ++i) {
-        this.push(arr[i]);
-      }
-      return this;
-    };
-    Collection2.prototype.forEach = function(f) {
-      var array = this.array_;
-      for (var i = 0, ii = array.length; i < ii; ++i) {
-        f(array[i], i, array);
-      }
-    };
-    Collection2.prototype.getArray = function() {
-      return this.array_;
-    };
-    Collection2.prototype.item = function(index) {
-      return this.array_[index];
-    };
-    Collection2.prototype.getLength = function() {
-      return this.get(Property.LENGTH);
-    };
-    Collection2.prototype.insertAt = function(index, elem) {
-      if (this.unique_) {
-        this.assertUnique_(elem);
-      }
-      this.array_.splice(index, 0, elem);
-      this.updateLength_();
-      this.dispatchEvent(new CollectionEvent(CollectionEventType_default.ADD, elem, index));
-    };
-    Collection2.prototype.pop = function() {
-      return this.removeAt(this.getLength() - 1);
-    };
-    Collection2.prototype.push = function(elem) {
-      if (this.unique_) {
-        this.assertUnique_(elem);
-      }
-      var n = this.getLength();
-      this.insertAt(n, elem);
-      return this.getLength();
-    };
-    Collection2.prototype.remove = function(elem) {
-      var arr = this.array_;
-      for (var i = 0, ii = arr.length; i < ii; ++i) {
-        if (arr[i] === elem) {
-          return this.removeAt(i);
-        }
-      }
-      return void 0;
-    };
-    Collection2.prototype.removeAt = function(index) {
-      var prev = this.array_[index];
-      this.array_.splice(index, 1);
-      this.updateLength_();
-      this.dispatchEvent(new CollectionEvent(CollectionEventType_default.REMOVE, prev, index));
-      return prev;
-    };
-    Collection2.prototype.setAt = function(index, elem) {
-      var n = this.getLength();
-      if (index < n) {
-        if (this.unique_) {
-          this.assertUnique_(elem, index);
-        }
-        var prev = this.array_[index];
-        this.array_[index] = elem;
-        this.dispatchEvent(new CollectionEvent(CollectionEventType_default.REMOVE, prev, index));
-        this.dispatchEvent(new CollectionEvent(CollectionEventType_default.ADD, elem, index));
-      } else {
-        for (var j = n; j < index; ++j) {
-          this.insertAt(j, void 0);
-        }
-        this.insertAt(index, elem);
-      }
-    };
-    Collection2.prototype.updateLength_ = function() {
-      this.set(Property.LENGTH, this.array_.length);
-    };
-    Collection2.prototype.assertUnique_ = function(elem, opt_except) {
-      for (var i = 0, ii = this.array_.length; i < ii; ++i) {
-        if (this.array_[i] === elem && i !== opt_except) {
-          throw new AssertionError_default(58);
-        }
+    return equals4;
+  }
+  function squaredDistance2(coord1, coord2) {
+    var dx = coord1[0] - coord2[0];
+    var dy = coord1[1] - coord2[1];
+    return dx * dx + dy * dy;
+  }
+  function distance(coord1, coord2) {
+    return Math.sqrt(squaredDistance2(coord1, coord2));
+  }
+  function squaredDistanceToSegment(coordinate, segment) {
+    return squaredDistance2(coordinate, closestOnSegment(coordinate, segment));
+  }
+  function wrapX2(coordinate, projection) {
+    if (projection.canWrapX()) {
+      var worldWidth = getWidth(projection.getExtent());
+      var worldsAway = getWorldsAway(coordinate, projection, worldWidth);
+      if (worldsAway) {
+        coordinate[0] -= worldsAway * worldWidth;
       }
-    };
-    return Collection2;
-  }(Object_default);
-  var Collection_default = Collection;
+    }
+    return coordinate;
+  }
+  function getWorldsAway(coordinate, projection, opt_sourceExtentWidth) {
+    var projectionExtent = projection.getExtent();
+    var worldsAway = 0;
+    if (projection.canWrapX() && (coordinate[0] < projectionExtent[0] || coordinate[0] > projectionExtent[2])) {
+      var sourceExtentWidth = opt_sourceExtentWidth || getWidth(projectionExtent);
+      worldsAway = Math.floor((coordinate[0] - projectionExtent[0]) / sourceExtentWidth);
+    }
+    return worldsAway;
+  }
 
-  // node_modules/ol/Feature.js
-  var __extends8 = function() {
-    var extendStatics = function(d, b) {
-      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-        d2.__proto__ = b2;
-      } || function(d2, b2) {
-        for (var p in b2)
-          if (Object.prototype.hasOwnProperty.call(b2, p))
-            d2[p] = b2[p];
-      };
-      return extendStatics(d, b);
-    };
-    return function(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 Feature = function(_super) {
-    __extends8(Feature2, _super);
-    function Feature2(opt_geometryOrProperties) {
-      var _this = _super.call(this) || this;
-      _this.on;
-      _this.once;
-      _this.un;
-      _this.id_ = void 0;
-      _this.geometryName_ = "geometry";
-      _this.style_ = null;
-      _this.styleFunction_ = void 0;
-      _this.geometryChangeKey_ = null;
-      _this.addChangeListener(_this.geometryName_, _this.handleGeometryChanged_);
-      if (opt_geometryOrProperties) {
-        if (typeof opt_geometryOrProperties.getSimplifiedGeometry === "function") {
-          var geometry = opt_geometryOrProperties;
-          _this.setGeometry(geometry);
-        } else {
-          var properties = opt_geometryOrProperties;
-          _this.setProperties(properties);
-        }
+  // node_modules/ol/proj.js
+  var showCoordinateWarning = true;
+  function disableCoordinateWarning(opt_disable) {
+    var hide = opt_disable === void 0 ? true : opt_disable;
+    showCoordinateWarning = !hide;
+  }
+  function cloneTransform(input, opt_output, opt_dimension) {
+    var output;
+    if (opt_output !== void 0) {
+      for (var i = 0, ii = input.length; i < ii; ++i) {
+        opt_output[i] = input[i];
       }
-      return _this;
+      output = opt_output;
+    } else {
+      output = input.slice();
     }
-    Feature2.prototype.clone = function() {
-      var clone3 = new Feature2(this.hasProperties() ? this.getProperties() : null);
-      clone3.setGeometryName(this.getGeometryName());
-      var geometry = this.getGeometry();
-      if (geometry) {
-        clone3.setGeometry(geometry.clone());
+    return output;
+  }
+  function identityTransform(input, opt_output, opt_dimension) {
+    if (opt_output !== void 0 && input !== opt_output) {
+      for (var i = 0, ii = input.length; i < ii; ++i) {
+        opt_output[i] = input[i];
       }
-      var style = this.getStyle();
-      if (style) {
-        clone3.setStyle(style);
+      input = opt_output;
+    }
+    return input;
+  }
+  function addProjection(projection) {
+    add(projection.getCode(), projection);
+    add2(projection, projection, cloneTransform);
+  }
+  function addProjections(projections) {
+    projections.forEach(addProjection);
+  }
+  function get3(projectionLike) {
+    return typeof projectionLike === "string" ? get(projectionLike) : projectionLike || null;
+  }
+  function addEquivalentProjections(projections) {
+    addProjections(projections);
+    projections.forEach(function(source) {
+      projections.forEach(function(destination) {
+        if (source !== destination) {
+          add2(source, destination, cloneTransform);
+        }
+      });
+    });
+  }
+  function addEquivalentTransforms(projections1, projections2, forwardTransform, inverseTransform) {
+    projections1.forEach(function(projection1) {
+      projections2.forEach(function(projection2) {
+        add2(projection1, projection2, forwardTransform);
+        add2(projection2, projection1, inverseTransform);
+      });
+    });
+  }
+  function fromLonLat(coordinate, opt_projection) {
+    disableCoordinateWarning();
+    return transform(coordinate, "EPSG:4326", opt_projection !== void 0 ? opt_projection : "EPSG:3857");
+  }
+  function toLonLat(coordinate, opt_projection) {
+    var lonLat = transform(coordinate, opt_projection !== void 0 ? opt_projection : "EPSG:3857", "EPSG:4326");
+    var lon = lonLat[0];
+    if (lon < -180 || lon > 180) {
+      lonLat[0] = modulo(lon + 180, 360) - 180;
+    }
+    return lonLat;
+  }
+  function equivalent(projection1, projection2) {
+    if (projection1 === projection2) {
+      return true;
+    }
+    var equalUnits = projection1.getUnits() === projection2.getUnits();
+    if (projection1.getCode() === projection2.getCode()) {
+      return equalUnits;
+    } else {
+      var transformFunc = getTransformFromProjections(projection1, projection2);
+      return transformFunc === cloneTransform && equalUnits;
+    }
+  }
+  function getTransformFromProjections(sourceProjection, destinationProjection) {
+    var sourceCode = sourceProjection.getCode();
+    var destinationCode = destinationProjection.getCode();
+    var transformFunc = get2(sourceCode, destinationCode);
+    if (!transformFunc) {
+      transformFunc = identityTransform;
+    }
+    return transformFunc;
+  }
+  function getTransform(source, destination) {
+    var sourceProjection = get3(source);
+    var destinationProjection = get3(destination);
+    return getTransformFromProjections(sourceProjection, destinationProjection);
+  }
+  function transform(coordinate, source, destination) {
+    var transformFunc = getTransform(source, destination);
+    return transformFunc(coordinate, void 0, coordinate.length);
+  }
+  function transformExtent(extent, source, destination, opt_stops) {
+    var transformFunc = getTransform(source, destination);
+    return applyTransform(extent, transformFunc, void 0, opt_stops);
+  }
+  var userProjection = null;
+  function getUserProjection() {
+    return userProjection;
+  }
+  function toUserCoordinate(coordinate, sourceProjection) {
+    if (!userProjection) {
+      return coordinate;
+    }
+    return transform(coordinate, sourceProjection, userProjection);
+  }
+  function fromUserCoordinate(coordinate, destProjection) {
+    if (!userProjection) {
+      if (showCoordinateWarning && !equals3(coordinate, [0, 0]) && coordinate[0] >= -180 && coordinate[0] <= 180 && coordinate[1] >= -90 && coordinate[1] <= 90) {
+        showCoordinateWarning = false;
+        console.warn("Call useGeographic() from ol/proj once to work with [longitude, latitude] coordinates.");
       }
-      return clone3;
-    };
-    Feature2.prototype.getGeometry = function() {
-      return this.get(this.geometryName_);
-    };
-    Feature2.prototype.getId = function() {
-      return this.id_;
-    };
-    Feature2.prototype.getGeometryName = function() {
-      return this.geometryName_;
-    };
-    Feature2.prototype.getStyle = function() {
-      return this.style_;
-    };
-    Feature2.prototype.getStyleFunction = function() {
-      return this.styleFunction_;
-    };
-    Feature2.prototype.handleGeometryChange_ = function() {
-      this.changed();
-    };
-    Feature2.prototype.handleGeometryChanged_ = function() {
-      if (this.geometryChangeKey_) {
-        unlistenByKey(this.geometryChangeKey_);
-        this.geometryChangeKey_ = null;
+      return coordinate;
+    }
+    return transform(coordinate, userProjection, destProjection);
+  }
+  function toUserExtent(extent, sourceProjection) {
+    if (!userProjection) {
+      return extent;
+    }
+    return transformExtent(extent, sourceProjection, userProjection);
+  }
+  function fromUserExtent(extent, destProjection) {
+    if (!userProjection) {
+      return extent;
+    }
+    return transformExtent(extent, userProjection, destProjection);
+  }
+  function toUserResolution(resolution, sourceProjection) {
+    if (!userProjection) {
+      return resolution;
+    }
+    var sourceUnits = get3(sourceProjection).getUnits();
+    var userUnits = userProjection.getUnits();
+    return sourceUnits && userUnits ? resolution * METERS_PER_UNIT[sourceUnits] / METERS_PER_UNIT[userUnits] : resolution;
+  }
+  function addCommon() {
+    addEquivalentProjections(PROJECTIONS);
+    addEquivalentProjections(PROJECTIONS2);
+    addEquivalentTransforms(PROJECTIONS2, PROJECTIONS, fromEPSG4326, toEPSG4326);
+  }
+  addCommon();
+
+  // src/common/utils/getMaplibreRender.js
+  function getMaplibreRender(maplibreLayer) {
+    return (frameState) => {
+      const { map, mbMap, olLayer } = maplibreLayer;
+      if (!map || !mbMap) {
+        return null;
       }
-      var geometry = this.getGeometry();
-      if (geometry) {
-        this.geometryChangeKey_ = listen(geometry, EventType_default.CHANGE, this.handleGeometryChange_, this);
+      const canvas2 = mbMap.getCanvas();
+      const { viewState } = frameState;
+      const opacity = olLayer.getOpacity();
+      canvas2.style.opacity = opacity;
+      mbMap.jumpTo({
+        center: toLonLat(viewState.center),
+        zoom: viewState.zoom - 1,
+        bearing: toDegrees(-viewState.rotation),
+        animate: false
+      });
+      if (!canvas2.isConnected) {
+        map.render();
+      } else if (canvas2.width !== frameState.size[0] || canvas2.height !== frameState.size[1]) {
+        mbMap.resize();
       }
-      this.changed();
-    };
-    Feature2.prototype.setGeometry = function(geometry) {
-      this.set(this.geometryName_, geometry);
-    };
-    Feature2.prototype.setStyle = function(opt_style) {
-      this.style_ = opt_style;
-      this.styleFunction_ = !opt_style ? void 0 : createStyleFunction(opt_style);
-      this.changed();
-    };
-    Feature2.prototype.setId = function(id) {
-      this.id_ = id;
-      this.changed();
-    };
-    Feature2.prototype.setGeometryName = function(name) {
-      this.removeChangeListener(this.geometryName_, this.handleGeometryChanged_);
-      this.geometryName_ = name;
-      this.addChangeListener(this.geometryName_, this.handleGeometryChanged_);
-      this.handleGeometryChanged_();
+      mbMap.redraw();
+      return mbMap.getContainer();
     };
-    return Feature2;
-  }(Object_default);
-  function createStyleFunction(obj) {
-    if (typeof obj === "function") {
-      return obj;
-    } else {
-      var styles_1;
-      if (Array.isArray(obj)) {
-        styles_1 = obj;
-      } else {
-        assert(typeof obj.getZIndex === "function", 41);
-        var style = obj;
-        styles_1 = [style];
+  }
+
+  // src/common/utils/getMapboxRender.js
+  function getMapboxRender(mapoxLayer) {
+    return (frameState) => {
+      const { map, mbMap, renderState, olLayer } = mapoxLayer;
+      if (!map || !mbMap) {
+        return null;
       }
-      return function() {
-        return styles_1;
-      };
-    }
+      let changed = false;
+      const canvas2 = mbMap.getCanvas();
+      const { viewState } = frameState;
+      const visible = olLayer.getVisible();
+      if (renderState.visible !== visible) {
+        canvas2.style.display = visible ? "block" : "none";
+        renderState.visible = visible;
+        canvas2.style.position = "absolute";
+      }
+      const opacity = olLayer.getOpacity();
+      if (renderState.opacity !== opacity) {
+        canvas2.style.opacity = opacity;
+        renderState.opacity = opacity;
+      }
+      const { rotation } = viewState;
+      if (renderState.rotation !== rotation) {
+        mbMap.rotateTo(-(rotation || 0) * 180 / Math.PI, {
+          animate: false
+        });
+        changed = true;
+        renderState.rotation = rotation;
+      }
+      if (renderState.zoom !== viewState.zoom || renderState.center[0] !== viewState.center[0] || renderState.center[1] !== viewState.center[1]) {
+        mbMap.jumpTo({
+          center: toLonLat(viewState.center),
+          zoom: viewState.zoom - 1,
+          animate: false
+        });
+        changed = true;
+        renderState.zoom = viewState.zoom;
+        renderState.center = viewState.center;
+      }
+      const size = map.getSize();
+      if (renderState.size[0] !== size[0] || renderState.size[1] !== size[1]) {
+        changed = true;
+        renderState.size = size;
+      }
+      if (mbMap && mbMap.style && mbMap.isStyleLoaded() && changed) {
+        try {
+          if (mbMap._frame) {
+            mbMap._frame.cancel();
+            mbMap._frame = null;
+          }
+          mbMap._render();
+        } catch (err) {
+          console.warn(err);
+        }
+      }
+      return mbMap.getContainer();
+    };
   }
-  var Feature_default = Feature;
 
-  // node_modules/ol/geom/GeometryLayout.js
-  var GeometryLayout_default = {
-    XY: "XY",
-    XYZ: "XYZ",
-    XYM: "XYM",
-    XYZM: "XYZM"
+  // src/common/utils/trackerConfig.js
+  var trackerConfig_exports = {};
+  __export(trackerConfig_exports, {
+    bgColors: () => bgColors,
+    getBgColor: () => getBgColor,
+    getDelayColor: () => getDelayColor,
+    getDelayText: () => getDelayText,
+    getRadius: () => getRadius,
+    getTextColor: () => getTextColor,
+    getTextSize: () => getTextSize,
+    getTypeIndex: () => getTypeIndex,
+    textColors: () => textColors,
+    types: () => types
+  });
+  var trackerRadiusMapping = {
+    0: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    1: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    2: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15],
+    3: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    4: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    5: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    6: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    7: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    8: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    9: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15]
   };
-
-  // node_modules/ol/proj/Units.js
-  var Units = {
-    RADIANS: "radians",
-    DEGREES: "degrees",
-    FEET: "ft",
-    METERS: "m",
-    PIXELS: "pixels",
-    TILE_PIXELS: "tile-pixels",
-    USFEET: "us-ft"
+  var types = [
+    /^Tram/i,
+    /^Subway( \/ Metro \/ S-Bahn)?/i,
+    /^Train/i,
+    /^Bus/i,
+    /^Ferry/i,
+    /^Cable ?Car/i,
+    /^Gondola/i,
+    /^Funicular/i,
+    /^(Long distance bus|coach)/i,
+    /^Rail/i
+  ];
+  var bgColors = [
+    "#ffb400",
+    "#ff5400",
+    "#ff8080",
+    "#ea0000",
+    "#3000ff",
+    "#ffb400",
+    "#41a27b",
+    "#00d237",
+    "#b5b5b5",
+    "#ff8080"
+  ];
+  var textColors = [
+    "#000000",
+    "#ffffff",
+    "#000000",
+    "#ffffff",
+    "#ffffff",
+    "#000000",
+    "#ffffff",
+    "#000000",
+    "#000000",
+    "#000000"
+  ];
+  var getTypeIndex = (type) => {
+    if (typeof type === "string") {
+      return types.findIndex((t) => t.test(type));
+    }
+    return type;
   };
-  var unitByCode = {
-    "9001": Units.METERS,
-    "9002": Units.FEET,
-    "9003": Units.USFEET,
-    "9101": Units.RADIANS,
-    "9102": Units.DEGREES
+  var getRadius = (type, zoom) => {
+    try {
+      const typeIdx = getTypeIndex(type || 0);
+      return trackerRadiusMapping[typeIdx][zoom];
+    } catch (e) {
+      return 1;
+    }
   };
-  var METERS_PER_UNIT = {};
-  METERS_PER_UNIT[Units.RADIANS] = 6370997 / (2 * Math.PI);
-  METERS_PER_UNIT[Units.DEGREES] = 2 * Math.PI * 6370997 / 360;
-  METERS_PER_UNIT[Units.FEET] = 0.3048;
-  METERS_PER_UNIT[Units.METERS] = 1;
-  METERS_PER_UNIT[Units.USFEET] = 1200 / 3937;
-  var Units_default = Units;
-
-  // node_modules/ol/extent/Relationship.js
-  var Relationship_default = {
-    UNKNOWN: 0,
-    INTERSECTING: 1,
-    ABOVE: 2,
-    RIGHT: 4,
-    BELOW: 8,
-    LEFT: 16
+  var getBgColor = (type = 0) => {
+    try {
+      const typeIdx = getTypeIndex(type);
+      return bgColors[typeIdx];
+    } catch (e) {
+      return 1;
+    }
   };
-
-  // node_modules/ol/extent.js
-  function boundingExtent(coordinates2) {
-    var extent = createEmpty();
-    for (var i = 0, ii = coordinates2.length; i < ii; ++i) {
-      extendCoordinate(extent, coordinates2[i]);
+  var getTextColor = (type = 0) => {
+    try {
+      const typeIdx = getTypeIndex(type);
+      return textColors[typeIdx];
+    } catch (e) {
+      return 1;
     }
-    return extent;
-  }
-  function _boundingExtentXYs(xs, ys, opt_extent) {
-    var minX = Math.min.apply(null, xs);
-    var minY = Math.min.apply(null, ys);
-    var maxX = Math.max.apply(null, xs);
-    var maxY = Math.max.apply(null, ys);
-    return createOrUpdate(minX, minY, maxX, maxY, opt_extent);
-  }
-  function buffer(extent, value, opt_extent) {
-    if (opt_extent) {
-      opt_extent[0] = extent[0] - value;
-      opt_extent[1] = extent[1] - value;
-      opt_extent[2] = extent[2] + value;
-      opt_extent[3] = extent[3] + value;
-      return opt_extent;
-    } else {
-      return [
-        extent[0] - value,
-        extent[1] - value,
-        extent[2] + value,
-        extent[3] + value
-      ];
+  };
+  var getTextSize = (ctx, markerSize, text, fontSize) => {
+    ctx.font = `bold ${fontSize}px Arial`;
+    let newText = ctx.measureText(text);
+    const maxiter = 25;
+    let i = 0;
+    while (newText.width > markerSize - 6 && i < maxiter) {
+      fontSize -= 0.5;
+      ctx.font = `bold ${fontSize}px arial, sans-serif`;
+      newText = ctx.measureText(text);
+      i += 1;
     }
-  }
-  function clone(extent, opt_extent) {
-    if (opt_extent) {
-      opt_extent[0] = extent[0];
-      opt_extent[1] = extent[1];
-      opt_extent[2] = extent[2];
-      opt_extent[3] = extent[3];
-      return opt_extent;
-    } else {
-      return extent.slice();
+    return fontSize;
+  };
+  var getDelayColor = (delayInMs, cancelled, isDelayText) => {
+    if (cancelled) {
+      return isDelayText ? "#ff0000" : "#a0a0a0";
     }
-  }
-  function closestSquaredDistanceXY(extent, x, y) {
-    var dx, dy;
-    if (x < extent[0]) {
-      dx = extent[0] - x;
-    } else if (extent[2] < x) {
-      dx = x - extent[2];
-    } else {
-      dx = 0;
+    if (delayInMs >= 36e5) {
+      return "#ed004c";
     }
-    if (y < extent[1]) {
-      dy = extent[1] - y;
-    } else if (extent[3] < y) {
-      dy = y - extent[3];
-    } else {
-      dy = 0;
+    if (delayInMs >= 5e5) {
+      return "#e80000";
+    }
+    if (delayInMs >= 3e5) {
+      return "#ff4a00";
     }
-    return dx * dx + dy * dy;
-  }
-  function containsCoordinate(extent, coordinate) {
-    return containsXY(extent, coordinate[0], coordinate[1]);
-  }
-  function containsExtent(extent1, extent2) {
-    return extent1[0] <= extent2[0] && extent2[2] <= extent1[2] && extent1[1] <= extent2[1] && extent2[3] <= extent1[3];
-  }
-  function containsXY(extent, x, y) {
-    return extent[0] <= x && x <= extent[2] && extent[1] <= y && y <= extent[3];
-  }
-  function coordinateRelationship(extent, coordinate) {
-    var minX = extent[0];
-    var minY = extent[1];
-    var maxX = extent[2];
-    var maxY = extent[3];
-    var x = coordinate[0];
-    var y = coordinate[1];
-    var relationship = Relationship_default.UNKNOWN;
-    if (x < minX) {
-      relationship = relationship | Relationship_default.LEFT;
-    } else if (x > maxX) {
-      relationship = relationship | Relationship_default.RIGHT;
+    if (delayInMs >= 18e4) {
+      return "#f7bf00";
     }
-    if (y < minY) {
-      relationship = relationship | Relationship_default.BELOW;
-    } else if (y > maxY) {
-      relationship = relationship | Relationship_default.ABOVE;
+    if (delayInMs === null) {
+      return "#a0a0a0";
     }
-    if (relationship === Relationship_default.UNKNOWN) {
-      relationship = Relationship_default.INTERSECTING;
+    return "#00a00c";
+  };
+  var getDelayText = (delayInMs, cancelled) => {
+    if (cancelled) {
+      return String.fromCodePoint(215);
     }
-    return relationship;
-  }
-  function createEmpty() {
-    return [Infinity, Infinity, -Infinity, -Infinity];
-  }
-  function createOrUpdate(minX, minY, maxX, maxY, opt_extent) {
-    if (opt_extent) {
-      opt_extent[0] = minX;
-      opt_extent[1] = minY;
-      opt_extent[2] = maxX;
-      opt_extent[3] = maxY;
-      return opt_extent;
-    } else {
-      return [minX, minY, maxX, maxY];
+    if (delayInMs > 36e5) {
+      const rounded = Math.round(delayInMs / 36e5);
+      return `+${rounded}h`;
     }
-  }
-  function createOrUpdateEmpty(opt_extent) {
-    return createOrUpdate(Infinity, Infinity, -Infinity, -Infinity, opt_extent);
-  }
-  function createOrUpdateFromCoordinate(coordinate, opt_extent) {
-    var x = coordinate[0];
-    var y = coordinate[1];
-    return createOrUpdate(x, y, x, y, opt_extent);
-  }
-  function createOrUpdateFromFlatCoordinates(flatCoordinates, offset, end, stride, opt_extent) {
-    var extent = createOrUpdateEmpty(opt_extent);
-    return extendFlatCoordinates(extent, flatCoordinates, offset, end, stride);
-  }
-  function equals2(extent1, extent2) {
-    return extent1[0] == extent2[0] && extent1[2] == extent2[2] && extent1[1] == extent2[1] && extent1[3] == extent2[3];
-  }
-  function extend2(extent1, extent2) {
-    if (extent2[0] < extent1[0]) {
-      extent1[0] = extent2[0];
+    if (delayInMs > 59e3) {
+      const rounded = Math.round(delayInMs / 6e4);
+      return `+${rounded}m`;
     }
-    if (extent2[2] > extent1[2]) {
-      extent1[2] = extent2[2];
+    if (delayInMs > 0) {
+      return `+${delayInMs}s`;
     }
-    if (extent2[1] < extent1[1]) {
-      extent1[1] = extent2[1];
+    return "";
+  };
+
+  // src/common/utils/createCanvas.js
+  var createCanvas = (width, height) => {
+    let canvas2 = null;
+    if (typeof window === "undefined") {
+      return null;
     }
-    if (extent2[3] > extent1[3]) {
-      extent1[3] = extent2[3];
+    if (document?.createElement) {
+      canvas2 = document.createElement("canvas");
+      canvas2.width = width;
+      canvas2.height = height;
+    } else if (OffscreenCanvas) {
+      canvas2 = new OffscreenCanvas(width, height);
+    } else {
+      console.error("We didn't find a way to create a canvas element, document.createElement('canvas') and new OffscrenCanvas() are not supported");
     }
-    return extent1;
-  }
-  function extendCoordinate(extent, coordinate) {
-    if (coordinate[0] < extent[0]) {
-      extent[0] = coordinate[0];
+    return canvas2;
+  };
+  var createCanvas_default = createCanvas;
+
+  // src/common/styles/realtimeDefaultStyle.js
+  var cacheDelayBg = {};
+  var getDelayBgCanvas = (origin, radius, color) => {
+    const key = `${origin}, ${radius}, ${color}`;
+    if (!cacheDelayBg[key]) {
+      const canvas2 = createCanvas_default(origin * 2, origin * 2);
+      if (canvas2) {
+        const ctx = canvas2.getContext("2d");
+        ctx.beginPath();
+        ctx.arc(origin, origin, radius, 0, 2 * Math.PI, false);
+        ctx.fillStyle = color;
+        ctx.filter = "blur(1px)";
+        ctx.fill();
+        cacheDelayBg[key] = canvas2;
+      }
     }
-    if (coordinate[0] > extent[2]) {
-      extent[2] = coordinate[0];
+    return cacheDelayBg[key];
+  };
+  var cacheDelayText = {};
+  var getDelayTextCanvas = (width, text, fontSize, font, delayColor, delayOutlineColor = "#000", pixelRatio = 1) => {
+    const key = `${width}, ${text}, ${font}, ${delayColor}, ${delayOutlineColor}, ${pixelRatio}`;
+    if (!cacheDelayText[key]) {
+      const canvas2 = createCanvas_default(width, fontSize + 8 * pixelRatio);
+      if (canvas2) {
+        const ctx = canvas2.getContext("2d");
+        ctx.textAlign = "left";
+        ctx.textBaseline = "middle";
+        ctx.font = font;
+        ctx.fillStyle = delayColor;
+        ctx.strokeStyle = delayOutlineColor;
+        ctx.lineWidth = 1.5 * pixelRatio;
+        const delayText = text;
+        ctx.strokeText(delayText, 0, fontSize);
+        ctx.fillText(delayText, 0, fontSize);
+        cacheDelayText[key] = canvas2;
+      }
     }
-    if (coordinate[1] < extent[1]) {
-      extent[1] = coordinate[1];
+    return cacheDelayText[key];
+  };
+  var cacheCircle = {};
+  var getCircleCanvas = (origin, radius, color, hasStroke, hasDash, pixelRatio) => {
+    const key = `${origin}, ${radius}, ${color}, ${hasStroke},  ${hasDash}, ${pixelRatio}`;
+    if (!cacheCircle[key]) {
+      const canvas2 = createCanvas_default(origin * 2, origin * 2);
+      if (canvas2) {
+        const ctx = canvas2.getContext("2d");
+        ctx.fillStyle = color;
+        if (hasStroke) {
+          ctx.lineWidth = 1 * pixelRatio;
+          ctx.strokeStyle = "#000000";
+        }
+        ctx.beginPath();
+        ctx.arc(origin, origin, radius, 0, 2 * Math.PI, false);
+        ctx.fill();
+        if (hasDash) {
+          ctx.setLineDash([5, 3]);
+        }
+        if (hasStroke) {
+          ctx.stroke();
+        }
+        cacheCircle[key] = canvas2;
+      }
     }
-    if (coordinate[1] > extent[3]) {
-      extent[3] = coordinate[1];
+    return cacheCircle[key];
+  };
+  var cacheText = {};
+  var getTextCanvas = (text, origin, textSize, fillColor, strokeColor, hasStroke, pixelRatio) => {
+    const key = `${text}, ${origin}, ${textSize}, ${fillColor},${strokeColor}, ${hasStroke}, ${pixelRatio}`;
+    if (!cacheText[key]) {
+      const canvas2 = createCanvas_default(origin * 2, origin * 2);
+      if (canvas2) {
+        const ctx = canvas2.getContext("2d");
+        if (hasStroke) {
+          ctx.save();
+          ctx.textBaseline = "middle";
+          ctx.textAlign = "center";
+          ctx.font = `bold ${textSize + 2}px Arial`;
+          ctx.strokeStyle = strokeColor;
+          ctx.strokeText(text, origin, origin);
+          ctx.restore();
+        }
+        ctx.textBaseline = "middle";
+        ctx.textAlign = "center";
+        ctx.fillStyle = fillColor;
+        ctx.font = `bold ${textSize}px Arial`;
+        ctx.strokeStyle = strokeColor;
+        ctx.strokeText(text, origin, origin);
+        ctx.fillText(text, origin, origin);
+        cacheText[key] = canvas2;
+      }
     }
-  }
-  function extendFlatCoordinates(extent, flatCoordinates, offset, end, stride) {
-    for (; offset < end; offset += stride) {
-      extendXY(extent, flatCoordinates[offset], flatCoordinates[offset + 1]);
+    return cacheText[key];
+  };
+  var cache2 = {};
+  var realtimeDefaultStyle = (trajectory, viewState, options) => {
+    const {
+      hoverVehicleId,
+      selectedVehicleId,
+      useDelayStyle,
+      delayOutlineColor = "#000",
+      delayDisplay = 3e5,
+      getRadius: getRadius2,
+      getBgColor: getBgColor2,
+      getDelayColor: getDelayColor2,
+      getDelayText: getDelayText2,
+      getTextColor: getTextColor2,
+      getTextSize: getTextSize2
+    } = options;
+    const { zoom, pixelRatio } = viewState;
+    let { type, cancelled } = trajectory.properties;
+    const {
+      train_id: id,
+      line,
+      delay,
+      state,
+      operator_provides_realtime_journey: operatorProvidesRealtime
+    } = trajectory.properties;
+    let { name, text_color: textColor, color } = line || {};
+    cancelled = cancelled === true || state === "JOURNEY_CANCELLED";
+    if (!type) {
+      type = "Rail";
     }
-    return extent;
-  }
-  function extendXY(extent, x, y) {
-    extent[0] = Math.min(extent[0], x);
-    extent[1] = Math.min(extent[1], y);
-    extent[2] = Math.max(extent[2], x);
-    extent[3] = Math.max(extent[3], y);
-  }
-  function forEachCorner(extent, callback) {
-    var val;
-    val = callback(getBottomLeft(extent));
-    if (val) {
-      return val;
+    if (!name) {
+      name = "I";
+    }
+    if (!textColor) {
+      textColor = "#000000";
+    }
+    if (color && color[0] !== "#") {
+      color = `#${color}`;
     }
-    val = callback(getBottomRight(extent));
-    if (val) {
-      return val;
+    if (textColor[0] !== "#") {
+      textColor = `#${textColor}`;
     }
-    val = callback(getTopRight(extent));
-    if (val) {
-      return val;
+    const z = Math.min(Math.floor(zoom || 1), 16);
+    const hover = hoverVehicleId && hoverVehicleId === id;
+    const selected = selectedVehicleId && selectedVehicleId === id;
+    let radius = getRadius2(type, z) * pixelRatio;
+    const isDisplayStrokeAndDelay = radius >= 7 * pixelRatio;
+    if (hover || selected) {
+      radius = isDisplayStrokeAndDelay ? radius + 5 * pixelRatio : 14 * pixelRatio;
     }
-    val = callback(getTopLeft(extent));
-    if (val) {
-      return val;
+    const mustDrawText = radius > 10 * pixelRatio;
+    let key = `${radius}${hover}${selected}${cancelled}${delay}`;
+    if (useDelayStyle) {
+      key += `${operatorProvidesRealtime}`;
+    } else {
+      key += `${type}${color}`;
     }
-    return false;
-  }
-  function getBottomLeft(extent) {
-    return [extent[0], extent[1]];
-  }
-  function getBottomRight(extent) {
-    return [extent[2], extent[1]];
-  }
-  function getCenter(extent) {
-    return [(extent[0] + extent[2]) / 2, (extent[1] + extent[3]) / 2];
-  }
-  function getHeight(extent) {
-    return extent[3] - extent[1];
-  }
-  function getIntersection(extent1, extent2, opt_extent) {
-    var intersection = opt_extent ? opt_extent : createEmpty();
-    if (intersects(extent1, extent2)) {
-      if (extent1[0] > extent2[0]) {
-        intersection[0] = extent1[0];
-      } else {
-        intersection[0] = extent2[0];
-      }
-      if (extent1[1] > extent2[1]) {
-        intersection[1] = extent1[1];
-      } else {
-        intersection[1] = extent2[1];
-      }
-      if (extent1[2] < extent2[2]) {
-        intersection[2] = extent1[2];
-      } else {
-        intersection[2] = extent2[2];
+    if (mustDrawText) {
+      key += `${name}${textColor}`;
+    }
+    if (!cache2[key]) {
+      if (radius === 0) {
+        cache2[key] = null;
+        return null;
       }
-      if (extent1[3] < extent2[3]) {
-        intersection[3] = extent1[3];
-      } else {
-        intersection[3] = extent2[3];
+      const margin = 1 * pixelRatio;
+      const radiusDelay = radius + 2;
+      const markerSize = radius * 2;
+      const size = radiusDelay * 2 + margin * 2 + 100 * pixelRatio;
+      const origin = size / 2;
+      const canvas2 = createCanvas_default(size, size);
+      if (canvas2) {
+        const ctx = canvas2.getContext("2d");
+        if (isDisplayStrokeAndDelay && delay !== null) {
+          const delayBg = getDelayBgCanvas(origin, radiusDelay, getDelayColor2(delay, cancelled));
+          ctx.drawImage(delayBg, 0, 0);
+        }
+        if (isDisplayStrokeAndDelay && (hover || delay >= delayDisplay || cancelled)) {
+          const fontSize = Math.max(cancelled ? 19 : 14, Math.min(cancelled ? 19 : 17, radius * 1.2)) * pixelRatio;
+          const text = getDelayText2(delay, cancelled);
+          if (text) {
+            const textWidth = text.length * fontSize;
+            const delayText = getDelayTextCanvas(textWidth, text, fontSize, `bold ${fontSize}px arial, sans-serif`, getDelayColor2(delay, cancelled, true), delayOutlineColor, pixelRatio);
+            ctx.drawImage(delayText, origin + radiusDelay + margin, origin - fontSize);
+          }
+        }
+        let circleFillColor;
+        if (useDelayStyle) {
+          circleFillColor = getDelayColor2(delay, cancelled);
+        } else {
+          circleFillColor = color || getBgColor2(type);
+        }
+        const hasStroke = isDisplayStrokeAndDelay || hover || selected;
+        const hasDash = isDisplayStrokeAndDelay && useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
+        const circle = getCircleCanvas(origin, radius, circleFillColor, hasStroke, hasDash, pixelRatio);
+        ctx.drawImage(circle, 0, 0);
+        if (mustDrawText) {
+          const fontSize = Math.max(radius, 10);
+          const textSize = getTextSize2(ctx, markerSize, name, fontSize);
+          const textColor2 = !useDelayStyle ? textColor || getTextColor2(type) : "#000000";
+          const hasStroke2 = useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
+          const text = getTextCanvas(name, origin, textSize, textColor2, circleFillColor, hasStroke2, pixelRatio);
+          ctx.drawImage(text, 0, 0);
+        }
+        cache2[key] = canvas2;
       }
-    } else {
-      createOrUpdateEmpty(intersection);
     }
-    return intersection;
-  }
-  function getTopLeft(extent) {
-    return [extent[0], extent[3]];
-  }
-  function getTopRight(extent) {
-    return [extent[2], extent[3]];
-  }
-  function getWidth(extent) {
-    return extent[2] - extent[0];
-  }
-  function intersects(extent1, extent2) {
-    return extent1[0] <= extent2[2] && extent1[2] >= extent2[0] && extent1[1] <= extent2[3] && extent1[3] >= extent2[1];
-  }
-  function returnOrUpdate(extent, opt_extent) {
-    if (opt_extent) {
-      opt_extent[0] = extent[0];
-      opt_extent[1] = extent[1];
-      opt_extent[2] = extent[2];
-      opt_extent[3] = extent[3];
-      return opt_extent;
-    } else {
-      return extent;
+    return cache2[key];
+  };
+  var realtimeDefaultStyle_default = realtimeDefaultStyle;
+
+  // src/common/styles/realtimeDelayStyle.js
+  var realtimeDelayStyle = (trajectory, viewState, options) => {
+    return realtimeDefaultStyle_default(trajectory, viewState, {
+      ...options,
+      useDelayStyle: true
+    });
+  };
+  var realtimeDelayStyle_default = realtimeDelayStyle;
+
+  // src/common/styles/realtimeSimpleStyle.js
+  var canvas;
+  var realtimeSimpleStyle = () => {
+    if (!canvas) {
+      document.createElement("canvas");
+      canvas.width = 15;
+      canvas.height = 15;
+      const ctx = canvas.getContext("2d");
+      ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
+      ctx.fillStyle = "#8ED6FF";
+      ctx.fill();
+      ctx.lineWidth = 3;
+      ctx.strokeStyle = "black";
+      ctx.stroke();
+      ctx.lineWidth = 3;
     }
-  }
-  function intersectsSegment(extent, start, end) {
-    var intersects2 = false;
-    var startRel = coordinateRelationship(extent, start);
-    var endRel = coordinateRelationship(extent, end);
-    if (startRel === Relationship_default.INTERSECTING || endRel === Relationship_default.INTERSECTING) {
-      intersects2 = true;
-    } else {
-      var minX = extent[0];
-      var minY = extent[1];
-      var maxX = extent[2];
-      var maxY = extent[3];
-      var startX = start[0];
-      var startY = start[1];
-      var endX = end[0];
-      var endY = end[1];
-      var slope = (endY - startY) / (endX - startX);
-      var x = void 0, y = void 0;
-      if (!!(endRel & Relationship_default.ABOVE) && !(startRel & Relationship_default.ABOVE)) {
-        x = endX - (endY - maxY) / slope;
-        intersects2 = x >= minX && x <= maxX;
+    return canvas;
+  };
+  var realtimeSimpleStyle_default = realtimeSimpleStyle;
+
+  // node_modules/ol/layer/Property.js
+  var Property_default = {
+    OPACITY: "opacity",
+    VISIBLE: "visible",
+    EXTENT: "extent",
+    Z_INDEX: "zIndex",
+    MAX_RESOLUTION: "maxResolution",
+    MIN_RESOLUTION: "minResolution",
+    MAX_ZOOM: "maxZoom",
+    MIN_ZOOM: "minZoom",
+    SOURCE: "source",
+    MAP: "map"
+  };
+
+  // node_modules/ol/layer/Base.js
+  var __extends7 = function() {
+    var extendStatics = function(d, b) {
+      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+        d2.__proto__ = b2;
+      } || function(d2, b2) {
+        for (var p in b2)
+          if (Object.prototype.hasOwnProperty.call(b2, p))
+            d2[p] = b2[p];
+      };
+      return extendStatics(d, b);
+    };
+    return function(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;
       }
-      if (!intersects2 && !!(endRel & Relationship_default.RIGHT) && !(startRel & Relationship_default.RIGHT)) {
-        y = endY - (endX - maxX) * slope;
-        intersects2 = y >= minY && y <= maxY;
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+  }();
+  var BaseLayer = function(_super) {
+    __extends7(BaseLayer2, _super);
+    function BaseLayer2(options) {
+      var _this = _super.call(this) || this;
+      _this.on;
+      _this.once;
+      _this.un;
+      _this.background_ = options.background;
+      var properties = assign({}, options);
+      if (typeof options.properties === "object") {
+        delete properties.properties;
+        assign(properties, options.properties);
+      }
+      properties[Property_default.OPACITY] = options.opacity !== void 0 ? options.opacity : 1;
+      assert(typeof properties[Property_default.OPACITY] === "number", 64);
+      properties[Property_default.VISIBLE] = options.visible !== void 0 ? options.visible : true;
+      properties[Property_default.Z_INDEX] = options.zIndex;
+      properties[Property_default.MAX_RESOLUTION] = options.maxResolution !== void 0 ? options.maxResolution : Infinity;
+      properties[Property_default.MIN_RESOLUTION] = options.minResolution !== void 0 ? options.minResolution : 0;
+      properties[Property_default.MIN_ZOOM] = options.minZoom !== void 0 ? options.minZoom : -Infinity;
+      properties[Property_default.MAX_ZOOM] = options.maxZoom !== void 0 ? options.maxZoom : Infinity;
+      _this.className_ = properties.className !== void 0 ? properties.className : "ol-layer";
+      delete properties.className;
+      _this.setProperties(properties);
+      _this.state_ = null;
+      return _this;
+    }
+    BaseLayer2.prototype.getBackground = function() {
+      return this.background_;
+    };
+    BaseLayer2.prototype.getClassName = function() {
+      return this.className_;
+    };
+    BaseLayer2.prototype.getLayerState = function(opt_managed) {
+      var state = this.state_ || {
+        layer: this,
+        managed: opt_managed === void 0 ? true : opt_managed
+      };
+      var zIndex = this.getZIndex();
+      state.opacity = clamp(Math.round(this.getOpacity() * 100) / 100, 0, 1);
+      state.visible = this.getVisible();
+      state.extent = this.getExtent();
+      state.zIndex = zIndex === void 0 && !state.managed ? Infinity : zIndex;
+      state.maxResolution = this.getMaxResolution();
+      state.minResolution = Math.max(this.getMinResolution(), 0);
+      state.minZoom = this.getMinZoom();
+      state.maxZoom = this.getMaxZoom();
+      this.state_ = state;
+      return state;
+    };
+    BaseLayer2.prototype.getLayersArray = function(opt_array) {
+      return abstract();
+    };
+    BaseLayer2.prototype.getLayerStatesArray = function(opt_states) {
+      return abstract();
+    };
+    BaseLayer2.prototype.getExtent = function() {
+      return this.get(Property_default.EXTENT);
+    };
+    BaseLayer2.prototype.getMaxResolution = function() {
+      return this.get(Property_default.MAX_RESOLUTION);
+    };
+    BaseLayer2.prototype.getMinResolution = function() {
+      return this.get(Property_default.MIN_RESOLUTION);
+    };
+    BaseLayer2.prototype.getMinZoom = function() {
+      return this.get(Property_default.MIN_ZOOM);
+    };
+    BaseLayer2.prototype.getMaxZoom = function() {
+      return this.get(Property_default.MAX_ZOOM);
+    };
+    BaseLayer2.prototype.getOpacity = function() {
+      return this.get(Property_default.OPACITY);
+    };
+    BaseLayer2.prototype.getSourceState = function() {
+      return abstract();
+    };
+    BaseLayer2.prototype.getVisible = function() {
+      return this.get(Property_default.VISIBLE);
+    };
+    BaseLayer2.prototype.getZIndex = function() {
+      return this.get(Property_default.Z_INDEX);
+    };
+    BaseLayer2.prototype.setBackground = function(opt_background) {
+      this.background_ = opt_background;
+      this.changed();
+    };
+    BaseLayer2.prototype.setExtent = function(extent) {
+      this.set(Property_default.EXTENT, extent);
+    };
+    BaseLayer2.prototype.setMaxResolution = function(maxResolution) {
+      this.set(Property_default.MAX_RESOLUTION, maxResolution);
+    };
+    BaseLayer2.prototype.setMinResolution = function(minResolution) {
+      this.set(Property_default.MIN_RESOLUTION, minResolution);
+    };
+    BaseLayer2.prototype.setMaxZoom = function(maxZoom) {
+      this.set(Property_default.MAX_ZOOM, maxZoom);
+    };
+    BaseLayer2.prototype.setMinZoom = function(minZoom) {
+      this.set(Property_default.MIN_ZOOM, minZoom);
+    };
+    BaseLayer2.prototype.setOpacity = function(opacity) {
+      assert(typeof opacity === "number", 64);
+      this.set(Property_default.OPACITY, opacity);
+    };
+    BaseLayer2.prototype.setVisible = function(visible) {
+      this.set(Property_default.VISIBLE, visible);
+    };
+    BaseLayer2.prototype.setZIndex = function(zindex) {
+      this.set(Property_default.Z_INDEX, zindex);
+    };
+    BaseLayer2.prototype.disposeInternal = function() {
+      if (this.state_) {
+        this.state_.layer = null;
+        this.state_ = null;
       }
-      if (!intersects2 && !!(endRel & Relationship_default.BELOW) && !(startRel & Relationship_default.BELOW)) {
-        x = endX - (endY - minY) / slope;
-        intersects2 = x >= minX && x <= maxX;
+      _super.prototype.disposeInternal.call(this);
+    };
+    return BaseLayer2;
+  }(Object_default);
+  var Base_default = BaseLayer;
+
+  // node_modules/ol/render/EventType.js
+  var EventType_default2 = {
+    PRERENDER: "prerender",
+    POSTRENDER: "postrender",
+    PRECOMPOSE: "precompose",
+    POSTCOMPOSE: "postcompose",
+    RENDERCOMPLETE: "rendercomplete"
+  };
+
+  // node_modules/ol/source/State.js
+  var State_default = {
+    UNDEFINED: "undefined",
+    LOADING: "loading",
+    READY: "ready",
+    ERROR: "error"
+  };
+
+  // node_modules/ol/layer/Layer.js
+  var __extends8 = function() {
+    var extendStatics = function(d, b) {
+      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+        d2.__proto__ = b2;
+      } || function(d2, b2) {
+        for (var p in b2)
+          if (Object.prototype.hasOwnProperty.call(b2, p))
+            d2[p] = b2[p];
+      };
+      return extendStatics(d, b);
+    };
+    return function(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;
       }
-      if (!intersects2 && !!(endRel & Relationship_default.LEFT) && !(startRel & Relationship_default.LEFT)) {
-        y = endY - (endX - minX) * slope;
-        intersects2 = y >= minY && y <= maxY;
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+  }();
+  var Layer = function(_super) {
+    __extends8(Layer5, _super);
+    function Layer5(options) {
+      var _this = this;
+      var baseOptions = assign({}, options);
+      delete baseOptions.source;
+      _this = _super.call(this, baseOptions) || this;
+      _this.on;
+      _this.once;
+      _this.un;
+      _this.mapPrecomposeKey_ = null;
+      _this.mapRenderKey_ = null;
+      _this.sourceChangeKey_ = null;
+      _this.renderer_ = null;
+      _this.rendered = false;
+      if (options.render) {
+        _this.render = options.render;
       }
-    }
-    return intersects2;
-  }
-  function applyTransform(extent, transformFn, opt_extent, opt_stops) {
-    var coordinates2 = [];
-    if (opt_stops > 1) {
-      var width = extent[2] - extent[0];
-      var height = extent[3] - extent[1];
-      for (var i = 0; i < opt_stops; ++i) {
-        coordinates2.push(extent[0] + width * i / opt_stops, extent[1], extent[2], extent[1] + height * i / opt_stops, extent[2] - width * i / opt_stops, extent[3], extent[0], extent[3] - height * i / opt_stops);
+      if (options.map) {
+        _this.setMap(options.map);
       }
-    } else {
-      coordinates2 = [
-        extent[0],
-        extent[1],
-        extent[2],
-        extent[1],
-        extent[2],
-        extent[3],
-        extent[0],
-        extent[3]
-      ];
-    }
-    transformFn(coordinates2, coordinates2, 2);
-    var xs = [];
-    var ys = [];
-    for (var i = 0, l = coordinates2.length; i < l; i += 2) {
-      xs.push(coordinates2[i]);
-      ys.push(coordinates2[i + 1]);
-    }
-    return _boundingExtentXYs(xs, ys, opt_extent);
-  }
-  function wrapX(extent, projection) {
-    var projectionExtent = projection.getExtent();
-    var center = getCenter(extent);
-    if (projection.canWrapX() && (center[0] < projectionExtent[0] || center[0] >= projectionExtent[2])) {
-      var worldWidth = getWidth(projectionExtent);
-      var worldsAway = Math.floor((center[0] - projectionExtent[0]) / worldWidth);
-      var offset = worldsAway * worldWidth;
-      extent[0] -= offset;
-      extent[2] -= offset;
-    }
-    return extent;
-  }
-
-  // node_modules/ol/proj/Projection.js
-  var Projection = function() {
-    function Projection2(options) {
-      this.code_ = options.code;
-      this.units_ = options.units;
-      this.extent_ = options.extent !== void 0 ? options.extent : null;
-      this.worldExtent_ = options.worldExtent !== void 0 ? options.worldExtent : null;
-      this.axisOrientation_ = options.axisOrientation !== void 0 ? options.axisOrientation : "enu";
-      this.global_ = options.global !== void 0 ? options.global : false;
-      this.canWrapX_ = !!(this.global_ && this.extent_);
-      this.getPointResolutionFunc_ = options.getPointResolution;
-      this.defaultTileGrid_ = null;
-      this.metersPerUnit_ = options.metersPerUnit;
+      _this.addChangeListener(Property_default.SOURCE, _this.handleSourcePropertyChange_);
+      var source = options.source ? options.source : null;
+      _this.setSource(source);
+      return _this;
     }
-    Projection2.prototype.canWrapX = function() {
-      return this.canWrapX_;
+    Layer5.prototype.getLayersArray = function(opt_array) {
+      var array = opt_array ? opt_array : [];
+      array.push(this);
+      return array;
     };
-    Projection2.prototype.getCode = function() {
-      return this.code_;
+    Layer5.prototype.getLayerStatesArray = function(opt_states) {
+      var states = opt_states ? opt_states : [];
+      states.push(this.getLayerState());
+      return states;
     };
-    Projection2.prototype.getExtent = function() {
-      return this.extent_;
+    Layer5.prototype.getSource = function() {
+      return this.get(Property_default.SOURCE) || null;
     };
-    Projection2.prototype.getUnits = function() {
-      return this.units_;
+    Layer5.prototype.getRenderSource = function() {
+      return this.getSource();
     };
-    Projection2.prototype.getMetersPerUnit = function() {
-      return this.metersPerUnit_ || METERS_PER_UNIT[this.units_];
+    Layer5.prototype.getSourceState = function() {
+      var source = this.getSource();
+      return !source ? State_default.UNDEFINED : source.getState();
     };
-    Projection2.prototype.getWorldExtent = function() {
-      return this.worldExtent_;
+    Layer5.prototype.handleSourceChange_ = function() {
+      this.changed();
+    };
+    Layer5.prototype.handleSourcePropertyChange_ = function() {
+      if (this.sourceChangeKey_) {
+        unlistenByKey(this.sourceChangeKey_);
+        this.sourceChangeKey_ = null;
+      }
+      var source = this.getSource();
+      if (source) {
+        this.sourceChangeKey_ = listen(source, EventType_default.CHANGE, this.handleSourceChange_, this);
+      }
+      this.changed();
+    };
+    Layer5.prototype.getFeatures = function(pixel) {
+      if (!this.renderer_) {
+        return new Promise(function(resolve) {
+          return resolve([]);
+        });
+      }
+      return this.renderer_.getFeatures(pixel);
     };
-    Projection2.prototype.getAxisOrientation = function() {
-      return this.axisOrientation_;
+    Layer5.prototype.getData = function(pixel) {
+      if (!this.renderer_ || !this.rendered) {
+        return null;
+      }
+      return this.renderer_.getData(pixel);
     };
-    Projection2.prototype.isGlobal = function() {
-      return this.global_;
+    Layer5.prototype.render = function(frameState, target) {
+      var layerRenderer = this.getRenderer();
+      if (layerRenderer.prepareFrame(frameState)) {
+        this.rendered = true;
+        return layerRenderer.renderFrame(frameState, target);
+      }
     };
-    Projection2.prototype.setGlobal = function(global2) {
-      this.global_ = global2;
-      this.canWrapX_ = !!(global2 && this.extent_);
+    Layer5.prototype.unrender = function() {
+      this.rendered = false;
     };
-    Projection2.prototype.getDefaultTileGrid = function() {
-      return this.defaultTileGrid_;
+    Layer5.prototype.setMapInternal = function(map) {
+      if (!map) {
+        this.unrender();
+      }
+      this.set(Property_default.MAP, map);
     };
-    Projection2.prototype.setDefaultTileGrid = function(tileGrid) {
-      this.defaultTileGrid_ = tileGrid;
+    Layer5.prototype.getMapInternal = function() {
+      return this.get(Property_default.MAP);
     };
-    Projection2.prototype.setExtent = function(extent) {
-      this.extent_ = extent;
-      this.canWrapX_ = !!(this.global_ && extent);
+    Layer5.prototype.setMap = function(map) {
+      if (this.mapPrecomposeKey_) {
+        unlistenByKey(this.mapPrecomposeKey_);
+        this.mapPrecomposeKey_ = null;
+      }
+      if (!map) {
+        this.changed();
+      }
+      if (this.mapRenderKey_) {
+        unlistenByKey(this.mapRenderKey_);
+        this.mapRenderKey_ = null;
+      }
+      if (map) {
+        this.mapPrecomposeKey_ = listen(map, EventType_default2.PRECOMPOSE, function(evt) {
+          var renderEvent = evt;
+          var layerStatesArray = renderEvent.frameState.layerStatesArray;
+          var layerState = this.getLayerState(false);
+          assert(!layerStatesArray.some(function(arrayLayerState) {
+            return arrayLayerState.layer === layerState.layer;
+          }), 67);
+          layerStatesArray.push(layerState);
+        }, this);
+        this.mapRenderKey_ = listen(this, EventType_default.CHANGE, map.render, map);
+        this.changed();
+      }
     };
-    Projection2.prototype.setWorldExtent = function(worldExtent) {
-      this.worldExtent_ = worldExtent;
+    Layer5.prototype.setSource = function(source) {
+      this.set(Property_default.SOURCE, source);
     };
-    Projection2.prototype.setGetPointResolution = function(func) {
-      this.getPointResolutionFunc_ = func;
+    Layer5.prototype.getRenderer = function() {
+      if (!this.renderer_) {
+        this.renderer_ = this.createRenderer();
+      }
+      return this.renderer_;
     };
-    Projection2.prototype.getPointResolutionFunc = function() {
-      return this.getPointResolutionFunc_;
+    Layer5.prototype.hasRenderer = function() {
+      return !!this.renderer_;
     };
-    return Projection2;
-  }();
-  var Projection_default = Projection;
-
-  // node_modules/ol/proj/epsg3857.js
-  var __extends9 = function() {
-    var extendStatics = function(d, b) {
-      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-        d2.__proto__ = b2;
-      } || function(d2, b2) {
-        for (var p in b2)
-          if (Object.prototype.hasOwnProperty.call(b2, p))
-            d2[p] = b2[p];
-      };
-      return extendStatics(d, b);
+    Layer5.prototype.createRenderer = function() {
+      return null;
     };
-    return function(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;
+    Layer5.prototype.disposeInternal = function() {
+      if (this.renderer_) {
+        this.renderer_.dispose();
+        delete this.renderer_;
       }
-      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+      this.setSource(null);
+      _super.prototype.disposeInternal.call(this);
     };
-  }();
-  var RADIUS = 6378137;
-  var HALF_SIZE = Math.PI * RADIUS;
-  var EXTENT = [-HALF_SIZE, -HALF_SIZE, HALF_SIZE, HALF_SIZE];
-  var WORLD_EXTENT = [-180, -85, 180, 85];
-  var MAX_SAFE_Y = RADIUS * Math.log(Math.tan(Math.PI / 2));
-  var EPSG3857Projection = function(_super) {
-    __extends9(EPSG3857Projection2, _super);
-    function EPSG3857Projection2(code) {
-      return _super.call(this, {
-        code,
-        units: Units_default.METERS,
-        extent: EXTENT,
-        global: true,
-        worldExtent: WORLD_EXTENT,
-        getPointResolution: function(resolution, point2) {
-          return resolution / cosh(point2[1] / RADIUS);
+    return Layer5;
+  }(Base_default);
+  function inView(layerState, viewState) {
+    if (!layerState.visible) {
+      return false;
+    }
+    var resolution = viewState.resolution;
+    if (resolution < layerState.minResolution || resolution >= layerState.maxResolution) {
+      return false;
+    }
+    var zoom = viewState.zoom;
+    return zoom > layerState.minZoom && zoom <= layerState.maxZoom;
+  }
+  var Layer_default = Layer;
+
+  // src/common/controls/Control.js
+  var Control = class extends Object_default {
+    constructor(options = {}) {
+      super(options);
+      this.defineProperties(options);
+      const { active } = {
+        active: options.active !== false,
+        ...options
+      };
+      this.active = active;
+    }
+    defineProperties(options) {
+      const { target, element, render } = {
+        ...options
+      };
+      Object.defineProperties(this, {
+        active: {
+          get: () => this.get("active"),
+          set: (newActive) => {
+            this.set("active", newActive);
+            if (newActive) {
+              this.activate();
+            } else {
+              this.deactivate();
+            }
+            this.render();
+          }
+        },
+        map: {
+          get: () => this.get("map"),
+          set: (map) => {
+            if (this.map && this.element && this.element.parentNode) {
+              this.element.parentNode.removeChild(this.element);
+            }
+            this.deactivate();
+            this.set("map", map);
+            if (this.map) {
+              const targett = this.target || this.map.getTargetElement && this.map.getTargetElement() || this.map.getContainer && this.map.getContainer();
+              if (!this.element) {
+                this.createDefaultElement();
+              }
+              if (this.element) {
+                targett.appendChild(this.element);
+              }
+              if (this.active) {
+                this.activate();
+              }
+            }
+            this.render();
+          }
+        },
+        target: {
+          value: target
+        },
+        element: {
+          value: element,
+          writable: true
+        },
+        render: {
+          value: render || this.render,
+          writable: true
         }
-      }) || this;
+      });
     }
-    return EPSG3857Projection2;
-  }(Projection_default);
-  var PROJECTIONS = [
-    new EPSG3857Projection("EPSG:3857"),
-    new EPSG3857Projection("EPSG:102100"),
-    new EPSG3857Projection("EPSG:102113"),
-    new EPSG3857Projection("EPSG:900913"),
-    new EPSG3857Projection("http://www.opengis.net/def/crs/EPSG/0/3857"),
-    new EPSG3857Projection("http://www.opengis.net/gml/srs/epsg.xml#3857")
-  ];
-  function fromEPSG4326(input, opt_output, opt_dimension) {
-    var length = input.length;
-    var dimension = opt_dimension > 1 ? opt_dimension : 2;
-    var output = opt_output;
-    if (output === void 0) {
-      if (dimension > 2) {
-        output = input.slice();
-      } else {
-        output = new Array(length);
+    attachToMap(map) {
+      this.map = map;
+    }
+    detachFromMap() {
+      this.map = null;
+    }
+    activate() {
+      this.deactivate();
+    }
+    deactivate() {
+    }
+    render() {
+    }
+    createDefaultElement() {
+    }
+  };
+  var Control_default = Control;
+
+  // src/common/mixins/CopyrightMixin.js
+  var CopyrightMixin = (Base) => class extends Base {
+    render() {
+      if (!this.element) {
+        return;
+      }
+      this.element.innerHTML = this.active ? this.getCopyrights().join(" | ") : "";
+    }
+    createDefaultElement() {
+      this.element = document.createElement("div");
+      this.element.id = "mbt-copyright";
+      Object.assign(this.element.style, {
+        position: "absolute",
+        bottom: 0,
+        right: 0,
+        fontSize: ".8rem",
+        padding: "0 10px"
+      });
+    }
+  };
+  var CopyrightMixin_default = CopyrightMixin;
+
+  // src/ol/controls/CopyrightControl.js
+  var CopyrightControl = class extends CopyrightMixin_default(Control_default) {
+    constructor(options) {
+      super(options);
+      this.onPostRender = this.onPostRender.bind(this);
+    }
+    getCopyrights() {
+      if (!this.frameState) {
+        return [];
       }
+      let copyrights = [];
+      this.frameState.layerStatesArray.forEach((layerState) => {
+        const { layer } = layerState;
+        if (inView(layerState, this.frameState.viewState) && layer && layer.getSource && layer.getSource() && layer.getSource().getAttributions()) {
+          copyrights = copyrights.concat(layer.getSource().getAttributions()(this.frameState));
+        }
+      });
+      return removeDuplicate_default(copyrights);
     }
-    for (var i = 0; i < length; i += dimension) {
-      output[i] = HALF_SIZE * input[i] / 180;
-      var y = RADIUS * Math.log(Math.tan(Math.PI * (+input[i + 1] + 90) / 360));
-      if (y > MAX_SAFE_Y) {
-        y = MAX_SAFE_Y;
-      } else if (y < -MAX_SAFE_Y) {
-        y = -MAX_SAFE_Y;
+    activate() {
+      super.activate();
+      if (this.map) {
+        this.map.on("postrender", this.onPostRender);
       }
-      output[i + 1] = y;
     }
-    return output;
-  }
-  function toEPSG4326(input, opt_output, opt_dimension) {
-    var length = input.length;
-    var dimension = opt_dimension > 1 ? opt_dimension : 2;
-    var output = opt_output;
-    if (output === void 0) {
-      if (dimension > 2) {
-        output = input.slice();
-      } else {
-        output = new Array(length);
+    deactivate() {
+      if (this.map) {
+        this.map.un("postrender", this.onPostRender);
       }
+      super.deactivate();
     }
-    for (var i = 0; i < length; i += dimension) {
-      output[i] = 180 * input[i] / HALF_SIZE;
-      output[i + 1] = 360 * Math.atan(Math.exp(input[i + 1] / RADIUS)) / Math.PI - 90;
+    onPostRender(evt) {
+      if (this.map && this.element) {
+        this.frameState = evt.frameState;
+        this.render();
+      }
     }
-    return output;
-  }
+  };
+  var CopyrightControl_default = CopyrightControl;
 
-  // node_modules/ol/proj/epsg4326.js
-  var __extends10 = function() {
+  // node_modules/ol/CollectionEventType.js
+  var CollectionEventType_default = {
+    ADD: "add",
+    REMOVE: "remove"
+  };
+
+  // node_modules/ol/Collection.js
+  var __extends9 = function() {
     var extendStatics = function(d, b) {
       extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
         d2.__proto__ = b2;
@@ -36200,275 +36298,263 @@ uniform ${i3} ${o3} u_${a3};
       d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
   }();
-  var RADIUS2 = 6378137;
-  var EXTENT2 = [-180, -90, 180, 90];
-  var METERS_PER_UNIT2 = Math.PI * RADIUS2 / 180;
-  var EPSG4326Projection = function(_super) {
-    __extends10(EPSG4326Projection2, _super);
-    function EPSG4326Projection2(code, opt_axisOrientation) {
-      return _super.call(this, {
-        code,
-        units: Units_default.DEGREES,
-        extent: EXTENT2,
-        axisOrientation: opt_axisOrientation,
-        global: true,
-        metersPerUnit: METERS_PER_UNIT2,
-        worldExtent: EXTENT2
-      }) || this;
-    }
-    return EPSG4326Projection2;
-  }(Projection_default);
-  var PROJECTIONS2 = [
-    new EPSG4326Projection("CRS:84"),
-    new EPSG4326Projection("EPSG:4326", "neu"),
-    new EPSG4326Projection("urn:ogc:def:crs:OGC:1.3:CRS84"),
-    new EPSG4326Projection("urn:ogc:def:crs:OGC:2:84"),
-    new EPSG4326Projection("http://www.opengis.net/def/crs/OGC/1.3/CRS84"),
-    new EPSG4326Projection("http://www.opengis.net/gml/srs/epsg.xml#4326", "neu"),
-    new EPSG4326Projection("http://www.opengis.net/def/crs/EPSG/0/4326", "neu")
-  ];
-
-  // node_modules/ol/proj/projections.js
-  var cache2 = {};
-  function get(code) {
-    return cache2[code] || cache2[code.replace(/urn:(x-)?ogc:def:crs:EPSG:(.*:)?(\w+)$/, "EPSG:$3")] || null;
-  }
-  function add(code, projection) {
-    cache2[code] = projection;
-  }
-
-  // node_modules/ol/proj/transforms.js
-  var transforms = {};
-  function add2(source, destination, transformFn) {
-    var sourceCode = source.getCode();
-    var destinationCode = destination.getCode();
-    if (!(sourceCode in transforms)) {
-      transforms[sourceCode] = {};
-    }
-    transforms[sourceCode][destinationCode] = transformFn;
-  }
-  function get2(sourceCode, destinationCode) {
-    var transform2;
-    if (sourceCode in transforms && destinationCode in transforms[sourceCode]) {
-      transform2 = transforms[sourceCode][destinationCode];
-    }
-    return transform2;
-  }
-
-  // node_modules/ol/coordinate.js
-  function closestOnSegment(coordinate, segment) {
-    var x0 = coordinate[0];
-    var y0 = coordinate[1];
-    var start = segment[0];
-    var end = segment[1];
-    var x1 = start[0];
-    var y1 = start[1];
-    var x2 = end[0];
-    var y2 = end[1];
-    var dx = x2 - x1;
-    var dy = y2 - y1;
-    var along = dx === 0 && dy === 0 ? 0 : (dx * (x0 - x1) + dy * (y0 - y1)) / (dx * dx + dy * dy || 0);
-    var x, y;
-    if (along <= 0) {
-      x = x1;
-      y = y1;
-    } else if (along >= 1) {
-      x = x2;
-      y = y2;
-    } else {
-      x = x1 + along * dx;
-      y = y1 + along * dy;
+  var Property = {
+    LENGTH: "length"
+  };
+  var CollectionEvent = function(_super) {
+    __extends9(CollectionEvent2, _super);
+    function CollectionEvent2(type, opt_element, opt_index) {
+      var _this = _super.call(this, type) || this;
+      _this.element = opt_element;
+      _this.index = opt_index;
+      return _this;
     }
-    return [x, y];
-  }
-  function equals3(coordinate1, coordinate2) {
-    var equals4 = true;
-    for (var i = coordinate1.length - 1; i >= 0; --i) {
-      if (coordinate1[i] != coordinate2[i]) {
-        equals4 = false;
-        break;
+    return CollectionEvent2;
+  }(Event_default);
+  var Collection = function(_super) {
+    __extends9(Collection2, _super);
+    function Collection2(opt_array, opt_options) {
+      var _this = _super.call(this) || this;
+      _this.on;
+      _this.once;
+      _this.un;
+      var options = opt_options || {};
+      _this.unique_ = !!options.unique;
+      _this.array_ = opt_array ? opt_array : [];
+      if (_this.unique_) {
+        for (var i = 0, ii = _this.array_.length; i < ii; ++i) {
+          _this.assertUnique_(_this.array_[i], i);
+        }
       }
+      _this.updateLength_();
+      return _this;
     }
-    return equals4;
-  }
-  function squaredDistance2(coord1, coord2) {
-    var dx = coord1[0] - coord2[0];
-    var dy = coord1[1] - coord2[1];
-    return dx * dx + dy * dy;
-  }
-  function distance(coord1, coord2) {
-    return Math.sqrt(squaredDistance2(coord1, coord2));
-  }
-  function squaredDistanceToSegment(coordinate, segment) {
-    return squaredDistance2(coordinate, closestOnSegment(coordinate, segment));
-  }
-  function wrapX2(coordinate, projection) {
-    if (projection.canWrapX()) {
-      var worldWidth = getWidth(projection.getExtent());
-      var worldsAway = getWorldsAway(coordinate, projection, worldWidth);
-      if (worldsAway) {
-        coordinate[0] -= worldsAway * worldWidth;
+    Collection2.prototype.clear = function() {
+      while (this.getLength() > 0) {
+        this.pop();
+      }
+    };
+    Collection2.prototype.extend = function(arr) {
+      for (var i = 0, ii = arr.length; i < ii; ++i) {
+        this.push(arr[i]);
+      }
+      return this;
+    };
+    Collection2.prototype.forEach = function(f) {
+      var array = this.array_;
+      for (var i = 0, ii = array.length; i < ii; ++i) {
+        f(array[i], i, array);
+      }
+    };
+    Collection2.prototype.getArray = function() {
+      return this.array_;
+    };
+    Collection2.prototype.item = function(index) {
+      return this.array_[index];
+    };
+    Collection2.prototype.getLength = function() {
+      return this.get(Property.LENGTH);
+    };
+    Collection2.prototype.insertAt = function(index, elem) {
+      if (this.unique_) {
+        this.assertUnique_(elem);
+      }
+      this.array_.splice(index, 0, elem);
+      this.updateLength_();
+      this.dispatchEvent(new CollectionEvent(CollectionEventType_default.ADD, elem, index));
+    };
+    Collection2.prototype.pop = function() {
+      return this.removeAt(this.getLength() - 1);
+    };
+    Collection2.prototype.push = function(elem) {
+      if (this.unique_) {
+        this.assertUnique_(elem);
+      }
+      var n = this.getLength();
+      this.insertAt(n, elem);
+      return this.getLength();
+    };
+    Collection2.prototype.remove = function(elem) {
+      var arr = this.array_;
+      for (var i = 0, ii = arr.length; i < ii; ++i) {
+        if (arr[i] === elem) {
+          return this.removeAt(i);
+        }
+      }
+      return void 0;
+    };
+    Collection2.prototype.removeAt = function(index) {
+      var prev = this.array_[index];
+      this.array_.splice(index, 1);
+      this.updateLength_();
+      this.dispatchEvent(new CollectionEvent(CollectionEventType_default.REMOVE, prev, index));
+      return prev;
+    };
+    Collection2.prototype.setAt = function(index, elem) {
+      var n = this.getLength();
+      if (index < n) {
+        if (this.unique_) {
+          this.assertUnique_(elem, index);
+        }
+        var prev = this.array_[index];
+        this.array_[index] = elem;
+        this.dispatchEvent(new CollectionEvent(CollectionEventType_default.REMOVE, prev, index));
+        this.dispatchEvent(new CollectionEvent(CollectionEventType_default.ADD, elem, index));
+      } else {
+        for (var j = n; j < index; ++j) {
+          this.insertAt(j, void 0);
+        }
+        this.insertAt(index, elem);
       }
-    }
-    return coordinate;
-  }
-  function getWorldsAway(coordinate, projection, opt_sourceExtentWidth) {
-    var projectionExtent = projection.getExtent();
-    var worldsAway = 0;
-    if (projection.canWrapX() && (coordinate[0] < projectionExtent[0] || coordinate[0] > projectionExtent[2])) {
-      var sourceExtentWidth = opt_sourceExtentWidth || getWidth(projectionExtent);
-      worldsAway = Math.floor((coordinate[0] - projectionExtent[0]) / sourceExtentWidth);
-    }
-    return worldsAway;
-  }
-
-  // node_modules/ol/proj.js
-  var showCoordinateWarning = true;
-  function disableCoordinateWarning(opt_disable) {
-    var hide = opt_disable === void 0 ? true : opt_disable;
-    showCoordinateWarning = !hide;
-  }
-  function cloneTransform(input, opt_output, opt_dimension) {
-    var output;
-    if (opt_output !== void 0) {
-      for (var i = 0, ii = input.length; i < ii; ++i) {
-        opt_output[i] = input[i];
+    };
+    Collection2.prototype.updateLength_ = function() {
+      this.set(Property.LENGTH, this.array_.length);
+    };
+    Collection2.prototype.assertUnique_ = function(elem, opt_except) {
+      for (var i = 0, ii = this.array_.length; i < ii; ++i) {
+        if (this.array_[i] === elem && i !== opt_except) {
+          throw new AssertionError_default(58);
+        }
       }
-      output = opt_output;
-    } else {
-      output = input.slice();
-    }
-    return output;
-  }
-  function identityTransform(input, opt_output, opt_dimension) {
-    if (opt_output !== void 0 && input !== opt_output) {
-      for (var i = 0, ii = input.length; i < ii; ++i) {
-        opt_output[i] = input[i];
+    };
+    return Collection2;
+  }(Object_default);
+  var Collection_default = Collection;
+
+  // node_modules/ol/Feature.js
+  var __extends10 = function() {
+    var extendStatics = function(d, b) {
+      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+        d2.__proto__ = b2;
+      } || function(d2, b2) {
+        for (var p in b2)
+          if (Object.prototype.hasOwnProperty.call(b2, p))
+            d2[p] = b2[p];
+      };
+      return extendStatics(d, b);
+    };
+    return function(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;
       }
-      input = opt_output;
-    }
-    return input;
-  }
-  function addProjection(projection) {
-    add(projection.getCode(), projection);
-    add2(projection, projection, cloneTransform);
-  }
-  function addProjections(projections) {
-    projections.forEach(addProjection);
-  }
-  function get3(projectionLike) {
-    return typeof projectionLike === "string" ? get(projectionLike) : projectionLike || null;
-  }
-  function addEquivalentProjections(projections) {
-    addProjections(projections);
-    projections.forEach(function(source) {
-      projections.forEach(function(destination) {
-        if (source !== destination) {
-          add2(source, destination, cloneTransform);
+      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+  }();
+  var Feature = function(_super) {
+    __extends10(Feature2, _super);
+    function Feature2(opt_geometryOrProperties) {
+      var _this = _super.call(this) || this;
+      _this.on;
+      _this.once;
+      _this.un;
+      _this.id_ = void 0;
+      _this.geometryName_ = "geometry";
+      _this.style_ = null;
+      _this.styleFunction_ = void 0;
+      _this.geometryChangeKey_ = null;
+      _this.addChangeListener(_this.geometryName_, _this.handleGeometryChanged_);
+      if (opt_geometryOrProperties) {
+        if (typeof opt_geometryOrProperties.getSimplifiedGeometry === "function") {
+          var geometry = opt_geometryOrProperties;
+          _this.setGeometry(geometry);
+        } else {
+          var properties = opt_geometryOrProperties;
+          _this.setProperties(properties);
         }
-      });
-    });
-  }
-  function addEquivalentTransforms(projections1, projections2, forwardTransform, inverseTransform) {
-    projections1.forEach(function(projection1) {
-      projections2.forEach(function(projection2) {
-        add2(projection1, projection2, forwardTransform);
-        add2(projection2, projection1, inverseTransform);
-      });
-    });
-  }
-  function fromLonLat(coordinate, opt_projection) {
-    disableCoordinateWarning();
-    return transform(coordinate, "EPSG:4326", opt_projection !== void 0 ? opt_projection : "EPSG:3857");
-  }
-  function toLonLat(coordinate, opt_projection) {
-    var lonLat = transform(coordinate, opt_projection !== void 0 ? opt_projection : "EPSG:3857", "EPSG:4326");
-    var lon = lonLat[0];
-    if (lon < -180 || lon > 180) {
-      lonLat[0] = modulo(lon + 180, 360) - 180;
-    }
-    return lonLat;
-  }
-  function equivalent(projection1, projection2) {
-    if (projection1 === projection2) {
-      return true;
-    }
-    var equalUnits = projection1.getUnits() === projection2.getUnits();
-    if (projection1.getCode() === projection2.getCode()) {
-      return equalUnits;
-    } else {
-      var transformFunc = getTransformFromProjections(projection1, projection2);
-      return transformFunc === cloneTransform && equalUnits;
-    }
-  }
-  function getTransformFromProjections(sourceProjection, destinationProjection) {
-    var sourceCode = sourceProjection.getCode();
-    var destinationCode = destinationProjection.getCode();
-    var transformFunc = get2(sourceCode, destinationCode);
-    if (!transformFunc) {
-      transformFunc = identityTransform;
-    }
-    return transformFunc;
-  }
-  function getTransform(source, destination) {
-    var sourceProjection = get3(source);
-    var destinationProjection = get3(destination);
-    return getTransformFromProjections(sourceProjection, destinationProjection);
-  }
-  function transform(coordinate, source, destination) {
-    var transformFunc = getTransform(source, destination);
-    return transformFunc(coordinate, void 0, coordinate.length);
-  }
-  function transformExtent(extent, source, destination, opt_stops) {
-    var transformFunc = getTransform(source, destination);
-    return applyTransform(extent, transformFunc, void 0, opt_stops);
-  }
-  var userProjection = null;
-  function getUserProjection() {
-    return userProjection;
-  }
-  function toUserCoordinate(coordinate, sourceProjection) {
-    if (!userProjection) {
-      return coordinate;
+      }
+      return _this;
     }
-    return transform(coordinate, sourceProjection, userProjection);
-  }
-  function fromUserCoordinate(coordinate, destProjection) {
-    if (!userProjection) {
-      if (showCoordinateWarning && !equals3(coordinate, [0, 0]) && coordinate[0] >= -180 && coordinate[0] <= 180 && coordinate[1] >= -90 && coordinate[1] <= 90) {
-        showCoordinateWarning = false;
-        console.warn("Call useGeographic() from ol/proj once to work with [longitude, latitude] coordinates.");
+    Feature2.prototype.clone = function() {
+      var clone3 = new Feature2(this.hasProperties() ? this.getProperties() : null);
+      clone3.setGeometryName(this.getGeometryName());
+      var geometry = this.getGeometry();
+      if (geometry) {
+        clone3.setGeometry(geometry.clone());
+      }
+      var style = this.getStyle();
+      if (style) {
+        clone3.setStyle(style);
+      }
+      return clone3;
+    };
+    Feature2.prototype.getGeometry = function() {
+      return this.get(this.geometryName_);
+    };
+    Feature2.prototype.getId = function() {
+      return this.id_;
+    };
+    Feature2.prototype.getGeometryName = function() {
+      return this.geometryName_;
+    };
+    Feature2.prototype.getStyle = function() {
+      return this.style_;
+    };
+    Feature2.prototype.getStyleFunction = function() {
+      return this.styleFunction_;
+    };
+    Feature2.prototype.handleGeometryChange_ = function() {
+      this.changed();
+    };
+    Feature2.prototype.handleGeometryChanged_ = function() {
+      if (this.geometryChangeKey_) {
+        unlistenByKey(this.geometryChangeKey_);
+        this.geometryChangeKey_ = null;
+      }
+      var geometry = this.getGeometry();
+      if (geometry) {
+        this.geometryChangeKey_ = listen(geometry, EventType_default.CHANGE, this.handleGeometryChange_, this);
+      }
+      this.changed();
+    };
+    Feature2.prototype.setGeometry = function(geometry) {
+      this.set(this.geometryName_, geometry);
+    };
+    Feature2.prototype.setStyle = function(opt_style) {
+      this.style_ = opt_style;
+      this.styleFunction_ = !opt_style ? void 0 : createStyleFunction(opt_style);
+      this.changed();
+    };
+    Feature2.prototype.setId = function(id) {
+      this.id_ = id;
+      this.changed();
+    };
+    Feature2.prototype.setGeometryName = function(name) {
+      this.removeChangeListener(this.geometryName_, this.handleGeometryChanged_);
+      this.geometryName_ = name;
+      this.addChangeListener(this.geometryName_, this.handleGeometryChanged_);
+      this.handleGeometryChanged_();
+    };
+    return Feature2;
+  }(Object_default);
+  function createStyleFunction(obj) {
+    if (typeof obj === "function") {
+      return obj;
+    } else {
+      var styles_1;
+      if (Array.isArray(obj)) {
+        styles_1 = obj;
+      } else {
+        assert(typeof obj.getZIndex === "function", 41);
+        var style = obj;
+        styles_1 = [style];
       }
-      return coordinate;
-    }
-    return transform(coordinate, userProjection, destProjection);
-  }
-  function toUserExtent(extent, sourceProjection) {
-    if (!userProjection) {
-      return extent;
-    }
-    return transformExtent(extent, sourceProjection, userProjection);
-  }
-  function fromUserExtent(extent, destProjection) {
-    if (!userProjection) {
-      return extent;
-    }
-    return transformExtent(extent, userProjection, destProjection);
-  }
-  function toUserResolution(resolution, sourceProjection) {
-    if (!userProjection) {
-      return resolution;
+      return function() {
+        return styles_1;
+      };
     }
-    var sourceUnits = get3(sourceProjection).getUnits();
-    var userUnits = userProjection.getUnits();
-    return sourceUnits && userUnits ? resolution * METERS_PER_UNIT[sourceUnits] / METERS_PER_UNIT[userUnits] : resolution;
-  }
-  function addCommon() {
-    addEquivalentProjections(PROJECTIONS);
-    addEquivalentProjections(PROJECTIONS2);
-    addEquivalentTransforms(PROJECTIONS2, PROJECTIONS, fromEPSG4326, toEPSG4326);
   }
-  addCommon();
+  var Feature_default = Feature;
+
+  // node_modules/ol/geom/GeometryLayout.js
+  var GeometryLayout_default = {
+    XY: "XY",
+    XYZ: "XYZ",
+    XYM: "XYM",
+    XYZM: "XYZM"
+  };
 
   // node_modules/ol/geom/flat/transform.js
   function transform2D(flatCoordinates, offset, end, stride, transform2, opt_dest) {
@@ -47342,11 +47428,9 @@ uniform ${i3} ${o3} u_${a3};
         }));
       });
       this.userHoverCallbacks.forEach((callback) => {
-        this.userHoverEventsKeys.push([
-          this.on("user:hover", ({ target: { features, layer, coordinate, event } }) => {
-            callback(features, layer, coordinate, event);
-          })
-        ]);
+        this.userHoverEventsKeys.push(this.on("user:hover", ({ target: { features, layer, coordinate, event } }) => {
+          callback(features, layer, coordinate, event);
+        }));
       });
     }
     unlistenEvents() {
@@ -47358,19 +47442,26 @@ uniform ${i3} ${o3} u_${a3};
     onClick(callback) {
       this.userClickCallbacks.push(callback);
       this.activateUserInteractions();
+      if (this.map) {
+        this.listenEvents();
+      }
     }
     onHover(callback) {
       this.userHoverCallbacks.push(callback);
       this.activateUserInteractions();
+      if (this.map) {
+        this.listenEvents();
+      }
     }
     onUserClickCallback(evt) {
+      const coordinate = evt.coordinate || fromLonLat(evt.lngLat.toArray());
       const emptyFeatureInfo = {
         features: [],
         layer: this,
-        coordinate: evt.coordinate || fromLonLat(evt.lngLat.toArray()),
+        coordinate,
         event: evt
       };
-      return this.getFeatureInfoAtCoordinate(evt.coordinate).then((featureInfo) => {
+      return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
         this.dispatchEvent({
           type: "user:click",
           target: featureInfo
@@ -47379,13 +47470,14 @@ uniform ${i3} ${o3} u_${a3};
       }).catch(() => emptyFeatureInfo);
     }
     onUserMoveCallback(evt) {
+      const coordinate = evt.coordinate || fromLonLat(evt.lngLat.toArray());
       const emptyFeatureInfo = {
         features: [],
         layer: this,
-        coordinate: evt.coordinate || fromLonLat(evt.lngLat.toArray()),
+        coordinate,
         event: evt
       };
-      return this.getFeatureInfoAtCoordinate(evt.coordinate).then((featureInfo) => {
+      return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
         this.dispatchEvent({
           type: "user:hover",
           target: featureInfo
@@ -47690,6 +47782,7 @@ uniform ${i3} ${o3} u_${a3};
       this.routingLayer.olLayer.getSource().clear();
       this.viaPoints.forEach((viaPoint, idx) => this.drawViaPoint(viaPoint, idx, this.abortControllers[STOP_FETCH_ABORT_CONTROLLER_KEY]));
       return Promise.all(this.graphs.map(([graph], index) => {
+        const { signal } = this.abortControllers[graph];
         return this.api.route({
           graph,
           via: `${formattedViaPoints.join("|")}`,
@@ -47699,7 +47792,7 @@ uniform ${i3} ${o3} u_${a3};
           "coord-radius": 100,
           "coord-punish": 1e3,
           ...this.routingApiParams
-        }, this.abortControllers[graph]).then((featureCollection) => {
+        }, { signal }).then((featureCollection) => {
           this.segments = this.format.readFeatures(featureCollection);
           if (this.mot === "foot") {
             const uniqueVias = this.segments.reduce((resultVias, currentFeat) => {
@@ -48035,68 +48128,14 @@ uniform ${i3} ${o3} u_${a3};
 
   // src/ol/layers/MapboxLayer.js
   var import_mapbox_gl = __toESM(require_mapbox_gl());
-  var MapboxLayer = class extends Layer_default4 {
+
+  // src/common/mixins/MapboxLayerMixin.js
+  var MapboxLayerMixin = (Base) => class extends Base {
     constructor(options = {}) {
-      const mbLayer = new Layer_default({
+      super(options);
+      this.olLayer = new Layer_default({
         source: new Source_default({}),
-        render: (frameState) => {
-          if (!this.map || !this.mbMap) {
-            return null;
-          }
-          let changed = false;
-          const canvas2 = this.mbMap.getCanvas();
-          const { viewState } = frameState;
-          const visible = this.olLayer.getVisible();
-          if (this.renderState.visible !== visible) {
-            canvas2.style.display = visible ? "block" : "none";
-            this.renderState.visible = visible;
-            canvas2.style.position = "absolute";
-          }
-          const opacity = this.olLayer.getOpacity();
-          if (this.renderState.opacity !== opacity) {
-            canvas2.style.opacity = opacity;
-            this.renderState.opacity = opacity;
-          }
-          const { rotation } = viewState;
-          if (this.renderState.rotation !== rotation) {
-            this.mbMap.rotateTo(-(rotation || 0) * 180 / Math.PI, {
-              animate: false
-            });
-            changed = true;
-            this.renderState.rotation = rotation;
-          }
-          if (this.renderState.zoom !== viewState.zoom || this.renderState.center[0] !== viewState.center[0] || this.renderState.center[1] !== viewState.center[1]) {
-            this.mbMap.jumpTo({
-              center: toLonLat(viewState.center),
-              zoom: viewState.zoom - 1,
-              animate: false
-            });
-            changed = true;
-            this.renderState.zoom = viewState.zoom;
-            this.renderState.center = viewState.center;
-          }
-          const size = this.map.getSize();
-          if (this.renderState.size[0] !== size[0] || this.renderState.size[1] !== size[1]) {
-            changed = true;
-            this.renderState.size = size;
-          }
-          if (this.mbMap && this.mbMap.style && this.mbMap.isStyleLoaded() && changed) {
-            try {
-              if (this.mbMap._frame) {
-                this.mbMap._frame.cancel();
-                this.mbMap._frame = null;
-              }
-              this.mbMap._render();
-            } catch (err) {
-              console.warn(err);
-            }
-          }
-          return this.mbMap.getContainer();
-        }
-      });
-      super({
-        ...options,
-        olLayer: mbLayer
+        render: this.getOlLayerRender(this)
       });
       this.styleUrl = options.url;
       this.apiKey = options.apiKey;
@@ -48105,22 +48144,13 @@ uniform ${i3} ${o3} u_${a3};
     }
     attachToMap(map) {
       super.attachToMap(map);
-      if (!this.map || this.mbMap) {
+      if (!this.map) {
         return;
       }
       this.format = new GeoJSON_default({
         featureProjection: this.map.getView().getProjection()
       });
       this.loadMbMap();
-      this.olListenersKeys.push(this.map.on("change:size", () => {
-        try {
-          if (this.mbMap) {
-            this.mbMap.resize();
-          }
-        } catch (err) {
-          console.warn(err);
-        }
-      }));
     }
     detachFromMap() {
       if (this.mbMap) {
@@ -48146,19 +48176,15 @@ uniform ${i3} ${o3} u_${a3};
         }));
         return;
       }
-      let [x, y] = this.map.getView().getCenter();
-      if (!x || !y) {
-        x = 0;
-        y = 0;
-      }
       const container = document.createElement("div");
       container.style.position = "absolute";
       container.style.width = "100%";
       container.style.height = "100%";
       if (!this.apiKey && !this.styleUrl.includes(this.apiKeyName)) {
-        console.warn(`No apiKey is defined for request to ${this.styleUrl}`);
+        console.error(`No apiKey defined for mapbox layer with style url to ${this.styleUrl}`);
       }
-      this.mbMap = new import_mapbox_gl.Map({
+      const Map3 = this.getMapboxMapClass();
+      this.mbMap = new Map3({
         style: getUrlWithParams_default(this.styleUrl, {
           [this.apiKeyName]: this.apiKey
         }).toString(),
@@ -48168,37 +48194,18 @@ uniform ${i3} ${o3} u_${a3};
         attributionControl: false,
         ...this.options.mapOptions || {}
       });
-      this.renderState = {
-        center: [x, y],
-        zoom: null,
-        rotation: null,
-        visible: null,
-        opacity: null,
-        size: [0, 0]
-      };
       this.mbMap.once("load", () => {
-        this.mbMap.resize();
         this.loaded = true;
-        this.copyrights = getMapboxMapCopyrights_default(this.mbMap) || [];
-        this.olLayer.getSource()?.setAttributions(this.copyrights);
         this.dispatchEvent({
           type: "load",
           target: this
         });
       });
-      const mapboxCanvas = this.mbMap.getCanvas();
-      if (mapboxCanvas) {
-        if (this.options.tabIndex) {
-          mapboxCanvas.setAttribute("tabindex", this.options.tabIndex);
-        } else {
-          mapboxCanvas.removeAttribute("tabindex");
-        }
-      }
       this.mbMap.on("idle", this.updateAttribution);
     }
     updateAttribution(evt) {
       const newAttributions = getMapboxMapCopyrights_default(evt.target) || [];
-      if (this.copyrights.toString() !== newAttributions.toString()) {
+      if (this.copyrights?.toString() !== newAttributions.toString()) {
         this.copyrights = newAttributions;
         this.olLayer.getSource()?.setAttributions(newAttributions);
       }
@@ -48228,140 +48235,74 @@ uniform ${i3} ${o3} u_${a3};
         coordinate
       });
     }
-    clone(newOptions) {
-      return new MapboxLayer({ ...this.options, ...newOptions });
-    }
   };
+  var MapboxLayerMixin_default = MapboxLayerMixin;
 
-  // src/ol/layers/MaplibreLayer.js
-  var import_maplibre_gl = __toESM(require_maplibre_gl());
-  var MaplibreLayer = class extends Layer_default4 {
-    constructor(options = {}) {
-      const mbLayer = new Layer_default({
-        source: new Source_default({}),
-        render: (frameState) => {
-          if (!this.map || !this.mbMap) {
-            return null;
-          }
-          const canvas2 = this.mbMap.getCanvas();
-          const { viewState } = frameState;
-          const opacity = this.olLayer.getOpacity();
-          canvas2.style.opacity = opacity;
-          this.mbMap.jumpTo({
-            center: toLonLat(viewState.center),
-            zoom: viewState.zoom - 1,
-            bearing: toDegrees(-viewState.rotation),
-            animate: false
-          });
-          if (!canvas2.isConnected) {
-            this.map.render();
-          } else if (canvas2.width !== frameState.size[0] || canvas2.height !== frameState.size[1]) {
-            this.mbMap.resize();
-          }
-          this.mbMap.redraw();
-          return this.mbMap.getContainer();
-        }
-      });
-      super({
-        ...options,
-        olLayer: mbLayer
-      });
-      this.styleUrl = options.url;
-      this.apiKey = options.apiKey;
-      this.apiKeyName = options.apiKeyName || "key";
-      this.updateAttribution = this.updateAttribution.bind(this);
-    }
+  // src/ol/layers/MapboxLayer.js
+  var MapboxLayer = class extends MapboxLayerMixin_default(Layer_default4) {
     attachToMap(map) {
       super.attachToMap(map);
-      if (!this.map) {
+      if (!this.map || this.mbMap) {
         return;
       }
-      this.format = new GeoJSON_default({
-        featureProjection: this.map.getView().getProjection()
-      });
-      this.loadMbMap();
-    }
-    detachFromMap() {
-      if (this.mbMap) {
-        this.mbMap.off("idle", this.updateAttribution);
-        this.mbMap.triggerRepaint = () => {
-        };
-        this.mbMap.remove();
-        this.mbMap = null;
-      }
-      this.loaded = false;
-      super.detachFromMap();
+      this.olListenersKeys.push(this.map.on("change:size", () => {
+        try {
+          if (this.mbMap) {
+            this.mbMap.resize();
+          }
+        } catch (err) {
+          console.warn(err);
+        }
+      }));
     }
     loadMbMap() {
-      this.olListenersKeys.push(this.map.on("change:target", () => {
-        this.loadMbMap();
-      }));
-      if (!this.map.getTargetElement()) {
-        return;
-      }
-      if (!this.visible) {
-        this.olListenersKeys.push(this.once("change:visible", () => {
-          this.loadMbMap();
-        }));
-        return;
-      }
-      const container = document.createElement("div");
-      container.style.position = "absolute";
-      container.style.width = "100%";
-      container.style.height = "100%";
-      if (!this.apiKey && !this.styleUrl.includes(this.apiKeyName)) {
-        console.error(`No apiKey defined for mapbox layer with style url to ${this.url}`);
+      let [x, y] = this.map.getView().getCenter();
+      if (!x || !y) {
+        x = 0;
+        y = 0;
       }
-      this.mbMap = new import_maplibre_gl.Map({
-        style: getUrlWithParams_default(this.styleUrl, {
-          [this.apiKeyName]: this.apiKey
-        }).toString(),
-        container,
-        interactive: false,
-        trackResize: false,
-        attributionControl: false,
-        ...this.options.mapOptions || {}
-      });
+      this.renderState = {
+        center: [x, y],
+        zoom: null,
+        rotation: null,
+        visible: null,
+        opacity: null,
+        size: [0, 0]
+      };
+      super.loadMbMap();
       this.mbMap.once("load", () => {
-        this.loaded = true;
-        this.dispatchEvent({
-          type: "load",
-          target: this
-        });
+        this.mbMap.resize();
+        this.copyrights = getMapboxMapCopyrights_default(this.mbMap) || [];
+        this.olLayer.getSource()?.setAttributions(this.copyrights);
       });
-      this.mbMap.on("idle", this.updateAttribution);
-    }
-    updateAttribution(evt) {
-      const newAttributions = getMapboxMapCopyrights_default(evt.target) || [];
-      if (this.copyrights?.toString() !== newAttributions.toString()) {
-        this.copyrights = newAttributions;
-        this.olLayer.getSource()?.setAttributions(newAttributions);
+      const mapboxCanvas = this.mbMap.getCanvas();
+      if (mapboxCanvas) {
+        if (this.options.tabIndex) {
+          mapboxCanvas.setAttribute("tabindex", this.options.tabIndex);
+        } else {
+          mapboxCanvas.removeAttribute("tabindex");
+        }
       }
     }
-    getFeatureInfoAtCoordinate(coordinate, options) {
-      if (!options || !this.format || !this.mbMap || !this.mbMap.isStyleLoaded()) {
-        return Promise.resolve({ coordinate, features: [], layer: this });
-      }
-      let pixel = coordinate && this.mbMap.project(toLonLat(coordinate));
-      if (this.hitTolerance) {
-        const { x, y } = pixel;
-        pixel = [
-          { x: x - this.hitTolerance, y: y - this.hitTolerance },
-          { x: x + this.hitTolerance, y: y + this.hitTolerance }
-        ];
-      }
-      const features = this.mbMap.queryRenderedFeatures(pixel, options).map((feature2) => {
-        const olFeature = this.format.readFeature(feature2);
-        if (olFeature) {
-          olFeature.set("mapboxFeature", feature2);
-        }
-        return olFeature;
-      });
-      return Promise.resolve({
-        layer: this,
-        features,
-        coordinate
-      });
+    getOlLayerRender() {
+      return getMapboxRender(this);
+    }
+    getMapboxMapClass() {
+      return import_mapbox_gl.Map;
+    }
+    clone(newOptions) {
+      return new MapboxLayer({ ...this.options, ...newOptions });
+    }
+  };
+
+  // src/ol/layers/MaplibreLayer.js
+  var import_maplibre_gl = __toESM(require_maplibre_gl());
+  var MaplibreLayer = class extends MapboxLayerMixin_default(Layer_default4) {
+    getOlLayerRender() {
+      return getMaplibreRender(this);
+    }
+    getMapboxMapClass() {
+      return import_maplibre_gl.Map;
     }
     clone(newOptions) {
       return new MaplibreLayer({ ...this.options, ...newOptions });
@@ -49302,6 +49243,8 @@ uniform ${i3} ${o3} u_${a3};
     getHoursAndMinutes: () => getHoursAndMinutes,
     getLayersAsFlatArray: () => getLayersAsFlatArray_default,
     getMapboxMapCopyrights: () => getMapboxMapCopyrights_default,
+    getMapboxRender: () => getMapboxRender,
+    getMaplibreRender: () => getMaplibreRender,
     getTextCanvas: () => getTextCanvas,
     getUTCDateString: () => getUTCDateString,
     getUTCTimeString: () => getUTCTimeString,
@@ -49959,10 +49902,10 @@ uniform ${i3} ${o3} u_${a3};
         this.listeners.forEach((listener) => {
           unByKey(listener);
         });
-        if (this.map.getLayer(this.key)) {
+        if (this.map.style && this.map.getLayer(this.key)) {
           this.map.removeLayer(this.key);
         }
-        if (this.map.getSource(this.key)) {
+        if (this.map.style && this.map.getSource(this.key)) {
           this.map.removeSource(this.key);
         }
       }
@@ -50062,7 +50005,7 @@ uniform ${i3} ${o3} u_${a3};
     }
     renderTrajectoriesInternal(viewState, noInterpolate) {
       const render = super.renderTrajectoriesInternal(viewState, noInterpolate);
-      if (render) {
+      if (render && this.map.style) {
         const extent = getSourceCoordinates(this.map, this.pixelRatio);
         const source = this.map.getSource(this.key);
         if (source) {