ol-contextmenu 5.5.0 → 6.0.1

package/dist/ol-contextmenu.js

@@ -1,366 +1,356 @@
 
   /*!
-  * ol-contextmenu - v5.5.0
+  * ol-contextmenu - v6.0.1
   * https://github.com/jonataswalker/ol-contextmenu
-  * Built: Wed Aug 07 2024 12:29:18 GMT+0000 (Coordinated Universal Time)
+  * Built: 2026-06-17T21:57:20.658Z
   */
 
-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);
-import O from "ol/control/Control";
-import D from "ol/MapBrowserEvent";
-var S = { exports: {} };
-function x() {
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.ol-ctx-menu-container{color:#222;box-sizing:border-box;background:#fff;border-radius:5px;padding:8px;font-size:13px;position:absolute;box-shadow:3px 3px 5px #0003}.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{font:inherit;vertical-align:baseline;border:0;margin:0;padding:0;font-size:100%}.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{white-space:nowrap;padding:2px 5px;line-height:20px;position:relative}.ol-ctx-menu-container li:not(.ol-ctx-menu-separator):hover{cursor:pointer;color:#eee;background-color:#333}.ol-ctx-menu-container li.ol-ctx-menu-submenu .ol-ctx-menu-container{opacity:0;visibility:hidden;border:1px solid #eee;padding:8px;transition:visibility 0s linear .3s,opacity .3s;top:0}.ol-ctx-menu-container li.ol-ctx-menu-submenu:after{content:"";border-top:.3em solid #222;border-right:.3em solid #222;width:.6em;height:.6em;display:inline-block;position:absolute;top:7px;right:10px;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{background-image:linear-gradient(270deg,#0000,#000000bf,#0000);border:0;height:1px}.ol-ctx-menu-icon{text-indent:20px;background-position:0;background-repeat:no-repeat;background-size:20px}.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)}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import e from "ol/control/Control";
+import t from "ol/MapBrowserEvent";
+//#endregion
+//#region src/types.ts
+var n = (/* @__PURE__ */ ((e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports))(((e, t) => {
+	function n() {}
+	n.prototype = {
+		on: function(e, t, n) {
+			var r = this.e || (this.e = {});
+			return (r[e] || (r[e] = [])).push({
+				fn: t,
+				ctx: n
+			}), this;
+		},
+		once: function(e, t, n) {
+			var r = this;
+			function i() {
+				r.off(e, i), t.apply(n, arguments);
+			}
+			return i._ = t, this.on(e, i, n);
+		},
+		emit: function(e) {
+			for (var t = [].slice.call(arguments, 1), n = ((this.e || (this.e = {}))[e] || []).slice(), r = 0, i = n.length; r < i; r++) n[r].fn.apply(n[r].ctx, t);
+			return this;
+		},
+		off: function(e, t) {
+			var n = this.e || (this.e = {}), r = n[e], i = [];
+			if (r && t) for (var a = 0, o = r.length; a < o; a++) r[a].fn !== t && r[a].fn._ !== t && i.push(r[a]);
+			return i.length ? n[e] = i : delete n[e], this;
+		}
+	}, t.exports = n, t.exports.TinyEmitter = n;
+})))(), r = /* @__PURE__ */ function(e) {
+	return e.CONTEXTMENU = "contextmenu", e.CLICK = "click", e.DBLCLICK = "dblclick", e;
+}({}), i = /* @__PURE__ */ function(e) {
+	return e.BEFOREOPEN = "beforeopen", e.OPEN = "open", e.CLOSE = "close", e.ADD_MENU_ENTRY = "add-menu-entry", e;
+}({}), a = class extends t {
+	constructor(e) {
+		super(e.type, e.map, e.originalEvent);
+	}
+}, o = {
+	defaultItems: !0,
+	eventType: r.CONTEXTMENU,
+	items: [],
+	scrollAt: 4,
+	width: 150
+}, s = "ol-ctx-menu", c = {
+	container: `${s}-container`,
+	hidden: `${s}-hidden`,
+	icon: `${s}-icon`,
+	namespace: s,
+	separator: `${s}-separator`,
+	submenu: `${s}-submenu`,
+	unselectable: "ol-unselectable",
+	zoomIn: `${s}-zoom-in`,
+	zoomOut: `${s}-zoom-out`
+}, l = [{
+	callback: (e, t) => {
+		let n = t.getView();
+		n.animate({
+			center: e.coordinate,
+			duration: 700,
+			zoom: Number(n.getZoom()) + 1
+		});
+	},
+	classname: `${c.zoomIn} ${c.icon}`,
+	text: "Zoom In"
+}, {
+	callback: (e, t) => {
+		let n = t.getView();
+		n.animate({
+			center: e.coordinate,
+			duration: 700,
+			zoom: Number(n.getZoom()) - 1
+		});
+	},
+	classname: `${c.zoomOut} ${c.icon}`,
+	text: "Zoom Out"
+}];
+//#endregion
+//#region src/helpers/dom.ts
+function u(e) {
+	let t = document.createDocumentFragment(), n = document.createElement("div");
+	for (n.innerHTML = e; n.firstChild;) t.append(n.firstChild);
+	return t;
 }
-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;
-  }
-};
-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);
-  }
+function d(e) {
+	let t = document.importNode(e), n = e.offsetWidth;
+	t.style.cssText = `position: fixed; top: 0; left: 0; overflow: auto; visibility: hidden; pointer-events: none; height: unset; max-height: unset; width: ${n}px`;
+	let r = u("<span>Foo</span>"), i = u("<span>Foo</span>"), a = document.createElement("li"), o = document.createElement("li");
+	a.append(r), o.append(i), t.append(a), t.append(o), e.parentNode?.append(t);
+	let s = getComputedStyle(t), c = Number.parseInt(s.paddingTop, 10), l = Number.parseInt(s.paddingBottom, 10), d = (t.offsetHeight - (c + l)) / 2;
+	return e.parentNode?.removeChild(t), d;
+}
+function f({ emitter: e, isInsideSubmenu: t = !1, isSubmenu: n = !1, item: r, parentNode: a }) {
+	let o = `_${Math.random().toString(36).slice(2, 11)}`;
+	if (typeof r != "string" && "text" in r) {
+		let s = u(`<span>${r.text}</span>`), l = document.createElement("li");
+		r.classname = r.classname || "", r.icon && (r.classname === "" ? r.classname = c.icon : r.classname.includes(c.icon) === !1 && (r.classname += ` ${c.icon}`), l.setAttribute("style", `background-image:url(${r.icon})`)), l.id = o, l.className = r.classname, l.append(s), a.append(l);
+		let d = {
+			callback: "callback" in r ? r.callback : null,
+			data: "data" in r ? r.data : null,
+			id: o,
+			isInsideSubmenu: t,
+			isSeparator: !1,
+			isSubmenu: n
+		};
+		return e.emit(i.ADD_MENU_ENTRY, d, l), l;
+	}
+	let s = u(`<li id="${o}" class="${c.separator}"><hr></li>`);
+	a.append(s);
+	let l = a.lastChild, d = {
+		callback: null,
+		data: null,
+		id: o,
+		isInsideSubmenu: !1,
+		isSeparator: !0,
+		isSubmenu: !1
+	};
+	return e.emit(i.ADD_MENU_ENTRY, d, l), l;
 }
