ol-contextmenu 4.1.0 → 5.0.0

package/README.md

@@ -1,24 +1,18 @@
 # OpenLayers Custom Context Menu
 
 <p align="center">
-  <a href="https://travis-ci.org/jonataswalker/ol-contextmenu">
-    <img src="https://travis-ci.org/jonataswalker/ol-contextmenu.svg?branch=master" alt="build status">
-  </a>
-  <a href="https://www.npmjs.com/package/ol-contextmenu">
-    <img src="https://img.shields.io/npm/v/ol-contextmenu.svg"
-      alt="npm version">
-  </a>
-  <a href="https://github.com/jonataswalker/ol-contextmenu/blob/master/LICENSE">
-    <img src="https://img.shields.io/npm/l/ol-contextmenu.svg"
-      alt="license">
-  </a>
-  <a href="https://david-dm.org/jonataswalker/ol-contextmenu">
-    <img src="https://david-dm.org/jonataswalker/ol-contextmenu/status.svg"
-      alt="dependency status">
-  </a>
-  <a href="https://david-dm.org/jonataswalker/ol-contextmenu">
-    <img src="https://david-dm.org/jonataswalker/ol-contextmenu/dev-status.svg" alt="devDependency status">
-  </a>
+    <a href="https://github.com/jonataswalker/ol-contextmenu/actions/workflows/test.yml">
+        <img src="https://github.com/jonataswalker/ol-contextmenu/actions/workflows/test.yml/badge.svg?branch=master" alt="Build Status">
+    </a>
+    <a href="https://www.npmjs.com/package/ol-contextmenu">
+        <img src="https://img.shields.io/npm/v/ol-contextmenu.svg" alt="npm version">
+    </a>
+    <a href="https://img.shields.io/npm/dm/ol-contextmenu">
+        <img alt="npm" src="https://img.shields.io/npm/dm/ol-contextmenu">
+    </a>
+    <a href="https://github.com/jonataswalker/ol-contextmenu/blob/master/LICENSE">
+        <img src="https://img.shields.io/npm/l/ol-contextmenu.svg" alt="license">
+    </a>
 </p>
 
 A `contextmenu` extension for [OpenLayers](http://openlayers.org/). **Requires** OpenLayers **v3.11.0** or higher.
@@ -26,48 +20,58 @@ A `contextmenu` extension for [OpenLayers](http://openlayers.org/). **Requires**
 ![contextmenu anim](https://raw.githubusercontent.com/jonataswalker/ol-contextmenu/screenshot/images/anim.gif)
 
 ## Demo
+
 You can see [here a demo](http://rawgit.com/jonataswalker/ol-contextmenu/master/examples/contextmenu.html) or [JSFiddle](https://jsfiddle.net/jonataswalker/ooxs1w5d/).
 
 ## How to use it?
+
 ##### NPM
+
 `npm install ol-contextmenu`
 
 ##### CDN Hosted - [jsDelivr](https://www.jsdelivr.com/package/npm/ol-contextmenu)
+
 Load CSS and Javascript:
+
 ```HTML
-<link href="https://cdn.jsdelivr.net/npm/ol-contextmenu@latest/dist/ol-contextmenu.min.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/ol-contextmenu@latest/dist/ol-contextmenu.css" rel="stylesheet">
 <script src="https://cdn.jsdelivr.net/npm/ol-contextmenu"></script>
 ```
 
 ##### CDN Hosted - UNPKG
+
 Load CSS and Javascript:
+
 ```HTML
-<link href="https://unpkg.com/ol-contextmenu/dist/ol-contextmenu.min.css" rel="stylesheet">
+<link href="https://unpkg.com/ol-contextmenu/dist/ol-contextmenu.css" rel="stylesheet">
 <script src="https://unpkg.com/ol-contextmenu"></script>
 ```
+
 ##### Self hosted
+
 Download [latest release](https://github.com/jonataswalker/ol-contextmenu/releases/latest) and (obviously) load CSS and Javascript.
 
 ##### Instantiate with some options and add the Control
+
 ```javascript
 var contextmenu = new ContextMenu({
-  width: 170,
-  defaultItems: true, // defaultItems are (for now) Zoom In/Zoom Out
-  items: [
-    {
-      text: 'Center map here',
-      classname: 'some-style-class', // add some CSS rules
-      callback: center // `center` is your callback function
-    },
-    {
-      text: 'Add a Marker',
-      classname: 'some-style-class', // you can add this icon with a CSS class
-                                     // instead of `icon` property (see next line)
-      icon: 'img/marker.png',  // this can be relative or absolute
-      callback: marker
-    },
-    '-' // this is a separator
-  ]
+    width: 170,
+    defaultItems: true, // defaultItems are (for now) Zoom In/Zoom Out
+    items: [
+        {
+            text: 'Center map here',
+            classname: 'some-style-class', // add some CSS rules
+            callback: center, // `center` is your callback function
+        },
+        {
+            text: 'Add a Marker',
+            classname: 'some-style-class', // you can add this icon with a CSS class
+            // instead of `icon` property (see next line)
+            icon: 'img/marker.png', // this can be relative or absolute
+            callback: marker,
+        },
+        '-', // this is a separator
+    ],
 });
 map.addControl(contextmenu);
 ```
@@ -78,55 +82,57 @@ If you provide `items {Array}` a submenu will be created as a child of the curre
 
 ```javascript
 var all_items = [
-  {
-    text: 'Some Actions',
-    items: [ // <== this is a submenu
-      {
-        text: 'Action 1',
-        callback: action
-      },
-      {
-        text: 'Other action',
-        callback: action2
-      }
-    ]
-  },
-  {
-    text: 'Add a Marker',
-    icon: 'img/marker.png',
-    callback: marker
-  },
-  '-' // this is a separator
+    {
+        text: 'Some Actions',
+        items: [
+            // <== this is a submenu
+            {
+                text: 'Action 1',
+                callback: action,
+            },
+            {
+                text: 'Other action',
+                callback: action2,
+            },
+        ],
+    },
+    {
+        text: 'Add a Marker',
+        icon: 'img/marker.png',
+        callback: marker,
+    },
+    '-', // this is a separator
 ];
 ```
 
 ##### Would you like to propagate custom data to the callback handler?
+
 ```javascript
 var removeMarker = function (obj) {
-  vectorLayer.getSource().removeFeature(obj.data.marker);
+    vectorLayer.getSource().removeFeature(obj.data.marker);
 };
 var removeMarkerItem = {
-  text: 'Remove this Marker',
-  icon: 'img/marker.png',
-  callback: removeMarker
+    text: 'Remove this Marker',
+    icon: 'img/marker.png',
+    callback: removeMarker,
 };
 
 var restore = false;
 contextmenu.on('open', function (evt) {
-  var feature = map.forEachFeatureAtPixel(evt.pixel, function (ft, l) {
-    return ft;
-  });
-  if (feature) {
-    contextmenu.clear();
-    removeMarkerItem.data = { marker: feature };
-    contextmenu.push(removeMarkerItem);
-    restore = true;
-  } else if (restore) {
-    contextmenu.clear();
-    contextmenu.extend(contextmenu_items);
-    contextmenu.extend(contextmenu.getDefaultItems());
-    restore = false;
-  }
+    var feature = map.forEachFeatureAtPixel(evt.pixel, function (ft, l) {
+        return ft;
+    });
+    if (feature) {
+        contextmenu.clear();
+        removeMarkerItem.data = { marker: feature };
+        contextmenu.push(removeMarkerItem);
+        restore = true;
+    } else if (restore) {
+        contextmenu.clear();
+        contextmenu.extend(contextmenu_items);
+        contextmenu.extend(contextmenu.getDefaultItems());
+        restore = false;
+    }
 });
 ```
 
@@ -137,10 +143,11 @@ contextmenu.on('open', function (evt) {
 #### `new ContextMenu(options)`
 
 ###### `options` is an object with the following possible properties:
-* `eventType`: `contextmenu`; The listening event type (You could use `'click'`, `'dblclick'`)
-* `defaultItems`: `true`; Whether the default items (which are: Zoom In/Out) are enabled
-* `width`: `150`; The menu's width
-* `items`: `[]`; An array of object|string
+
+-   `eventType`: `contextmenu`; The listening event type (You could use `'click'`, `'dblclick'`)
+-   `defaultItems`: `true`; Whether the default items (which are: Zoom In/Out) are enabled
+-   `width`: `150`; The menu's width
+-   `items`: `[]`; An array of object|string
 
 ## Methods
 
@@ -159,17 +166,18 @@ Close the menu programmatically.
 Add items to the menu. This pushes each item in the provided array to the end of the menu.
 
 Example:
+
 ```js
 var contextmenu = new ContextMenu();
 map.addControl(contextmenu);
 
 var add_later = [
-  '-', // this is a separator
-  {
-    text: 'Add a Marker',
-    icon: 'img/marker.png',
-    callback: marker
-  }
+    '-', // this is a separator
+    {
+        text: 'Add a Marker',
+        icon: 'img/marker.png',
+        callback: marker,
+    },
 ];
 contextmenu.extend(add_later);
 ```
@@ -202,36 +210,36 @@ Whether the menu is open.
 
 Update menu's position.
 
-
 ## Events
 
 #### If you want to disable this plugin under certain circumstances, listen to `beforeopen`
 
 ```javascript
 contextmenu.on('beforeopen', function (evt) {
-  var feature = map.forEachFeatureAtPixel(evt.pixel, function (ft, l) {
-    return ft;
-  });
-
-  if (feature) { // open only on features
-    contextmenu.enable();
-  } else {
-    contextmenu.disable();
-  }
+    var feature = map.forEachFeatureAtPixel(evt.pixel, function (ft, l) {
+        return ft;
+    });
+
+    if (feature) {
+        // open only on features
+        contextmenu.enable();
+    } else {
+        contextmenu.disable();
+    }
 });
 ```
 
 #### Listen and make some changes when context menu opens
 
 ```javascript
-contextmenu.on('open', function(evt){
-  var feature = map.forEachFeatureAtPixel(evt.pixel, function (ft, l) {
-    return ft;
-  });
-
-  if (feature) {
-    // add some other items to the menu
-  }
+contextmenu.on('open', function (evt) {
+    var feature = map.forEachFeatureAtPixel(evt.pixel, function (ft, l) {
+        return ft;
+    });
+
+    if (feature) {
+        // add some other items to the menu
+    }
 });
 ```
 
@@ -239,6 +247,6 @@ contextmenu.on('open', function(evt){
 
 ```javascript
 contextmenu.on('close', function (evt) {
-  // it's upon you
+    // it's upon you
 });
 ```

package/dist/constants.d.ts

@@ -0,0 +1,14 @@
+import { SingleItem, Options } from './types';
+export declare const DEFAULT_OPTIONS: Options;
+export declare const CSS_CLASSES: {
+    namespace: string;
+    container: string;
+    separator: string;
+    submenu: string;
+    hidden: string;
+    icon: string;
+    zoomIn: string;
+    zoomOut: string;
+    unselectable: string;
+};
+export declare const DEFAULT_ITEMS: SingleItem[];

package/dist/emitter.d.ts

@@ -0,0 +1,3 @@
+import { TinyEmitter } from 'tiny-emitter';
+declare const emitter: TinyEmitter;
+export default emitter;

package/dist/helpers/dom.d.ts

@@ -0,0 +1,5 @@
+import { Item } from '../types';
+export declare function createFragment(html: string): DocumentFragment;
+export declare function getLineHeight(container: HTMLDivElement): number;
+export declare function addMenuEntry(parentNode: HTMLUListElement, item: Item, isSubmenu?: boolean): HTMLLIElement;
+export declare function addMenuEntries(container: HTMLUListElement, items: Item[], menuWidth: number): void;

package/dist/main.d.ts

@@ -0,0 +1,43 @@
+import type { Pixel } from 'ol/pixel';
+import type { Coordinate } from 'ol/coordinate';
+import OlMap from 'ol/Map';
+import Control from 'ol/control/Control';
+import { Item, MenuEntry, Options } from './types';
+export default class ContextMenu extends Control {
+    protected map: OlMap;
+    protected container: HTMLDivElement;
+    protected coordinate: Coordinate;
+    protected pixel: Pixel;
+    protected contextMenuEventListener: (evt: MouseEvent) => void;
+    protected entryCallbackEventListener: (evt: MouseEvent) => void;
+    protected mapMoveListener: () => void;
+    protected lineHeight: number;
+    protected disabled: boolean;
+    protected opened: boolean;
+    protected items: Item[];
+    protected menuEntries: Map<string, MenuEntry>;
+    options: Options;
+    constructor(opts?: Partial<Options>);
+    clear(): void;
+    enable(): void;
+    disable(): void;
+    getDefaultItems(): import("./types").SingleItem[];
+    countItems(): number;
+    extend(items: Item[]): void;
+    closeMenu(): void;
+    isOpen(): boolean;
+    updatePosition(pixel: Pixel): void;
+    pop(): void;
+    shift(): void;
+    push(item: Item): void;
+    setMap(map: OlMap): void;
+    protected removeListeners(): void;
+    protected removeMenuEntry(id: string): void;
+    protected handleContextMenu(evt: MouseEvent): void;
+    protected openMenu(): void;
+    protected getMenuEntriesLength(): number;
+    protected positionContainer(): void;
+    protected handleMapMove(): void;
+    protected handleEntryCallback(evt: MouseEvent): void;
+    protected handleAddMenuEntry(item: MenuEntry, element: HTMLLIElement): void;
+}

package/dist/ol-contextmenu.css

@@ -1,109 +1 @@
-
-  /*!
-  * ol-contextmenu - v4.1.0
-  * https://github.com/jonataswalker/ol-contextmenu
-  * Built: Sat Aug 15 2020 10:43:26 GMT-0300 (Brasilia Standard Time)
-  */
-.ol-ctx-menu-container {
-  position: absolute;
-  padding: 8px;
-  background: #fff;
-  color: #222;
-  font-size: 13px;
-  border-radius: 5px;
-  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px;
-  box-sizing: border-box;
-}
-.ol-ctx-menu-container div, .ol-ctx-menu-container span, .ol-ctx-menu-container a, .ol-ctx-menu-container img, .ol-ctx-menu-container ul, .ol-ctx-menu-container li {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-}
-.ol-ctx-menu-container a img {
-  border: none;
-}
-.ol-ctx-menu-container *,
-.ol-ctx-menu-container *::before,
-.ol-ctx-menu-container *::after {
-  box-sizing: inherit;
-}
-.ol-ctx-menu-container.ol-ctx-menu-hidden {
-  opacity: 0;
-  visibility: hidden;
-  transition: visibility 0s linear 300ms, opacity 300ms;
-}
-.ol-ctx-menu-container ul {
-  list-style: none;
-}
-.ol-ctx-menu-container li {
-  position: relative;
-  line-height: 20px;
-  padding: 2px 5px;
-}
-.ol-ctx-menu-container li:not(.ol-ctx-menu-separator):hover {
-  cursor: pointer;
-  background-color: #333;
-  color: #eee;
-}
-.ol-ctx-menu-container li.ol-ctx-menu-submenu .ol-ctx-menu-container {
-  border: 1px solid #eee;
-  padding: 8px;
-  top: 0;
-  opacity: 0;
-  visibility: hidden;
-  transition: visibility 0s linear 300ms, opacity 300ms;
-}
-.ol-ctx-menu-container li.ol-ctx-menu-submenu:hover .ol-ctx-menu-container {
-  opacity: 1;
-  visibility: visible;
-  transition-delay: 0s;
-}
-.ol-ctx-menu-container li.ol-ctx-menu-submenu::after {
-  position: absolute;
-  top: 7px;
-  right: 10px;
-  content: "";
-  display: inline-block;
-  width: 0.6em;
-  height: 0.6em;
-  border-right: 0.3em solid #222;
-  border-top: 0.3em solid #222;
-  transform: rotate(45deg);
-}
-.ol-ctx-menu-container li.ol-ctx-menu-submenu:hover::after {
-  border-color: #eee;
-}
-.ol-ctx-menu-container li.ol-ctx-menu-separator {
-  padding: 0;
-}
-.ol-ctx-menu-container li.ol-ctx-menu-separator hr {
-  border: 0;
-  height: 1px;
-  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
-}
-
-.ol-ctx-menu-icon {
-  text-indent: 20px;
-  background-size: 20px auto;
-  background-repeat: no-repeat;
-  background-position: left center;
-}
-
-.ol-ctx-menu-zoom-in {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABaUlEQVQ4T72U7VHCQBCGn90GtAMuNGCswFiBWIFQgWMFxg6wArECsQKhArEBiB1Qwa1zgQn5IAYcxv13k71n3919L8KJQ07M47+BzgG9TRfZ/JBuWhS6BJFHRJICYrZGZIz3z5Ct2+B7gG6I6kt+wewdkQVwjtkAkR5mC8yu26A1oItR/cTsOweQBdgutD8G7jGm2PJ2n8oqUKIpIjd4HxTM8gvaT/F+AlmWnyWaIXKF95eNguFzTYFhNsdWu9kFgFlaFMANUH3D8wDLoLgSTSD2il8NCe2ZXQBxWDGwxmyUzzOMBZ7wy7Qb2K0wQfXjMOBuhlFpZtNty5sFaTQBuTusZdymeqs1SpYKcO9HkE3KbTd9WFijMHJQ5hBNEAYNq5Qd0dhyke0GiE4QzjqfW23mHT8Hl4DG4Lce3FPE7AtbBSdsbNqpoJLgYkRnNeUV+xwJDHTnUEkxHGbhBXUs5TjJjew/KPy94g+NRaIVRYmMXwAAAABJRU5ErkJggg==");
-}
-
-.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-in {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABc0lEQVQ4T71U21ECQRDsJgGdvQDECMQIxAjECMQILCPwzAAjECIQI0AiEDPQAPaWCBhrcKHuCUcV5f7dY3v6tUscefHIePhfwBBCF8CZqRCReRs1tQxDCH1VfQLQz4EsSY4AvIjIsgm8AhhCGKrqa9zwrqoLAKckB5HtguR1E2gBMITQU9VPAD8GICIGtl3e+xHJBwBT59xtHcsCYJZlUwA3kcGHbfDep51OZywi3/acZZm9vyJ5WR5o38uACmDunNt6ZwAkUxFZDwghDFT1jeSjiJinhVUBVNVJkiTDKO8CQA+AsbNQ7s1Ps0VVn5MkSfcCtmBoDZi1Bdx4eJ7zbBolrwPy3o9J3rWSHPs3A1BbjVKlYBaIyDgvu9LDXDU2RTZmXVW1oKyLxRD+OrkOrJLy5mVM0iaftDhuhVbsvBzMglzKUNW6IV/OOWtCM8MmVvEkmbwt83LaB19fdgOtVquUZJeknaDdobTwbOcvBzPcN/AXH1DFFWP7u9oAAAAASUVORK5CYII=");
-}
-
-.ol-ctx-menu-zoom-out {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABU0lEQVQ4T72U7VECMRRFz3sNaAdkacC1AtcKxApcKnCsQOwAK3CtQKxAqEBsANYOqCDPyTIC+8WCw5jfybn33dxEOPGSE/P4b6BzQG89RT47ZJoWhy5B5BGRZAMxWyEyxvtnyFdt8AagS1F9KQ6YvSMyB84xGyDSw2yO2XUbtAJ0MaqfmH0XAPIA2y7tj4F7jAm2uG1yWQZKNEHkBu+Dg2njWBJNEbnC+8uaIFRuWfuG2QxbbrOrUd0A1Tc8D7AIjkur7DAAsVf8MiWMZ3ZR2m02LPIMscATfjHqBnY7TFD9OAy4zTCCPG/MUKMM5O6wkXFr9dZq7FQqqHk/hDzbFa73cFONTZFDdRyiCcKg5rrSiLaXkiI6RjjrfG6VzDs+B5eAxuDXeYpmNRGzL2wZ/wof+du4GNFpBVqqz5HA4MM5VEYYDrOs+1I6Q9u/4Q8O9wN/AGgWjBVqQjjgAAAAAElFTkSuQmCC");
-}
-
-.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-out {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABYklEQVQ4T72U4VHCQBCF36tA91KAWIFYgViBWIFYgWMFYgdYgVCBWAFSgdiBFpAsFWSdxcDkQoBkhnF/ZjbfvX377ogjF4/Mw/8CVbUD4MynEJF5k2lqFapqz8yeAPRKkCXJEYAXEVnugm8BVXVgZq/FD+9mtgBwSrJfqF2QvN4FjYCq2jWzTwA/DhARh20qTdMRyQcA0xDCbZ3KCJhl2RTATaHgo+6HLMv8+xXJy+qB3l8FGoB5CKHsXcRV1b6ZvZF8FBH3NKotoJlNkiQZFONdlLtJ3rufbouZPSdJMjwIbKDQEzBrClx7eC4i33Uepmk6JnnXaOQifzMAtdGoRApugYiMI1uqKkrRWAfZo9MxM1+UZzFewl8mN4nYdVM83L7BkwbXLUrF3sfBLQDQBbDy08x8vOohXyEE71lVq9emuEk+3gZa3XYroCvwFyjP8yHJDsnxwaU08GxvS2uFhw78BbzWrxXgMbsHAAAAAElFTkSuQmCC");
-}
+.ol-ctx-menu-container{position:absolute;padding:8px;background:#fff;color:#222;font-size:13px;border-radius:5px;box-shadow:#0003 3px 3px 5px;box-sizing:border-box}.ol-ctx-menu-container div,.ol-ctx-menu-container span,.ol-ctx-menu-container a,.ol-ctx-menu-container img,.ol-ctx-menu-container ul,.ol-ctx-menu-container li{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}.ol-ctx-menu-container a img{border:none}.ol-ctx-menu-container *,.ol-ctx-menu-container *:before,.ol-ctx-menu-container *:after{box-sizing:inherit}.ol-ctx-menu-container.ol-ctx-menu-hidden{opacity:0;visibility:hidden;transition:visibility 0s linear .3s,opacity .3s}.ol-ctx-menu-container ul{list-style:none}.ol-ctx-menu-container li{position:relative;line-height:20px;padding:2px 5px;white-space:nowrap}.ol-ctx-menu-container li:not(.ol-ctx-menu-separator):hover{cursor:pointer;background-color:#333;color:#eee}.ol-ctx-menu-container li.ol-ctx-menu-submenu .ol-ctx-menu-container{border:1px solid #eee;padding:8px;top:0;opacity:0;visibility:hidden;transition:visibility 0s linear .3s,opacity .3s}.ol-ctx-menu-container li.ol-ctx-menu-submenu:hover>.ol-ctx-menu-container{opacity:1;visibility:visible;transition-delay:0s}.ol-ctx-menu-container li.ol-ctx-menu-submenu:after{position:absolute;top:7px;right:10px;content:"";display:inline-block;width:.6em;height:.6em;border-right:.3em solid #222;border-top:.3em solid #222;transform:rotate(45deg)}.ol-ctx-menu-container li.ol-ctx-menu-submenu:hover:after{border-color:#eee}.ol-ctx-menu-container li.ol-ctx-menu-separator{padding:0}.ol-ctx-menu-container li.ol-ctx-menu-separator hr{border:0;height:1px;background-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,0))}.ol-ctx-menu-icon{text-indent:20px;background-size:20px auto;background-repeat:no-repeat;background-position:left center}.ol-ctx-menu-zoom-in{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABaUlEQVQ4T72U7VHCQBCGn90GtAMuNGCswFiBWIFQgWMFxg6wArECsQKhArEBiB1Qwa1zgQn5IAYcxv13k71n3919L8KJQ07M47+BzgG9TRfZ/JBuWhS6BJFHRJICYrZGZIz3z5Ct2+B7gG6I6kt+wewdkQVwjtkAkR5mC8yu26A1oItR/cTsOweQBdgutD8G7jGm2PJ2n8oqUKIpIjd4HxTM8gvaT/F+AlmWnyWaIXKF95eNguFzTYFhNsdWu9kFgFlaFMANUH3D8wDLoLgSTSD2il8NCe2ZXQBxWDGwxmyUzzOMBZ7wy7Qb2K0wQfXjMOBuhlFpZtNty5sFaTQBuTusZdymeqs1SpYKcO9HkE3KbTd9WFijMHJQ5hBNEAYNq5Qd0dhyke0GiE4QzjqfW23mHT8Hl4DG4Lce3FPE7AtbBSdsbNqpoJLgYkRnNeUV+xwJDHTnUEkxHGbhBXUs5TjJjew/KPy94g+NRaIVRYmMXwAAAABJRU5ErkJggg==)}.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-in{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABc0lEQVQ4T71U21ECQRDsJgGdvQDECMQIxAjECMQILCPwzAAjECIQI0AiEDPQAPaWCBhrcKHuCUcV5f7dY3v6tUscefHIePhfwBBCF8CZqRCReRs1tQxDCH1VfQLQz4EsSY4AvIjIsgm8AhhCGKrqa9zwrqoLAKckB5HtguR1E2gBMITQU9VPAD8GICIGtl3e+xHJBwBT59xtHcsCYJZlUwA3kcGHbfDep51OZywi3/acZZm9vyJ5WR5o38uACmDunNt6ZwAkUxFZDwghDFT1jeSjiJinhVUBVNVJkiTDKO8CQA+AsbNQ7s1Ps0VVn5MkSfcCtmBoDZi1Bdx4eJ7zbBolrwPy3o9J3rWSHPs3A1BbjVKlYBaIyDgvu9LDXDU2RTZmXVW1oKyLxRD+OrkOrJLy5mVM0iaftDhuhVbsvBzMglzKUNW6IV/OOWtCM8MmVvEkmbwt83LaB19fdgOtVquUZJeknaDdobTwbOcvBzPcN/AXH1DFFWP7u9oAAAAASUVORK5CYII=)}.ol-ctx-menu-zoom-out{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABU0lEQVQ4T72U7VECMRRFz3sNaAdkacC1AtcKxApcKnCsQOwAK3CtQKxAqEBsANYOqCDPyTIC+8WCw5jfybn33dxEOPGSE/P4b6BzQG89RT47ZJoWhy5B5BGRZAMxWyEyxvtnyFdt8AagS1F9KQ6YvSMyB84xGyDSw2yO2XUbtAJ0MaqfmH0XAPIA2y7tj4F7jAm2uG1yWQZKNEHkBu+Dg2njWBJNEbnC+8uaIFRuWfuG2QxbbrOrUd0A1Tc8D7AIjkur7DAAsVf8MiWMZ3ZR2m02LPIMscATfjHqBnY7TFD9OAy4zTCCPG/MUKMM5O6wkXFr9dZq7FQqqHk/hDzbFa73cFONTZFDdRyiCcKg5rrSiLaXkiI6RjjrfG6VzDs+B5eAxuDXeYpmNRGzL2wZ/wof+du4GNFpBVqqz5HA4MM5VEYYDrOs+1I6Q9u/4Q8O9wN/AGgWjBVqQjjgAAAAAElFTkSuQmCC)}.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-out{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABYklEQVQ4T72U4VHCQBCF36tA91KAWIFYgViBWIFYgWMFYgdYgVCBWAFSgdiBFpAsFWSdxcDkQoBkhnF/ZjbfvX377ogjF4/Mw/8CVbUD4MynEJF5k2lqFapqz8yeAPRKkCXJEYAXEVnugm8BVXVgZq/FD+9mtgBwSrJfqF2QvN4FjYCq2jWzTwA/DhARh20qTdMRyQcA0xDCbZ3KCJhl2RTATaHgo+6HLMv8+xXJy+qB3l8FGoB5CKHsXcRV1b6ZvZF8FBH3NKotoJlNkiQZFONdlLtJ3rufbouZPSdJMjwIbKDQEzBrClx7eC4i33Uepmk6JnnXaOQifzMAtdGoRApugYiMI1uqKkrRWAfZo9MxM1+UZzFewl8mN4nYdVM83L7BkwbXLUrF3sfBLQDQBbDy08x8vOohXyEE71lVq9emuEk+3gZa3XYroCvwFyjP8yHJDsnxwaU08GxvS2uFhw78BbzWrxXgMbsHAAAAAElFTkSuQmCC)}

package/dist/ol-contextmenu.d.ts

@@ -0,0 +1,3 @@
+export * from './main'
+import ContextMenu from './main'
+export default ContextMenu