@guardian/interactive-component-library 0.2.0-rc4 → 0.2.0

package/dist/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js

@@ -1,119 +0,0 @@
-import { FeatureRenderer } from "./FeatureRenderer.js";
-import { replaceChildren } from "../util/dom.js";
-const textPadding = {
-  top: 20,
-  right: 20,
-  bottom: 20,
-  left: 20
-};
-class TextLayerRenderer {
-  constructor(layer) {
-    this.layer = layer;
-    this.featureRenderer = new FeatureRenderer();
-    this._element = document.createElement("div");
-    this._element.className = "gv-text-layer";
-    const style = this._element.style;
-    style.position = "absolute";
-    style.width = "100%";
-    style.height = "100%";
-    style.pointerEvents = "none";
-    style.overflow = "hidden";
-  }
-  renderFrame(frameState, targetElement) {
-    if (this.layer.opacity === 0) return targetElement;
-    const { declutterTree } = frameState;
-    const { projection, viewPortSize, sizeInPixels, visibleExtent, transform } = frameState.viewState;
-    this._element.style.opacity = this.layer.opacity;
-    const source = this.layer.source;
-    const features = source.getFeaturesInExtent(visibleExtent);
-    const textElements = [];
-    for (const feature of features) {
-      const geometries = feature.getProjectedGeometries(projection);
-      const point = geometries.find((d) => d.type === "Point");
-      if (!point) {
-        throw new Error(
-          `Expected Point geometry for feature in TextLayer: ${feature}`
-        );
-      }
-      const styleFunction = feature.getStyleFunction() || this.layer.getStyleFunction();
-      const featureStyle = styleFunction(feature);
-      const textElement = this.getTextElementWithID(feature.uid);
-      textElement.innerText = featureStyle.text.content;
-      const [relativeX, relativeY] = transform.apply(point.coordinates).map((d, i) => d / sizeInPixels[i]);
-      const position = {
-        left: `${relativeX * 100}%`,
-        top: `${relativeY * 100}%`
-      };
-      this.styleTextElement(textElement, featureStyle.text, position);
-      const bbox = this.getElementBBox(textElement, {
-        x: relativeX * viewPortSize[0],
-        y: relativeY * viewPortSize[1]
-      });
-      if (declutterTree.collides(bbox)) {
-        continue;
-      }
-      declutterTree.insert(bbox);
-      if (this.layer.drawCollisionBoxes) {
-        const collisionBoxDebugElement = this.getCollisionBoxElement(bbox);
-        textElements.push(collisionBoxDebugElement);
-      }
-      textElements.push(textElement);
-    }
-    replaceChildren(this._element, textElements);
-    return this._element;
-  }
-  getTextElementWithID(id) {
-    const elementId = `text-feature-${id}`;
-    let textElement = this._element.querySelector(`#${elementId}`);
-    if (!textElement) {
-      textElement = document.createElement("div");
-      textElement.id = elementId;
-    }
-    return textElement;
-  }
-  styleTextElement(element, textStyle, position) {
-    const style = element.style;
-    style.position = "absolute";
-    style.transform = `translate(-50%, -50%)`;
-    style.left = position.left;
-    style.top = position.top;
-    style.textAlign = "center";
-    style.whiteSpace = "nowrap";
-    style.fontFamily = textStyle.fontFamily;
-    style.fontSize = textStyle.fontSize;
-    style.fontWeight = textStyle.fontWeight;
-    style.lineHeight = textStyle.lineHeight;
-    style.color = textStyle.color;
-    style.textShadow = textStyle.textShadow;
-    style.padding = `${textPadding.top}px ${textPadding.right}px ${textPadding.bottom}px ${textPadding.left}px`;
-  }
-  getElementBBox(element, position) {
-    if (!element.parentElement) {
-      document.body.appendChild(element);
-    }
-    const { width, height } = element.getBoundingClientRect();
-    if (element.parentElement !== this._element) {
-      element.remove();
-    }
-    return {
-      minX: Math.floor(position.x) - width / 2,
-      minY: Math.floor(position.y) - height / 2,
-      maxX: Math.ceil(position.x + width / 2),
-      maxY: Math.ceil(position.y + height / 2)
-    };
-  }
-  getCollisionBoxElement(bbox) {
-    const element = document.createElement("div");
-    const style = element.style;
-    style.position = "absolute";
-    style.left = `${bbox.minX}px`;
-    style.top = `${bbox.minY}px`;
-    style.width = `${bbox.maxX - bbox.minX}px`;
-    style.height = `${bbox.maxY - bbox.minY}px`;
-    style.border = "2px solid black";
-    return element;
-  }
-}
-export {
-  TextLayerRenderer
-};