-const z = {
-  width: 150,
-  scrollAt: 4,
-  eventType: L.CONTEXTMENU,
-  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 = [
-  {
-    text: "Zoom In",
-    classname: `${r.zoomIn} ${r.icon}`,
-    callback: (n, t) => {
-      const e = t.getView();
-      e.animate({
-        zoom: Number(e.getZoom()) + 1,
-        duration: 700,
-        center: n.coordinate
-      });
-    }
-  },
-  {
-    text: "Zoom Out",
-    classname: `${r.zoomOut} ${r.icon}`,
-    callback: (n, t) => {
-      const e = t.getView();
-      e.animate({
-        zoom: Number(e.getZoom()) - 1,
-        duration: 700,
-        center: n.coordinate
-      });
-    }
-  }
-];
-function y(n) {
-  const t = document.createDocumentFragment(), e = document.createElement("div");
-  for (e.innerHTML = n; e.firstChild; )
-    t.append(e.firstChild);
-  return t;
+function p({ container: e, emitter: t, isInsideSubmenu: n, items: r, menuWidth: i }) {
+	r.forEach((r) => {
+		if (typeof r != "string" && "items" in r && Array.isArray(r.items)) {
+			let n = f({
+				emitter: t,
+				isSubmenu: !0,
+				item: r,
+				parentNode: e
+			});
+			n.classList.add(c.submenu);
+			let a = document.createElement("ul");
+			a.classList.add(c.container), a.style.width = `${i}px`, n.append(a), p({
+				container: a,
+				emitter: t,
+				isInsideSubmenu: !0,
+				items: r.items,
+				menuWidth: i
+			});
+		} else f({
+			emitter: t,
+			isInsideSubmenu: n,
+			isSubmenu: !1,
+			item: r,
+			parentNode: e
+		});
+	});
 }
-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;
+//#endregion
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
+function m(e) {
+	"@babel/helpers - typeof";
+	return m = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, m(e);
 }
-function N({
-  parentNode: n,
-  item: t,
-  isSubmenu: e = !1,
-  isInsideSubmenu: s = !1,
-  emitter: o
-}) {
-  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,
-      isSeparator: !1,
-      callback: "callback" in t ? t.callback : null,
-      data: "data" in t ? t.data : null
-    };
-    return o.emit(p.ADD_MENU_ENTRY, v, u), u;
-  }
-  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,
-    isInsideSubmenu: !1,
-    isSeparator: !0,
-    callback: null,
-    data: null
-  };
-  return o.emit(p.ADD_MENU_ENTRY, g, f), f;
+//#endregion
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
+function h(e, t) {
+	if (m(e) != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (m(r) != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
 }
-function M({
-  container: n,
-  items: t,
-  menuWidth: e,
-  isInsideSubmenu: s,
-  emitter: o
-}) {
-  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
-      });
-    } else
-      N({
-        parentNode: n,
-        item: i,
-        isSubmenu: !1,
-        isInsideSubmenu: s,
-        emitter: o
-      });
-  });
+//#endregion
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
+function g(e) {
+	var t = h(e, "string");
+	return m(t) == "symbol" ? t : t + "";
 }
