ol-contextmenu 5.1.4 → 5.2.0

package/dist/ol-contextmenu.js

@@ -1,45 +1,624 @@
 
   /*!
-  * ol-contextmenu - v5.1.4
+  * ol-contextmenu - v5.2.0
   * https://github.com/jonataswalker/ol-contextmenu
-  * Built: Mon Dec 26 2022 21:16:02 GMT-0300 (Brasilia Standard Time)
+  * Built: Mon Mar 13 2023 13:25:53 GMT-0300 (Brasilia Standard Time)
   */
 
-var k = Object.defineProperty;
-var T = (s, n, e) => n in s ? k(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e;
-var l = (s, n, e) => (T(s, typeof n != "symbol" ? n + "" : n, e), e);
-import O from "ol/control/Control";
-import D from "ol/MapBrowserEvent";
-var b = /* @__PURE__ */ ((s) => (s.CONTEXTMENU = "contextmenu", s.CLICK = "click", s.DBLCLICK = "dblclick", s))(b || {}), p = /* @__PURE__ */ ((s) => (s.BEFOREOPEN = "beforeopen", s.OPEN = "open", s.CLOSE = "close", s.ADD_MENU_ENTRY = "add-menu-entry", s))(p || {});
-class L extends D {
-  constructor(n) {
-    super(n.type, n.map, n.originalEvent);
+var z = Object.defineProperty;
+var B = (s, e, t) => e in s ? z(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var l = (s, e, t) => (B(s, typeof e != "symbol" ? e + "" : e, t), t);
+class F {
+  /**
+   * @param {string} type Type.
+   */
+  constructor(e) {
+    this.propagationStopped, this.defaultPrevented, this.type = e, this.target = null;
   }
+  /**
+   * Prevent default. This means that no emulated `click`, `singleclick` or `doubleclick` events
+   * will be fired.
+   * @api
+   */
+  preventDefault() {
+    this.defaultPrevented = !0;
+  }
+  /**
+   * Stop event propagation.
+   * @api
+   */
+  stopPropagation() {
+    this.propagationStopped = !0;
+  }
+}
+const O = F, V = {
+  /**
+   * Triggered when a property is changed.
+   * @event module:ol/Object.ObjectEvent#propertychange
+   * @api
+   */
+  PROPERTYCHANGE: "propertychange"
+};
+class j {
+  constructor() {
+    this.disposed = !1;
+  }
+  /**
+   * Clean up.
+   */
+  dispose() {
+    this.disposed || (this.disposed = !0, this.disposeInternal());
+  }
+  /**
+   * Extension point for disposable objects.
+   * @protected
+   */
+  disposeInternal() {
+  }
+}
+const Y = j;
+function b() {
+}
+function I(s) {
+  for (const e in s)
+    delete s[e];
+}
+function G(s) {
+  let e;
+  for (e in s)
+    return !1;
+  return !e;
+}
+class Z extends Y {
+  /**
+   * @param {*} [target] Default event target for dispatched events.
+   */
+  constructor(e) {
+    super(), this.eventTarget_ = e, this.pendingRemovals_ = null, this.dispatching_ = null, this.listeners_ = null;
+  }
+  /**
+   * @param {string} type Type.
+   * @param {import("../events.js").Listener} listener Listener.
+   */
+  addEventListener(e, t) {
+    if (!e || !t)
+      return;
+    const n = this.listeners_ || (this.listeners_ = {}), i = n[e] || (n[e] = []);
+    i.includes(t) || i.push(t);
+  }
+  /**
+   * Dispatches an event and calls all listeners listening for events
+   * of this type. The event parameter can either be a string or an
+   * Object with a `type` property.
+   *
+   * @param {import("./Event.js").default|string} event Event object.
+   * @return {boolean|undefined} `false` if anyone called preventDefault on the
+   *     event object or if any of the listeners returned false.
+   * @api
+   */
+  dispatchEvent(e) {
+    const t = typeof e == "string", n = t ? e : e.type, i = this.listeners_ && this.listeners_[n];
+    if (!i)
+      return;
+    const r = t ? new O(e) : (
+      /** @type {Event} */
+      e
+    );
+    r.target || (r.target = this.eventTarget_ || this);
+    const o = this.dispatching_ || (this.dispatching_ = {}), u = this.pendingRemovals_ || (this.pendingRemovals_ = {});
+    n in o || (o[n] = 0, u[n] = 0), ++o[n];
+    let d;
+    for (let c = 0, E = i.length; c < E; ++c)
+      if ("handleEvent" in i[c] ? d = /** @type {import("../events.js").ListenerObject} */
+      i[c].handleEvent(r) : d = /** @type {import("../events.js").ListenerFunction} */
+      i[c].call(this, r), d === !1 || r.propagationStopped) {
+        d = !1;
+        break;
+      }
+    if (--o[n] === 0) {
+      let c = u[n];
+      for (delete u[n]; c--; )
+        this.removeEventListener(n, b);
+      delete o[n];
+    }
+    return d;
+  }
+  /**
+   * Clean up.
+   */
+  disposeInternal() {
+    this.listeners_ && I(this.listeners_);
+  }
+  /**
+   * Get the listeners for a specified event type. Listeners are returned in the
+   * order that they will be called in.
+   *
+   * @param {string} type Type.
+   * @return {Array<import("../events.js").Listener>|undefined} Listeners.
+   */
+  getListeners(e) {
+    return this.listeners_ && this.listeners_[e] || void 0;
+  }
+  /**
+   * @param {string} [type] Type. If not provided,
+   *     `true` will be returned if this event target has any listeners.
+   * @return {boolean} Has listeners.
+   */
+  hasListener(e) {
+    return this.listeners_ ? e ? e in this.listeners_ : Object.keys(this.listeners_).length > 0 : !1;
+  }
+  /**
+   * @param {string} type Type.
+   * @param {import("../events.js").Listener} listener Listener.
+   */
+  removeEventListener(e, t) {
+    const n = this.listeners_ && this.listeners_[e];
+    if (n) {
+      const i = n.indexOf(t);
+      i !== -1 && (this.pendingRemovals_ && e in this.pendingRemovals_ ? (n[i] = b, ++this.pendingRemovals_[e]) : (n.splice(i, 1), n.length === 0 && delete this.listeners_[e]));
+    }
+  }
+}
+const X = Z, W = {
+  /**
+   * Generic change event. Triggered when the revision counter is increased.
+   * @event module:ol/events/Event~BaseEvent#change
+   * @api
+   */
+  CHANGE: "change",
+  /**
+   * Generic error event. Triggered when an error occurs.
+   * @event module:ol/events/Event~BaseEvent#error
+   * @api
+   */
+  ERROR: "error",
+  BLUR: "blur",
+  CLEAR: "clear",
+  CONTEXTMENU: "contextmenu",
+  CLICK: "click",
+  DBLCLICK: "dblclick",
+  DRAGENTER: "dragenter",
+  DRAGOVER: "dragover",
+  DROP: "drop",
+  FOCUS: "focus",
+  KEYDOWN: "keydown",
+  KEYPRESS: "keypress",
+  LOAD: "load",
+  RESIZE: "resize",
+  TOUCHMOVE: "touchmove",
+  WHEEL: "wheel"
+};
+function v(s, e, t, n, i) {
+  if (n && n !== s && (t = t.bind(n)), i) {
+    const o = t;
+    t = function() {
+      s.removeEventListener(e, t), o.apply(this, arguments);
+    };
+  }
+  const r = {
+    target: s,
+    type: e,
+    listener: t
+  };
+  return s.addEventListener(e, t), r;
+}
+function T(s, e, t, n) {
+  return v(s, e, t, n, !0);
+}
+function x(s) {
+  s && s.target && (s.target.removeEventListener(s.type, s.listener), I(s));
+}
+class _ extends X {
+  constructor() {
+    super(), this.on = /** @type {ObservableOnSignature<import("./events").EventsKey>} */
+    this.onInternal, this.once = /** @type {ObservableOnSignature<import("./events").EventsKey>} */
+    this.onceInternal, this.un = /** @type {ObservableOnSignature<void>} */
+    this.unInternal, this.revision_ = 0;
+  }
+  /**
+   * Increases the revision counter and dispatches a 'change' event.
+   * @api
+   */
+  changed() {
+    ++this.revision_, this.dispatchEvent(W.CHANGE);
+  }
+  /**
+   * Get the version number for this object.  Each time the object is modified,
+   * its version number will be incremented.
+   * @return {number} Revision.
+   * @api
+   */
+  getRevision() {
+    return this.revision_;
+  }
+  /**
+   * @param {string|Array<string>} type Type.
+   * @param {function((Event|import("./events/Event").default)): ?} listener Listener.
+   * @return {import("./events.js").EventsKey|Array<import("./events.js").EventsKey>} Event key.
+   * @protected
+   */
+  onInternal(e, t) {
+    if (Array.isArray(e)) {
+      const n = e.length, i = new Array(n);
+      for (let r = 0; r < n; ++r)
+        i[r] = v(this, e[r], t);
+      return i;
+    }
+    return v(
+      this,
+      /** @type {string} */
+      e,
+      t
+    );
+  }
+  /**
+   * @param {string|Array<string>} type Type.
+   * @param {function((Event|import("./events/Event").default)): ?} listener Listener.
+   * @return {import("./events.js").EventsKey|Array<import("./events.js").EventsKey>} Event key.
+   * @protected
+   */
+  onceInternal(e, t) {
+    let n;
+    if (Array.isArray(e)) {
+      const i = e.length;
+      n = new Array(i);
+      for (let r = 0; r < i; ++r)
+        n[r] = T(this, e[r], t);
+    } else
+      n = T(
+        this,
+        /** @type {string} */
+        e,
+        t
+      );
+    return t.ol_key = n, n;
+  }
+  /**
+   * Unlisten for a certain type of event.
+   * @param {string|Array<string>} type Type.
+   * @param {function((Event|import("./events/Event").default)): ?} listener Listener.
+   * @protected
+   */
+  unInternal(e, t) {
+    const n = (
+      /** @type {Object} */
+      t.ol_key
+    );
+    if (n)
+      q(n);
+    else if (Array.isArray(e))
+      for (let i = 0, r = e.length; i < r; ++i)
+        this.removeEventListener(e[i], t);
+    else
+      this.removeEventListener(e, t);
+  }
+}
+_.prototype.on;
+_.prototype.once;
+_.prototype.un;
+function q(s) {
+  if (Array.isArray(s))
+    for (let e = 0, t = s.length; e < t; ++e)
+      x(s[e]);
+  else
+    x(
+      /** @type {import("./events.js").EventsKey} */
+      s
+    );
+}
+const J = _;
+let Q = 0;
+function ee(s) {
+  return s.ol_uid || (s.ol_uid = String(++Q));
+}
+class S extends O {
+  /**
+   * @param {string} type The event type.
+   * @param {string} key The property name.
+   * @param {*} oldValue The old value for `key`.
+   */
+  constructor(e, t, n) {
+    super(e), this.key = t, this.oldValue = n;
+  }
+}
+class te extends J {
+  /**
+   * @param {Object<string, *>} [values] An object with key-value pairs.
+   */
+  constructor(e) {
+    super(), this.on, this.once, this.un, ee(this), this.values_ = null, e !== void 0 && this.setProperties(e);
+  }
+  /**
+   * Gets a value.
+   * @param {string} key Key name.
+   * @return {*} Value.
+   * @api
+   */
+  get(e) {
+    let t;
+    return this.values_ && this.values_.hasOwnProperty(e) && (t = this.values_[e]), t;
+  }
+  /**
+   * Get a list of object property names.
+   * @return {Array<string>} List of property names.
+   * @api
+   */
+  getKeys() {
+    return this.values_ && Object.keys(this.values_) || [];
+  }
+  /**
+   * Get an object of all property names and values.
+   * @return {Object<string, *>} Object.
+   * @api
+   */
+  getProperties() {
+    return this.values_ && Object.assign({}, this.values_) || {};
+  }
+  /**
+   * @return {boolean} The object has properties.
+   */
+  hasProperties() {
+    return !!this.values_;
+  }
+  /**
+   * @param {string} key Key name.
+   * @param {*} oldValue Old value.
+   */
+  notify(e, t) {
+    let n;
+    n = `change:${e}`, this.hasListener(n) && this.dispatchEvent(new S(n, e, t)), n = V.PROPERTYCHANGE, this.hasListener(n) && this.dispatchEvent(new S(n, e, t));
+  }
+  /**
+   * @param {string} key Key name.
+   * @param {import("./events.js").Listener} listener Listener.
+   */
+  addChangeListener(e, t) {
+    this.addEventListener(`change:${e}`, t);
+  }
+  /**
+   * @param {string} key Key name.
+   * @param {import("./events.js").Listener} listener Listener.
+   */
+  removeChangeListener(e, t) {
+    this.removeEventListener(`change:${e}`, t);
+  }
+  /**
+   * Sets a value.
+   * @param {string} key Key name.
+   * @param {*} value Value.
+   * @param {boolean} [silent] Update without triggering an event.
+   * @api
+   */
+  set(e, t, n) {
+    const i = this.values_ || (this.values_ = {});
+    if (n)
+      i[e] = t;
+    else {
+      const r = i[e];
+      i[e] = t, r !== t && this.notify(e, r);
+    }
+  }
+  /**
+   * Sets a collection of key-value pairs.  Note that this changes any existing
+   * properties and adds new ones (it does not remove any existing properties).
+   * @param {Object<string, *>} values Values.
+   * @param {boolean} [silent] Update without triggering an event.
+   * @api
+   */
+  setProperties(e, t) {
+    for (const n in e)
+      this.set(n, e[n], t);
+  }
+  /**
+   * Apply any properties from another object without triggering events.
+   * @param {BaseObject} source The source object.
+   * @protected
+   */
+  applyProperties(e) {
+    e.values_ && Object.assign(this.values_ || (this.values_ = {}), e.values_);
+  }
+  /**
+   * Unsets a property.
+   * @param {string} key Key name.
+   * @param {boolean} [silent] Unset without triggering an event.
+   * @api
+   */
+  unset(e, t) {
+    if (this.values_ && e in this.values_) {
+      const n = this.values_[e];
+      delete this.values_[e], G(this.values_) && (this.values_ = null), t || this.notify(e, n);
+    }
+  }
+}
+const ne = te, se = {
+  /**
+   * Triggered after a map frame is rendered.
+   * @event module:ol/MapEvent~MapEvent#postrender
+   * @api
+   */
+  POSTRENDER: "postrender",
+  /**
+   * Triggered when the map starts moving.
+   * @event module:ol/MapEvent~MapEvent#movestart
+   * @api
+   */
+  MOVESTART: "movestart",
+  /**
+   * Triggered after the map is moved.
+   * @event module:ol/MapEvent~MapEvent#moveend
+   * @api
+   */
+  MOVEEND: "moveend",
+  /**
+   * Triggered when loading of additional map data (tiles, images, features) starts.
+   * @event module:ol/MapEvent~MapEvent#loadstart
+   * @api
+   */
+  LOADSTART: "loadstart",
+  /**
+   * Triggered when loading of additional map data has completed.
+   * @event module:ol/MapEvent~MapEvent#loadend
+   * @api
+   */
+  LOADEND: "loadend"
+};
+function D(s) {
+  return s && s.parentNode ? s.parentNode.removeChild(s) : null;
 }
-const _ = {
+class ie extends ne {
+  /**
+   * @param {Options} options Control options.
+   */
+  constructor(e) {
+    super();
+    const t = e.element;
+    t && !e.target && !t.style.pointerEvents && (t.style.pointerEvents = "auto"), this.element = t || null, this.target_ = null, this.map_ = null, this.listenerKeys = [], e.render && (this.render = e.render), e.target && this.setTarget(e.target);
+  }
+  /**
+   * Clean up.
+   */
+  disposeInternal() {
+    D(this.element), super.disposeInternal();
+  }
+  /**
+   * Get the map associated with this control.
+   * @return {import("../Map.js").default|null} Map.
+   * @api
+   */
+  getMap() {
+    return this.map_;
+  }
+  /**
+   * Remove the control from its current map and attach it to the new map.
+   * Pass `null` to just remove the control from the current map.
+   * Subclasses may set up event handlers to get notified about changes to
+   * the map here.
+   * @param {import("../Map.js").default|null} map Map.
+   * @api
+   */
+  setMap(e) {
+    this.map_ && D(this.element);
+    for (let t = 0, n = this.listenerKeys.length; t < n; ++t)
+      x(this.listenerKeys[t]);
+    this.listenerKeys.length = 0, this.map_ = e, e && ((this.target_ ? this.target_ : e.getOverlayContainerStopEvent()).appendChild(this.element), this.render !== b && this.listenerKeys.push(
+      v(e, se.POSTRENDER, this.render, this)
+    ), e.render());
+  }
+  /**
+   * Renders the control.
+   * @param {import("../MapEvent.js").default} mapEvent Map event.
+   * @api
+   */
+  render(e) {
+  }
+  /**
+   * This function is used to set a target element for the control. It has no
+   * effect if it is called after the control has been added to the map (i.e.
+   * after `setMap` is called on the control). If no `target` is set in the
+   * options passed to the control constructor and if `setTarget` is not called
+   * then the control is added to the map's overlay container.
+   * @param {HTMLElement|string} target Target.
+   * @api
+   */
+  setTarget(e) {
+    this.target_ = typeof e == "string" ? document.getElementById(e) : e;
+  }
+}
+const re = ie;
+class oe extends O {
+  /**
+   * @param {string} type Event type.
+   * @param {import("./Map.js").default} map Map.
+   * @param {?import("./Map.js").FrameState} [frameState] Frame state.
+   */
+  constructor(e, t, n) {
+    super(e), this.map = t, this.frameState = n !== void 0 ? n : null;
+  }
+}
+const ae = oe;
+class le extends ae {
+  /**
+   * @param {string} type Event type.
+   * @param {import("./Map.js").default} map Map.
+   * @param {EVENT} originalEvent Original event.
+   * @param {boolean} [dragging] Is the map currently being dragged?
+   * @param {import("./Map.js").FrameState} [frameState] Frame state.
+   * @param {Array<PointerEvent>} [activePointers] Active pointers.
+   */
+  constructor(e, t, n, i, r, o) {
+    super(e, t, r), this.originalEvent = n, this.pixel_ = null, this.coordinate_ = null, this.dragging = i !== void 0 ? i : !1, this.activePointers = o;
+  }
+  /**
+   * The map pixel relative to the viewport corresponding to the original event.
+   * @type {import("./pixel.js").Pixel}
+   * @api
+   */
+  get pixel() {
+    return this.pixel_ || (this.pixel_ = this.map.getEventPixel(this.originalEvent)), this.pixel_;
+  }
+  set pixel(e) {
+    this.pixel_ = e;
+  }
+  /**
+   * The coordinate corresponding to the original browser event.  This will be in the user
+   * projection if one is set.  Otherwise it will be in the view projection.
+   * @type {import("./coordinate.js").Coordinate}
+   * @api
+   */
+  get coordinate() {
+    return this.coordinate_ || (this.coordinate_ = this.map.getCoordinateFromPixel(this.pixel)), this.coordinate_;
+  }
+  set coordinate(e) {
+    this.coordinate_ = e;
+  }
+  /**
+   * Prevents the default browser action.
+   * See https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault.
+   * @api
+   */
+  preventDefault() {
+    super.preventDefault(), "preventDefault" in this.originalEvent && this.originalEvent.preventDefault();
+  }
+  /**
+   * Prevents further propagation of the current event.
+   * See https://developer.mozilla.org/en-US/docs/Web/API/event.stopPropagation.
+   * @api
+   */
+  stopPropagation() {
+    super.stopPropagation(), "stopPropagation" in this.originalEvent && this.originalEvent.stopPropagation();
+  }
+}
+const he = le;
+var w = /* @__PURE__ */ ((s) => (s.CONTEXTMENU = "contextmenu", s.CLICK = "click", s.DBLCLICK = "dblclick", s))(w || {}), m = /* @__PURE__ */ ((s) => (s.BEFOREOPEN = "beforeopen", s.OPEN = "open", s.CLOSE = "close", s.ADD_MENU_ENTRY = "add-menu-entry", s))(m || {});
+class R extends he {
+  constructor(e) {
+    super(e.type, e.map, e.originalEvent);
+  }
+}
+const ce = {
   width: 150,
   scrollAt: 4,
-  eventType: b.CONTEXTMENU,
+  eventType: w.CONTEXTMENU,
   defaultItems: !0,
   items: []
-}, u = "ol-ctx-menu", r = {
-  namespace: u,
-  container: `${u}-container`,
-  separator: `${u}-separator`,
-  submenu: `${u}-submenu`,
-  hidden: `${u}-hidden`,
-  icon: `${u}-icon`,
-  zoomIn: `${u}-zoom-in`,
-  zoomOut: `${u}-zoom-out`,
+}, f = "ol-ctx-menu", a = {
+  namespace: f,
+  container: `${f}-container`,
+  separator: `${f}-separator`,
+  submenu: `${f}-submenu`,
+  hidden: `${f}-hidden`,
+  icon: `${f}-icon`,
+  zoomIn: `${f}-zoom-in`,
+  zoomOut: `${f}-zoom-out`,
   unselectable: "ol-unselectable"
-}, w = [
+}, P = [
   {
     text: "Zoom In",
-    classname: `${r.zoomIn} ${r.icon}`,
-    callback: (s, n) => {
-      const e = n.getView();
-      e.animate({
-        zoom: Number(e.getZoom()) + 1,
+    classname: `${a.zoomIn} ${a.icon}`,
+    callback: (s, e) => {
+      const t = e.getView();
+      t.animate({
+        zoom: Number(t.getZoom()) + 1,
         duration: 700,
         center: s.coordinate
       });
@@ -47,125 +626,120 @@ const _ = {
   },
   {
     text: "Zoom Out",
-    classname: `${r.zoomOut} ${r.icon}`,
-    callback: (s, n) => {
-      const e = n.getView();
-      e.animate({
-        zoom: Number(e.getZoom()) - 1,
+    classname: `${a.zoomOut} ${a.icon}`,
+    callback: (s, e) => {
+      const t = e.getView();
+      t.animate({
+        zoom: Number(t.getZoom()) - 1,
         duration: 700,
         center: s.coordinate
       });
     }
   }
 ];
-var v = {}, I = {
+var M = {}, ue = {
   get exports() {
-    return v;
+    return M;
   },
   set exports(s) {
-    v = s;
+    M = s;
   }
 };
-function x() {
+function A() {
 }
-x.prototype = {
-  on: function(s, n, e) {
-    var t = this.e || (this.e = {});
-    return (t[s] || (t[s] = [])).push({
-      fn: n,
-      ctx: e
+A.prototype = {
+  on: function(s, e, t) {
+    var n = this.e || (this.e = {});
+    return (n[s] || (n[s] = [])).push({
+      fn: e,
+      ctx: t
     }), this;
   },
-  once: function(s, n, e) {
-    var t = this;
+  once: function(s, e, t) {
+    var n = this;
     function i() {
-      t.off(s, i), n.apply(e, arguments);
+      n.off(s, i), e.apply(t, arguments);
     }
-    return i._ = n, this.on(s, i, e);
+    return i._ = e, this.on(s, i, t);
   },
   emit: function(s) {
-    var n = [].slice.call(arguments, 1), e = ((this.e || (this.e = {}))[s] || []).slice(), t = 0, i = e.length;
-    for (t; t < i; t++)
-      e[t].fn.apply(e[t].ctx, n);
+    var e = [].slice.call(arguments, 1), t = ((this.e || (this.e = {}))[s] || []).slice(), n = 0, i = t.length;
+    for (n; n < i; n++)
+      t[n].fn.apply(t[n].ctx, e);
     return this;
   },
-  off: function(s, n) {
-    var e = this.e || (this.e = {}), t = e[s], i = [];
-    if (t && n)
-      for (var o = 0, c = t.length; o < c; o++)
-        t[o].fn !== n && t[o].fn._ !== n && i.push(t[o]);
-    return i.length ? e[s] = i : delete e[s], this;
+  off: function(s, e) {
+    var t = this.e || (this.e = {}), n = t[s], i = [];
+    if (n && e)
+      for (var r = 0, o = n.length; r < o; r++)
+        n[r].fn !== e && n[r].fn._ !== e && i.push(n[r]);
+    return i.length ? t[s] = i : delete t[s], this;
   }
 };
-I.exports = x;
-var z = v.TinyEmitter = x;
-const E = new z();
-function g(s) {
-  const n = document.createDocumentFragment(), e = document.createElement("div");
-  for (e.innerHTML = s; e.firstChild; )
-    n.append(e.firstChild);
-  return n;
+ue.exports = A;
+var de = M.TinyEmitter = A;
+const g = new de();
+function y(s) {
+  const e = document.createDocumentFragment(), t = document.createElement("div");
+  for (t.innerHTML = s; t.firstChild; )
+    e.append(t.firstChild);
+  return e;
 }
-function P(s) {
-  var d, a;
-  const n = document.importNode(s), e = s.offsetWidth;
-  n.style.cssText = `position: fixed; top: 0; left: 0; overflow: auto; visibility: hidden; pointer-events: none; height: unset; max-height: unset; width: ${e}px`;
-  const t = g("<span>Foo</span>"), i = g("<span>Foo</span>"), o = document.createElement("li"), c = document.createElement("li");
-  o.append(t), c.append(i), n.append(o), n.append(c), (d = s.parentNode) == null || d.append(n);
-  const m = n.offsetHeight / 2;
-  return (a = s.parentNode) == null || a.removeChild(n), m;
+function pe(s) {
+  const e = document.importNode(s), t = s.offsetWidth;
+  e.style.cssText = `position: fixed; top: 0; left: 0; overflow: auto; visibility: hidden; pointer-events: none; height: unset; max-height: unset; width: ${t}px`;
+  const n = y("<span>Foo</span>"), i = y("<span>Foo</span>"), r = document.createElement("li"), o = document.createElement("li");
+  r.append(n), o.append(i), e.append(r), e.append(o), s.parentNode?.append(e);
+  const u = e.offsetHeight / 2;
+  return s.parentNode?.removeChild(e), u;
 }
-function C(s, n, e = !1) {
-  const t = `_${Math.random().toString(36).slice(2, 11)}`;
-  if (typeof n != "string" && "text" in n) {
-    const m = `<span>${n.text}</span>`, d = g(m), a = document.createElement("li");
-    return n.classname = n.classname || "", n.icon && (n.classname === "" ? n.classname = r.icon : n.classname.includes(r.icon) === !1 && (n.classname += ` ${r.icon}`), a.setAttribute("style", `background-image:url(${n.icon})`)), a.id = t, a.className = n.classname, a.append(d), s.append(a), E.emit(
-      p.ADD_MENU_ENTRY,
-      {
-        id: t,
-        isSubmenu: e,
-        isSeparator: !1,
-        callback: "callback" in n ? n.callback : null,
-        data: "data" in n ? n.data : null
-      },
-      a
-    ), a;
+function $(s, e, t = !1, n = !1) {
+  const i = `_${Math.random().toString(36).slice(2, 11)}`;
+  if (typeof e != "string" && "text" in e) {
+    const c = `<span>${e.text}</span>`, E = y(c), h = document.createElement("li");
+    e.classname = e.classname || "", e.icon && (e.classname === "" ? e.classname = a.icon : e.classname.includes(a.icon) === !1 && (e.classname += ` ${a.icon}`), h.setAttribute("style", `background-image:url(${e.icon})`)), h.id = i, h.className = e.classname, h.append(E), s.append(h);
+    const N = {
+      id: i,
+      isSubmenu: t,
+      isInsideSubmenu: n,
+      isSeparator: !1,
+      callback: "callback" in e ? e.callback : null,
+      data: "data" in e ? e.data : null
+    };
+    return g.emit(m.ADD_MENU_ENTRY, N, h), h;
   }
-  const i = `<li id="${t}" class="${r.separator}"><hr></li>`, o = g(i);
+  const r = `<li id="${i}" class="${a.separator}"><hr></li>`, o = y(r);
   s.append(o);
-  const c = s.lastChild;
-  return E.emit(
-    p.ADD_MENU_ENTRY,
-    {
-      id: t,
-      isSubmenu: e,
-      isSeparator: !0,
-      callback: null,
-      data: null
-    },
-    c
-  ), c;
+  const u = s.lastChild, d = {
+    id: i,
+    isSubmenu: !1,
+    isInsideSubmenu: !1,
+    isSeparator: !0,
+    callback: null,
+    data: null
+  };
+  return g.emit(m.ADD_MENU_ENTRY, d, u), u;
 }
-function M(s, n, e) {
-  n.forEach((t) => {
-    if (typeof t != "string" && "items" in t && Array.isArray(t.items)) {
-      const i = C(s, t, !0);
-      i.classList.add(r.submenu);
+function C(s, e, t, n) {
+  e.forEach((i) => {
+    if (typeof i != "string" && "items" in i && Array.isArray(i.items)) {
+      const r = $(s, i, !0);
+      r.classList.add(a.submenu);
       const o = document.createElement("ul");
-      o.classList.add(r.container), o.style.width = `${e}px`, i.append(o), M(o, t.items, e);
+      o.classList.add(a.container), o.style.width = `${t}px`, r.append(o), C(o, i.items, t, !0);
     } else
-      C(s, t);
+      $(s, i, !1, n);
   });
 }
-function y(s, n) {
+function L(s, e) {
   if (!s)
-    throw new Error(n);
+    throw new Error(e);
 }
-class B extends O {
-  constructor(e = {}) {
-    y(typeof e == "object", "@param `opts` should be object type!");
-    const t = document.createElement("div");
-    super({ element: t });
+class me extends re {
+  constructor(t = {}) {
+    L(typeof t == "object", "@param `opts` should be object type!");
+    const n = document.createElement("div");
+    super({ element: n });
     l(this, "map");
     l(this, "container");
     l(this, "coordinate", []);
@@ -179,23 +753,29 @@ class B extends O {
     l(this, "items", []);
     l(this, "menuEntries", /* @__PURE__ */ new Map());
     l(this, "options");
-    this.options = { ..._, ...e };
+    this.options = { ...ce, ...t };
     const i = document.createElement("ul");
-    t.append(i), t.style.width = `${this.options.width}px`, t.classList.add(
-      r.container,
-      r.unselectable,
-      r.hidden
-    ), this.container = t, this.contextMenuEventListener = (o) => {
-      this.handleContextMenu(o);
-    }, this.entryCallbackEventListener = (o) => {
-      this.handleEntryCallback(o);
+    n.append(i), n.style.width = `${this.options.width}px`, n.classList.add(
+      a.container,
+      a.unselectable,
+      a.hidden
+    ), this.container = n, this.contextMenuEventListener = (r) => {
+      this.handleContextMenu(r);
+    }, this.entryCallbackEventListener = (r) => {
+      this.handleEntryCallback(r);
     }, this.mapMoveListener = () => {
       this.handleMapMove();
-    }, this.disabled = !1, this.opened = !1;
+    }, this.disabled = !1, this.opened = !1, window.addEventListener(
+      "beforeunload",
+      () => {
+        this.removeListeners();
+      },
+      { once: !0 }
+    );
   }
   clear() {
-    for (const e of this.menuEntries.keys())
-      this.removeMenuEntry(e);
+    for (const t of this.menuEntries.keys())
+      this.removeMenuEntry(t);
     this.container.replaceChildren(), this.container.append(document.createElement("ul"));
   }
   enable() {
@@ -205,141 +785,141 @@ class B extends O {
     this.disabled = !0;
   }
   getDefaultItems() {
-    return w;
+    return P;
   }
   countItems() {
     return this.menuEntries.size;
   }
-  extend(e) {
-    y(Array.isArray(e), "@param `items` should be an Array."), M(
+  extend(t) {
+    L(Array.isArray(t), "@param `items` should be an Array."), C(
       this.container.firstElementChild,
-      e,
+      t,
       this.options.width
     );
   }
   closeMenu() {
-    this.opened = !1, this.container.classList.add(r.hidden), this.dispatchEvent(p.CLOSE);
+    this.opened = !1, this.container.classList.add(a.hidden), this.dispatchEvent(m.CLOSE);
   }
   isOpen() {
     return this.opened;
   }
-  updatePosition(e) {
-    y(Array.isArray(e), "@param `pixel` should be an Array."), this.isOpen() && (this.pixel = e, this.positionContainer());
+  updatePosition(t) {
+    L(Array.isArray(t), "@param `pixel` should be an Array."), this.isOpen() && (this.pixel = t, this.positionContainer());
   }
   pop() {
-    const e = Array.from(this.menuEntries.keys()).pop();
-    e && this.removeMenuEntry(e);
+    const t = Array.from(this.menuEntries.keys()).pop();
+    t && this.removeMenuEntry(t);
   }
   shift() {
-    const e = Array.from(this.menuEntries.keys()).shift();
-    e && this.removeMenuEntry(e);
+    const t = Array.from(this.menuEntries.keys()).shift();
+    t && this.removeMenuEntry(t);
   }
-  push(e) {
-    e && this.extend([e]);
+  push(t) {
+    t && this.extend([t]);
   }
-  setMap(e) {
-    if (super.setMap(e), e) {
-      this.map = e, this.map.getViewport().addEventListener(this.options.eventType, this.contextMenuEventListener, !1), this.map.on("movestart", () => {
+  setMap(t) {
+    if (super.setMap(t), t) {
+      this.map = t, this.map.getViewport().addEventListener(this.options.eventType, this.contextMenuEventListener, !1), this.map.on("movestart", () => {
         this.handleMapMove();
-      }), E.on(
-        p.ADD_MENU_ENTRY,
-        (i, o) => {
-          this.handleAddMenuEntry(i, o);
+      }), g.on(
+        m.ADD_MENU_ENTRY,
+        (i, r) => {
+          this.handleAddMenuEntry(i, r);
         },
         this
-      ), this.items = this.options.defaultItems ? this.options.items.concat(w) : this.options.items, M(
+      ), this.items = this.options.defaultItems ? this.options.items.concat(P) : this.options.items, C(
         this.container.firstElementChild,
         this.items,
         this.options.width
       );
-      const t = this.getMenuEntriesLength();
-      this.lineHeight = t > 0 ? this.container.offsetHeight / t : P(this.container);
+      const n = this.getMenuEntriesLength();
+      this.lineHeight = n > 0 ? this.container.offsetHeight / n : pe(this.container);
     } else
       this.removeListeners(), this.clear();
   }
   removeListeners() {
-    this.map.getViewport().removeEventListener(this.options.eventType, this.contextMenuEventListener, !1), E.off(p.ADD_MENU_ENTRY);
+    this.map.getViewport().removeEventListener(this.options.eventType, this.contextMenuEventListener, !1), g.off(m.ADD_MENU_ENTRY);
   }
-  removeMenuEntry(e) {
-    const t = document.getElementById(e);
-    t == null || t.remove(), t == null || t.removeEventListener("click", this.entryCallbackEventListener), this.menuEntries.delete(e);
+  removeMenuEntry(t) {
+    const n = document.getElementById(t);
+    n?.remove(), n?.removeEventListener("click", this.entryCallbackEventListener), this.menuEntries.delete(t);
   }
-  handleContextMenu(e) {
-    var t;
-    this.coordinate = this.map.getEventCoordinate(e), this.pixel = this.map.getEventPixel(e), this.dispatchEvent(
-      new L({
-        type: p.BEFOREOPEN,
+  handleContextMenu(t) {
+    this.coordinate = this.map.getEventCoordinate(t), this.pixel = this.map.getEventPixel(t), this.dispatchEvent(
+      new R({
+        type: m.BEFOREOPEN,
         map: this.map,
-        originalEvent: e
+        originalEvent: t
       })
-    ), !this.disabled && (this.options.eventType === b.CONTEXTMENU && (e.stopPropagation(), e.preventDefault()), setTimeout(() => {
-      this.openMenu(e);
-    }), (t = e.target) == null || t.addEventListener(
+    ), !this.disabled && (this.options.eventType === w.CONTEXTMENU && (t.stopPropagation(), t.preventDefault()), setTimeout(() => {
+      this.openMenu(t);
+    }), t.target?.addEventListener(
       "pointerdown",
-      (i) => {
-        this.opened && (i.stopPropagation(), this.closeMenu());
+      (n) => {
+        this.opened && (n.stopPropagation(), this.closeMenu());
       },
       { once: !0 }
     ));
   }
-  openMenu(e) {
-    this.menuEntries.size !== 0 && (this.opened = !0, this.positionContainer(), this.container.classList.remove(r.hidden), this.dispatchEvent(
-      new L({
-        type: p.OPEN,
+  openMenu(t) {
+    this.opened = !0, this.positionContainer(), this.container.classList.remove(a.hidden), this.dispatchEvent(
+      new R({
+        type: m.OPEN,
         map: this.map,
-        originalEvent: e
+        originalEvent: t
       })
-    ));
+    );
   }
   getMenuEntriesLength() {
     return Array.from(this.menuEntries).filter(
-      ([, e]) => e.isSeparator === !1 || e.isSubmenu === !1
+      ([, t]) => t.isSeparator === !1 && t.isSubmenu === !1 && t.isInsideSubmenu === !1
     ).length;
   }
   positionContainer() {
-    const e = this.map.getSize() || [0, 0], t = {
-      w: e[0] - this.pixel[0],
-      h: e[1] - this.pixel[1]
-    }, i = {
+    const t = this.map.getSize() || [0, 0], n = {
+      w: t[0] - this.pixel[0],
+      h: t[1] - this.pixel[1]
+    }, i = this.getMenuEntriesLength(), r = {
       w: this.container.offsetWidth,
-      h: Math.round(this.lineHeight * this.getMenuEntriesLength())
-    }, o = t.w >= i.w ? this.pixel[0] + 5 : this.pixel[0] - i.w;
-    this.container.style.left = `${o}px`, this.container.style.top = t.h >= i.h ? `${this.pixel[1] - 10}px` : `${this.pixel[1] - i.h}px`, this.container.style.right = "auto", this.container.style.bottom = "auto", t.w -= i.w;
-    const c = (a) => Array.from(a.children).filter(
-      (f) => f.tagName === "LI" && f.classList.contains(r.submenu)
+      // a cheap way to recalculate container height
+      // since offsetHeight is like cached
+      h: Math.round(this.lineHeight * i)
+    }, o = n.w >= r.w ? this.pixel[0] + 5 : this.pixel[0] - r.w;
+    this.container.style.left = `${o}px`, this.container.style.top = n.h >= r.h ? `${this.pixel[1] - 10}px` : `${this.pixel[1] - r.h}px`, this.container.style.right = "auto", this.container.style.bottom = "auto", n.w -= r.w;
+    const u = (E) => Array.from(E.children).filter(
+      (h) => h.tagName === "LI" && h.classList.contains(a.submenu)
     );
-    let m = 0;
-    const d = (a, f) => {
-      m += 1, c(a).forEach((A) => {
-        const N = f >= i.w ? i.w - 8 : (i.w + 8) * -1, h = A.querySelector(
-          `ul.${r.container}`
-        ), $ = Math.round(
-          this.lineHeight * Array.from(h.children).filter((S) => S.tagName === "LI").length
+    let d = 0;
+    const c = (E, h) => {
+      d += 1, u(E).forEach((k) => {
+        const H = h >= r.w ? r.w - 8 : (r.w + 8) * -1, p = k.querySelector(
+          `ul.${a.container}`
+        ), K = Math.round(
+          this.lineHeight * Array.from(p.children).filter((U) => U.tagName === "LI").length
         );
-        h.style.left = `${N}px`, h.style.right = "auto", h.style.top = t.h >= $ + i.h ? "0" : `-${h.offsetHeight - 25}px`, h.style.bottom = "auto", h.style.zIndex = String(m), c(h).length > 0 && d(h, f - i.w);
+        p.style.left = `${H}px`, p.style.right = "auto", p.style.top = n.h >= K + r.h ? "0" : `-${p.offsetHeight - 25}px`, p.style.bottom = "auto", p.style.zIndex = String(d), u(p).length > 0 && c(p, h - r.w);
       });
     };
-    d(this.container.firstElementChild, t.w);
+    c(this.container.firstElementChild, n.w);
   }
   handleMapMove() {
     this.closeMenu();
   }
-  handleEntryCallback(e) {
-    var c;
-    e.preventDefault(), e.stopPropagation();
-    const t = e.currentTarget, i = this.menuEntries.get(t.id);
+  handleEntryCallback(t) {
+    t.preventDefault(), t.stopPropagation();
+    const n = t.currentTarget, i = this.menuEntries.get(n.id);
     if (!i)
       return;
-    const o = {
+    const r = {
       coordinate: this.coordinate,
       data: i.data
     };
-    this.closeMenu(), (c = i.callback) == null || c.call(i, o, this.map);
+    this.closeMenu(), i.callback?.(r, this.map);
   }
-  handleAddMenuEntry(e, t) {
-    this.menuEntries.set(e.id, e), this.positionContainer(), "callback" in e && typeof e.callback == "function" && t.addEventListener("click", this.entryCallbackEventListener, !1);
+  handleAddMenuEntry(t, n) {
+    this.menuEntries.set(t.id, t), this.positionContainer(), "callback" in t && typeof t.callback == "function" && n.addEventListener("click", this.entryCallbackEventListener, !1);
   }
 }
 export {
-  B as default
+  me as default
 };