package/dist/components/molecules/canvas-map/lib/renderers/VectorLayerRenderer.d.ts

@@ -1,10 +0,0 @@
-import { FeatureRenderer } from './FeatureRenderer';
-export class VectorLayerRenderer {
-    constructor(layer: any);
-    layer: any;
-    featureRenderer: FeatureRenderer;
-    renderFrame(frameState: any, targetElement: any): any;
-    getOrCreateContainer(targetElement: any, sizeInPixels: any): any;
-    _container: any;
-    createContainer(): HTMLDivElement;
-}

package/dist/components/molecules/canvas-map/lib/renderers/VectorLayerRenderer.js

@@ -1,78 +0,0 @@
-import { FeatureRenderer } from "./FeatureRenderer.js";
-class VectorLayerRenderer {
-  constructor(layer) {
-    this.layer = layer;
-    this.featureRenderer = new FeatureRenderer();
-  }
-  renderFrame(frameState, targetElement) {
-    if (this.layer.opacity === 0) return targetElement;
-    const { projection, sizeInPixels, visibleExtent, transform } = frameState.viewState;
-    const container = this.getOrCreateContainer(targetElement, sizeInPixels);
-    const context = container.firstElementChild.getContext("2d");
-    context.save();
-    context.translate(transform.x, transform.y);
-    context.scale(transform.k, transform.k);
-    context.lineJoin = "round";
-    context.lineCap = "round";
-    context.globalAlpha = this.layer.opacity;
-    const source = this.layer.source;
-    const features = source.getFeaturesInExtent(visibleExtent);
-    for (const feature of features) {
-      const styleFunction = feature.getStyleFunction() || this.layer.getStyleFunction();
-      const featureStyle = styleFunction(feature);
-      if ((featureStyle == null ? void 0 : featureStyle.stroke) || (featureStyle == null ? void 0 : featureStyle.fill)) {
-        context.save();
-        this.featureRenderer.setStyle(featureStyle);
-        this.featureRenderer.render(frameState, feature, context);
-        context.restore();
-      }
-    }
-    if (Object.prototype.hasOwnProperty.call(projection, "getCompositionBorders")) {
-      context.beginPath();
-      context.lineWidth = 1 / transform.k;
-      context.strokeStyle = "#999";
-      projection.drawCompositionBorders(context);
-      context.stroke();
-    }
-    context.restore();
-    return container;
-  }
-  getOrCreateContainer(targetElement, sizeInPixels) {
-    let container = null;
-    let containerReused = false;
-    let canvas = targetElement && targetElement.firstElementChild;
-    if (canvas instanceof HTMLCanvasElement) {
-      container = targetElement;
-      containerReused = true;
-    } else if (this._container) {
-      container = this._container;
-    } else {
-      container = this.createContainer();
-    }
-    if (!containerReused) {
-      const canvas2 = container.firstElementChild;
-      canvas2.width = sizeInPixels[0];
-      canvas2.height = sizeInPixels[1];
-    }
-    this._container = container;
-    return container;
-  }
-  createContainer() {
-    const container = document.createElement("div");
-    container.className = "gv-map-layer";
-    let style = container.style;
-    style.position = "absolute";
-    style.width = "100%";
-    style.height = "100%";
-    const canvas = document.createElement("canvas");
-    style = canvas.style;
-    style.position = "absolute";
-    style.width = "100%";
-    style.height = "100%";
-    container.appendChild(canvas);
-    return container;
-  }
-}
-export {
-  VectorLayerRenderer
-};

package/dist/components/molecules/canvas-map/lib/sources/VectorSource.d.ts