-function b(n, t) {
-  if (!n) throw new Error(t);
+//#endregion
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
+function _(e, t, n) {
+	return (t = g(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-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(
-      r.container,
-      r.unselectable,
-      r.hidden
-    ), this.container = s, this.contextMenuEventListener = (i) => {
-      this.handleContextMenu(i);
-    }, this.entryCallbackEventListener = (i) => {
-      this.handleEntryCallback(i);
-    }, this.mapMoveListener = () => {
-      this.handleMapMove();
-    }, this.disabled = !1, this.opened = !1, window.addEventListener(
-      "beforeunload",
-      () => {
-        this.removeListeners();
-      },
-      { once: !0 }
-    );
-  }
-  clear() {
-    for (const e of this.menuEntries.keys())
-      this.removeMenuEntry(e);
-    this.container.replaceChildren(), this.container.append(document.createElement("ul"));
-  }
-  enable() {
-    this.disabled = !1;
-  }
-  disable() {
-    this.disabled = !0;
-  }
-  getDefaultItems() {
-    return C;
-  }
-  countItems() {
-    return this.menuEntries.size;
-  }
-  extend(e) {
-    b(Array.isArray(e), "@param `items` should be an Array."), M({
-      items: e,
-      emitter: this.emitter,
-      menuWidth: this.options.width,
-      container: this.container.firstElementChild
-    });
-  }
-  closeMenu() {
-    this.opened = !1, this.container.classList.add(r.hidden), this.dispatchEvent(p.CLOSE);
-  }
-  isOpen() {
-    return this.opened;
-  }
-  updatePosition(e) {
-    b(Array.isArray(e), "@param `pixel` should be an Array."), this.isOpen() && (this.pixel = e, this.positionContainer());
-  }
-  pop() {
-    const e = Array.from(this.menuEntries.keys()).pop();
-    e && this.removeMenuEntry(e);
-  }
-  shift() {
-    const e = Array.from(this.menuEntries.keys()).shift();
-    e && this.removeMenuEntry(e);
-  }
-  push(e) {
-    e && this.extend([e]);
-  }
-  setMap(e) {
-    if (super.setMap(e), e) {
-      this.map = e, e.getViewport().addEventListener(
-        this.options.eventType,
-        this.contextMenuEventListener,
-        !1
-      ), e.on("movestart", () => {
-        this.handleMapMove();
-      }), this.emitter.on(
-        p.ADD_MENU_ENTRY,
-        (o, i) => {
-          this.handleAddMenuEntry(o, i);
-        },
-        this
-      ), this.items = this.options.defaultItems ? this.options.items.concat(C) : this.options.items, M({
-        items: this.items,
-        emitter: this.emitter,
-        menuWidth: this.options.width,
-        container: this.container.firstElementChild
-      });
-      const s = this.getMenuEntriesLength();
-      this.lineHeight = s > 0 ? this.container.offsetHeight / s : P(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);
-  }
-  removeMenuEntry(e) {
-    let s = document.getElementById(e);
-    s?.remove(), s = null, this.menuEntries.delete(e);
-  }
-  handleContextMenu(e) {
-    this.coordinate = this.map.getEventCoordinate(e), this.pixel = this.map.getEventPixel(e), this.dispatchEvent(
-      new w({
-        map: this.map,
-        originalEvent: e,
-        type: p.BEFOREOPEN
-      })
-    ), !this.disabled && (this.options.eventType === L.CONTEXTMENU && (e.stopPropagation(), e.preventDefault()), setTimeout(() => {
-      this.openMenu(e);
-    }), e.target?.addEventListener(
-      "pointerdown",
-      (s) => {
-        this.opened && (s.stopPropagation(), this.closeMenu());
-      },
-      { once: !0 }
-    ));
-  }
-  openMenu(e) {
-    this.opened = !0, this.positionContainer(), this.container.classList.remove(r.hidden), this.dispatchEvent(
-      new w({
-        map: this.map,
-        originalEvent: e,
-        type: p.OPEN
-      })
-    );
-  }
-  getMenuEntriesLength() {
-    return Array.from(this.menuEntries).filter(
-      ([, e]) => e.isSeparator === !1 && e.isSubmenu === !1 && e.isInsideSubmenu === !1
-    ).length;
-  }
-  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)
-    );
-    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(
-          `ul.${r.container}`
-        ), $ = Math.round(
-          this.lineHeight * Array.from(h.children).filter((T) => T.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);
-      });
-    };
-    g(this.container.firstElementChild, s.w);
-  }
-  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
-    };
-    this.closeMenu(), o.callback?.(i, 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);
-  }
+//#endregion
+//#region src/main.ts
+function v(e, t) {
+	if (!e) throw Error(t);
 }
