ol-contextmenu 5.4.0 → 6.0.0

package/dist/ol-contextmenu.js

@@ -1,205 +1,207 @@
 
   /*!
-  * ol-contextmenu - v5.4.0
+  * ol-contextmenu - v6.0.0
   * https://github.com/jonataswalker/ol-contextmenu
-  * Built: Fri Mar 08 2024 12:11:47 GMT+0000 (Coordinated Universal Time)
+  * Built: 2026-01-05T22:44:21.378Z
   */
 
-var k = Object.defineProperty;
-var I = (n, t, e) => t in n ? k(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var a = (n, t, e) => (I(n, typeof t != "symbol" ? t + "" : t, e), e);
-import O from "ol/control/Control";
-import D from "ol/MapBrowserEvent";
-var S = { exports: {} };
-function x() {
-}
-x.prototype = {
-  on: function(n, t, e) {
-    var s = this.e || (this.e = {});
-    return (s[n] || (s[n] = [])).push({
-      fn: t,
-      ctx: e
-    }), this;
-  },
-  once: function(n, t, e) {
-    var s = this;
-    function o() {
-      s.off(n, o), t.apply(e, arguments);
-    }
-    return o._ = t, this.on(n, o, e);
-  },
-  emit: function(n) {
-    var t = [].slice.call(arguments, 1), e = ((this.e || (this.e = {}))[n] || []).slice(), s = 0, o = e.length;
-    for (s; s < o; s++)
-      e[s].fn.apply(e[s].ctx, t);
-    return this;
-  },
-  off: function(n, t) {
-    var e = this.e || (this.e = {}), s = e[n], o = [];
-    if (s && t)
-      for (var i = 0, l = s.length; i < l; i++)
-        s[i].fn !== t && s[i].fn._ !== t && o.push(s[i]);
-    return o.length ? e[n] = o : delete e[n], this;
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.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: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:not(.ol-ctx-menu-hidden) 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-separator{padding:0}.ol-ctx-menu-container li.ol-ctx-menu-separator hr{border:0;height:1px;background-image:linear-gradient(to left,#0000,#000000bf,#0000)}.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)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+var D = Object.defineProperty;
+var S = (o, i, t) => i in o ? D(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var c = (o, i, t) => S(o, typeof i != "symbol" ? i + "" : i, t);
+import P from "ol/control/Control";
+import k from "ol/MapBrowserEvent";
+var y = { exports: {} }, w;
+function H() {
+  if (w) return y.exports;
+  w = 1;
+  function o() {
   }
-};
-S.exports = x;
-var _ = S.exports.TinyEmitter = x, L = /* @__PURE__ */ ((n) => (n.CONTEXTMENU = "contextmenu", n.CLICK = "click", n.DBLCLICK = "dblclick", n))(L || {}), p = /* @__PURE__ */ ((n) => (n.BEFOREOPEN = "beforeopen", n.OPEN = "open", n.CLOSE = "close", n.ADD_MENU_ENTRY = "add-menu-entry", n))(p || {});
-class w extends D {
-  constructor(t) {
-    super(t.type, t.map, t.originalEvent);
+  return o.prototype = {
+    on: function(i, t, e) {
+      var s = this.e || (this.e = {});
+      return (s[i] || (s[i] = [])).push({
+        fn: t,
+        ctx: e
+      }), this;
+    },
+    once: function(i, t, e) {
+      var s = this;
+      function n() {
+        s.off(i, n), t.apply(e, arguments);
+      }
+      return n._ = t, this.on(i, n, e);
+    },
+    emit: function(i) {
+      var t = [].slice.call(arguments, 1), e = ((this.e || (this.e = {}))[i] || []).slice(), s = 0, n = e.length;
+      for (s; s < n; s++)
+        e[s].fn.apply(e[s].ctx, t);
+      return this;
+    },
+    off: function(i, t) {
+      var e = this.e || (this.e = {}), s = e[i], n = [];
+      if (s && t)
+        for (var a = 0, h = s.length; a < h; a++)
+          s[a].fn !== t && s[a].fn._ !== t && n.push(s[a]);
+      return n.length ? e[i] = n : delete e[i], this;
+    }
+  }, y.exports = o, y.exports.TinyEmitter = o, y.exports;
+}
+var R = H(), L = /* @__PURE__ */ ((o) => (o.CONTEXTMENU = "contextmenu", o.CLICK = "click", o.DBLCLICK = "dblclick", o))(L || {}), d = /* @__PURE__ */ ((o) => (o.BEFOREOPEN = "beforeopen", o.OPEN = "open", o.CLOSE = "close", o.ADD_MENU_ENTRY = "add-menu-entry", o))(d || {});
+class A extends k {
+  constructor(i) {
+    super(i.type, i.map, i.originalEvent);
   }
 }
-const z = {
-  width: 150,
-  scrollAt: 4,
-  eventType: L.CONTEXTMENU,
+const U = {
   defaultItems: !0,
-  items: []
-}, d = "ol-ctx-menu", r = {
-  namespace: d,
-  container: `${d}-container`,
-  separator: `${d}-separator`,
-  submenu: `${d}-submenu`,
-  hidden: `${d}-hidden`,
-  icon: `${d}-icon`,
-  zoomIn: `${d}-zoom-in`,
-  zoomOut: `${d}-zoom-out`,
-  unselectable: "ol-unselectable"
-}, C = [
+  eventType: L.CONTEXTMENU,
+  items: [],
+  scrollAt: 4,
+  width: 150
+}, p = "ol-ctx-menu", r = {
+  container: `${p}-container`,
+  hidden: `${p}-hidden`,
+  icon: `${p}-icon`,
+  separator: `${p}-separator`,
+  submenu: `${p}-submenu`,
+  unselectable: "ol-unselectable",
+  zoomIn: `${p}-zoom-in`,
+  zoomOut: `${p}-zoom-out`
+}, F = 8, V = F * 2, B = 10, M = 2, C = [
   {
-    text: "Zoom In",
-    classname: `${r.zoomIn} ${r.icon}`,
-    callback: (n, t) => {
-      const e = t.getView();
-      e.animate({
-        zoom: Number(e.getZoom()) + 1,
+    callback: (o, i) => {
+      const t = i.getView();
+      t.animate({
+        center: o.coordinate,
         duration: 700,
-        center: n.coordinate
+        zoom: Number(t.getZoom()) + 1
       });
-    }
+    },
+    classname: `${r.zoomIn} ${r.icon}`,
+    text: "Zoom In"
   },
   {
-    text: "Zoom Out",
-    classname: `${r.zoomOut} ${r.icon}`,
-    callback: (n, t) => {
-      const e = t.getView();
-      e.animate({
-        zoom: Number(e.getZoom()) - 1,
+    callback: (o, i) => {
+      const t = i.getView();
+      t.animate({
+        center: o.coordinate,
         duration: 700,
-        center: n.coordinate
+        zoom: Number(t.getZoom()) - 1
       });
-    }
+    },
+    classname: `${r.zoomOut} ${r.icon}`,
+    text: "Zoom Out"
   }
 ];
-function y(n) {
-  const t = document.createDocumentFragment(), e = document.createElement("div");
-  for (e.innerHTML = n; e.firstChild; )
-    t.append(e.firstChild);
-  return t;
+function v(o) {
+  const i = document.createDocumentFragment(), t = document.createElement("div");
+  for (t.innerHTML = o; t.firstChild; )
+    i.append(t.firstChild);
+  return i;
 }
-function P(n) {
-  const t = document.importNode(n), e = n.offsetWidth;
-  t.style.cssText = `position: fixed; top: 0; left: 0; overflow: auto; visibility: hidden; pointer-events: none; height: unset; max-height: unset; width: ${e}px`;
-  const s = y("<span>Foo</span>"), o = y("<span>Foo</span>"), i = document.createElement("li"), l = document.createElement("li");
-  i.append(s), l.append(o), t.append(i), t.append(l), n.parentNode?.append(t);
-  const c = t.offsetHeight / 2;
-  return n.parentNode?.removeChild(t), c;
+function j(o) {
+  const i = document.importNode(o), t = o.offsetWidth;
+  i.style.cssText = `position: fixed; top: 0; left: 0; overflow: auto; visibility: hidden; pointer-events: none; height: unset; max-height: unset; width: ${t}px`;
+  const e = v("<span>Foo</span>"), s = v("<span>Foo</span>"), n = document.createElement("li"), a = document.createElement("li");
+  n.append(e), a.append(s), i.append(n), i.append(a), o.parentNode?.append(i);
+  const h = i.offsetHeight / 2;
+  return o.parentNode?.removeChild(i), h;
 }
-function N({
-  parentNode: n,
-  item: t,
-  isSubmenu: e = !1,
-  isInsideSubmenu: s = !1,
-  emitter: o
+function T({
+  emitter: o,
+  isInsideSubmenu: i = !1,
+  isSubmenu: t = !1,
+  item: e,
+  parentNode: s
 }) {
-  const i = `_${Math.random().toString(36).slice(2, 11)}`;
-  if (typeof t != "string" && "text" in t) {
-    const E = `<span>${t.text}</span>`, m = y(E), u = document.createElement("li");
-    t.classname = t.classname || "", t.icon && (t.classname === "" ? t.classname = r.icon : t.classname.includes(r.icon) === !1 && (t.classname += ` ${r.icon}`), u.setAttribute("style", `background-image:url(${t.icon})`)), u.id = i, u.className = t.classname, u.append(m), n.append(u);
-    const v = {
-      id: i,
-      isSubmenu: e,
-      isInsideSubmenu: s,
+  const n = `_${Math.random().toString(36).slice(2, 11)}`;
+  if (typeof e != "string" && "text" in e) {
+    const g = `<span>${e.text}</span>`, f = v(g), l = document.createElement("li");
+    e.classname = e.classname || "", e.icon && (e.classname === "" ? e.classname = r.icon : e.classname.includes(r.icon) === !1 && (e.classname += ` ${r.icon}`), l.setAttribute("style", `background-image:url(${e.icon})`)), l.id = n, l.className = e.classname, l.append(f), s.append(l);
+    const N = {
+      callback: "callback" in e ? e.callback : null,
+      data: "data" in e ? e.data : null,
+      id: n,
+      isInsideSubmenu: i,
       isSeparator: !1,
-      callback: "callback" in t ? t.callback : null,
-      data: "data" in t ? t.data : null
+      isSubmenu: t
     };
-    return o.emit(p.ADD_MENU_ENTRY, v, u), u;
+    return o.emit(d.ADD_MENU_ENTRY, N, l), l;
   }
-  const l = `<li id="${i}" class="${r.separator}"><hr></li>`, c = y(l);
-  n.append(c);
-  const f = n.lastChild, g = {
-    id: i,
-    isSubmenu: !1,
+  const a = `<li id="${n}" class="${r.separator}"><hr></li>`, h = v(a);
+  s.append(h);
+  const m = s.lastChild, E = {
+    callback: null,
+    data: null,
+    id: n,
     isInsideSubmenu: !1,
     isSeparator: !0,
-    callback: null,
-    data: null
+    isSubmenu: !1
   };
-  return o.emit(p.ADD_MENU_ENTRY, g, f), f;
+  return o.emit(d.ADD_MENU_ENTRY, E, m), m;
 }
-function M({
-  container: n,
-  items: t,
-  menuWidth: e,
-  isInsideSubmenu: s,
-  emitter: o
+function x({
+  container: o,
+  emitter: i,
+  isInsideSubmenu: t,
+  items: e,
+  menuWidth: s
 }) {
-  t.forEach((i) => {
-    if (typeof i != "string" && "items" in i && Array.isArray(i.items)) {
-      const l = N({ parentNode: n, item: i, isSubmenu: !0, emitter: o });
-      l.classList.add(r.submenu);
-      const c = document.createElement("ul");
-      c.classList.add(r.container), c.style.width = `${e}px`, l.append(c), M({
-        emitter: o,
-        menuWidth: e,
-        container: c,
-        items: i.items,
-        isInsideSubmenu: !0
+  e.forEach((n) => {
+    if (typeof n != "string" && "items" in n && Array.isArray(n.items)) {
+      const a = T({ emitter: i, isSubmenu: !0, item: n, parentNode: o });
+      a.classList.add(r.submenu);
+      const h = document.createElement("ul");
+      h.classList.add(r.container), h.style.width = `${s}px`, a.append(h), x({
+        container: h,
+        emitter: i,
+        isInsideSubmenu: !0,
+        items: n.items,
+        menuWidth: s
       });
     } else
-      N({
-        parentNode: n,
-        item: i,
+      T({
+        emitter: i,
+        isInsideSubmenu: t,
         isSubmenu: !1,
-        isInsideSubmenu: s,
-        emitter: o
+        item: n,
+        parentNode: o
       });
   });
 }
-function b(n, t) {
-  if (!n)
-    throw new Error(t);
+function b(o, i) {
+  if (!o) throw new Error(i);
 }
-class R extends O {
-  constructor(e = {}) {
-    b(typeof e == "object", "@param `opts` should be object type!");
-    const s = document.createElement("div");
-    super({ element: s });
-    a(this, "map");
-    a(this, "emitter", new _());
-    a(this, "container");
-    a(this, "coordinate", []);
-    a(this, "pixel", []);
-    a(this, "contextMenuEventListener");
-    a(this, "entryCallbackEventListener");
-    a(this, "mapMoveListener");
-    a(this, "lineHeight", 0);
-    a(this, "disabled");
-    a(this, "opened");
-    a(this, "items", []);
-    a(this, "menuEntries", /* @__PURE__ */ new Map());
-    a(this, "options");
-    this.options = { ...z, ...e };
-    const o = document.createElement("ul");
-    s.append(o), s.style.width = `${this.options.width}px`, s.classList.add(
+class X extends P {
+  constructor(t = {}) {
+    b(typeof t == "object", "@param `opts` should be object type!");
+    const e = document.createElement("div");
+    super({ element: e });
+    c(this, "map");
+    c(this, "emitter", new R.TinyEmitter());
+    c(this, "container");
+    c(this, "coordinate", []);
+    c(this, "pixel", []);
+    c(this, "contextMenuEventListener");
+    c(this, "entryCallbackEventListener");
+    c(this, "mapMoveListener");
+    c(this, "lineHeight", 0);
+    c(this, "disabled");
+    c(this, "opened");
+    c(this, "items", []);
+    c(this, "menuEntries", /* @__PURE__ */ new Map());
+    c(this, "options");
+    this.options = { ...U, ...t };
+    const s = document.createElement("ul");
+    e.append(s), e.style.width = `${this.options.width}px`, e.classList.add(
       r.container,
       r.unselectable,
       r.hidden
-    ), this.container = s, this.contextMenuEventListener = (i) => {
-      this.handleContextMenu(i);
-    }, this.entryCallbackEventListener = (i) => {
-      this.handleEntryCallback(i);
+    ), this.container = e, this.contextMenuEventListener = (n) => {
+      this.handleContextMenu(n);
+    }, this.entryCallbackEventListener = (n) => {
+      this.handleEntryCallback(n);
     }, this.mapMoveListener = () => {
       this.handleMapMove();
     }, this.disabled = !1, this.opened = !1, window.addEventListener(
@@ -211,8 +213,8 @@ class R extends O {
     );
   }
   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() {
@@ -227,120 +229,134 @@ class R extends O {
   countItems() {
     return this.menuEntries.size;
   }
-  extend(e) {
-    b(Array.isArray(e), "@param `items` should be an Array."), M({
-      items: e,
+  extend(t) {
+    b(Array.isArray(t), "@param `items` should be an Array."), x({
+      container: this.container.firstElementChild,
       emitter: this.emitter,
-      menuWidth: this.options.width,
-      container: this.container.firstElementChild
+      items: t,
+      menuWidth: this.options.width
     });
   }
   closeMenu() {
-    this.opened = !1, this.container.classList.add(r.hidden), this.dispatchEvent(p.CLOSE);
+    this.opened = !1, this.container.classList.add(r.hidden), this.dispatchEvent(d.CLOSE);
   }
   isOpen() {
     return this.opened;
   }
-  updatePosition(e) {
-    b(Array.isArray(e), "@param `pixel` should be an Array."), this.isOpen() && (this.pixel = e, this.positionContainer());
+  updatePosition(t) {
+    b(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, e.getViewport().addEventListener(
+  setMap(t) {
+    if (super.setMap(t), t) {
+      this.map = t, t.getViewport().addEventListener(
         this.options.eventType,
         this.contextMenuEventListener,
         !1
-      ), e.on("movestart", () => {
+      ), t.on("movestart", () => {
         this.handleMapMove();
       }), this.emitter.on(
-        p.ADD_MENU_ENTRY,
-        (o, i) => {
-          this.handleAddMenuEntry(o, i);
+        d.ADD_MENU_ENTRY,
+        (s, n) => {
+          this.handleAddMenuEntry(s, n);
         },
         this
-      ), this.items = this.options.defaultItems ? this.options.items.concat(C) : this.options.items, M({
-        items: this.items,
+      ), this.items = this.options.defaultItems ? this.options.items.concat(C) : this.options.items, x({
+        container: this.container.firstElementChild,
         emitter: this.emitter,
-        menuWidth: this.options.width,
-        container: this.container.firstElementChild
+        items: this.items,
+        menuWidth: this.options.width
       });
-      const s = this.getMenuEntriesLength();
-      this.lineHeight = s > 0 ? this.container.offsetHeight / s : P(this.container);
+      const e = this.getMenuEntriesLength();
+      this.lineHeight = e > 0 ? this.container.offsetHeight / e : j(this.container);
     } else
       this.removeListeners(), this.clear();
   }
   removeListeners() {
-    this.map.getViewport().removeEventListener(this.options.eventType, this.contextMenuEventListener, !1), this.emitter.off(p.ADD_MENU_ENTRY);
+    this.map.getViewport().removeEventListener(this.options.eventType, this.contextMenuEventListener, !1), this.emitter.off(d.ADD_MENU_ENTRY);
   }
-  removeMenuEntry(e) {
-    let s = document.getElementById(e);
-    s?.remove(), s = null, this.menuEntries.delete(e);
+  removeMenuEntry(t) {
+    let e = document.getElementById(t);
+    e?.remove(), e = null, this.menuEntries.delete(t);
   }
-  handleContextMenu(e) {
-    this.coordinate = this.map.getEventCoordinate(e), this.pixel = this.map.getEventPixel(e), this.dispatchEvent(
-      new w({
+  handleContextMenu(t) {
+    this.coordinate = this.map.getEventCoordinate(t), this.pixel = this.map.getEventPixel(t), this.dispatchEvent(
+      new A({
         map: this.map,
-        originalEvent: e,
-        type: p.BEFOREOPEN
+        originalEvent: t,
+        type: d.BEFOREOPEN
       })
-    ), !this.disabled && (this.options.eventType === L.CONTEXTMENU && (e.stopPropagation(), e.preventDefault()), setTimeout(() => {
-      this.openMenu(e);
-    }), e.target?.addEventListener(
+    ), !this.disabled && (this.options.eventType === L.CONTEXTMENU && (t.stopPropagation(), t.preventDefault()), setTimeout(() => {
+      this.openMenu(t);
+    }), t.target?.addEventListener(
       "pointerdown",
-      (s) => {
-        this.opened && (s.stopPropagation(), this.closeMenu());
+      (e) => {
+        this.opened && (e.stopPropagation(), this.closeMenu());
       },
       { once: !0 }
     ));
   }
-  openMenu(e) {
+  openMenu(t) {
     this.opened = !0, this.positionContainer(), this.container.classList.remove(r.hidden), this.dispatchEvent(
-      new w({
+      new A({
         map: this.map,
-        originalEvent: e,
-        type: p.OPEN
+        originalEvent: t,
+        type: d.OPEN
       })
     );
   }
   getMenuEntriesLength() {
     return Array.from(this.menuEntries).filter(
-      ([, e]) => e.isSeparator === !1 && e.isSubmenu === !1 && e.isInsideSubmenu === !1
+      ([, t]) => t.isSeparator === !1 && t.isSubmenu === !1 && t.isInsideSubmenu === !1
     ).length;
   }
+  calculateMenuSize() {
+    const t = this.getMenuEntriesLength(), s = Math.round(this.lineHeight * t) + V, n = this.container.offsetHeight, a = !this.container.classList.contains(r.hidden);
+    return {
+      h: n > 0 && a ? n : s,
+      w: this.container.offsetWidth
+    };
+  }
+  calculateVerticalPosition(t, e, s) {
+    let n;
+    return e.h >= s.h ? (n = this.pixel[1] - B, n + s.h > t[1] && (n = Math.max(0, t[1] - s.h - M))) : (n = this.pixel[1] - s.h, n < 0 && (n = s.h <= t[1] ? 0 : Math.max(0, t[1] - s.h)), n + s.h > t[1] && (n = Math.max(0, t[1] - s.h - M))), Math.max(0, Math.min(n, t[1] - s.h - M));
+  }
+  adjustPositionAfterRender(t, e) {
+    if (!this.container.classList.contains(r.hidden)) {
+      const s = this.container.offsetHeight;
+      s > 0 && s !== e.h && (Number.parseInt(this.container.style.top, 10) || 0) + s > t[1] && (this.container.style.top = `${Math.max(0, t[1] - s - M)}px`);
+    }
+  }
   positionContainer() {
-    const e = this.map.getSize() || [0, 0], s = {
-      w: e[0] - this.pixel[0],
-      h: e[1] - this.pixel[1]
-    }, o = this.getMenuEntriesLength(), i = {
-      w: this.container.offsetWidth,
-      // a cheap way to recalculate container height
-      // since offsetHeight is like cached
-      h: Math.round(this.lineHeight * o)
-    }, l = s.w >= i.w ? this.pixel[0] + 5 : this.pixel[0] - i.w;
-    this.container.style.left = `${l}px`, this.container.style.top = s.h >= i.h ? `${this.pixel[1] - 10}px` : `${this.pixel[1] - i.h}px`, this.container.style.right = "auto", this.container.style.bottom = "auto", s.w -= i.w;
-    const c = (E) => Array.from(E.children).filter(
-      (m) => m.tagName === "LI" && m.classList.contains(r.submenu)
+    const t = this.map.getSize() || [0, 0], e = [t[0] || 0, t[1] || 0], s = {
+      h: e[1] - this.pixel[1],
+      w: e[0] - this.pixel[0]
+    }, n = this.calculateMenuSize(), a = s.w >= n.w ? this.pixel[0] + 5 : this.pixel[0] - n.w;
+    this.container.style.left = `${a}px`;
+    const h = this.calculateVerticalPosition(e, s, n);
+    this.container.style.top = `${h}px`, this.container.style.right = "auto", this.container.style.bottom = "auto", this.adjustPositionAfterRender(e, n), s.w -= n.w;
+    const m = (f) => Array.from(f.children).filter(
+      (l) => l.tagName === "LI" && l.classList.contains(r.submenu)
     );
-    let f = 0;
-    const g = (E, m) => {
-      f += 1, c(E).forEach((v) => {
-        const A = m >= i.w ? i.w - 8 : (i.w + 8) * -1, h = v.querySelector(
+    let E = 0;
+    const g = (f, l) => {
+      E += 1, m(f).forEach((I) => {
+        const O = l >= n.w ? n.w - 8 : (n.w + 8) * -1, u = I.querySelector(
           `ul.${r.container}`
         ), $ = Math.round(
-          this.lineHeight * Array.from(h.children).filter((T) => T.tagName === "LI").length
+          this.lineHeight * Array.from(u.children).filter((_) => _.tagName === "LI").length
         );
-        h.style.left = `${A}px`, h.style.right = "auto", h.style.top = s.h >= $ + i.h ? "0" : `-${h.offsetHeight - 25}px`, h.style.bottom = "auto", h.style.zIndex = String(f), c(h).length > 0 && g(h, m - i.w);
+        u.style.left = `${O}px`, u.style.right = "auto", u.style.top = s.h >= $ + n.h ? "0" : `-${u.offsetHeight - 25}px`, u.style.bottom = "auto", u.style.zIndex = String(E), m(u).length > 0 && g(u, l - n.w);
       });
     };
     g(this.container.firstElementChild, s.w);
@@ -348,21 +364,20 @@ class R extends O {
   handleMapMove() {
     this.closeMenu();
   }
-  handleEntryCallback(e) {
-    e.preventDefault(), e.stopPropagation();
-    const s = e.currentTarget, o = this.menuEntries.get(s.id);
-    if (!o)
-      return;
-    const i = {
-      data: o.data,
-      coordinate: this.coordinate
+  handleEntryCallback(t) {
+    t.preventDefault(), t.stopPropagation();
+    const e = t.currentTarget, s = this.menuEntries.get(e.id);
+    if (!s) return;
+    const n = {
+      coordinate: this.coordinate,
+      data: s.data
     };
-    this.closeMenu(), o.callback?.(i, this.map);
+    this.closeMenu(), s.callback?.(n, this.map);
   }
-  handleAddMenuEntry(e, s) {
-    this.menuEntries.set(e.id, e), this.positionContainer(), "callback" in e && typeof e.callback == "function" && s.addEventListener("click", this.entryCallbackEventListener, !1);
+  handleAddMenuEntry(t, e) {
+    this.menuEntries.set(t.id, t), this.positionContainer(), "callback" in t && typeof t.callback == "function" && e.addEventListener("click", this.entryCallbackEventListener, !1);
   }
 }
 export {
-  R as default
+  X as default
 };