@@ -1,15 +0,0 @@
-import { Dispatcher } from '../events';
-import { default as RBush } from 'rbush';
-export class VectorSource {
-    constructor({ features }: {
-        features: any;
-    });
-    dispatcher: Dispatcher;
-    _featuresRtree: RBush;
-    tearDown(): void;
-    getFeatures(): any;
-    getFeaturesAtCoordinate(coordinate: any): any[];
-    getFeaturesInExtent(extent: any): any[];
-    setFeatures(features: any): void;
-    _features: any;
-}

package/dist/components/molecules/canvas-map/lib/sources/VectorSource.js

@@ -1,56 +0,0 @@
-import RBush from "rbush";
-import knn from "rbush-knn";
-import { Dispatcher } from "../events/Dispatcher.js";
-import { MapEvent } from "../events/MapEvent.js";
-class VectorSource {
-  constructor({ features }) {
-    this.dispatcher = new Dispatcher(this);
-    this._featuresRtree = new RBush();
-    this.setFeatures(features);
-  }
-  tearDown() {
-    this.dispatcher = null;
-  }
-  getFeatures() {
-    return this._features;
-  }
-  getFeaturesAtCoordinate(coordinate) {
-    const [lon, lat] = coordinate;
-    const features = knn(
-      this._featuresRtree,
-      lon,
-      lat,
-      10,
-      (d) => d.feature.containsCoordinate(coordinate)
-    ).map((d) => {
-      const midX = d.minX + (d.minX + d.maxX) / 2;
-      const midY = d.minY + (d.minY + d.maxY) / 2;
-      d.distance = Math.hypot(midX - lon, midY - lat);
-      return d;
-    });
-    features.sort((a, b) => a.distance - b.distance);
-    return features.map((d) => d.feature);
-  }
-  getFeaturesInExtent(extent) {
-    const [minX, minY, maxX, maxY] = extent;
-    return this._featuresRtree.search({ minX, minY, maxX, maxY }).map((d) => d.feature);
-  }
-  setFeatures(features) {
-    this._featuresRtree.clear();
-    for (const feature of features) {
-      const [minX, minY, maxX, maxY] = feature.getExtent();
-      this._featuresRtree.insert({
-        minX: Math.floor(minX),
-        minY: Math.floor(minY),
-        maxX: Math.ceil(maxX),
-        maxY: Math.ceil(maxY),
-        feature
-      });
-    }
-    this._features = features;
-    this.dispatcher.dispatch(MapEvent.CHANGE);
-  }
-}
-export {
-  VectorSource
-};

package/dist/components/molecules/canvas-map/lib/styles/Fill.d.ts

@@ -1,7 +0,0 @@
-export class Fill {
-    constructor(options: any);
-    color: any;
-    opacity: any;
-    _getRgba: (...arg0: any[]) => string;
-    getRgba(): string;
-}

package/dist/components/molecules/canvas-map/lib/styles/Fill.js

@@ -1,15 +0,0 @@
-import { memoise } from "../util/memoise.js";
-import { toRgba } from "../util/toRgba.js";
-class Fill {
-  constructor(options) {
-    this.color = (options == null ? void 0 : options.color) || "#CCC";
-    this.opacity = (options == null ? void 0 : options.opacity) || 1;
-    this._getRgba = memoise(toRgba);
-  }
-  getRgba() {
-    return this._getRgba(this.color, this.opacity);
-  }
-}
-export {
-  Fill
-};

package/dist/components/molecules/canvas-map/lib/styles/Stroke.d.ts

@@ -1,8 +0,0 @@
-export class Stroke {
-    constructor(options: any);
-    color: any;
-    width: any;
-    opacity: any;
-    _getRgba: (...arg0: any[]) => string;
-    getRgba(): string;
-}

package/dist/components/molecules/canvas-map/lib/styles/Stroke.js

@@ -1,16 +0,0 @@
-import { memoise } from "../util/memoise.js";
-import { toRgba } from "../util/toRgba.js";
-class Stroke {
-  constructor(options) {
-    this.color = (options == null ? void 0 : options.color) || "#121212";
-    this.width = (options == null ? void 0 : options.width) || 0.5;
-    this.opacity = (options == null ? void 0 : options.opacity) || 1;
-    this._getRgba = memoise(toRgba);
-  }
-  getRgba() {
-    return this._getRgba(this.color, this.opacity);
-  }
-}
-export {
-  Stroke
-};

