@arenarium/maps 1.2.7 → 1.2.9

package/dist/main.js

@@ -1,1899 +1 @@
-// src/lib/core/http.ts
-async function delay(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-async function retry(fn, options) {
-  let tries = 0;
-  let retries = Math.max(1, options?.retry ?? 1);
-  while (tries < retries) {
-    try {
-      return await fn();
-    } catch (error) {
-      console.log(`[HTTP RETRY] ${tries} of ${retries}`);
-      console.log(error);
-      tries++;
-      if (tries == retries)
-        throw error;
-      if (options?.delay)
-        await delay(options.delay[tries - 1] ?? 0);
-    }
-  }
-  throw new Error("Unreachable code");
-}
-async function get(url, options) {
-  const response = await retry(async () => await fetch(url, options));
-  if (!response.ok)
-    throw new Error(response.statusText);
-  return await response.json();
-}
-async function post(url, body, options) {
-  const response = await fetch(url, {
-    method: "POST",
-    body: JSON.stringify(body),
-    headers: {
-      "Content-Type": "application/json",
-      ...options?.headers
-    },
-    ...options
-  });
-  if (!response.ok)
-    throw new Error(response.statusText);
-  return await response.json();
-}
-async function put(url, body, options) {
-  const response = await fetch(url, {
-    method: "PUT",
-    body: JSON.stringify(body),
-    headers: {
-      "Content-Type": "application/json",
-      ...options?.headers
-    },
-    ...options
-  });
-  if (!response.ok)
-    throw new Error(response.statusText);
-}
-var http_default = {
-  delay,
-  retry,
-  get,
-  post,
-  put
-};
-
-// src/lib/core/processor.ts
-class Processor {
-  endtime = 0;
-  lifespan;
-  paused = false;
-  enqueued = false;
-  interval;
-  timeout;
-  callback;
-  constructor(callback, lifespan, interval) {
-    if ((lifespan ?? 0) < 0)
-      throw new Error("Lifespan must be greater than 0");
-    if ((interval ?? 0) < 0)
-      throw new Error("Interval must be greater than 0");
-    this.interval = interval ?? (navigator?.hardwareConcurrency ? 100 : 200 / navigator.hardwareConcurrency);
-    this.lifespan = lifespan ?? this.interval;
-    this.callback = callback;
-  }
-  async run() {
-    const now = performance.now();
-    if (this.enqueued) {
-      this.endtime = now + this.lifespan;
-      this.enqueued = false;
-    }
-    if (this.endtime < now) {
-      this.stop();
-      return;
-    }
-    if (this.paused == false) {
-      const stop = await this.callback();
-      if (stop && !this.enqueued) {
-        this.stop();
-        return;
-      }
-    }
-    this.timeout = window.setTimeout(this.run.bind(this), this.interval);
-  }
-  start() {
-    this.enqueued = true;
-    if (!this.timeout)
-      this.run();
-  }
-  stop() {
-    if (this.timeout)
-      window.clearTimeout(this.timeout);
-    this.timeout = undefined;
-  }
-  pause() {
-    this.paused = true;
-  }
-  resume() {
-    this.paused = false;
-  }
-}
-
-// src/lib/map/marker.ts
-class MapMarker {
-  data;
-  state;
-  constructor(data) {
-    this.data = data;
-    this.state = undefined;
-  }
-  get input() {
-    return {
-      id: this.data.id,
-      rank: this.data.rank,
-      lat: this.data.lat,
-      lng: this.data.lng,
-      width: this.data.tooltip.style.dimensions.width,
-      height: this.data.tooltip.style.dimensions.height,
-      margin: this.data.tooltip.style.dimensions.margin
-    };
-  }
-}
-
-// src/lib/core/interval.ts
-class Interval {
-  callback;
-  timeout;
-  id;
-  constructor(callback, timeout) {
-    if (timeout <= 0)
-      throw new Error("Timeout must be greater than 0");
-    this.callback = callback;
-    this.timeout = timeout;
-  }
-  start() {
-    if (this.id != null)
-      return;
-    this.id = window.setInterval(this.callback, this.timeout);
-  }
-  stop() {
-    if (this.id == undefined)
-      return;
-    window.clearInterval(this.id);
-    this.id = undefined;
-  }
-}
-
-// src/lib/map/state.ts
-class MapStateManager {
-  viewport = undefined;
-  state = "idle";
-  provider;
-  interval;
-  onCancel;
-  onError;
-  onMove;
-  onIdle;
-  constructor(provider, timeout, onCancel, onError, onMove, onIdle) {
-    this.provider = provider;
-    this.interval = new Interval(this.onInterval.bind(this), timeout);
-    this.onCancel = onCancel;
-    this.onError = onError;
-    this.onMove = onMove;
-    this.onIdle = onIdle;
-  }
-  start() {
-    this.interval.start();
-  }
-  stop() {
-    this.interval.stop();
-  }
-  onInterval() {
-    try {
-      if (this.onCancel()) {
-        this.interval.stop();
-        return;
-      }
-      const viewport = this.provider.getViewport();
-      const oldState = this.state;
-      const newState = JSON.stringify(viewport) !== JSON.stringify(this.viewport) ? "move" : "idle";
-      if (newState == "move")
-        this.onMove();
-      if (newState == "idle" && oldState == "move")
-        this.onIdle();
-      this.state = newState;
-      this.viewport = viewport;
-    } catch (error) {
-      this.onError("Failed to process map state interval", error);
-    }
-  }
-}
-
-// src/lib/core/constants.ts
-var ANIMATION_PIN_SCALE_DURATION = 75;
-var ANIMATION_TOOLTIP_SCALE_DURATION = 150;
-var ANIMATION_TOOLTIP_ANGLE_STIFFNESS = 0.00025;
-var ELEMENT_PIN_Z_INDEX_OFFSET = 1e6;
-var ELEMENT_TOOLTIP_Z_INDEX_OFFSET = 2000000;
-var ELEMENT_POPUP_Z_INDEX_OFFSET = 3000000;
-var ELEMENT_Z_INDEX_SCALE = 10;
-var ELEMENT_PIN_DEFAULT_SIZE = 16;
-var ELEMENT_PIN_DEFAULT_PADDING = 2;
-var ELEMENT_PIN_UNDEFINED_SCALE = 0.5;
-var COLOR_DEFAULT_BACKGROUND = "white";
-var COLOR_DEFAULT_PRIMARY = "darkgreen";
-var COLOR_DEFAULT_SHADOW = "0px 2px 2px rgba(0, 0, 0, 0.5)";
-
-// src/lib/map/region.ts
-import Mercator from "@arenarium/maps-core/mercator";
-
-class MapRegionBlock {
-  sw;
-  ne;
-  constructor(swLat, swLng, neLat, neLng) {
-    if (neLat < swLat)
-      throw new Error(`Invalid bounds: ${swLat}, ${swLng}, ${neLat}, ${neLng}`);
-    if (neLng < swLng)
-      throw new Error(`Invalid bounds: ${swLat}, ${swLng}, ${neLat}, ${neLng}`);
-    this.sw = { lat: swLat, lng: swLng };
-    this.ne = { lat: neLat, lng: neLng };
-  }
-  contains(lat, lng) {
-    if (lat < this.sw.lat || this.ne.lat < lat)
-      return false;
-    if (lng < this.sw.lng || this.ne.lng < lng)
-      return false;
-    return true;
-  }
-  intersects(bounds) {
-    if (bounds.ne.lat < this.sw.lat || this.ne.lat < bounds.sw.lat)
-      return false;
-    if (bounds.ne.lng < this.sw.lng || this.ne.lng < bounds.sw.lng)
-      return false;
-    return true;
-  }
-}
-
-class MapRegion {
-  blockL;
-  blockR;
-  sw;
-  ne;
-  constructor(swLat, swLng, neLat, neLng) {
-    if (neLat < swLat)
-      throw new Error(`Invalid bounds: ${swLat}, ${swLng}, ${neLat}, ${neLng}`);
-    this.sw = { lat: swLat, lng: swLng };
-    this.ne = { lat: neLat, lng: neLng };
-    if (swLng < neLng) {
-      this.blockL = new MapRegionBlock(swLat, swLng, neLat, neLng);
-      this.blockR = new MapRegionBlock(0, 0, 0, 0);
-    } else {
-      this.blockL = new MapRegionBlock(swLat, -180, neLat, neLng);
-      this.blockR = new MapRegionBlock(swLat, swLng, neLat, 180);
-    }
-  }
-  static normalize(viewport) {
-    const bounds = viewport.bounds;
-    const center = viewport.center;
-    if (Math.abs(bounds.ne.lng - center.lng) + Math.abs(bounds.sw.lng - center.lng) > 360) {
-      bounds.sw.lng = -180;
-      bounds.ne.lng = 180;
-    }
-    if (bounds.ne.lng - bounds.sw.lng > 360) {
-      bounds.sw.lng = -180;
-      bounds.ne.lng = 180;
-      return;
-    }
-    if (bounds.sw.lng < -180)
-      bounds.sw.lng += 360;
-    if (bounds.sw.lng > 180)
-      bounds.sw.lng -= 360;
-    if (bounds.ne.lng < -180)
-      bounds.ne.lng += 360;
-    if (bounds.ne.lng > 180)
-      bounds.ne.lng -= 360;
-  }
-  static bounds(viewport) {
-    this.normalize(viewport);
-    const bounds = viewport.bounds;
-    const sw = bounds.sw;
-    const ne = bounds.ne;
-    return new MapRegion(sw.lat, sw.lng, ne.lat, ne.lng);
-  }
-  static offset(viewport, size, offsets) {
-    this.normalize(viewport);
-    const bounds = viewport.bounds;
-    const zoom = viewport.zoom;
-    const zoomMapSize = size * Math.pow(2, zoom);
-    const blPoint = Mercator.project(bounds.sw.lat, bounds.sw.lng, zoomMapSize);
-    const trPoint = Mercator.project(bounds.ne.lat, bounds.ne.lng, zoomMapSize);
-    let swX = Math.max(blPoint.x - offsets.left, 0);
-    let swY = Math.min(blPoint.y + offsets.bottom, zoomMapSize);
-    let neX = Math.min(trPoint.x + offsets.right, zoomMapSize);
-    let neY = Math.max(trPoint.y - offsets.top, 0);
-    const sw = Mercator.unproject(swX, swY, zoomMapSize);
-    const ne = Mercator.unproject(neX, neY, zoomMapSize);
-    return new MapRegion(sw.lat, sw.lng, ne.lat, ne.lng);
-  }
-  contains(lat, lng) {
-    return this.blockL.contains(lat, lng) || this.blockR.contains(lat, lng);
-  }
-  intersects(bounds) {
-    return this.blockL.intersects(bounds) || this.blockR.intersects(bounds);
-  }
-}
-
-// src/lib/map/visibility/tree/cell.ts
-class MapMarkerCell {
-  id;
-  bounds;
-  markers;
-  constructor(id, bounds) {
-    this.id = id;
-    this.bounds = bounds;
-    this.markers = [];
-  }
-  belongs(data) {
-    const sw = this.bounds.sw;
-    if (data.lat < sw.lat)
-      return false;
-    if (data.lng < sw.lng)
-      return false;
-    const ne = this.bounds.ne;
-    if (ne.lat < data.lat)
-      return false;
-    if (ne.lng < data.lng)
-      return false;
-    return true;
-  }
-  neighbours(cell, limit) {
-    const diff = Math.abs(cell.id.length - this.id.length);
-    if (diff > limit)
-      return false;
-    const count = Math.min(this.id.length, cell.id.length) - limit + diff;
-    for (let i = 0;i < count; i++) {
-      if (this.id[i] != cell.id[i]) {
-        return false;
-      }
-    }
-    return true;
-  }
-}
-
-// src/lib/map/visibility/tree/branch.ts
-class MapMarkerBranch {
-  tree;
-  zoom;
-  cell;
-  branches;
-  constructor(tree, id, zoom, bounds) {
-    this.tree = tree;
-    this.zoom = zoom;
-    this.cell = new MapMarkerCell(id, bounds);
-    this.branches = new Array;
-  }
-  split() {
-    const bounds = this.cell.bounds;
-    const chunks = Math.pow(2, this.tree.depth);
-    const branchLatChunk = (bounds.ne.lat - bounds.sw.lat) / chunks;
-    const branchLngChunk = (bounds.ne.lng - bounds.sw.lng) / chunks;
-    for (let i = 0;i < chunks; i++) {
-      for (let j = 0;j < chunks; j++) {
-        const branchSwLat = bounds.sw.lat + i * branchLatChunk;
-        const branchSwLng = bounds.sw.lng + j * branchLngChunk;
-        const branchNeLat = branchSwLat + branchLatChunk;
-        const branchNeLng = branchSwLng + branchLngChunk;
-        this.branches.push(new MapMarkerBranch(this.tree, `${this.cell.id}${i * 2 + j}`, this.zoom + this.tree.depth, {
-          sw: { lat: branchSwLat, lng: branchSwLng },
-          ne: { lat: branchNeLat, lng: branchNeLng }
-        }));
-      }
-    }
-  }
-  add(marker) {
-    if (this.cell.belongs(marker.data) == false)
-      return false;
-    if (this.cell.markers.length < this.tree.capacity) {
-      this.cell.markers.push(marker);
-      return true;
-    }
-    if (this.branches.length == 0)
-      this.split();
-    for (let i = 0;i < this.branches.length; i++) {
-      const branch = this.branches[i];
-      if (branch.add(marker))
-        return true;
-    }
-    throw new Error("Failed to add marker to branch");
-  }
-  compact() {
-    if (this.branches.length == 0)
-      return;
-    for (let i = 0;i < this.branches.length; i++) {
-      const branch2 = this.branches[i];
-      branch2.compact();
-    }
-    const branches = new Array;
-    const markers = new Array;
-    for (let i = 0;i < this.branches.length; i++) {
-      const branch2 = this.branches[i];
-      branches.push(...branch2.branches);
-      markers.push(...branch2.cell.markers);
-    }
-    const branch = new MapMarkerBranch(this.tree, this.cell.id, this.zoom + this.tree.depth, this.cell.bounds);
-    branch.branches = branches;
-    branch.cell.markers = markers;
-    this.branches = [branch];
-  }
-  cells(zoom, region, cells) {
-    if (zoom < this.zoom)
-      return cells;
-    if (region.intersects(this.cell.bounds) == false)
-      return cells;
-    cells.push(this.cell);
-    for (let i = 0;i < this.branches.length; i++) {
-      this.branches[i].cells(zoom, region, cells);
-    }
-    return cells;
-  }
-  print(level) {
-    console.log(`${"---".repeat(level)}|${this.cell.id} zoom=[${this.zoom}] markers=[${this.cell.markers.length}]`);
-    for (let i = 0;i < this.branches.length; i++) {
-      this.branches[i].print(level + 1);
-    }
-  }
-  count() {
-    return this.cell.markers.length + this.branches.reduce((acc, cur) => acc + cur.count(), 0);
-  }
-}
-
-class MapMarkerTree {
-  capacity;
-  depth;
-  root;
-  constructor(zoom, delta, capacity) {
-    this.capacity = capacity;
-    this.depth = delta;
-    this.root = new MapMarkerBranch(this, "R", zoom, {
-      sw: { lat: -90, lng: -180 },
-      ne: { lat: 90, lng: 180 }
-    });
-  }
-  add(marker) {
-    return this.root.add(marker);
-  }
-  compact() {
-    this.root.compact();
-  }
-  cells(zoom, region) {
-    const cells = new Array;
-    this.root.cells(zoom, region, cells);
-    return cells;
-  }
-  print() {
-    this.root.print(0);
-  }
-}
-
-// src/lib/map/visibility/manager.ts
-var TREE_CELL_CAPACITY = 2;
-var TREE_CELL_DEPTH = 1;
-var TREE_CELL_SIZE = ELEMENT_PIN_DEFAULT_SIZE * 4;
-var TREE_VISIBLE_LIMIT = 1024;
-
-class MapMarkerVisibilityManager {
-  mapProvider;
-  mapMarkersVisibilityTree;
-  mapMarkersVisible;
-  mapMarkerTreeCellCapacity = TREE_CELL_CAPACITY;
-  mapMarkerTreeCellZoomDelta = TREE_CELL_DEPTH;
-  mapMarkerTreeCellSize = TREE_CELL_SIZE;
-  mapMarkerTreeLimit = TREE_VISIBLE_LIMIT;
-  constructor(mapProvider) {
-    this.mapProvider = mapProvider;
-  }
-  set configuration(configuration) {
-    this.mapMarkerTreeCellCapacity = configuration?.process?.visibility?.cell?.capacity ?? TREE_CELL_CAPACITY;
-    this.mapMarkerTreeCellZoomDelta = configuration?.process?.visibility?.cell?.depth ?? TREE_CELL_DEPTH;
-    this.mapMarkerTreeCellSize = configuration?.process?.visibility?.cell?.size ?? TREE_CELL_SIZE;
-    this.mapMarkerTreeLimit = configuration?.process?.visibility?.limit ?? TREE_VISIBLE_LIMIT;
-  }
-  get markers() {
-    return Array.from(this.mapMarkersVisible ?? []);
-  }
-  insertMarkers(markers) {
-    this.mapMarkersVisibilityTree = this.createVisibilityTree(markers);
-  }
-  clearMarkers() {
-    this.mapMarkersVisibilityTree = undefined;
-    this.mapMarkersVisible = undefined;
-  }
-  updateVisibleMarkers(mapViewport, mapParameters) {
-    if (this.mapMarkersVisibilityTree == undefined)
-      return;
-    const mapRegion = MapRegion.bounds(mapViewport);
-    let mapMarkersArray = [];
-    let mapMarkersZoom = mapViewport.zoom;
-    while (mapMarkersZoom < mapParameters.zoomMax && mapMarkersArray.length < this.mapMarkerTreeLimit) {
-      mapMarkersArray = this.mapMarkersVisibilityTree.cells(mapMarkersZoom, mapRegion).flatMap((cell) => cell.markers);
-      mapMarkersZoom++;
-    }
-    this.mapMarkersVisible = mapMarkersArray;
-  }
-  createVisibilityTree(markers) {
-    if (markers.length < this.mapMarkerTreeLimit) {
-      const tree = new MapMarkerTree(0, 0, markers.length);
-      for (let i = 0;i < markers.length; i++) {
-        const marker = markers[i];
-        const added = tree.add(marker);
-        if (!added)
-          throw new Error("Failed to add marker to fill tree");
-      }
-      return tree;
-    } else {
-      const treeRootZoom = -Math.floor(Math.log2(this.mapProvider.getParameters().mapSize / this.mapMarkerTreeCellSize));
-      const tree = new MapMarkerTree(treeRootZoom, this.mapMarkerTreeCellZoomDelta, this.mapMarkerTreeCellCapacity);
-      for (let i = 0;i < markers.length; i++) {
-        const marker = markers[i];
-        const added = tree.add(marker);
-        if (!added)
-          throw new Error("Failed to add marker to fill tree");
-      }
-      const compactCount = -treeRootZoom;
-      for (let i = 0;i < compactCount; i++) {
-        tree.compact();
-      }
-      return tree;
-    }
-  }
-}
-
-// src/lib/map/elements/managers/pin/element.ts
-import { mount } from "svelte";
-
-// src/lib/map/elements/components/pin/Pin.svelte
-import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { sineInOut } from "svelte/easing";
-
-// src/lib/map/elements/components/animations/easing.ts
-class EasingAnimation {
-  animationEasing;
-  animationRun;
-  animating;
-  value;
-  time;
-  constructor(options) {
-    if (options.max <= options.min)
-      throw new Error("Min must be less than max");
-    if (options.value < options.min || options.max < options.value)
-      throw new Error("Value must be between min and max");
-    this.animationEasing = options.easing;
-    this.animationRun = options.callback;
-    this.animating = false;
-    this.value = { current: options.value, start: options.value, end: options.value, min: options.min, max: options.max };
-    this.time = { start: 0, end: 0, span: options.timespan };
-  }
-  animationFrame() {
-    const now = performance.now();
-    if (now > this.time.end) {
-      this.value.current = this.value.end;
-    } else {
-      const time = (now - this.time.start) / (this.time.end - this.time.start);
-      const eased = this.animationEasing(time);
-      this.value.current = this.value.start + (this.value.end - this.value.start) * eased;
-    }
-    this.animationRun(this.value.current);
-    if (this.value.current === this.value.end) {
-      this.animating = false;
-      return;
-    }
-    window.requestAnimationFrame(this.animationFrame.bind(this));
-  }
-  target(target) {
-    if (target === this.value.end)
-      return;
-    this.value.start = this.value.current;
-    this.value.end = target;
-    const now = performance.now();
-    const valueDistance = Math.abs(this.value.start - this.value.end);
-    const valueVariance = this.value.max - this.value.min;
-    this.time.start = now;
-    this.time.end = now + this.time.span * Math.sqrt(valueDistance / valueVariance);
-    if (this.animating)
-      return;
-    this.animating = true;
-    window.requestAnimationFrame(this.animationFrame.bind(this));
-  }
-  set(target) {
-    if (target === this.value.end)
-      return;
-    this.value.current = target;
-    this.value.start = target;
-    this.value.end = target;
-    const now = performance.now();
-    this.time.start = now;
-    this.time.end = now;
-    window.requestAnimationFrame(this.animationRun.bind(this, target));
-  }
-  end() {
-    this.set(this.value.end);
-  }
-  expired() {
-    return performance.now() > this.time.end;
-  }
-}
-
-// src/lib/map/elements/components/pin/Pin.svelte
-Pin[$.FILENAME] = "src/lib/map/elements/components/pin/Pin.svelte";
-var root = $.add_locations($.from_html(`
-
-<div></div>
-
-`, 1), Pin[$.FILENAME], [[156, 0]]);
-function Pin($$anchor, $$props) {
-  $.check_target(new.target);
-  $.push($$props, true, Pin);
-  let props = $.rest_props($$props, ["$$slots", "$$events", "$$legacy"], "props");
-  let id = $$props.id;
-  let style = $$props.style;
-  let content = $$props.content;
-  let functions = {
-    setDisplayed,
-    getDisplayed,
-    setSuppressed,
-    setCollapsed,
-    getCollapsed,
-    setScale
-  };
-  function invoke() {
-    return functions;
-  }
-  let pin;
-  let pinWidth = style.dimensions.width;
-  let pinHeight = style.dimensions.height;
-  let pinRadius = style.dimensions.radius;
-  let pinPadding = style.dimensions.padding ?? ELEMENT_PIN_DEFAULT_PADDING;
-  let pinBorder = style.colors?.border ?? COLOR_DEFAULT_BACKGROUND;
-  let pinBackground = style.colors?.background ?? COLOR_DEFAULT_PRIMARY;
-  let pinShadow = style.colors?.shadow ?? COLOR_DEFAULT_SHADOW;
-  let displayed = $.tag($.state(false), "displayed");
-  let contentLoading = false;
-  let contentLoaded = false;
-  function setDisplayed(value) {
-    if ($.equals(value, $.get(displayed)))
-      return;
-    $.set(displayed, value, true);
-    if ($.equals(value, true)) {
-      if ($.equals(content, undefined))
-        return;
-      if (contentLoaded)
-        return;
-      if (contentLoading)
-        return;
-      contentLoading = true;
-      content(id).then((element) => {
-        if (element instanceof HTMLElement) {
-          pin.appendChild(element);
-        } else {
-          console.error("Failed to load pin content");
-        }
-      }).catch((error) => console.error(...$.log_if_contains_state("error", error))).finally(() => {
-        contentLoaded = true;
-        contentLoading = false;
-      });
-    }
-    if ($.equals(value, false)) {
-      scaleAnimation.end();
-    }
-  }
-  function getDisplayed() {
-    return $.get(displayed);
-  }
-  let suppressed = $.tag($.state(true), "suppressed");
-  function setSuppressed(value) {
-    if ($.equals(value, $.get(suppressed)))
-      return;
-    $.set(suppressed, value, true);
-    if (value) {
-      scaleTarget = ELEMENT_PIN_UNDEFINED_SCALE;
-      scaleAnimation.set(ELEMENT_PIN_UNDEFINED_SCALE);
-    }
-  }
-  let collapsed = $.tag($.state(true), "collapsed");
-  function setCollapsed(value) {
-    if ($.equals(value, $.get(collapsed)))
-      return;
-    $.set(collapsed, value, true);
-    scaleAnimation.target($.get(collapsed) ? 0 : scaleTarget);
-  }
-  function getCollapsed() {
-    if (!$.get(displayed))
-      return true;
-    return scaleAnimation.expired();
-  }
-  let scaleTarget = ELEMENT_PIN_UNDEFINED_SCALE;
-  let scaleAnimation = new EasingAnimation({
-    value: ELEMENT_PIN_UNDEFINED_SCALE,
-    min: 0,
-    max: 1,
-    timespan: ANIMATION_PIN_SCALE_DURATION,
-    easing: sineInOut,
-    callback: animationCallback
-  });
-  function setScale(value) {
-    scaleTarget = value;
-    scaleAnimation.target(value);
-  }
-  function animationCallback(scale) {
-    pin.style.scale = scale.toString();
-    pin.style.filter = `brightness(${animationScaleBrightness(scale)})`;
-  }
-  function animationScaleBrightness(scale) {
-    return 0.25 + 0.75 * scale;
-  }
-  var $$exports = {
-    get invoke() {
-      return invoke;
-    },
-    ...$.legacy_api()
-  };
-  $.next();
-  var fragment = root();
-  var div = $.sibling($.first_child(fragment));
-  let styles;
-  $.bind_this(div, ($$value) => pin = $$value, () => pin);
-  $.next();
-  $.template_effect(($0) => {
-    $.set_class(div, 1, $.clsx([
-      "pin",
-      $.get(displayed) && "displayed",
-      $.get(suppressed) && "suppressed"
-    ]), "svelte-e30vfn4rttu1");
-    styles = $.set_style(div, "", styles, $0);
-  }, [
-    () => ({
-      width: `${pinWidth}px`,
-      height: `${pinHeight}px`,
-      "border-radius": `${pinRadius}px`,
-      "border-color": pinBorder,
-      "background-color": pinBackground,
-      "border-width": `${pinPadding}px`,
-      "box-shadow": pinShadow,
-      scale: ELEMENT_PIN_UNDEFINED_SCALE,
-      filter: `brightness(${animationScaleBrightness(ELEMENT_PIN_UNDEFINED_SCALE)})`
-    })
-  ]);
-  $.append($$anchor, fragment);
-  return $.pop($$exports);
-}
-if (undefined) {}
-var Pin_default = Pin;
-
-// src/lib/map/elements/abstract.ts
-class MapAbstractElementMarker {
-  div;
-  marker;
-  constructor(provider, lat, lng, zIndex) {
-    this.div = document.createElement("div");
-    this.marker = provider.createMarker(this.div, lat, lng, zIndex);
-  }
-  insert() {
-    if (this.marker.inserted() == true)
-      return;
-    this.marker.insert();
-  }
-  remove() {
-    if (this.marker.inserted() == false)
-      return;
-    this.marker.remove();
-  }
-  update(zIndex) {
-    this.marker.update(zIndex);
-  }
-}
-
-class MapAbstractElement {
-  shown;
-  id;
-  lat;
-  lng;
-  rank;
-  marker;
-  constructor(data, marker) {
-    if (new.target === MapAbstractElement)
-      throw new Error("Cannot instantiate an abstract class directly.");
-    this.shown = true;
-    this.id = data.id;
-    this.lat = data.lat;
-    this.lng = data.lng;
-    this.rank = data.rank;
-    this.marker = marker;
-  }
-}
-
-// src/lib/map/elements/managers/pin/element.ts
-class MapPinElement extends MapAbstractElement {
-  width;
-  height;
-  zoom;
-  component;
-  constructor(data, provider) {
-    super(data, new MapAbstractElementMarker(provider, data.lat, data.lng, data.rank));
-    const width = data.pin?.style.dimensions.width ?? ELEMENT_PIN_DEFAULT_SIZE;
-    const height = data.pin?.style.dimensions.height ?? ELEMENT_PIN_DEFAULT_SIZE;
-    const padding = data.pin?.style.dimensions.padding ?? ELEMENT_PIN_DEFAULT_PADDING;
-    const radius = data.pin?.style.dimensions.radius ?? ELEMENT_PIN_DEFAULT_SIZE / 2;
-    this.width = width;
-    this.height = height;
-    this.zoom = NaN;
-    this.component = mount(Pin_default, {
-      target: this.marker.div,
-      props: {
-        id: this.id,
-        style: {
-          dimensions: {
-            width,
-            height,
-            padding,
-            radius
-          },
-          colors: data.pin?.style.colors
-        },
-        content: data.pin?.body
-      }
-    });
-  }
-  get zIndex() {
-    if (Number.isNaN(this.zoom))
-      return this.rank;
-    const zIndex = Math.round(-this.zoom * ELEMENT_Z_INDEX_SCALE);
-    return zIndex + ELEMENT_PIN_Z_INDEX_OFFSET;
-  }
-}
-
-// src/lib/map/elements/managers/tooltip/element.ts
-import { mount as mount2 } from "svelte";
-
-// src/lib/map/elements/components/tooltip/Tooltip.svelte
-import"svelte/internal/disclose-version";
-import * as $2 from "svelte/internal/client";
-import { sineInOut as sineInOut2 } from "svelte/easing";
-
-// src/lib/map/elements/components/animations/spring.ts
-class SpringAnimation {
-  animating;
-  animationTimestamp;
-  animationEnd;
-  animationCallback;
-  speed;
-  value;
-  constructor(options) {
-    this.animating = false;
-    this.animationTimestamp = 0;
-    this.animationEnd = 0;
-    this.animationCallback = options.callback;
-    this.speed = { current: 0, spring: { stiffness: options.stiffness, damping: 2 * Math.sqrt(options.stiffness) } };
-    this.value = { current: options.value, target: options.value, precision: options.precision, min: options.min, max: options.max };
-  }
-  animationFrame() {
-    try {
-      const now = performance.now();
-      const time = now - this.animationTimestamp;
-      this.animationTimestamp = now;
-      if (now >= this.animationEnd) {
-        this.speed.current = 0;
-        this.value.current = this.value.target;
-        return;
-      }
-      const distance = this.value.target - this.value.current;
-      if (Math.abs(distance) < this.value.precision) {
-        this.speed.current = 0;
-        this.value.current = this.value.target;
-        return;
-      }
-      const acceleration = distance * this.speed.spring.stiffness - this.speed.spring.damping * this.speed.current;
-      this.speed.current += acceleration * time;
-      this.value.current += this.speed.current * time;
-      if (this.value.current < this.value.min) {
-        this.value.current = this.value.target;
-        this.speed.current = 0;
-        return;
-      }
-      if (this.value.current > this.value.max) {
-        this.value.current = this.value.target;
-        this.speed.current = 0;
-        return;
-      }
-    } finally {
-      this.animationCallback(this.value.current);
-      if (this.value.current === this.value.target) {
-        this.animating = false;
-        return;
-      }
-      window.requestAnimationFrame(this.animationFrame.bind(this));
-    }
-  }
-  target(target) {
-    if (target === this.value.target)
-      return;
-    const duration = Math.sqrt(2 * Math.abs(target - this.value.current) / this.speed.spring.stiffness);
-    this.animationEnd = performance.now() + duration;
-    this.value.target = target;
-    if (this.animating)
-      return;
-    this.animating = true;
-    this.animationTimestamp = performance.now();
-    window.requestAnimationFrame(this.animationFrame.bind(this));
-  }
-  set(target) {
-    if (target === this.value.target)
-      return;
-    this.animationEnd = performance.now();
-    this.value.current = target;
-    this.value.target = target;
-    this.speed.current = 0;
-    window.requestAnimationFrame(this.animationCallback.bind(this, target));
-  }
-  end() {
-    this.set(this.value.target);
-  }
-  expired() {
-    return performance.now() > this.animationEnd;
-  }
-}
-
-// src/lib/map/elements/components/tooltip/Tooltip.svelte
-import Rectangle from "@arenarium/maps-core/rectangle";
-Tooltip[$2.FILENAME] = "src/lib/map/elements/components/tooltip/Tooltip.svelte";
-var root2 = $2.add_locations($2.from_html(`
-
-<div>
-	<div class="element pointer svelte-vkqe2rkto2oe"></div>
-	<div class="element tooltip svelte-vkqe2rkto2oe">
-		<div class="element body svelte-vkqe2rkto2oe"></div>
-	</div>
-</div>
-
-`, 1), Tooltip[$2.FILENAME], [[244, 0, [[245, 1], [252, 1, [[259, 2]]]]]]);
-function Tooltip($$anchor, $$props) {
-  $2.check_target(new.target);
-  $2.push($$props, true, Tooltip);
-  let props = $2.rest_props($$props, ["$$slots", "$$events", "$$legacy"], "props");
-  let id = $$props.id;
-  let style = $$props.style;
-  let content = $$props.content;
-  let functions = {
-    setDisplayed,
-    getDisplayed,
-    setCollapsed,
-    getCollapsed,
-    getExpanded,
-    setAngle
-  };
-  function invoke() {
-    return functions;
-  }
-  let anchor;
-  let anchorShadow = style.colors?.shadow ?? COLOR_DEFAULT_SHADOW;
-  let pointer;
-  let pointerWidth = Math.min(style.dimensions.width, style.dimensions.height) / Math.SQRT2;
-  let pointerHeight = Math.min(style.dimensions.width, style.dimensions.height) / Math.SQRT2;
-  let pointerBackground = style.colors?.background ?? COLOR_DEFAULT_BACKGROUND;
-  let tooltip;
-  let tooltipWidth = style.dimensions.width + 2 * style.dimensions.margin;
-  let tooltipHeight = style.dimensions.height + 2 * style.dimensions.margin;
-  let tooltipPadding = style.dimensions.margin;
-  let body;
-  let bodyWidth = style.dimensions.width;
-  let bodyHeight = style.dimensions.height;
-  let bodyRadius = style.dimensions.radius;
-  let bodyBackground = style.colors?.background ?? COLOR_DEFAULT_BACKGROUND;
-  let displayed = $2.tag($2.state(false), "displayed");
-  let contentLoading = false;
-  let contentLoaded = false;
-  function setDisplayed(value) {
-    if ($2.equals(value, $2.get(displayed)))
-      return;
-    $2.set(displayed, value, true);
-    if (value) {
-      if ($2.equals(content, undefined))
-        return;
-      if (contentLoaded)
-        return;
-      if (contentLoading)
-        return;
-      contentLoading = true;
-      content(id).then((element) => {
-        if (element instanceof HTMLElement) {
-          body.appendChild(element);
-        } else {
-          console.error("Failed to load tooltip content");
-        }
-      }).catch((error) => console.error(...$2.log_if_contains_state("error", error))).finally(() => {
-        contentLoaded = true;
-        contentLoading = false;
-      });
-    }
-    if ($2.equals(value, false)) {
-      scaleAnimation.end();
-      offsetXAnimation.end();
-      offsetYAnimation.end();
-    }
-  }
-  function getDisplayed() {
-    return $2.get(displayed);
-  }
-  let collapsed = $2.tag($2.state(true), "collapsed");
-  function setCollapsed(value) {
-    if ($2.equals(value, $2.get(collapsed)))
-      return;
-    $2.set(collapsed, value, true);
-    scaleAnimation.target($2.get(collapsed) ? 0 : 1);
-  }
-  function getCollapsed() {
-    if (!$2.get(displayed))
-      return true;
-    return scaleAnimation.expired();
-  }
-  function getExpanded() {
-    if (!$2.get(displayed))
-      return false;
-    return scaleAnimation.expired();
-  }
-  let scaleAnimation = new EasingAnimation({
-    value: 0,
-    min: 0,
-    max: 1,
-    timespan: ANIMATION_TOOLTIP_SCALE_DURATION,
-    easing: sineInOut2,
-    callback: scaleAnimationCallback
-  });
-  function scaleAnimationCallback(scale) {
-    anchor.style.opacity = `${scale}`;
-    tooltip.style.scale = `${scale}`;
-    pointer.style.scale = `${scale}`;
-  }
-  let angle = NaN;
-  let angleDefined = $2.tag($2.state(false), "angleDefined");
-  let offsetX = -tooltipWidth / 2;
-  let offsetXAnimation = new SpringAnimation({
-    value: -tooltipWidth / 2,
-    min: -tooltipWidth,
-    max: 0,
-    precision: 1,
-    stiffness: ANIMATION_TOOLTIP_ANGLE_STIFFNESS,
-    callback: offsetXAnimationCallback
-  });
-  let offsetY = -tooltipHeight / 2;
-  let offsetYAnimation = new SpringAnimation({
-    value: -tooltipHeight / 2,
-    min: -tooltipHeight,
-    max: 0,
-    precision: 1,
-    stiffness: ANIMATION_TOOLTIP_ANGLE_STIFFNESS,
-    callback: offsetYAnimationCallback
-  });
-  function setAngle(value, force) {
-    if (Number.isNaN(value)) {
-      angle = NaN;
-      $2.set(angleDefined, false);
-      return;
-    }
-    if ($2.equals($2.get(angleDefined), false) || $2.equals(force, true)) {
-      $2.set(angleDefined, true);
-      angle = value;
-      const angleOffsets = Rectangle.getOffsets(tooltipWidth, tooltipHeight, value);
-      offsetXAnimation.set(Math.round(angleOffsets.x));
-      offsetYAnimation.set(Math.round(angleOffsets.y));
-      return;
-    }
-    if ($2.equals(angle, value, false)) {
-      angle = value;
-      const angleOffsets = Rectangle.getOffsets(tooltipWidth, tooltipHeight, value);
-      offsetXAnimation.target(Math.round(angleOffsets.x));
-      offsetYAnimation.target(Math.round(angleOffsets.y));
-      return;
-    }
-  }
-  function offsetXAnimationCallback(value) {
-    offsetX = value;
-    offsetAnimationCallback();
-  }
-  function offsetYAnimationCallback(value) {
-    offsetY = value;
-    offsetAnimationCallback();
-  }
-  function offsetAnimationCallback() {
-    const tooltipOffsetX = offsetX;
-    const tooltipOffsetY = offsetY;
-    const tooltipCenterX = tooltipOffsetX + tooltipWidth / 2;
-    const tooltipCenterY = tooltipOffsetY + tooltipHeight / 2;
-    const pointerCenterX = tooltipHeight < tooltipWidth ? tooltipCenterX * tooltipHeight / tooltipWidth : tooltipCenterX;
-    const pointerCenterY = tooltipHeight > tooltipWidth ? tooltipCenterY * tooltipWidth / tooltipHeight : tooltipCenterY;
-    const pointerAngleRad = Math.atan2(pointerCenterY, pointerCenterX);
-    const pointerMinSkew = 0;
-    const pointerMaxSkew = 30;
-    const pointerCenterDistance = Math.sqrt(pointerCenterX * pointerCenterX + pointerCenterY * pointerCenterY);
-    const pointerCenterMinDistance = Math.min(tooltipWidth, tooltipHeight) / 2;
-    const pointerCenterMaxDistance = pointerCenterMinDistance * Math.SQRT2;
-    const pointerSkewRatio = (pointerCenterDistance - pointerCenterMinDistance) / (pointerCenterMaxDistance - pointerCenterMinDistance);
-    const pointerAngleDeg = pointerAngleRad / Math.PI * 180 - 45;
-    const pointerSkewDeg = pointerMinSkew + pointerSkewRatio * (pointerMaxSkew - pointerMinSkew);
-    const pointerScale = pointerCenterDistance < pointerCenterMinDistance ? pointerCenterDistance / pointerCenterMinDistance : 1;
-    tooltip.style.transform = `translate(${Math.round(tooltipOffsetX)}px, ${Math.round(tooltipOffsetY)}px)`;
-    pointer.style.transform = `scale(${pointerScale}) rotate(${pointerAngleDeg}deg) skew(${pointerSkewDeg}deg, ${pointerSkewDeg}deg)`;
-  }
-  var $$exports = {
-    get invoke() {
-      return invoke;
-    },
-    ...$2.legacy_api()
-  };
-  $2.next();
-  var fragment = root2();
-  var div = $2.sibling($2.first_child(fragment));
-  let styles;
-  var div_1 = $2.sibling($2.child(div));
-  let styles_1;
-  $2.bind_this(div_1, ($$value) => pointer = $$value, () => pointer);
-  var div_2 = $2.sibling(div_1, 2);
-  let styles_2;
-  var div_3 = $2.sibling($2.child(div_2));
-  let styles_3;
-  $2.bind_this(div_3, ($$value) => body = $$value, () => body);
-  $2.next();
-  $2.reset(div_2);
-  $2.bind_this(div_2, ($$value) => tooltip = $$value, () => tooltip);
-  $2.next();
-  $2.reset(div);
-  $2.bind_this(div, ($$value) => anchor = $$value, () => anchor);
-  $2.next();
-  $2.template_effect(() => {
-    $2.set_class(div, 1, $2.clsx(["element anchor", $2.get(displayed) && "displayed"]), "svelte-vkqe2rkto2oe");
-    styles = $2.set_style(div, "", styles, { filter: `drop-shadow(${anchorShadow})` });
-    styles_1 = $2.set_style(div_1, "", styles_1, {
-      width: `${pointerWidth}px`,
-      height: `${pointerHeight}px`,
-      "background-color": pointerBackground
-    });
-    styles_2 = $2.set_style(div_2, "", styles_2, {
-      width: `${tooltipWidth}px`,
-      height: `${tooltipHeight}px`,
-      padding: `${tooltipPadding}px;`
-    });
-    styles_3 = $2.set_style(div_3, "", styles_3, {
-      width: `${bodyWidth}px`,
-      height: `${bodyHeight}px`,
-      "border-radius": `${bodyRadius}px;`,
-      "background-color": bodyBackground
-    });
-  });
-  $2.append($$anchor, fragment);
-  return $2.pop($$exports);
-}
-if (undefined) {}
-var Tooltip_default = Tooltip;
-
-// src/lib/map/elements/managers/tooltip/element.ts
-class MapTooltipElement extends MapAbstractElement {
-  width;
-  height;
-  zoom;
-  angle;
-  states;
-  component;
-  constructor(data, provider) {
-    super(data, new MapAbstractElementMarker(provider, data.lat, data.lng, data.rank));
-    this.width = data.tooltip.style.dimensions.width + data.tooltip.style.dimensions.margin * 2;
-    this.height = data.tooltip.style.dimensions.height + data.tooltip.style.dimensions.margin * 2;
-    this.zoom = NaN;
-    this.angle = NaN;
-    this.states = [];
-    this.component = mount2(Tooltip_default, {
-      target: this.marker.div,
-      props: {
-        id: this.id,
-        style: data.tooltip.style,
-        content: data.tooltip.body
-      }
-    });
-  }
-  get zIndex() {
-    if (Number.isNaN(this.zoom))
-      return this.rank;
-    const zIndex = Math.round(-this.zoom * ELEMENT_Z_INDEX_SCALE);
-    return zIndex + ELEMENT_TOOLTIP_Z_INDEX_OFFSET;
-  }
-}
-
-// src/lib/map/elements/managers/popup/element.ts
-import { mount as mount3 } from "svelte";
-class MapPopupElement extends MapAbstractElement {
-  width;
-  height;
-  margin;
-  angle;
-  component;
-  constructor(data, provider) {
-    if (data.popup == undefined)
-      throw new Error("Failed to create popup");
-    super(data, new MapAbstractElementMarker(provider, data.lat, data.lng, ELEMENT_POPUP_Z_INDEX_OFFSET));
-    this.width = data.popup.style.dimensions.width;
-    this.height = data.popup.style.dimensions.height;
-    this.margin = data.popup.style.dimensions.margin;
-    this.angle = NaN;
-    this.shown = false;
-    this.component = mount3(Tooltip_default, {
-      target: this.marker.div,
-      props: {
-        id: this.id,
-        style: data.popup.style,
-        content: data.popup.body
-      }
-    });
-  }
-  get zIndex() {
-    return ELEMENT_POPUP_Z_INDEX_OFFSET;
-  }
-}
-
-// src/lib/map/elements/element.ts
-class MapMarkerElement {
-  id;
-  state = undefined;
-  pin;
-  tooltip;
-  popup;
-  constructor(data, provider) {
-    this.id = data.id;
-    this.pin = new MapPinElement(data, provider);
-    this.tooltip = new MapTooltipElement(data, provider);
-    if (data.popup != null)
-      this.popup = new MapPopupElement(data, provider);
-  }
-}
-
-// src/lib/map/elements/managers/pin/manager.ts
-var MAP_PINS_MAX_ZOOM = 4;
-
-class MapPinManager {
-  pins = new Set;
-  pinMaxWidth = 0;
-  pinMaxHeight = 0;
-  pinFade = false;
-  pinZoomMax = MAP_PINS_MAX_ZOOM;
-  pinZoomDelta = MAP_PINS_MAX_ZOOM;
-  set configuration(configuration) {
-    this.pinFade = configuration?.pin?.fade ?? true;
-    this.pinZoomMax = configuration?.pin?.maxZoom ?? MAP_PINS_MAX_ZOOM;
-    this.pinZoomDelta = this.pinZoomMax;
-  }
-  insert(pin, state3) {
-    this.update(pin, state3);
-    this.pins.add(pin);
-  }
-  update(pin, state3) {
-    pin.zoom = state3 ? state3[0] : NaN;
-    pin.marker.update(pin.zIndex);
-  }
-  remove(pin) {
-    pin.shown = true;
-    pin.zoom = NaN;
-    pin.component.invoke().setCollapsed(false);
-    pin.component.invoke().setSuppressed(true);
-    pin.component.invoke().setDisplayed(false);
-    pin.marker.update(pin.zIndex);
-    pin.marker.remove();
-    this.pins.delete(pin);
-  }
-  clear() {
-    this.pins.forEach((element) => element.marker.remove());
-    this.pins.clear();
-  }
-  refresh() {
-    const pins = Array.from(this.pins);
-    this.pinMaxWidth = pins.reduce((a, b) => Math.max(a, b.width), 0);
-    this.pinMaxHeight = pins.reduce((a, b) => Math.max(a, b.height), 0);
-    this.pinZoomDelta = Math.max(1, this.pinZoomMax - Math.log10(pins.length));
-  }
-  render(mapViewport, mapParameters) {
-    const mapZoom = mapViewport.zoom;
-    const mapSize = mapParameters.mapSize;
-    const mapRegion = MapRegion.offset(mapViewport, mapSize, {
-      top: this.pinMaxHeight,
-      bottom: this.pinMaxHeight,
-      right: this.pinMaxWidth,
-      left: this.pinMaxWidth
-    });
-    for (const pin of this.pins) {
-      if (mapRegion.contains(pin.lat, pin.lng)) {
-        if (Number.isNaN(pin.zoom)) {
-          pin.component.invoke().setDisplayed(true);
-          pin.component.invoke().setSuppressed(true);
-          pin.component.invoke().setCollapsed(false);
-          pin.marker.insert();
-        } else {
-          pin.component.invoke().setSuppressed(false);
-          if (pin.shown && mapZoom < pin.zoom && pin.zoom < mapZoom + this.pinZoomDelta) {
-            pin.component.invoke().setDisplayed(true);
-            pin.component.invoke().setCollapsed(false);
-            pin.component.invoke().setScale(this.pinFade ? Math.max(0, 1 - (pin.zoom - mapZoom) * 0.2) : 1);
-            pin.marker.insert();
-          } else {
-            pin.component.invoke().setCollapsed(true);
-            if (pin.component.invoke().getCollapsed()) {
-              pin.component.invoke().setDisplayed(false);
-              pin.marker.remove();
-            }
-          }
-        }
-      } else {
-        pin.component.invoke().setDisplayed(false);
-        pin.marker.remove();
-      }
-    }
-  }
-}
-
-// src/lib/map/elements/managers/tooltip/manager.ts
-import Angles from "@arenarium/maps-core/angles";
-
-class MapTooltipManager {
-  tooltips = new Set;
-  tooltipMaxWidth = 0;
-  tooltipMaxHeight = 0;
-  insert(tooltip, state3) {
-    this.update(tooltip, state3);
-    this.tooltips.add(tooltip);
-  }
-  update(tooltip, state3) {
-    if (state3) {
-      tooltip.zoom = state3[0];
-      tooltip.states = state3[1].map((s) => [s[0], Angles.DEGREES[s[1]]]);
-    } else {
-      tooltip.zoom = NaN;
-      tooltip.states = [];
-    }
-    tooltip.marker.update(tooltip.zIndex);
-  }
-  remove(tooltip) {
-    tooltip.shown = true;
-    tooltip.zoom = NaN;
-    tooltip.angle = NaN;
-    tooltip.states = [];
-    tooltip.component.invoke().setAngle(NaN);
-    tooltip.component.invoke().setCollapsed(true);
-    tooltip.component.invoke().setDisplayed(false);
-    tooltip.marker.update(tooltip.zIndex);
-    tooltip.marker.remove();
-    this.tooltips.delete(tooltip);
-  }
-  clear() {
-    this.tooltips.forEach((tooltip) => tooltip.marker.remove());
-    this.tooltips.clear();
-  }
-  refresh() {
-    const tooltips = Array.from(this.tooltips);
-    this.tooltipMaxWidth = tooltips.reduce((a, b) => Math.max(a, b.width), 0);
-    this.tooltipMaxHeight = tooltips.reduce((a, b) => Math.max(a, b.height), 0);
-  }
-  render(mapViewport, mapParameters) {
-    const mapZoom = mapViewport.zoom;
-    const mapSize = mapParameters.mapSize;
-    const mapRegion = MapRegion.offset(mapViewport, mapSize, {
-      top: this.tooltipMaxHeight,
-      bottom: this.tooltipMaxHeight,
-      right: this.tooltipMaxWidth,
-      left: this.tooltipMaxWidth
-    });
-    for (const tooltip of this.tooltips) {
-      if (mapRegion.contains(tooltip.lat, tooltip.lng)) {
-        if (Number.isNaN(tooltip.zoom) == false && tooltip.shown && tooltip.zoom <= mapZoom) {
-          const angle = tooltip.states.findLast((s) => s[0] <= mapZoom)?.[1];
-          if (angle == undefined)
-            throw new Error("Angle not found");
-          tooltip.angle = angle;
-          tooltip.component.invoke().setDisplayed(true);
-          tooltip.component.invoke().setCollapsed(false);
-          tooltip.component.invoke().setAngle(angle);
-          tooltip.marker.insert();
-        } else {
-          tooltip.component.invoke().setCollapsed(true);
-          if (tooltip.component.invoke().getCollapsed()) {
-            tooltip.component.invoke().setDisplayed(false);
-            tooltip.marker.remove();
-          }
-        }
-      } else {
-        tooltip.component.invoke().setDisplayed(false);
-        tooltip.marker.remove();
-      }
-    }
-  }
-}
-
-// src/lib/map/elements/managers/popup/manager.ts
-import Mercator2 from "@arenarium/maps-core/mercator";
-import Rectangle2 from "@arenarium/maps-core/rectangle";
-
-class MapPopupManager {
-  popups = new Set;
-  pan = true;
-  set configuration(configuration) {
-    this.pan = configuration?.popup?.pan ?? true;
-  }
-  insert(popup) {
-    this.popups.add(popup);
-  }
-  remove(popup) {
-    popup.angle = NaN;
-    popup.shown = false;
-    popup.marker.remove();
-    popup.component.invoke().setAngle(NaN);
-    popup.component.invoke().setCollapsed(true);
-    popup.component.invoke().setDisplayed(false);
-    this.popups.delete(popup);
-  }
-  clear() {
-    this.popups.forEach((popup) => popup.marker.remove());
-    this.popups.clear();
-  }
-  show(element, provider) {
-    if (!element.popup || !element.tooltip || !element.pin)
-      return;
-    element.pin.shown = false;
-    element.tooltip.shown = false;
-    element.popup.angle = element.tooltip.angle;
-    element.popup.shown = true;
-    if (this.pan == false)
-      return;
-    const mapPopup = element.popup;
-    const mapViewport = provider.getViewport();
-    const mapBounds = mapViewport.bounds;
-    const mapZoom = mapViewport.zoom;
-    const mapSize = provider.getParameters().mapSize;
-    const mapZoomSize = mapSize * Math.pow(2, mapZoom);
-    const mapTopLeftPoint = Mercator2.project(mapBounds.ne.lat, mapBounds.sw.lng, mapZoomSize);
-    const mapBottomRightPoint = Mercator2.project(mapBounds.sw.lat, mapBounds.ne.lng, mapZoomSize);
-    const mapWidth = mapBottomRightPoint.x - mapTopLeftPoint.x;
-    const mapHeight = mapBottomRightPoint.y - mapTopLeftPoint.y;
-    const mapPopupWidth = mapPopup.width + mapPopup.margin * 8;
-    const mapPopupHeight = mapPopup.height + mapPopup.margin * 8;
-    const mapPopupPoint = Mercator2.project(mapPopup.lat, mapPopup.lng, mapZoomSize);
-    const mapPopupAngleOffsets = Rectangle2.getOffsets(mapPopupWidth, mapPopupHeight, element.tooltip.angle);
-    const mapPopupLeftEdge = mapPopupPoint.x + mapPopupAngleOffsets.x;
-    const mapPopupRightEdge = mapPopupLeftEdge + mapPopupWidth;
-    const mapPopupTopEdge = mapPopupPoint.y + mapPopupAngleOffsets.y;
-    const mapPopupBottomEdge = mapPopupTopEdge + mapPopupHeight;
-    const mapPopupLeftDistance = mapPopupLeftEdge - mapTopLeftPoint.x;
-    const mapPopupRightDistance = mapBottomRightPoint.x - mapPopupRightEdge;
-    const mapPopupTopDistance = mapPopupTopEdge - mapTopLeftPoint.y;
-    const mapPopupBottomDistance = mapBottomRightPoint.y - mapPopupBottomEdge;
-    let panX = 0;
-    if (mapWidth < mapPopupWidth) {
-      panX = (mapPopupLeftDistance - mapPopupRightDistance) / 2;
-    } else {
-      if (mapPopupLeftDistance < 0)
-        panX = mapPopupLeftDistance;
-      if (mapPopupRightDistance < 0)
-        panX = -mapPopupRightDistance;
-    }
-    let panY = 0;
-    if (mapHeight < mapPopupHeight) {
-      panY = (mapPopupTopDistance - mapPopupBottomDistance) / 2;
-    } else {
-      if (mapPopupTopDistance < 0)
-        panY = mapPopupTopDistance;
-      if (mapPopupBottomDistance < 0)
-        panY = -mapPopupBottomDistance;
-    }
-    if (panX != 0 || panY != 0)
-      provider.panBy(panX, panY);
-  }
-  hide(element) {
-    if (!element.popup || !element.tooltip || !element.pin)
-      return;
-    element.pin.shown = true;
-    element.tooltip.shown = true;
-    element.popup.shown = false;
-  }
-  render() {
-    for (const popup of this.popups) {
-      if (popup.shown) {
-        popup.component.invoke().setDisplayed(true);
-        popup.component.invoke().setCollapsed(false);
-        popup.component.invoke().setAngle(popup.angle, true);
-        popup.marker.insert();
-      } else {
-        popup.component.invoke().setCollapsed(true);
-        if (popup.component.invoke().getCollapsed()) {
-          popup.component.invoke().setDisplayed(false);
-          popup.marker.remove();
-        }
-      }
-    }
-  }
-}
-
-// src/lib/map/elements/manager.ts
-class MapMarkerElementManager {
-  mapProvider;
-  mapPinManager;
-  mapTooltipManager;
-  mapPopupManager;
-  mapElements;
-  constructor(mapProvider) {
-    this.mapProvider = mapProvider;
-    this.mapPinManager = new MapPinManager;
-    this.mapTooltipManager = new MapTooltipManager;
-    this.mapPopupManager = new MapPopupManager;
-    this.mapElements = new Map;
-  }
-  set configuration(configuration) {
-    this.mapPinManager.configuration = configuration;
-    this.mapPopupManager.configuration = configuration;
-  }
-  clearElements() {
-    this.mapElements.clear();
-    this.mapPinManager.clear();
-    this.mapTooltipManager.clear();
-    this.mapPopupManager.clear();
-  }
-  removeElements(markers) {
-    for (const marker of markers) {
-      let element = this.mapElements.get(marker.data.id);
-      if (element == undefined)
-        continue;
-      this.mapPinManager.remove(element.pin);
-      this.mapTooltipManager.remove(element.tooltip);
-      if (element.popup != null)
-        this.mapPopupManager.remove(element.popup);
-    }
-    this.mapPinManager.refresh();
-    this.mapTooltipManager.refresh();
-  }
-  updateElements(markers) {
-    for (const marker of markers) {
-      let element = this.mapElements.get(marker.data.id);
-      if (element == undefined)
-        continue;
-      this.mapPinManager.update(element.pin, marker.state);
-      this.mapTooltipManager.update(element.tooltip, marker.state);
-    }
-  }
-  insertElements(markers, onClick) {
-    for (const marker of markers) {
-      let element = this.mapElements.get(marker.data.id);
-      if (element == undefined) {
-        element = new MapMarkerElement(marker.data, this.mapProvider);
-        element.tooltip.marker.div.addEventListener("click", (e) => onClick(e, marker.data.id));
-        this.mapElements.set(marker.data.id, element);
-      }
-      this.mapPinManager.insert(element.pin, marker.state);
-      this.mapTooltipManager.insert(element.tooltip, marker.state);
-      if (element.popup != null)
-        this.mapPopupManager.insert(element.popup);
-    }
-    this.mapPinManager.refresh();
-    this.mapTooltipManager.refresh();
-  }
-  renderElements(viewport, parameters) {
-    this.mapPopupManager.render();
-    this.mapTooltipManager.render(viewport, parameters);
-    this.mapPinManager.render(viewport, parameters);
-  }
-  showPopup(id) {
-    const elements = this.mapElements.values();
-    for (const element of elements) {
-      if (element.id == id) {
-        this.mapPopupManager.show(element, this.mapProvider);
-      } else {
-        this.mapPopupManager.hide(element);
-      }
-    }
-  }
-  hidePopup(id) {
-    const element = this.mapElements.get(id);
-    if (element == undefined)
-      return;
-    this.mapPopupManager.hide(element);
-  }
-  hidePopups() {
-    const elements = this.mapElements.values();
-    for (const element of elements) {
-      this.mapPopupManager.hide(element);
-    }
-  }
-}
-
-// src/lib/map/states/manager.ts
-import Hash from "@arenarium/maps-core/hash";
-import Angles2 from "@arenarium/maps-core/angles";
-var API_STATES_URL = `${"http://127.0.0.1:8787"}/states`;
-var DEFAULT_RETRIES = 3;
-var DEFAULT_DELAY = [500, 1000, 2000];
-
-class MapMarkerStateManager {
-  apiKey;
-  apiToken;
-  apiDevEnvironment;
-  mapMarkerStatesStore;
-  constructor(apiKey, apiToken) {
-    this.apiKey = apiKey;
-    this.apiToken = apiToken;
-    this.apiDevEnvironment = window?.location.host.startsWith("localhost") || window?.location.host.startsWith("127.0.0.1");
-    this.mapMarkerStatesStore = new Map;
-  }
-  clearStates() {
-    this.mapMarkerStatesStore.clear();
-  }
-  resetStates(markers) {
-    for (let i = 0;i < markers.length; i++) {
-      const marker = markers[i];
-      marker.state = undefined;
-    }
-  }
-  async updateStates(markers, parameters) {
-    if (markers.length == 0)
-      return;
-    markers.sort((a, b) => a.data.id.localeCompare(b.data.id));
-    const markerStatesInputs = markers.map((marker) => marker.input);
-    const markerStatesInputsHash = await Hash.object(markerStatesInputs);
-    let states = this.mapMarkerStatesStore.get(markerStatesInputsHash);
-    if (states == undefined) {
-      states = await this.fetchStates(markerStatesInputs, parameters);
-      this.mapMarkerStatesStore.set(markerStatesInputsHash, states);
-    }
-    for (let i = 0;i < markers.length; i++) {
-      const marker = markers[i];
-      marker.state = states[i];
-    }
-  }
-  async fetchStates(inputs, parameters) {
-    if (inputs.length == 0)
-      return [];
-    if (inputs.length == 1)
-      return [[0, [[0, Angles2.DEGREES.indexOf(Angles2.DEGREES_DEFAULT)]]]];
-    const markerStatesRequest = {
-      key: this.apiKey,
-      token: this.apiToken,
-      input: inputs,
-      parameters
-    };
-    const markerStatesResponse = await http_default.retry(async () => await http_default.post(API_STATES_URL, markerStatesRequest, {
-      headers: { "Cache-Control": this.apiDevEnvironment ? "no-cache" : "" },
-      retry: DEFAULT_RETRIES,
-      delay: DEFAULT_DELAY
-    }));
-    if (markerStatesResponse.token)
-      this.apiToken = markerStatesResponse.token;
-    return markerStatesResponse.states;
-  }
-}
-
-// src/lib/map/manager.ts
-import {
-  apiKeySchema,
-  apiTokenSchema,
-  mapMarkerDataSchema,
-  mapProviderSchema
-} from "@arenarium/maps-core/schemas";
-import * as v from "valibot";
-var VERSION = "1.2.6";
-var API_AUTH_URL = `${"http://127.0.0.1:8787"}/auth`;
-var API_LOG_URL = `${"http://127.0.0.1:8787"}/log`;
-var MAP_STATE_BASE_INTERVAL = 100;
-var MAP_MARKER_PROCESS_LIFESPAN = 500;
-var MAP_MARKER_PROCESS_STATE_DELAY = 500;
-
-class MapManager {
-  apiKey;
-  mapProvider;
-  mapMarkers;
-  mapMarkersVisibilityManager;
-  mapMarkerElementsManager;
-  mapMarkerStatesManager;
-  mapMarkerRenderProcessor;
-  mapMarkerVisibilityProcessor;
-  mapMarkerStateProcessor;
-  mapMarkerStatesProcessDelay = 500;
-  mapMarkerStatesProcessTimeout = undefined;
-  mapStateManager;
-  constructor(apiKey, apiToken, mapProvider, mapConfiguration) {
-    v.parse(apiKeySchema, apiKey);
-    v.parse(apiTokenSchema, apiToken);
-    v.parse(mapProviderSchema, mapProvider);
-    this.apiKey = apiKey;
-    this.mapProvider = mapProvider;
-    this.mapProvider.getContainer().addEventListener("click", this.onMapClick.bind(this));
-    this.mapMarkers = new Map;
-    this.mapMarkersVisibilityManager = new MapMarkerVisibilityManager(this.mapProvider);
-    this.mapMarkerElementsManager = new MapMarkerElementManager(this.mapProvider);
-    this.mapMarkerStatesManager = new MapMarkerStateManager(apiKey, apiToken);
-    this.mapMarkerRenderProcessor = new Processor(this.onMapMarkerRenderProcess.bind(this), MAP_MARKER_PROCESS_LIFESPAN);
-    this.mapMarkerVisibilityProcessor = new Processor(this.onMapMarkerVisiblityProcess.bind(this), MAP_MARKER_PROCESS_LIFESPAN);
-    this.mapMarkerStateProcessor = new Processor(this.onMapMarkerStateProcess.bind(this));
-    this.mapStateManager = new MapStateManager(this.mapProvider, MAP_STATE_BASE_INTERVAL / (navigator?.hardwareConcurrency ?? 1), this.dettached.bind(this), this.error.bind(this), this.onMapMove.bind(this), this.onMapIdle.bind(this));
-    this.configuration = mapConfiguration;
-  }
-  static async create(apiKey, mapProvider, mapConfiguration) {
-    const apiAuthRequest = { key: apiKey, version: VERSION };
-    const apiAuthResponse = await http_default.post(API_AUTH_URL, apiAuthRequest);
-    let apiToken = apiAuthResponse.token;
-    if (!apiToken)
-      throw new Error("Failed to get api token");
-    return new MapManager(apiKey, apiToken, mapProvider, mapConfiguration);
-  }
-  set configuration(configuration) {
-    this.mapMarkerStatesProcessDelay = configuration?.process?.states?.delay ?? MAP_MARKER_PROCESS_STATE_DELAY;
-    this.mapMarkersVisibilityManager.configuration = configuration;
-    this.mapMarkerElementsManager.configuration = configuration;
-  }
-  clear() {
-    this.mapMarkers.clear();
-    this.mapMarkersVisibilityManager.clearMarkers();
-    this.mapMarkerStatesManager.clearStates();
-    this.mapMarkerElementsManager.clearElements();
-    this.mapStateManager.stop();
-    this.mapMarkerVisibilityProcessor.stop();
-    this.mapMarkerStateProcessor.stop();
-    this.mapMarkerRenderProcessor.stop();
-  }
-  dettached() {
-    return this.mapProvider.getContainer().parentElement == null;
-  }
-  error(message, error) {
-    this.log("error", message, error);
-    this.configuration?.events?.error?.(message, error);
-  }
-  async log(level, title, content) {
-    switch (level) {
-      case "info":
-        console.info(content);
-        break;
-      case "warning":
-        console.warn(content);
-        break;
-      case "error":
-        console.error(content);
-        break;
-    }
-    if (content instanceof Error == false)
-      return;
-    try {
-      const log = {
-        key: this.apiKey,
-        title,
-        level,
-        content: {
-          version: VERSION,
-          ...content
-        }
-      };
-      await http_default.put(API_LOG_URL, log);
-    } catch (error) {
-      console.error(error);
-    }
-  }
-  onMapClick() {
-    this.hidePopup();
-  }
-  onMapMarkerClick(e, id) {
-    e.stopPropagation();
-    this.showPopup(id);
-  }
-  onMapMove() {
-    this.mapMarkerVisibilityProcessor.start();
-  }
-  onMapIdle() {
-    if (this.mapMarkerStatesProcessTimeout) {
-      window.clearTimeout(this.mapMarkerStatesProcessTimeout);
-    }
-    this.mapMarkerStatesProcessTimeout = window.setTimeout(() => {
-      this.mapMarkerStateProcessor.start();
-    }, this.mapMarkerStatesProcessDelay);
-  }
-  async onMapMarkerVisiblityProcess() {
-    try {
-      if (this.dettached())
-        return true;
-      const mapViewport = this.mapProvider.getViewport();
-      const mapParameters = this.mapProvider.getParameters();
-      const oldVisibleMarkers = new Set(this.mapMarkersVisibilityManager.markers);
-      this.mapMarkersVisibilityManager.updateVisibleMarkers(mapViewport, mapParameters);
-      const newVisibleMarkers = new Set(this.mapMarkersVisibilityManager.markers);
-      const removeMarkers = Array.from(oldVisibleMarkers.difference(newVisibleMarkers));
-      const insertMarkers = Array.from(newVisibleMarkers.difference(oldVisibleMarkers));
-      this.mapMarkerStatesManager.resetStates(removeMarkers);
-      this.mapMarkerElementsManager.removeElements(removeMarkers);
-      this.mapMarkerElementsManager.insertElements(insertMarkers, this.onMapMarkerClick.bind(this));
-      this.mapMarkerRenderProcessor.start();
-      return false;
-    } catch (error) {
-      this.clear();
-      this.error("Failed to process map move", error);
-      return true;
-    }
-  }
-  async onMapMarkerStateProcess() {
-    try {
-      if (this.dettached())
-        return true;
-      const mapMarkers = this.mapMarkersVisibilityManager.markers;
-      const mapParameters = this.mapProvider.getParameters();
-      await this.mapMarkerStatesManager.updateStates(mapMarkers, mapParameters);
-      this.mapMarkerElementsManager.updateElements(mapMarkers);
-      this.mapMarkerRenderProcessor.start();
-      return false;
-    } catch (error) {
-      this.clear();
-      this.error("Failed to process map idle", error);
-      return true;
-    }
-  }
-  async onMapMarkerRenderProcess() {
-    try {
-      if (this.dettached())
-        return true;
-      const mapViewport = this.mapProvider.getViewport();
-      const mapParameters = this.mapProvider.getParameters();
-      this.mapMarkerElementsManager.renderElements(mapViewport, mapParameters);
-      return false;
-    } catch (error) {
-      this.clear();
-      this.error("Failed to process map render", error);
-      return true;
-    }
-  }
-  updateMarkers(markerData) {
-    v.parse(v.array(mapMarkerDataSchema), markerData);
-    try {
-      for (const data of markerData) {
-        if (this.mapMarkers.has(data.id) == false) {
-          this.mapMarkers.set(data.id, new MapMarker(data));
-        }
-      }
-      const markers = Array.from(this.mapMarkers.values());
-      markers.sort((a, b) => b.data.rank - a.data.rank);
-      this.mapMarkersVisibilityManager.insertMarkers(markers);
-      this.mapStateManager.start();
-      this.mapMarkerVisibilityProcessor.start();
-      this.mapMarkerStateProcessor.start();
-      this.mapMarkerRenderProcessor.start();
-    } catch (error) {
-      this.clear();
-      this.error("Failed to update markers", error);
-      throw error;
-    }
-  }
-  removeMarkers() {
-    try {
-      this.clear();
-    } catch (error) {
-      this.error("Failed to remove markers", error);
-      throw error;
-    }
-  }
-  showPopup(id) {
-    try {
-      this.mapMarkerElementsManager.showPopup(id);
-    } catch (error) {
-      this.mapMarkerElementsManager.hidePopups();
-      this.error("Failed to show popup", error);
-      throw error;
-    } finally {
-      this.mapMarkerRenderProcessor.start();
-    }
-  }
-  hidePopup() {
-    try {
-      this.mapMarkerElementsManager.hidePopups();
-    } catch (error) {
-      this.error("Failed to hide popup", error);
-      throw error;
-    } finally {
-      this.mapMarkerRenderProcessor.start();
-    }
-  }
-}
-export {
-  MapManager
-};
+async function s0(x){return new Promise((q)=>setTimeout(q,x))}async function r0(x,q){let J=0,Q=Math.max(1,q?.retry??1);while(J<Q)try{return await x()}catch(F){if(console.log(`[HTTP RETRY] ${J} of ${Q}`),console.log(F),J++,J==Q)throw F;if(q?.delay)await s0(q.delay[J-1]??0)}throw Error("Unreachable code")}async function H2(x,q){let J=await r0(async()=>await fetch(x,q));if(!J.ok)throw Error(J.statusText);return await J.json()}async function O2(x,q,J){let Q=await fetch(x,{method:"POST",body:JSON.stringify(q),headers:{"Content-Type":"application/json",...J?.headers},...J});if(!Q.ok)throw Error(Q.statusText);return await Q.json()}async function z2(x,q,J){let Q=await fetch(x,{method:"PUT",body:JSON.stringify(q),headers:{"Content-Type":"application/json",...J?.headers},...J});if(!Q.ok)throw Error(Q.statusText)}var L={delay:s0,retry:r0,get:H2,post:O2,put:z2};class d{endtime=0;lifespan;paused=!1;enqueued=!1;interval;timeout;callback;constructor(x,q,J){if((q??0)<0)throw Error("Lifespan must be greater than 0");if((J??0)<0)throw Error("Interval must be greater than 0");this.interval=J??(navigator?.hardwareConcurrency?100:200/navigator.hardwareConcurrency),this.lifespan=q??this.interval,this.callback=x}async run(){let x=performance.now();if(this.enqueued)this.endtime=x+this.lifespan,this.enqueued=!1;if(this.endtime<x){this.stop();return}if(this.paused==!1){if(await this.callback()&&!this.enqueued){this.stop();return}}this.timeout=window.setTimeout(this.run.bind(this),this.interval)}start(){if(this.enqueued=!0,!this.timeout)this.run()}stop(){if(this.timeout)window.clearTimeout(this.timeout);this.timeout=void 0}pause(){this.paused=!0}resume(){this.paused=!1}}class J0{data;state;constructor(x){this.data=x,this.state=void 0}get input(){return{id:this.data.id,rank:this.data.rank,lat:this.data.lat,lng:this.data.lng,width:this.data.tooltip.style.dimensions.width,height:this.data.tooltip.style.dimensions.height,margin:this.data.tooltip.style.dimensions.margin}}}class Q0{callback;timeout;id;constructor(x,q){if(q<=0)throw Error("Timeout must be greater than 0");this.callback=x,this.timeout=q}start(){if(this.id!=null)return;this.id=window.setInterval(this.callback,this.timeout)}stop(){if(this.id==null)return;window.clearInterval(this.id),this.id=void 0}}class G0{viewport=void 0;state="idle";provider;interval;onCancel;onError;onMove;onIdle;constructor(x,q,J,Q,F,G){this.provider=x,this.interval=new Q0(this.onInterval.bind(this),q),this.onCancel=J,this.onError=Q,this.onMove=F,this.onIdle=G}start(){this.interval.start()}stop(){this.interval.stop()}onInterval(){try{if(this.onCancel()){this.interval.stop();return}let x=this.provider.getViewport(),q=this.state,J=JSON.stringify(x)!==JSON.stringify(this.viewport)?"move":"idle";if(J=="move")this.onMove();if(J=="idle"&&q=="move")this.onIdle();this.state=J,this.viewport=x}catch(x){this.onError("Failed to process map state interval",x)}}}var i0=75,n0=150,R0=0.00025,p0=1e6,o0=2000000,k0=3000000,F0=10,g=16,h0=2,$=0.5,n="white",t0="darkgreen",K0="0px 2px 2px rgba(0, 0, 0, 0.5)";import W0 from"@arenarium/maps-core/mercator";class p{sw;ne;constructor(x,q,J,Q){if(J<x)throw Error(`Invalid bounds: ${x}, ${q}, ${J}, ${Q}`);if(Q<q)throw Error(`Invalid bounds: ${x}, ${q}, ${J}, ${Q}`);this.sw={lat:x,lng:q},this.ne={lat:J,lng:Q}}contains(x,q){if(x<this.sw.lat||this.ne.lat<x)return!1;if(q<this.sw.lng||this.ne.lng<q)return!1;return!0}intersects(x){if(x.ne.lat<this.sw.lat||this.ne.lat<x.sw.lat)return!1;if(x.ne.lng<this.sw.lng||this.ne.lng<x.sw.lng)return!1;return!0}}class b{blockL;blockR;sw;ne;constructor(x,q,J,Q){if(J<x)throw Error(`Invalid bounds: ${x}, ${q}, ${J}, ${Q}`);if(this.sw={lat:x,lng:q},this.ne={lat:J,lng:Q},q<Q)this.blockL=new p(x,q,J,Q),this.blockR=new p(0,0,0,0);else this.blockL=new p(x,-180,J,Q),this.blockR=new p(x,q,J,180)}static normalize(x){let{bounds:q,center:J}=x;if(Math.abs(q.ne.lng-J.lng)+Math.abs(q.sw.lng-J.lng)>360)q.sw.lng=-180,q.ne.lng=180;if(q.ne.lng-q.sw.lng>360){q.sw.lng=-180,q.ne.lng=180;return}if(q.sw.lng<-180)q.sw.lng+=360;if(q.sw.lng>180)q.sw.lng-=360;if(q.ne.lng<-180)q.ne.lng+=360;if(q.ne.lng>180)q.ne.lng-=360}static bounds(x){this.normalize(x);let q=x.bounds,J=q.sw,Q=q.ne;return new b(J.lat,J.lng,Q.lat,Q.lng)}static offset(x,q,J){this.normalize(x);let{bounds:Q,zoom:F}=x,G=q*Math.pow(2,F),j=W0.project(Q.sw.lat,Q.sw.lng,G),U=W0.project(Q.ne.lat,Q.ne.lng,G),V=Math.max(j.x-J.left,0),O=Math.min(j.y+J.bottom,G),B=Math.min(U.x+J.right,G),S=Math.max(U.y-J.top,0),N=W0.unproject(V,O,G),I=W0.unproject(B,S,G);return new b(N.lat,N.lng,I.lat,I.lng)}contains(x,q){return this.blockL.contains(x,q)||this.blockR.contains(x,q)}intersects(x){return this.blockL.intersects(x)||this.blockR.intersects(x)}}class Y0{id;bounds;markers;constructor(x,q){this.id=x,this.bounds=q,this.markers=[]}belongs(x){let q=this.bounds.sw;if(x.lat<q.lat)return!1;if(x.lng<q.lng)return!1;let J=this.bounds.ne;if(J.lat<x.lat)return!1;if(J.lng<x.lng)return!1;return!0}neighbours(x,q){let J=Math.abs(x.id.length-this.id.length);if(J>q)return!1;let Q=Math.min(this.id.length,x.id.length)-q+J;for(let F=0;F<Q;F++)if(this.id[F]!=x.id[F])return!1;return!0}}class Z0{tree;zoom;cell;branches;constructor(x,q,J,Q){this.tree=x,this.zoom=J,this.cell=new Y0(q,Q),this.branches=[]}split(){let x=this.cell.bounds,q=Math.pow(2,this.tree.depth),J=(x.ne.lat-x.sw.lat)/q,Q=(x.ne.lng-x.sw.lng)/q;for(let F=0;F<q;F++)for(let G=0;G<q;G++){let j=x.sw.lat+F*J,U=x.sw.lng+G*Q,V=j+J,O=U+Q;this.branches.push(new Z0(this.tree,`${this.cell.id}${F*2+G}`,this.zoom+this.tree.depth,{sw:{lat:j,lng:U},ne:{lat:V,lng:O}}))}}add(x){if(this.cell.belongs(x.data)==!1)return!1;if(this.cell.markers.length<this.tree.capacity)return this.cell.markers.push(x),!0;if(this.branches.length==0)this.split();for(let q=0;q<this.branches.length;q++)if(this.branches[q].add(x))return!0;throw Error("Failed to add marker to branch")}compact(){if(this.branches.length==0)return;for(let Q=0;Q<this.branches.length;Q++)this.branches[Q].compact();let x=[],q=[];for(let Q=0;Q<this.branches.length;Q++){let F=this.branches[Q];x.push(...F.branches),q.push(...F.cell.markers)}let J=new Z0(this.tree,this.cell.id,this.zoom+this.tree.depth,this.cell.bounds);J.branches=x,J.cell.markers=q,this.branches=[J]}cells(x,q,J){if(x<this.zoom)return J;if(q.intersects(this.cell.bounds)==!1)return J;J.push(this.cell);for(let Q=0;Q<this.branches.length;Q++)this.branches[Q].cells(x,q,J);return J}print(x){console.log(`${"---".repeat(x)}|${this.cell.id} zoom=[${this.zoom}] markers=[${this.cell.markers.length}]`);for(let q=0;q<this.branches.length;q++)this.branches[q].print(x+1)}count(){return this.cell.markers.length+this.branches.reduce((x,q)=>x+q.count(),0)}}class o{capacity;depth;root;constructor(x,q,J){this.capacity=J,this.depth=q,this.root=new Z0(this,"R",x,{sw:{lat:-90,lng:-180},ne:{lat:90,lng:180}})}add(x){return this.root.add(x)}compact(){this.root.compact()}cells(x,q){let J=[];return this.root.cells(x,q,J),J}print(){this.root.print(0)}}var a0=2,e0=1,x2=g*4,q2=1024;class j0{mapProvider;mapMarkersVisibilityTree;mapMarkersVisible;mapMarkerTreeCellCapacity=a0;mapMarkerTreeCellZoomDelta=e0;mapMarkerTreeCellSize=x2;mapMarkerTreeLimit=q2;constructor(x){this.mapProvider=x}set configuration(x){this.mapMarkerTreeCellCapacity=x?.process?.visibility?.cell?.capacity??a0,this.mapMarkerTreeCellZoomDelta=x?.process?.visibility?.cell?.depth??e0,this.mapMarkerTreeCellSize=x?.process?.visibility?.cell?.size??x2,this.mapMarkerTreeLimit=x?.process?.visibility?.limit??q2}get markers(){return Array.from(this.mapMarkersVisible??[])}insertMarkers(x){this.mapMarkersVisibilityTree=this.createVisibilityTree(x)}clearMarkers(){this.mapMarkersVisibilityTree=void 0,this.mapMarkersVisible=void 0}updateVisibleMarkers(x,q){if(this.mapMarkersVisibilityTree==null)return;let J=b.bounds(x),Q=[],F=x.zoom;while(F<q.zoomMax&&Q.length<this.mapMarkerTreeLimit)Q=this.mapMarkersVisibilityTree.cells(F,J).flatMap((G)=>G.markers),F++;this.mapMarkersVisible=Q}createVisibilityTree(x){if(x.length<this.mapMarkerTreeLimit){let q=new o(0,0,x.length);for(let J=0;J<x.length;J++){let Q=x[J];if(!q.add(Q))throw Error("Failed to add marker to fill tree")}return q}else{let q=-Math.floor(Math.log2(this.mapProvider.getParameters().mapSize/this.mapMarkerTreeCellSize)),J=new o(q,this.mapMarkerTreeCellZoomDelta,this.mapMarkerTreeCellCapacity);for(let F=0;F<x.length;F++){let G=x[F];if(!J.add(G))throw Error("Failed to add marker to fill tree")}let Q=-q;for(let F=0;F<Q;F++)J.compact();return J}}}import{mount as I2}from"svelte";import"svelte/internal/disclose-version";import*as K from"svelte/internal/client";import{sineInOut as B2}from"svelte/easing";class m{animationEasing;animationRun;animating;value;time;constructor(x){if(x.max<=x.min)throw Error("Min must be less than max");if(x.value<x.min||x.max<x.value)throw Error("Value must be between min and max");this.animationEasing=x.easing,this.animationRun=x.callback,this.animating=!1,this.value={current:x.value,start:x.value,end:x.value,min:x.min,max:x.max},this.time={start:0,end:0,span:x.timespan}}animationFrame(){let x=performance.now();if(x>this.time.end)this.value.current=this.value.end;else{let q=(x-this.time.start)/(this.time.end-this.time.start),J=this.animationEasing(q);this.value.current=this.value.start+(this.value.end-this.value.start)*J}if(this.animationRun(this.value.current),this.value.current===this.value.end){this.animating=!1;return}window.requestAnimationFrame(this.animationFrame.bind(this))}target(x){if(x===this.value.end)return;this.value.start=this.value.current,this.value.end=x;let q=performance.now(),J=Math.abs(this.value.start-this.value.end),Q=this.value.max-this.value.min;if(this.time.start=q,this.time.end=q+this.time.span*Math.sqrt(J/Q),this.animating)return;this.animating=!0,window.requestAnimationFrame(this.animationFrame.bind(this))}set(x){if(x===this.value.end)return;this.value.current=x,this.value.start=x,this.value.end=x;let q=performance.now();this.time.start=q,this.time.end=q,window.requestAnimationFrame(this.animationRun.bind(this,x))}end(){this.set(this.value.end)}expired(){return performance.now()>this.time.end}}var N2=K.from_html("<div></div>");function S0(x,q){K.push(q,!0);let J=K.rest_props(q,["$$slots","$$events","$$legacy"]),Q=q.id,F=q.style,G=q.content,j={setDisplayed:l,getDisplayed:A,setSuppressed:P,setCollapsed:z,getCollapsed:y,setScale:r};function U(){return j}let V,O=F.dimensions.width,B=F.dimensions.height,S=F.dimensions.radius,N=F.dimensions.padding??h0,I=F.colors?.border??n,D=F.colors?.background??t0,X=F.colors?.shadow??K0,Z=K.state(!1),M=!1,v=!1;function l(Y){if(Y==K.get(Z))return;if(K.set(Z,Y,!0),Y==!0){if(G==null)return;if(v)return;if(M)return;M=!0,G(Q).then((w)=>{if(w instanceof HTMLElement)V.appendChild(w);else console.error("Failed to load pin content")}).catch((w)=>console.error(w)).finally(()=>{v=!0,M=!1})}if(Y==!1)_.end()}function A(){return K.get(Z)}let C=K.state(!0);function P(Y){if(Y==K.get(C))return;if(K.set(C,Y,!0),Y)s=$,_.set($)}let H=K.state(!0);function z(Y){if(Y==K.get(H))return;K.set(H,Y,!0),_.target(K.get(H)?0:s)}function y(){if(!K.get(Z))return!0;return _.expired()}let s=$,_=new m({value:$,min:0,max:1,timespan:i0,easing:B2,callback:y0});function r(Y){s=Y,_.target(Y)}function y0(Y){V.style.scale=Y.toString(),V.style.filter=`brightness(${e(Y)})`}function e(Y){return 0.25+0.75*Y}var b0={invoke:U},T=N2();let x0;return K.bind_this(T,(Y)=>V=Y,()=>V),K.template_effect((Y)=>{K.set_class(T,1,K.clsx(["pin",K.get(Z)&&"displayed",K.get(C)&&"suppressed"]),"svelte-e30vfn4rttu1"),x0=K.set_style(T,"",x0,Y)},[()=>({width:`${O}px`,height:`${B}px`,"border-radius":`${S}px`,"border-color":I,"background-color":D,"border-width":`${N}px`,"box-shadow":X,scale:$,filter:`brightness(${e($)})`})]),K.append(x,T),K.pop(b0)}class E{div;marker;constructor(x,q,J,Q){this.div=document.createElement("div"),this.marker=x.createMarker(this.div,q,J,Q)}insert(){if(this.marker.inserted()==!0)return;this.marker.insert()}remove(){if(this.marker.inserted()==!1)return;this.marker.remove()}update(x){this.marker.update(x)}}class k{shown;id;lat;lng;rank;marker;constructor(x,q){if(new.target===k)throw Error("Cannot instantiate an abstract class directly.");this.shown=!0,this.id=x.id,this.lat=x.lat,this.lng=x.lng,this.rank=x.rank,this.marker=q}}class V0 extends k{width;height;zoom;component;constructor(x,q){super(x,new E(q,x.lat,x.lng,x.rank));let J=x.pin?.style.dimensions.width??g,Q=x.pin?.style.dimensions.height??g,F=x.pin?.style.dimensions.padding??h0,G=x.pin?.style.dimensions.radius??g/2;this.width=J,this.height=Q,this.zoom=NaN,this.component=I2(S0,{target:this.marker.div,props:{id:this.id,style:{dimensions:{width:J,height:Q,padding:F,radius:G},colors:x.pin?.style.colors},content:x.pin?.body}})}get zIndex(){if(Number.isNaN(this.zoom))return this.rank;return Math.round(-this.zoom*F0)+p0}}import{mount as D2}from"svelte";import"svelte/internal/disclose-version";import*as h from"svelte/internal/client";import{sineInOut as y2}from"svelte/easing";class t{animating;animationTimestamp;animationEnd;animationCallback;speed;value;constructor(x){this.animating=!1,this.animationTimestamp=0,this.animationEnd=0,this.animationCallback=x.callback,this.speed={current:0,spring:{stiffness:x.stiffness,damping:2*Math.sqrt(x.stiffness)}},this.value={current:x.value,target:x.value,precision:x.precision,min:x.min,max:x.max}}animationFrame(){try{let x=performance.now(),q=x-this.animationTimestamp;if(this.animationTimestamp=x,x>=this.animationEnd){this.speed.current=0,this.value.current=this.value.target;return}let J=this.value.target-this.value.current;if(Math.abs(J)<this.value.precision){this.speed.current=0,this.value.current=this.value.target;return}let Q=J*this.speed.spring.stiffness-this.speed.spring.damping*this.speed.current;if(this.speed.current+=Q*q,this.value.current+=this.speed.current*q,this.value.current<this.value.min){this.value.current=this.value.target,this.speed.current=0;return}if(this.value.current>this.value.max){this.value.current=this.value.target,this.speed.current=0;return}}finally{if(this.animationCallback(this.value.current),this.value.current===this.value.target){this.animating=!1;return}window.requestAnimationFrame(this.animationFrame.bind(this))}}target(x){if(x===this.value.target)return;let q=Math.sqrt(2*Math.abs(x-this.value.current)/this.speed.spring.stiffness);if(this.animationEnd=performance.now()+q,this.value.target=x,this.animating)return;this.animating=!0,this.animationTimestamp=performance.now(),window.requestAnimationFrame(this.animationFrame.bind(this))}set(x){if(x===this.value.target)return;this.animationEnd=performance.now(),this.value.current=x,this.value.target=x,this.speed.current=0,window.requestAnimationFrame(this.animationCallback.bind(this,x))}end(){this.set(this.value.target)}expired(){return performance.now()>this.animationEnd}}import J2 from"@arenarium/maps-core/rectangle";var b2=h.from_html('<div><div class="element pointer svelte-vkqe2rkto2oe"></div> <div class="element tooltip svelte-vkqe2rkto2oe"><div class="element body svelte-vkqe2rkto2oe"></div></div></div>');function a(x,q){h.push(q,!0);let J=h.rest_props(q,["$$slots","$$events","$$legacy"]),Q=q.id,F=q.style,G=q.content,j={setDisplayed:s,getDisplayed:_,setCollapsed:y0,getCollapsed:e,getExpanded:b0,setAngle:h2};function U(){return j}let V,O=F.colors?.shadow??K0,B,S=Math.min(F.dimensions.width,F.dimensions.height)/Math.SQRT2,N=Math.min(F.dimensions.width,F.dimensions.height)/Math.SQRT2,I=F.colors?.background??n,D,X=F.dimensions.width+2*F.dimensions.margin,Z=F.dimensions.height+2*F.dimensions.margin,M=F.dimensions.margin,v,l=F.dimensions.width,A=F.dimensions.height,C=F.dimensions.radius,P=F.colors?.background??n,H=h.state(!1),z=!1,y=!1;function s(W){if(W==h.get(H))return;if(h.set(H,W,!0),W){if(G==null)return;if(y)return;if(z)return;z=!0,G(Q).then((f)=>{if(f instanceof HTMLElement)v.appendChild(f);else console.error("Failed to load tooltip content")}).catch((f)=>console.error(f)).finally(()=>{y=!0,z=!1})}if(W==!1)T.end(),D0.end(),v0.end()}function _(){return h.get(H)}let r=h.state(!0);function y0(W){if(W==h.get(r))return;h.set(r,W,!0),T.target(h.get(r)?0:1)}function e(){if(!h.get(H))return!0;return T.expired()}function b0(){if(!h.get(H))return!1;return T.expired()}let T=new m({value:0,min:0,max:1,timespan:n0,easing:y2,callback:x0});function x0(W){V.style.opacity=`${W}`,D.style.scale=`${W}`,B.style.scale=`${W}`}let Y=NaN,w=h.state(!1),_0=-X/2,D0=new t({value:-X/2,min:-X,max:0,precision:1,stiffness:R0,callback:K2}),$0=-Z/2,v0=new t({value:-Z/2,min:-Z,max:0,precision:1,stiffness:R0,callback:W2});function h2(W,f){if(Number.isNaN(W)){Y=NaN,h.set(w,!1);return}if(h.get(w)==!1||f==!0){h.set(w,!0),Y=W;let R=J2.getOffsets(X,Z,W);D0.set(Math.round(R.x)),v0.set(Math.round(R.y));return}if(Y!=W){Y=W;let R=J2.getOffsets(X,Z,W);D0.target(Math.round(R.x)),v0.target(Math.round(R.y));return}}function K2(W){_0=W,E0()}function W2(W){$0=W,E0()}function E0(){let W=_0,f=$0,R=W+X/2,m0=f+Z/2,T0=Z<X?R*Z/X:R,f0=Z>X?m0*X/Z:m0,Z2=Math.atan2(f0,T0),u2=0,L2=30,w0=Math.sqrt(T0*T0+f0*f0),i=Math.min(X,Z)/2,j2=i*Math.SQRT2,V2=(w0-i)/(j2-i),X2=Z2/Math.PI*180-45,l0=0+V2*30,U2=w0<i?w0/i:1;D.style.transform=`translate(${Math.round(W)}px, ${Math.round(f)}px)`,B.style.transform=`scale(${U2}) rotate(${X2}deg) skew(${l0}deg, ${l0}deg)`}var Y2={invoke:U},u=b2();let c0;var C0=h.child(u);let u0;h.bind_this(C0,(W)=>B=W,()=>B);var q0=h.sibling(C0,2);let L0;var d0=h.child(q0);let g0;return h.bind_this(d0,(W)=>v=W,()=>v),h.reset(q0),h.bind_this(q0,(W)=>D=W,()=>D),h.reset(u),h.bind_this(u,(W)=>V=W,()=>V),h.template_effect(()=>{h.set_class(u,1,h.clsx(["element anchor",h.get(H)&&"displayed"]),"svelte-vkqe2rkto2oe"),c0=h.set_style(u,"",c0,{filter:`drop-shadow(${O})`}),u0=h.set_style(C0,"",u0,{width:`${S}px`,height:`${N}px`,"background-color":I}),L0=h.set_style(q0,"",L0,{width:`${X}px`,height:`${Z}px`,padding:`${M}px;`}),g0=h.set_style(d0,"",g0,{width:`${l}px`,height:`${A}px`,"border-radius":`${C}px;`,"background-color":P})}),h.append(x,u),h.pop(Y2)}class X0 extends k{width;height;zoom;angle;states;component;constructor(x,q){super(x,new E(q,x.lat,x.lng,x.rank));this.width=x.tooltip.style.dimensions.width+x.tooltip.style.dimensions.margin*2,this.height=x.tooltip.style.dimensions.height+x.tooltip.style.dimensions.margin*2,this.zoom=NaN,this.angle=NaN,this.states=[],this.component=D2(a,{target:this.marker.div,props:{id:this.id,style:x.tooltip.style,content:x.tooltip.body}})}get zIndex(){if(Number.isNaN(this.zoom))return this.rank;return Math.round(-this.zoom*F0)+o0}}import{mount as v2}from"svelte";class U0 extends k{width;height;margin;angle;component;constructor(x,q){if(x.popup==null)throw Error("Failed to create popup");super(x,new E(q,x.lat,x.lng,k0));this.width=x.popup.style.dimensions.width,this.height=x.popup.style.dimensions.height,this.margin=x.popup.style.dimensions.margin,this.angle=NaN,this.shown=!1,this.component=v2(a,{target:this.marker.div,props:{id:this.id,style:x.popup.style,content:x.popup.body}})}get zIndex(){return k0}}class H0{id;state=void 0;pin;tooltip;popup;constructor(x,q){if(this.id=x.id,this.pin=new V0(x,q),this.tooltip=new X0(x,q),x.popup!=null)this.popup=new U0(x,q)}}var M0=4;class O0{pins=new Set;pinMaxWidth=0;pinMaxHeight=0;pinFade=!1;pinZoomMax=M0;pinZoomDelta=M0;set configuration(x){this.pinFade=x?.pin?.fade??!0,this.pinZoomMax=x?.pin?.maxZoom??M0,this.pinZoomDelta=this.pinZoomMax}insert(x,q){this.update(x,q),this.pins.add(x)}update(x,q){x.zoom=q?q[0]:NaN,x.marker.update(x.zIndex)}remove(x){x.shown=!0,x.zoom=NaN,x.component.invoke().setCollapsed(!1),x.component.invoke().setSuppressed(!0),x.component.invoke().setDisplayed(!1),x.marker.update(x.zIndex),x.marker.remove(),this.pins.delete(x)}clear(){this.pins.forEach((x)=>x.marker.remove()),this.pins.clear()}refresh(){let x=Array.from(this.pins);this.pinMaxWidth=x.reduce((q,J)=>Math.max(q,J.width),0),this.pinMaxHeight=x.reduce((q,J)=>Math.max(q,J.height),0),this.pinZoomDelta=Math.max(1,this.pinZoomMax-Math.log10(x.length))}render(x,q){let J=x.zoom,Q=q.mapSize,F=b.offset(x,Q,{top:this.pinMaxHeight,bottom:this.pinMaxHeight,right:this.pinMaxWidth,left:this.pinMaxWidth});for(let G of this.pins)if(F.contains(G.lat,G.lng)){if(Number.isNaN(G.zoom))G.component.invoke().setDisplayed(!0),G.component.invoke().setSuppressed(!0),G.component.invoke().setCollapsed(!1),G.marker.insert();else if(G.component.invoke().setSuppressed(!1),G.shown&&J<G.zoom&&G.zoom<J+this.pinZoomDelta)G.component.invoke().setDisplayed(!0),G.component.invoke().setCollapsed(!1),G.component.invoke().setScale(this.pinFade?Math.max(0,1-(G.zoom-J)*0.2):1),G.marker.insert();else if(G.component.invoke().setCollapsed(!0),G.component.invoke().getCollapsed())G.component.invoke().setDisplayed(!1),G.marker.remove()}else G.component.invoke().setDisplayed(!1),G.marker.remove()}}import C2 from"@arenarium/maps-core/angles";class z0{tooltips=new Set;tooltipMaxWidth=0;tooltipMaxHeight=0;insert(x,q){this.update(x,q),this.tooltips.add(x)}update(x,q){if(q)x.zoom=q[0],x.states=q[1].map((J)=>[J[0],C2.DEGREES[J[1]]]);else x.zoom=NaN,x.states=[];x.marker.update(x.zIndex)}remove(x){x.shown=!0,x.zoom=NaN,x.angle=NaN,x.states=[],x.component.invoke().setAngle(NaN),x.component.invoke().setCollapsed(!0),x.component.invoke().setDisplayed(!1),x.marker.update(x.zIndex),x.marker.remove(),this.tooltips.delete(x)}clear(){this.tooltips.forEach((x)=>x.marker.remove()),this.tooltips.clear()}refresh(){let x=Array.from(this.tooltips);this.tooltipMaxWidth=x.reduce((q,J)=>Math.max(q,J.width),0),this.tooltipMaxHeight=x.reduce((q,J)=>Math.max(q,J.height),0)}render(x,q){let J=x.zoom,Q=q.mapSize,F=b.offset(x,Q,{top:this.tooltipMaxHeight,bottom:this.tooltipMaxHeight,right:this.tooltipMaxWidth,left:this.tooltipMaxWidth});for(let G of this.tooltips)if(F.contains(G.lat,G.lng)){if(Number.isNaN(G.zoom)==!1&&G.shown&&G.zoom<=J){let j=G.states.findLast((U)=>U[0]<=J)?.[1];if(j==null)throw Error("Angle not found");G.angle=j,G.component.invoke().setDisplayed(!0),G.component.invoke().setCollapsed(!1),G.component.invoke().setAngle(j),G.marker.insert()}else if(G.component.invoke().setCollapsed(!0),G.component.invoke().getCollapsed())G.component.invoke().setDisplayed(!1),G.marker.remove()}else G.component.invoke().setDisplayed(!1),G.marker.remove()}}import A0 from"@arenarium/maps-core/mercator";import T2 from"@arenarium/maps-core/rectangle";class B0{popups=new Set;pan=!0;set configuration(x){this.pan=x?.popup?.pan??!0}insert(x){this.popups.add(x)}remove(x){x.angle=NaN,x.shown=!1,x.marker.remove(),x.component.invoke().setAngle(NaN),x.component.invoke().setCollapsed(!0),x.component.invoke().setDisplayed(!1),this.popups.delete(x)}clear(){this.popups.forEach((x)=>x.marker.remove()),this.popups.clear()}show(x,q){if(!x.popup||!x.tooltip||!x.pin)return;if(x.pin.shown=!1,x.tooltip.shown=!1,x.popup.angle=x.tooltip.angle,x.popup.shown=!0,this.pan==!1)return;let J=x.popup,Q=q.getViewport(),F=Q.bounds,G=Q.zoom,U=q.getParameters().mapSize*Math.pow(2,G),V=A0.project(F.ne.lat,F.sw.lng,U),O=A0.project(F.sw.lat,F.ne.lng,U),B=O.x-V.x,S=O.y-V.y,N=J.width+J.margin*8,I=J.height+J.margin*8,D=A0.project(J.lat,J.lng,U),X=T2.getOffsets(N,I,x.tooltip.angle),Z=D.x+X.x,M=Z+N,v=D.y+X.y,l=v+I,A=Z-V.x,C=O.x-M,P=v-V.y,H=O.y-l,z=0;if(B<N)z=(A-C)/2;else{if(A<0)z=A;if(C<0)z=-C}let y=0;if(S<I)y=(P-H)/2;else{if(P<0)y=P;if(H<0)y=-H}if(z!=0||y!=0)q.panBy(z,y)}hide(x){if(!x.popup||!x.tooltip||!x.pin)return;x.pin.shown=!0,x.tooltip.shown=!0,x.popup.shown=!1}render(){for(let x of this.popups)if(x.shown)x.component.invoke().setDisplayed(!0),x.component.invoke().setCollapsed(!1),x.component.invoke().setAngle(x.angle,!0),x.marker.insert();else if(x.component.invoke().setCollapsed(!0),x.component.invoke().getCollapsed())x.component.invoke().setDisplayed(!1),x.marker.remove()}}class N0{mapProvider;mapPinManager;mapTooltipManager;mapPopupManager;mapElements;constructor(x){this.mapProvider=x,this.mapPinManager=new O0,this.mapTooltipManager=new z0,this.mapPopupManager=new B0,this.mapElements=new Map}set configuration(x){this.mapPinManager.configuration=x,this.mapPopupManager.configuration=x}clearElements(){this.mapElements.clear(),this.mapPinManager.clear(),this.mapTooltipManager.clear(),this.mapPopupManager.clear()}removeElements(x){for(let q of x){let J=this.mapElements.get(q.data.id);if(J==null)continue;if(this.mapPinManager.remove(J.pin),this.mapTooltipManager.remove(J.tooltip),J.popup!=null)this.mapPopupManager.remove(J.popup)}this.mapPinManager.refresh(),this.mapTooltipManager.refresh()}updateElements(x){for(let q of x){let J=this.mapElements.get(q.data.id);if(J==null)continue;this.mapPinManager.update(J.pin,q.state),this.mapTooltipManager.update(J.tooltip,q.state)}}insertElements(x,q){for(let J of x){let Q=this.mapElements.get(J.data.id);if(Q==null)Q=new H0(J.data,this.mapProvider),Q.tooltip.marker.div.addEventListener("click",(F)=>q(F,J.data.id)),this.mapElements.set(J.data.id,Q);if(this.mapPinManager.insert(Q.pin,J.state),this.mapTooltipManager.insert(Q.tooltip,J.state),Q.popup!=null)this.mapPopupManager.insert(Q.popup)}this.mapPinManager.refresh(),this.mapTooltipManager.refresh()}renderElements(x,q){this.mapPopupManager.render(),this.mapTooltipManager.render(x,q),this.mapPinManager.render(x,q)}showPopup(x){let q=this.mapElements.values();for(let J of q)if(J.id==x)this.mapPopupManager.show(J,this.mapProvider);else this.mapPopupManager.hide(J)}hidePopup(x){let q=this.mapElements.get(x);if(q==null)return;this.mapPopupManager.hide(q)}hidePopups(){let x=this.mapElements.values();for(let q of x)this.mapPopupManager.hide(q)}}import f2 from"@arenarium/maps-core/hash";import Q2 from"@arenarium/maps-core/angles";var w2="https://maps.api.arenarium.dev/states",R2=3,k2=[500,1000,2000];class I0{apiKey;apiToken;apiDevEnvironment;mapMarkerStatesStore;constructor(x,q){this.apiKey=x,this.apiToken=q,this.apiDevEnvironment=window?.location.host.startsWith("localhost")||window?.location.host.startsWith("127.0.0.1"),this.mapMarkerStatesStore=new Map}clearStates(){this.mapMarkerStatesStore.clear()}resetStates(x){for(let q=0;q<x.length;q++){let J=x[q];J.state=void 0}}async updateStates(x,q){if(x.length==0)return;x.sort((G,j)=>G.data.id.localeCompare(j.data.id));let J=x.map((G)=>G.input),Q=f2.object(J),F=this.mapMarkerStatesStore.get(Q);if(F==null)F=await this.fetchStates(J,q),this.mapMarkerStatesStore.set(Q,F);for(let G=0;G<x.length;G++){let j=x[G];j.state=F[G]}}async fetchStates(x,q){if(x.length==0)return[];if(x.length==1)return[[0,[[0,Q2.DEGREES.indexOf(Q2.DEGREES_DEFAULT)]]]];let J={key:this.apiKey,token:this.apiToken,input:x,parameters:q},Q=await L.retry(async()=>await L.post(w2,J,{headers:{"Cache-Control":this.apiDevEnvironment?"no-cache":""},retry:R2,delay:k2}));if(Q.token)this.apiToken=Q.token;return Q.states}}import{apiKeySchema as S2,apiTokenSchema as M2,mapMarkerDataSchema as A2,mapProviderSchema as P2}from"@arenarium/maps-core/schemas";import*as c from"valibot";var G2="1.2.8",_2="https://maps.api.arenarium.dev/auth",$2="https://maps.api.arenarium.dev/log",E2=100,F2=500,c2=500;class P0{apiKey;mapProvider;mapMarkers;mapMarkersVisibilityManager;mapMarkerElementsManager;mapMarkerStatesManager;mapMarkerRenderProcessor;mapMarkerVisibilityProcessor;mapMarkerStateProcessor;mapMarkerStatesProcessDelay=500;mapMarkerStatesProcessTimeout=void 0;mapStateManager;constructor(x,q,J,Q){c.parse(S2,x),c.parse(M2,q),c.parse(P2,J),this.apiKey=x,this.mapProvider=J,this.mapProvider.getContainer().addEventListener("click",this.onMapClick.bind(this)),this.mapMarkers=new Map,this.mapMarkersVisibilityManager=new j0(this.mapProvider),this.mapMarkerElementsManager=new N0(this.mapProvider),this.mapMarkerStatesManager=new I0(x,q),this.mapMarkerRenderProcessor=new d(this.onMapMarkerRenderProcess.bind(this),F2),this.mapMarkerVisibilityProcessor=new d(this.onMapMarkerVisiblityProcess.bind(this),F2),this.mapMarkerStateProcessor=new d(this.onMapMarkerStateProcess.bind(this)),this.mapStateManager=new G0(this.mapProvider,E2/(navigator?.hardwareConcurrency??1),this.dettached.bind(this),this.error.bind(this),this.onMapMove.bind(this),this.onMapIdle.bind(this)),this.configuration=Q}static async create(x,q,J){let Q={key:x,version:G2},G=(await L.post(_2,Q)).token;if(!G)throw Error("Failed to get api token");return new P0(x,G,q,J)}set configuration(x){this.mapMarkerStatesProcessDelay=x?.process?.states?.delay??c2,this.mapMarkersVisibilityManager.configuration=x,this.mapMarkerElementsManager.configuration=x}clear(){this.mapMarkers.clear(),this.mapMarkersVisibilityManager.clearMarkers(),this.mapMarkerStatesManager.clearStates(),this.mapMarkerElementsManager.clearElements(),this.mapStateManager.stop(),this.mapMarkerVisibilityProcessor.stop(),this.mapMarkerStateProcessor.stop(),this.mapMarkerRenderProcessor.stop()}dettached(){return this.mapProvider.getContainer().parentElement==null}error(x,q){this.log("error",x,q),this.configuration?.events?.error?.(x,q)}async log(x,q,J){switch(x){case"info":console.info(J);break;case"warning":console.warn(J);break;case"error":console.error(J);break}if(J instanceof Error==!1)return;try{let Q={key:this.apiKey,title:q,level:x,content:{version:G2,...J}};await L.put($2,Q)}catch(Q){console.error(Q)}}onMapClick(){this.hidePopup()}onMapMarkerClick(x,q){x.stopPropagation(),this.showPopup(q)}onMapMove(){this.mapMarkerVisibilityProcessor.start()}onMapIdle(){if(this.mapMarkerStatesProcessTimeout)window.clearTimeout(this.mapMarkerStatesProcessTimeout);this.mapMarkerStatesProcessTimeout=window.setTimeout(()=>{this.mapMarkerStateProcessor.start()},this.mapMarkerStatesProcessDelay)}async onMapMarkerVisiblityProcess(){try{if(this.dettached())return!0;let x=this.mapProvider.getViewport(),q=this.mapProvider.getParameters(),J=new Set(this.mapMarkersVisibilityManager.markers);this.mapMarkersVisibilityManager.updateVisibleMarkers(x,q);let Q=new Set(this.mapMarkersVisibilityManager.markers),F=Array.from(J.difference(Q)),G=Array.from(Q.difference(J));return this.mapMarkerStatesManager.resetStates(F),this.mapMarkerElementsManager.removeElements(F),this.mapMarkerElementsManager.insertElements(G,this.onMapMarkerClick.bind(this)),this.mapMarkerRenderProcessor.start(),!1}catch(x){return this.clear(),this.error("Failed to process map move",x),!0}}async onMapMarkerStateProcess(){try{if(this.dettached())return!0;let x=this.mapMarkersVisibilityManager.markers,q=this.mapProvider.getParameters();return await this.mapMarkerStatesManager.updateStates(x,q),this.mapMarkerElementsManager.updateElements(x),this.mapMarkerRenderProcessor.start(),!1}catch(x){return this.clear(),this.error("Failed to process map idle",x),!0}}async onMapMarkerRenderProcess(){try{if(this.dettached())return!0;let x=this.mapProvider.getViewport(),q=this.mapProvider.getParameters();return this.mapMarkerElementsManager.renderElements(x,q),!1}catch(x){return this.clear(),this.error("Failed to process map render",x),!0}}updateMarkers(x){c.parse(c.array(A2),x);try{for(let J of x)if(this.mapMarkers.has(J.id)==!1)this.mapMarkers.set(J.id,new J0(J));let q=Array.from(this.mapMarkers.values());q.sort((J,Q)=>Q.data.rank-J.data.rank),this.mapMarkersVisibilityManager.insertMarkers(q),this.mapStateManager.start(),this.mapMarkerVisibilityProcessor.start(),this.mapMarkerStateProcessor.start(),this.mapMarkerRenderProcessor.start()}catch(q){throw this.clear(),this.error("Failed to update markers",q),q}}removeMarkers(){try{this.clear()}catch(x){throw this.error("Failed to remove markers",x),x}}showPopup(x){try{this.mapMarkerElementsManager.showPopup(x)}catch(q){throw this.mapMarkerElementsManager.hidePopups(),this.error("Failed to show popup",q),q}finally{this.mapMarkerRenderProcessor.start()}}hidePopup(){try{this.mapMarkerElementsManager.hidePopups()}catch(x){throw this.error("Failed to hide popup",x),x}finally{this.mapMarkerRenderProcessor.start()}}}export{P0 as MapManager};