-export {
-  R as default
+var y = class extends e {
+	constructor(e = {}) {
+		v(typeof e == "object", "@param `opts` should be object type!");
+		let t = document.createElement("div");
+		super({ element: t }), _(this, "map", void 0), _(this, "emitter", new n.TinyEmitter()), _(this, "container", void 0), _(this, "coordinate", []), _(this, "pixel", []), _(this, "contextMenuEventListener", void 0), _(this, "entryCallbackEventListener", void 0), _(this, "mapMoveListener", void 0), _(this, "lineHeight", 0), _(this, "disabled", void 0), _(this, "opened", void 0), _(this, "items", []), _(this, "menuEntries", /* @__PURE__ */ new Map()), _(this, "options", void 0), this.options = {
+			...o,
+			...e
+		};
+		let r = document.createElement("ul");
+		t.append(r), t.style.width = `${this.options.width}px`, t.classList.add(c.container, c.unselectable, c.hidden), this.container = t, this.contextMenuEventListener = (e) => {
+			this.handleContextMenu(e);
+		}, this.entryCallbackEventListener = (e) => {
+			this.handleEntryCallback(e);
+		}, this.mapMoveListener = () => {
+			this.handleMapMove();
+		}, this.disabled = !1, this.opened = !1, window.addEventListener("beforeunload", () => {
+			this.removeListeners();
+		}, { once: !0 });
+	}
+	clear() {
+		for (let e of this.menuEntries.keys()) this.removeMenuEntry(e);
+		this.container.replaceChildren(), this.container.append(document.createElement("ul"));
+	}
+	enable() {
+		this.disabled = !1;
+	}
+	disable() {
+		this.disabled = !0;
+	}
+	getDefaultItems() {
+		return l;
+	}
+	countItems() {
+		return this.menuEntries.size;
+	}
+	extend(e) {
+		v(Array.isArray(e), "@param `items` should be an Array."), p({
+			container: this.container.firstElementChild,
+			emitter: this.emitter,
+			items: e,
+			menuWidth: this.options.width
+		});
+	}
+	closeMenu() {
+		this.opened = !1, this.container.classList.add(c.hidden), this.dispatchEvent(i.CLOSE);
+	}
+	isOpen() {
+		return this.opened;
+	}
+	updatePosition(e) {
+		v(Array.isArray(e), "@param `pixel` should be an Array."), this.isOpen() && (this.pixel = e, this.positionContainer());
+	}
+	pop() {
+		let e = Array.from(this.menuEntries.keys()).pop();
+		e && this.removeMenuEntry(e);
+	}
+	shift() {
+		let e = Array.from(this.menuEntries.keys()).shift();
+		e && this.removeMenuEntry(e);
+	}
+	push(e) {
+		e && this.extend([e]);
+	}
+	setMap(e) {
+		if (super.setMap(e), e) {
+			this.map = e, e.getViewport().addEventListener(this.options.eventType, this.contextMenuEventListener, { capture: !1 }), e.on("movestart", () => {
+				this.handleMapMove();
+			}), this.emitter.on(i.ADD_MENU_ENTRY, (e, t) => {
+				this.handleAddMenuEntry(e, t);
+			}, this), this.items = this.options.defaultItems ? this.options.items.concat(l) : this.options.items, p({
+				container: this.container.firstElementChild,
+				emitter: this.emitter,
+				items: this.items,
+				menuWidth: this.options.width
+			});
+			let t = this.getMenuEntriesLength();
+			this.lineHeight = t > 0 ? this.container.offsetHeight / t : d(this.container);
+		} else this.removeListeners(), this.clear();
+	}
+	removeListeners() {
+		this.map.getViewport().removeEventListener(this.options.eventType, this.contextMenuEventListener, !1), this.emitter.off(i.ADD_MENU_ENTRY);
+	}
+	removeMenuEntry(e) {
+		let t = document.getElementById(e);
+		t?.remove(), t = null, this.menuEntries.delete(e);
+	}
+	handleContextMenu(e) {
+		this.coordinate = this.map.getEventCoordinate(e), this.pixel = this.map.getEventPixel(e), this.dispatchEvent(new a({
+			map: this.map,
+			originalEvent: e,
+			type: i.BEFOREOPEN
+		})), !this.disabled && (this.options.eventType === r.CONTEXTMENU && (e.stopPropagation(), e.preventDefault()), setTimeout(() => {
+			this.openMenu(e);
+		}, 0), e.target?.addEventListener("pointerdown", (e) => {
+			this.opened && (e.stopPropagation(), this.closeMenu());
+		}, { once: !0 }));
+	}
+	openMenu(e) {
+		this.opened = !0, this.positionContainer(), this.container.classList.remove(c.hidden), this.dispatchEvent(new a({
+			map: this.map,
+			originalEvent: e,
+			type: i.OPEN
+		}));
+	}
+	getMenuEntriesLength() {
+		return Array.from(this.menuEntries).filter(([, e]) => e.isSeparator === !1 && e.isSubmenu === !1 && e.isInsideSubmenu === !1).length;
+	}
+	calculateMenuSize() {
+		let e = this.getMenuEntriesLength(), t = Math.round(this.lineHeight * e) + 16, n = this.container.offsetHeight, r = !this.container.classList.contains(c.hidden);
+		return {
+			h: n > 0 && r ? n : t,
+			w: this.container.offsetWidth
+		};
+	}
+	calculateVerticalPosition(e, t, n) {
+		let r;
+		return t.h >= n.h ? (r = this.pixel[1] - 10, r + n.h > e[1] && (r = Math.max(0, e[1] - n.h - 2))) : (r = this.pixel[1] - n.h, r < 0 && (r = n.h <= e[1] ? 0 : Math.max(0, e[1] - n.h)), r + n.h > e[1] && (r = Math.max(0, e[1] - n.h - 2))), Math.max(0, Math.min(r, e[1] - n.h - 2));
+	}
+	adjustPositionAfterRender(e, t) {
+		if (this.container.classList.contains(c.hidden)) return;
+		let n = this.container.offsetHeight;
+		n > 0 && n !== t.h && (Number.parseInt(this.container.style.top, 10) || 0) + n > e[1] && (this.container.style.top = `${Math.max(0, e[1] - n - 2)}px`);
+	}
+	positionContainer() {
+		let e = this.map.getSize() || [0, 0], t = [e[0] || 0, e[1] || 0], n = {
+			h: t[1] - this.pixel[1],
+			w: t[0] - this.pixel[0]
+		}, r = this.calculateMenuSize(), i = n.w >= r.w ? this.pixel[0] + 5 : this.pixel[0] - r.w;
+		this.container.style.left = `${i}px`;
+		let a = this.calculateVerticalPosition(t, n, r);
+		this.container.style.top = `${a}px`, this.container.style.right = "auto", this.container.style.bottom = "auto", this.adjustPositionAfterRender(t, r), n.w -= r.w;
+		let o = (e) => Array.from(e.children).filter((e) => e.tagName === "LI" && e.classList.contains(c.submenu)), s = 0, l = (e, t) => {
+			s += 1, o(e).forEach((e) => {
+				let i = t >= r.w ? r.w - 8 : (r.w + 8) * -1, a = e.querySelector(`ul.${c.container}`), u = Math.round(this.lineHeight * Array.from(a.children).filter((e) => e.tagName === "LI").length);
+				a.style.left = `${i}px`, a.style.right = "auto", a.style.top = n.h >= u + r.h ? "0" : `-${a.offsetHeight - 25}px`, a.style.bottom = "auto", a.style.zIndex = String(s), o(a).length > 0 && l(a, t - r.w);
+			});
+		};
+		l(this.container.firstElementChild, n.w);
+	}
+	handleMapMove() {
+		this.closeMenu();
+	}
+	handleEntryCallback(e) {
+		e.preventDefault(), e.stopPropagation();
+		let t = e.currentTarget, n = this.menuEntries.get(t.id);
+		if (!n) return;
+		let r = {
+			coordinate: this.coordinate,
+			data: n.data
+		};
+		this.closeMenu(), n.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, { capture: !1 });
+	}
 };
+//#endregion
+export { y as default };