package/dist/components/molecules/canvas-map/lib/styles/Style.d.ts

@@ -1,24 +0,0 @@
-/**
- * A function that takes a {@link import("../Feature").Feature} and returns a {@link Style}
- *
- * @typedef {function(import("../Feature").Feature):(Style)} StyleFunction
- */
-/**
- * Class representing a style.
- * @class
- * @property {Object} properties - The properties of the style
- * @property {Object} properties.stroke - The stroke color of the style
- * @property {Object} properties.fill - The fill color of the style
- * @property {Object} properties.text - The text color of the style
- */
-export class Style {
-    constructor(properties: any);
-    stroke: any;
-    fill: any;
-    text: any;
-    clone(): Style;
-}
-/**
- * A function that takes a {@link import ("../Feature").Feature} and returns a {@link Style}
- */
-export type StyleFunction = (arg0: import('../Feature').Feature) => (Style);

package/dist/components/molecules/canvas-map/lib/styles/Style.js

@@ -1,17 +0,0 @@
-class Style {
-  constructor(properties) {
-    this.stroke = properties == null ? void 0 : properties.stroke;
-    this.fill = properties == null ? void 0 : properties.fill;
-    this.text = properties == null ? void 0 : properties.text;
-  }
-  clone() {
-    return new Style({
-      stroke: this.stroke,
-      fill: this.fill,
-      text: this.text
-    });
-  }
-}
-export {
-  Style
-};

package/dist/components/molecules/canvas-map/lib/styles/Text.d.ts

@@ -1,10 +0,0 @@
-export class Text {
-    constructor(options: any);
-    content: any;
-    fontFamily: any;
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-    color: any;
-    textShadow: any;
-}

package/dist/components/molecules/canvas-map/lib/styles/Text.js

@@ -1,14 +0,0 @@
-class Text {
-  constructor(options) {
-    this.content = options == null ? void 0 : options.content;
-    this.fontFamily = (options == null ? void 0 : options.fontFamily) || "var(--text-sans)";
-    this.fontSize = (options == null ? void 0 : options.fontSize) || "17px";
-    this.fontWeight = (options == null ? void 0 : options.fontWeight) || "400";
-    this.lineHeight = (options == null ? void 0 : options.lineHeight) || 1.3;
-    this.color = (options == null ? void 0 : options.color) || "#121212";
-    this.textShadow = (options == null ? void 0 : options.textShadow) || "1px 1px 0px #f6f6f6, -1px -1px 0px #f6f6f6, -1px 1px 0px #f6f6f6, 1px -1px #f6f6f6";
-  }
-}
-export {
-  Text
-};

package/dist/components/molecules/canvas-map/lib/styles/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Style';
-export * from './Stroke';
-export * from './Fill';
-export * from './Text';

package/dist/components/molecules/canvas-map/lib/util/array.d.ts

@@ -1,6 +0,0 @@
-/**
- * @param {Array<any>|Uint8ClampedArray} arr1 The first array to compare.
- * @param {Array<any>|Uint8ClampedArray} arr2 The second array to compare.
- * @return {boolean} Whether the two arrays are equal.
- */
-export function arrayEquals(arr1: Array<any> | Uint8ClampedArray, arr2: Array<any> | Uint8ClampedArray): boolean;

package/dist/components/molecules/canvas-map/lib/util/array.js

@@ -1,15 +0,0 @@
-function arrayEquals(arr1, arr2) {
-  const len1 = arr1.length;
-  if (len1 !== arr2.length) {
-    return false;
-  }
-  for (let i = 0; i < len1; i++) {
-    if (arr1[i] !== arr2[i]) {
-      return false;
-    }
-  }
-  return true;
-}
-export {
-  arrayEquals
-};

package/dist/components/molecules/canvas-map/lib/util/bboxFeature.d.ts

@@ -1,8 +0,0 @@
-export function bboxFeature(bounds: any): {
-    type: string;
-    properties: {};
-    geometry: {
-        coordinates: any[][][];
-        type: string;
-    };
-};

package/dist/components/molecules/canvas-map/lib/util/bboxFeature.js

@@ -1,26 +0,0 @@
-function bboxFeature(bounds) {
-  const minLon = bounds[0][0];
-  const minLat = bounds[0][1];
-  const maxLon = bounds[1][0];
-  const maxLat = bounds[1][1];
-  const feature = {
-    type: "Feature",
-    properties: {},
-    geometry: {
-      coordinates: [
-        [
-          [minLon, maxLat],
-          [maxLon, maxLat],
-          [maxLon, minLat],
-          [minLon, minLat],
-          [minLon, maxLat]
-        ]
-      ],
-      type: "Polygon"
-    }
-  };
-  return feature;
-}
-export {
-  bboxFeature
-};

package/dist/components/molecules/canvas-map/lib/util/debug.d.ts

@@ -1,11 +0,0 @@
-/**
- * @function
- * @param {Array<import('../geometry').Geometry>} geometries
- */
-export function validateGeometries(geometries: Array<import('../geometry').Geometry>): void;
-/**
- *
- * @param {import('../Feature').Feature | Object} feature - The feature you want to inspect
- * @returns {string} URL to geojson.io, with feature embedded
- */
-export function generateDebugUrl(feature: import('../Feature').Feature | any, convertToGeoJSON?: boolean): string;

package/dist/components/molecules/canvas-map/lib/util/debug.js

@@ -1,27 +0,0 @@
-function validateGeometries(geometries) {
-  if (!Array.isArray(geometries)) {
-    throw new Error("geometries must be an array");
-  }
-  geometries.forEach((geometry) => {
-    var _a;
-    if (!geometry.type) {
-      throw new Error("geometry must have a type");
-    }
-    if (!((_a = geometry.coordinates) == null ? void 0 : _a.length)) {
-      throw new Error("geometry must have coordinates");
-    }
-  });
-}
-function generateDebugUrl(feature, convertToGeoJSON = true) {
-  const featureGeoJSON = convertToGeoJSON ? feature.getGeoJSON() : feature;
-  const featureCollection = {
-    type: "FeatureCollection",
-    features: [featureGeoJSON]
-  };
-  const jsonString = encodeURIComponent(JSON.stringify(featureCollection));
-  return `https://geojson.io/#data=data:application/json,${jsonString}`;
-}
-export {
-  generateDebugUrl,
-  validateGeometries
-};

package/dist/components/molecules/canvas-map/lib/util/deflate.d.ts

@@ -1,36 +0,0 @@
-/**
- * @module ol/geom/flat/deflate
- */
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {import("../../coordinate.js").Coordinate} coordinate Coordinate.
- * @return {number} offset Offset.
- */
-export function deflateCoordinate(flatCoordinates: Array<number>, offset: number, coordinate: any): number;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {Array<import("../../coordinate.js").Coordinate>} coordinates Coordinates.
- * @param {number} stride Stride.
- * @return {number} offset Offset.
- */
-export function deflateCoordinates(flatCoordinates: Array<number>, offset: number, coordinates: Array<any>, stride: number): number;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {Array<Array<import("../../coordinate.js").Coordinate>>} coordinatess Coordinatess.
- * @param {number} stride Stride.
- * @param {Array<number>} [ends] Ends.
- * @return {Array<number>} Ends.
- */
-export function deflateCoordinatesArray(flatCoordinates: Array<number>, offset: number, coordinatess: Array<Array<any>>, stride: number, ends?: Array<number>): Array<number>;
-/**
- * @param {Array<number>} flatCoordinates Flat coordinates.
- * @param {number} offset Offset.
- * @param {Array<Array<Array<import("../../coordinate.js").Coordinate>>>} coordinatesss Coordinatesss.
- * @param {number} stride Stride.
- * @param {Array<Array<number>>} [endss] Endss.
- * @return {Array<Array<number>>} Endss.
- */
-export function deflateMultiCoordinatesArray(flatCoordinates: Array<number>, offset: number, coordinatesss: Array<Array<Array<any>>>, stride: number, endss?: Array<Array<number>>): Array<Array<number>>;

package/dist/components/molecules/canvas-map/lib/util/distance.d.ts

@@ -1 +0,0 @@
-export function haversineDistance(lat1: any, lon1: any, lat2: any, lon2: any): number;

package/dist/components/molecules/canvas-map/lib/util/distance.js

@@ -1,12 +0,0 @@
-function haversineDistance(lat1, lon1, lat2, lon2) {
-  const R = 6371e3;
-  const toRadians = (degrees) => degrees * Math.PI / 180;
-  const dLat = toRadians(lat2 - lat1);
-  const dLon = toRadians(lon2 - lon1);
-  const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(toRadians(lat1)) * Math.cos(toRadians(lat2)) * Math.sin(dLon / 2) * Math.sin(dLon / 2);
-  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
-  return R * c;
-}
-export {
-  haversineDistance
-};

package/dist/components/molecules/canvas-map/lib/util/dom.d.ts

@@ -1,9 +0,0 @@
-/**
- * Transform the children of a parent node so they match the
- * provided list of children.  This function aims to efficiently
- * remove, add, and reorder child nodes while maintaining a simple
- * implementation (it is not guaranteed to minimize DOM operations).
- * @param {Node} node The parent node whose children need reworking.
- * @param {Array<Node>} children The desired children.
- */
-export function replaceChildren(node: Node, children: Array<Node>): void;

package/dist/components/molecules/canvas-map/lib/util/dom.js

@@ -1,28 +0,0 @@
-function replaceChildren(node, children) {
-  const oldChildren = node.childNodes;
-  let done = false;
-  for (let i = 0; !done; ++i) {
-    const oldChild = oldChildren[i];
-    const newChild = children[i];
-    if (!oldChild && !newChild) {
-      done = true;
-      break;
-    }
-    if (oldChild === newChild) {
-      continue;
-    }
-    if (!oldChild) {
-      node.appendChild(newChild);
-      continue;
-    }
-    if (!newChild) {
-      node.removeChild(oldChild);
-      --i;
-      continue;
-    }
-    node.insertBefore(newChild, oldChild);
-  }
-}
-export {
-  replaceChildren
-};

package/dist/components/molecules/canvas-map/lib/util/extent.d.ts

@@ -1,21 +0,0 @@
-export function extentForCoordinates(coordinates: any): number[];
-export function combineExtents(extent1: any, extent2: any): number[];
-/**
- * Check if the passed coordinate is contained or on the edge of the extent.
- *
- * @param {Extent} extent Extent.
- * @param {import("./coordinate.js").Coordinate} coordinate Coordinate.
- * @return {boolean} The coordinate is contained in the extent.
- * @api
- */
-export function containsCoordinate(extent: Extent, coordinate: any): boolean;
-/**
- * Check if the passed coordinate is contained or on the edge of the extent.
- *
- * @param {Extent} extent Extent.
- * @param {number} x X coordinate.
- * @param {number} y Y coordinate.
- * @return {boolean} The x, y values are contained in the extent.
- * @api
- */
-export function containsXY(extent: Extent, x: number, y: number): boolean;

package/dist/components/molecules/canvas-map/lib/util/extent.js

@@ -1,38 +0,0 @@
-function extentForCoordinates(coordinates) {
-  let minX = Infinity, minY = Infinity;
-  let maxX = -Infinity, maxY = -Infinity;
-  for (const coordinate of coordinates) {
-    if (coordinate[0] < minX) {
-      minX = coordinate[0];
-    }
-    if (coordinate[0] > maxX) {
-      maxX = coordinate[0];
-    }
-    if (coordinate[1] < minY) {
-      minY = coordinate[1];
-    }
-    if (coordinate[1] > maxY) {
-      maxY = coordinate[1];
-    }
-  }
-  return [minX, minY, maxX, maxY];
-}
-function combineExtents(extent1, extent2) {
-  const minX = Math.min(extent1[0], extent2[0]);
-  const minY = Math.min(extent1[1], extent2[1]);
-  const maxX = Math.max(extent1[2], extent2[2]);
-  const maxY = Math.max(extent1[3], extent2[3]);
-  return [minX, minY, maxX, maxY];
-}
-function containsCoordinate(extent, coordinate) {
-  return containsXY(extent, coordinate[0], coordinate[1]);
-}
-function containsXY(extent, x, y) {
-  return extent[0] <= x && x <= extent[2] && extent[1] <= y && y <= extent[3];
-}
-export {
-  combineExtents,
-  containsCoordinate,
-  containsXY,
-  extentForCoordinates
-};