npm - ol-contextmenu - Versions diffs - 4.0.0 → 5.0.0-alpha - Mend

ol-contextmenu 4.0.0 → 5.0.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/ol-contextmenu.css +1 -114
package/dist/ol-contextmenu.js +313 -6
package/dist/ol-contextmenu.umd.cjs +1 -0
package/package.json +61 -51
package/dist/ol-contextmenu-debug.js +0 -809
package/dist/ol-contextmenu.min.css +0 -7

package/dist/ol-contextmenu.css CHANGED Viewed

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

package/dist/ol-contextmenu.js CHANGED Viewed

@@ -1,6 +1,313 @@
-/*!
-  * ol-contextmenu - v4.0.0
-  * https://github.com/jonataswalker/ol-contextmenu
-  * Built: Wed Nov 20 2019 13:29:37 GMT-0300 (Brasilia Standard Time)
-  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("ol/control/Control")):"function"==typeof define&&define.amd?define(["ol/control/Control"],e):(t=t||self).ContextMenu=e(t.ol.control.Control)}(this,(function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var e="ol-ctx-menu",n={namespace:e,container:e+"-container",separator:e+"-separator",submenu:e+"-submenu",hidden:e+"-hidden",icon:e+"-icon",zoomIn:e+"-zoom-in",zoomOut:e+"-zoom-out",unselectable:"ol-unselectable"},i=n,o="beforeopen",s="open",r="close",a="contextmenu",l={width:150,scrollAt:4,eventType:a,defaultItems:!0},c=[{text:"Zoom In",classname:n.zoomIn+" "+n.icon,callback:function(t,e){var n=e.getView();n.animate({zoom:+n.getZoom()+1,duration:700,center:t.coordinate})}},{text:"Zoom Out",classname:n.zoomOut+" "+n.icon,callback:function(t,e){var n=e.getView();n.animate({zoom:+n.getZoom()-1,duration:700,center:t.coordinate})}}];function h(t,e){if(void 0===e&&(e="Assertion failed"),!t){if("undefined"!=typeof Error)throw new Error(e);throw e}}function p(t){return/^\d+$/.test(t)}function u(t,e){return t.classList?t.classList.contains(e):y(e).test(t.className)}function d(t,e,n){void 0===e&&(e=window.document);var i=Array.prototype.slice,o=[];if(/^(#?[\w-]+|\.[\w-.]+)$/.test(t))switch(t[0]){case"#":o=[m(t.substr(1))];break;case".":o=i.call(e.getElementsByClassName(t.substr(1).replace(/\./g," ")));break;default:o=i.call(e.getElementsByTagName(t))}else o=i.call(e.querySelectorAll(t));return n?o:o[0]}function m(t){return t="#"===t[0]?t.substr(1,t.length):t,document.getElementById(t)}function f(t){var e=document.createDocumentFragment(),n=document.createElement("div");for(n.innerHTML=t;n.firstChild;)e.appendChild(n.firstChild);return e}function y(t){return new RegExp("(^|\\s+) "+t+" (\\s+|$)")}function v(t,e,n){t.classList?t.classList.add(e):t.className=(t.className+" "+e).trim(),n&&p(n)&&window.setTimeout((function(){return g(t,e)}),n)}function g(t,e,n){t.classList?t.classList.remove(e):t.className=t.className.replace(y(e)," ").trim(),n&&p(n)&&window.setTimeout((function(){return v(t,e)}),n)}var b=function(t){return this.Base=t,this.map=void 0,this.viewport=void 0,this.coordinateClicked=void 0,this.pixelClicked=void 0,this.lineHeight=0,this.items={},this.opened=!1,this.submenu={left:t.options.width-15+"px",lastLeft:""},this.eventHandler=this.handleEvent.bind(this),this};b.prototype.init=function(t){this.map=t,this.viewport=t.getViewport(),this.setListeners(),this.Base.Html.createMenu(),this.lineHeight=this.getItemsLength()>0?this.Base.container.offsetHeight/this.getItemsLength():this.Base.Html.cloneAndGetLineHeight()},b.prototype.getItemsLength=function(){var t=this,e=0;return Object.keys(this.items).forEach((function(n){t.items[n].submenu||t.items[n].separator||e++})),e},b.prototype.getPixelClicked=function(){return this.pixelClicked},b.prototype.getCoordinateClicked=function(){return this.coordinateClicked},b.prototype.positionContainer=function(t){var e=this,n=this.Base.container,o=this.map.getSize(),s=o[1]-t[1],r=o[0]-t[0],a=n.offsetWidth,l=Math.round(this.lineHeight*this.getItemsLength()),c=d("li."+i.submenu+">div",n,!0);r>=a?(n.style.right="auto",n.style.left=t[0]+5+"px"):(n.style.left="auto",n.style.right="15px"),s>=l?(n.style.bottom="auto",n.style.top=t[1]-10+"px"):(n.style.top="auto",n.style.bottom=0),function t(e,n,i){if(Array.isArray(e))e.forEach((function(e){return t(e,n,i)}));else for(var o=Array.isArray(n)?n:n.split(/\s+/),s=o.length;s--;)u(e,o[s])&&g(e,o[s],i)}(n,i.hidden),c.length&&(this.submenu.lastLeft=r<2*a?"-"+a+"px":this.submenu.left,c.forEach((function(t){var n,i,o,r={w:window.innerWidth||document.documentElement.clientWidth,h:window.innerHeight||document.documentElement.clientHeight},a=(i=(n=t).getBoundingClientRect(),o=document.documentElement,{left:i.left+window.pageXOffset-o.clientLeft,top:i.top+window.pageYOffset-o.clientTop,width:n.offsetWidth,height:n.offsetHeight}),l=a.height,c=s-l;c<0&&(c=l-(r.h-a.top),t.style.top="-"+c+"px"),t.style.left=e.submenu.lastLeft})))},b.prototype.openMenu=function(t,e){this.Base.dispatchEvent({type:s,pixel:t,coordinate:e}),this.opened=!0,this.positionContainer(t)},b.prototype.closeMenu=function(){this.opened=!1,function t(e,n,i){if(Array.isArray(e))e.forEach((function(e){return t(e,n)}));else for(var o=Array.isArray(n)?n:n.split(/\s+/),s=o.length;s--;)u(e,o[s])||v(e,o[s],i)}(this.Base.container,i.hidden),this.Base.dispatchEvent({type:r})},b.prototype.setListeners=function(){this.viewport.addEventListener(this.Base.options.eventType,this.eventHandler,!1)},b.prototype.removeListeners=function(){this.viewport.removeEventListener(this.Base.options.eventType,this.eventHandler,!1)},b.prototype.handleEvent=function(t){var e=this;this.coordinateClicked=this.map.getEventCoordinate(t),this.pixelClicked=this.map.getEventPixel(t),this.Base.dispatchEvent({type:o,pixel:this.pixelClicked,coordinate:this.coordinateClicked}),this.Base.disabled||(this.Base.options.eventType===a&&(t.stopPropagation(),t.preventDefault()),this.openMenu(this.pixelClicked,this.coordinateClicked),t.target.addEventListener("click",{handleEvent:function(n){e.closeMenu(),t.target.removeEventListener(n.type,this,!1)}},!1))},b.prototype.setItemListener=function(t,e){var n,i=this;t&&"function"==typeof this.items[e].callback&&(n=this.items[e].callback,t.addEventListener("click",(function(t){t.preventDefault();var o={coordinate:i.getCoordinateClicked(),data:i.items[e].data||null};i.closeMenu(),n(o,i.map)}),!1))};var C=function(t){return this.Base=t,this.Base.container=this.container=this.createContainer(!0),this};return C.prototype.createContainer=function(t){var e=document.createElement("div"),n=document.createElement("ul"),o=[i.container,i.unselectable];return t&&o.push(i.hidden),e.className=o.join(" "),e.style.width=parseInt(this.Base.options.width,10)+"px",e.appendChild(n),e},C.prototype.createMenu=function(){var t=[];if("items"in this.Base.options?t=this.Base.options.defaultItems?this.Base.options.items.concat(c):this.Base.options.items:this.Base.options.defaultItems&&(t=c),0===t.length)return!1;t.forEach(this.addMenuEntry,this)},C.prototype.addMenuEntry=function(t){var e,n=this;if(t.items&&Array.isArray(t.items)){t.classname=t.classname||"",e=i.submenu,~t.classname.indexOf(e)||(t.classname=t.classname.length?" "+i.submenu:i.submenu);var o=this.generateHtmlAndPublish(this.container,t),s=this.createContainer();s.style.left=this.Base.Internal.submenu.lastLeft||this.Base.Internal.submenu.left,o.appendChild(s),t.items.forEach((function(t){n.generateHtmlAndPublish(s,t,!0)}))}else this.generateHtmlAndPublish(this.container,t)},C.prototype.generateHtmlAndPublish=function(t,e,n){var o,s,r="_"+Math.random().toString(36).substr(2,9),a=!1;return"string"==typeof e&&"-"===e.trim()?(o=f('<li id="'+r+'" class="'+i.separator+'"><hr></li>'),s=[].slice.call(o.childNodes,0)[0],t.firstChild.appendChild(o),a=!0):(e.classname=e.classname||"",o=f("<span>"+e.text+"</span>"),s=document.createElement("li"),e.icon&&(""===e.classname?e.classname=i.icon:-1===e.classname.indexOf(i.icon)&&(e.classname+=" "+i.icon),s.setAttribute("style","background-image:url("+e.icon+")")),s.id=r,s.className=e.classname,s.appendChild(o),t.firstChild.appendChild(s)),this.Base.Internal.items[r]={id:r,submenu:n||0,separator:a,callback:e.callback,data:e.data||null},this.Base.Internal.setItemListener(s,r),s},C.prototype.removeMenuEntry=function(t){var e=d("#"+t,this.container.firstChild);e&&this.container.firstChild.removeChild(e),delete this.Base.Internal.items[t]},C.prototype.cloneAndGetLineHeight=function(){var t=this.container.cloneNode(),e=f("<span>Foo</span>"),n=f("<span>Foo</span>"),i=document.createElement("li"),o=document.createElement("li");i.appendChild(e),o.appendChild(n),t.appendChild(i),t.appendChild(o),this.container.parentNode.appendChild(t);var s=t.offsetHeight/2;return this.container.parentNode.removeChild(t),s},function(t){function e(e){void 0===e&&(e={}),h("object"==typeof e,"@param `opt_options` should be object type!"),this.options=function(t,e){var n={};for(var i in t)n[i]=t[i];for(var o in e)n[o]=e[o];return n}(l,e),this.disabled=!1,this.Internal=new b(this),this.Html=new C(this),t.call(this,{element:this.container})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.clear=function(){Object.keys(this.Internal.items).forEach(this.Html.removeMenuEntry,this.Html)},e.prototype.close=function(){this.Internal.closeMenu()},e.prototype.enable=function(){this.disabled=!1},e.prototype.disable=function(){this.disabled=!0},e.prototype.getDefaultItems=function(){return c},e.prototype.countItems=function(){return Object.keys(this.Internal.items).length},e.prototype.extend=function(t){h(Array.isArray(t),"@param `arr` should be an Array."),t.forEach(this.push,this)},e.prototype.isOpen=function(){return this.Internal.opened},e.prototype.updatePosition=function(t){h(Array.isArray(t),"@param `pixel` should be an Array."),this.isOpen()&&this.Internal.positionContainer(t)},e.prototype.pop=function(){var t=Object.keys(this.Internal.items);this.Html.removeMenuEntry(t[t.length-1])},e.prototype.push=function(t){h(null!=t,"@param `item` must be informed."),this.Html.addMenuEntry(t)},e.prototype.shift=function(){this.Html.removeMenuEntry(Object.keys(this.Internal.items)[0])},e.prototype.setMap=function(e){t.prototype.setMap.call(this,e),e?this.Internal.init(e,this):this.Internal.removeListeners()},e}(t)}));
+var S = Object.defineProperty;
+var k = (s, t, e) => t in s ? S(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var a = (s, t, e) => (k(s, typeof t != "symbol" ? t + "" : t, e), e);
+import T from "ol/control/Control";
+var M = /* @__PURE__ */ ((s) => (s.CONTEXTMENU = "contextmenu", s.CLICK = "click", s.DBLCLICK = "dblclick", s))(M || {}), p = /* @__PURE__ */ ((s) => (s.BEFOREOPEN = "beforeopen", s.OPEN = "open", s.CLOSE = "close", s.ADD_MENU_ENTRY = "add-menu-entry", s))(p || {});
+const O = {
+  width: 150,
+  scrollAt: 4,
+  eventType: M.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"
+}, x = [
+  {
+    text: "Zoom In",
+    classname: `${r.zoomIn} ${r.icon}`,
+    callback: (s, t) => {
+      const e = t.getView();
+      e.animate({
+        zoom: Number(e.getZoom()) + 1,
+        duration: 700,
+        center: s.coordinate
+      });
+    }
+  },
+  {
+    text: "Zoom Out",
+    classname: `${r.zoomOut} ${r.icon}`,
+    callback: (s, t) => {
+      const e = t.getView();
+      e.animate({
+        zoom: Number(e.getZoom()) - 1,
+        duration: 700,
+        center: s.coordinate
+      });
+    }
+  }
+];
+var w = { exports: {} };
+function b() {
+}
+b.prototype = {
+  on: function(s, t, e) {
+    var n = this.e || (this.e = {});
+    return (n[s] || (n[s] = [])).push({
+      fn: t,
+      ctx: e
+    }), this;
+  },
+  once: function(s, t, e) {
+    var n = this;
+    function i() {
+      n.off(s, i), t.apply(e, arguments);
+    }
+    return i._ = t, this.on(s, i, e);
+  },
+  emit: function(s) {
+    var t = [].slice.call(arguments, 1), e = ((this.e || (this.e = {}))[s] || []).slice(), n = 0, i = e.length;
+    for (n; n < i; n++)
+      e[n].fn.apply(e[n].ctx, t);
+    return this;
+  },
+  off: function(s, t) {
+    var e = this.e || (this.e = {}), n = e[s], i = [];
+    if (n && t)
+      for (var o = 0, l = n.length; o < l; o++)
+        n[o].fn !== t && n[o].fn._ !== t && i.push(n[o]);
+    return i.length ? e[s] = i : delete e[s], this;
+  }
+};
+w.exports = b;
+var D = w.exports.TinyEmitter = b;
+const y = new D();
+function E(s) {
+  const t = document.createDocumentFragment(), e = document.createElement("div");
+  for (e.innerHTML = s; e.firstChild; )
+    t.append(e.firstChild);
+  return t;
+}
+function I(s) {
+  const t = document.importNode(s), e = s.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 n = E("<span>Foo</span>"), i = E("<span>Foo</span>"), o = document.createElement("li"), l = document.createElement("li");
+  o.append(n), l.append(i), t.append(o), t.append(l), s.parentNode?.append(t);
+  const u = t.offsetHeight / 2;
+  return s.parentNode?.removeChild(t), u;
+}
+function L(s, t, e = !1) {
+  const n = `_${Math.random().toString(36).slice(2, 11)}`;
+  if (typeof t != "string" && "text" in t) {
+    const u = `<span>${t.text}</span>`, f = E(u), c = document.createElement("li");
+    return t.classname = t.classname || "", t.icon && (t.classname === "" ? t.classname = r.icon : t.classname.includes(r.icon) === !1 && (t.classname += ` ${r.icon}`), c.setAttribute("style", `background-image:url(${t.icon})`)), c.id = n, c.className = t.classname, c.append(f), s.append(c), y.emit(
+      p.ADD_MENU_ENTRY,
+      {
+        id: n,
+        isSubmenu: e,
+        isSeparator: !1,
+        callback: "callback" in t ? t.callback : null,
+        data: "data" in t ? t.data : null
+      },
+      c
+    ), c;
+  }
+  const i = `<li id="${n}" class="${r.separator}"><hr></li>`, o = E(i);
+  s.append(o);
+  const l = s.lastChild;
+  return y.emit(
+    p.ADD_MENU_ENTRY,
+    {
+      id: n,
+      isSubmenu: e,
+      isSeparator: !0,
+      callback: null,
+      data: null
+    },
+    l
+  ), l;
+}
+function v(s, t, e) {
+  t.forEach((n) => {
+    if (typeof n != "string" && "items" in n && Array.isArray(n.items)) {
+      const i = L(s, n, !0);
+      i.classList.add(r.submenu);
+      const o = document.createElement("ul");
+      o.classList.add(r.container), o.style.width = `${e}px`, i.append(o), v(o, n.items, e);
+    } else
+      L(s, n);
+  });
+}
+function g(s, t) {
+  if (!s)
+    throw new Error(t);
+}
+class z extends T {
+  constructor(e = {}) {
+    g(typeof e == "object", "@param `opts` should be object type!");
+    const n = document.createElement("div");
+    super({ element: n });
+    a(this, "map");
+    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 = { ...O, ...e };
+    const i = document.createElement("ul");
+    n.append(i), n.style.width = `${this.options.width}px`, n.classList.add(
+      r.container,
+      r.unselectable,
+      r.hidden
+    ), this.container = n, this.contextMenuEventListener = (o) => {
+      this.handleContextMenu(o);
+    }, this.entryCallbackEventListener = (o) => {
+      this.handleEntryCallback(o);
+    }, this.mapMoveListener = () => {
+      this.handleMapMove();
+    }, this.disabled = !1, this.opened = !1, y.on(
+      p.ADD_MENU_ENTRY,
+      (o, l) => {
+        this.handleAddMenuEntry(o, l);
+      },
+      this
+    );
+  }
+  clear() {
+    for (const e of this.menuEntries.keys())
+      this.removeMenuEntry(e);
+    this.container.replaceChildren();
+  }
+  enable() {
+    this.disabled = !1;
+  }
+  disable() {
+    this.disabled = !0;
+  }
+  getDefaultItems() {
+    return x;
+  }
+  countItems() {
+    return this.menuEntries.size;
+  }
+  extend(e) {
+    g(Array.isArray(e), "@param `items` should be an Array."), v(
+      this.container.firstElementChild,
+      e,
+      this.options.width
+    );
+  }
+  closeMenu() {
+    this.opened = !1, this.container.classList.add(r.hidden), this.dispatchEvent(p.CLOSE);
+  }
+  isOpen() {
+    return this.opened;
+  }
+  updatePosition(e) {
+    g(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, this.map.getViewport().addEventListener(this.options.eventType, this.contextMenuEventListener, !1), this.map.on("movestart", () => {
+        this.handleMapMove();
+      }), this.items = this.options.defaultItems ? this.options.items.concat(x) : this.options.items, v(
+        this.container.firstElementChild,
+        this.items,
+        this.options.width
+      );
+      const n = this.getMenuEntriesLength();
+      this.lineHeight = n > 0 ? this.container.offsetHeight / n : I(this.container);
+    } else
+      this.removeListeners(), this.clear();
+  }
+  removeListeners() {
+    this.map.getViewport().removeEventListener(this.options.eventType, this.contextMenuEventListener, !1);
+  }
+  removeMenuEntry(e) {
+    const n = document.getElementById(e);
+    n?.remove(), n?.removeEventListener("click", this.entryCallbackEventListener), this.menuEntries.delete(e);
+  }
+  handleContextMenu(e) {
+    this.coordinate = this.map.getEventCoordinate(e), this.pixel = this.map.getEventPixel(e), this.dispatchEvent({
+      type: p.BEFOREOPEN,
+      pixel: this.pixel,
+      coordinate: this.coordinate
+    }), !this.disabled && (this.options.eventType === M.CONTEXTMENU && (e.stopPropagation(), e.preventDefault()), this.openMenu(), e.target?.addEventListener(
+      "pointerdown",
+      (n) => {
+        this.opened && (n.stopPropagation(), this.closeMenu());
+      },
+      { once: !0 }
+    ));
+  }
+  openMenu() {
+    this.menuEntries.size !== 0 && (this.opened = !0, this.positionContainer(), this.container.classList.remove(r.hidden));
+  }
+  getMenuEntriesLength() {
+    return Array.from(this.menuEntries).filter(
+      ([, e]) => e.isSeparator === !1 || e.isSubmenu === !1
+    ).length;
+  }
+  positionContainer() {
+    const e = this.map.getSize() || [0, 0], n = {
+      w: e[0] - this.pixel[0],
+      h: e[1] - this.pixel[1]
+    }, i = {
+      w: this.container.offsetWidth,
+      h: Math.round(this.lineHeight * this.getMenuEntriesLength())
+    }, o = n.w >= i.w ? this.pixel[0] + 5 : this.pixel[0] - i.w;
+    this.container.style.left = `${o}px`, this.container.style.top = n.h >= i.h ? `${this.pixel[1] - 10}px` : `${this.pixel[1] - i.h}px`, this.container.style.right = "auto", this.container.style.bottom = "auto", n.w -= i.w;
+    const l = (c) => Array.from(c.children).filter(
+      (m) => m.tagName === "LI" && m.classList.contains(r.submenu)
+    );
+    let u = 0;
+    const f = (c, m) => {
+      u += 1, l(c).forEach((C) => {
+        const A = m >= i.w ? i.w - 8 : (i.w + 8) * -1, h = C.querySelector(
+          `ul.${r.container}`
+        ), $ = Math.round(
+          this.lineHeight * Array.from(h.children).filter((N) => N.tagName === "LI").length
+        );
+        h.style.left = `${A}px`, h.style.right = "auto", h.style.top = n.h >= $ + i.h ? "0" : `-${h.offsetHeight - 25}px`, h.style.bottom = "auto", h.style.zIndex = String(u), l(h).length > 0 && f(h, m - i.w);
+      });
+    };
+    f(this.container.firstElementChild, n.w);
+  }
+  handleMapMove() {
+    this.closeMenu();
+  }
+  handleEntryCallback(e) {
+    e.preventDefault(), e.stopPropagation();
+    const n = e.currentTarget, i = this.menuEntries.get(n.id);
+    if (!i)
+      return;
+    const o = {
+      coordinate: this.coordinate,
+      data: i.data
+    };
+    this.closeMenu(), i.callback?.(o, this.map);
+  }
+  handleAddMenuEntry(e, n) {
+    this.menuEntries.set(e.id, e), "callback" in e && typeof e.callback == "function" && n.addEventListener("click", this.entryCallbackEventListener, !1);
+  }
+}
+window.ol?.control && (window.ol.control.ContextMenu = z);
+export {
+  z as default
+};

package/dist/ol-contextmenu.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,53 +1,63 @@
 {
-  "name": "ol-contextmenu",
-  "version": "4.0.0",
-  "description": "Custom Context Menu for Openlayers",
-  "main": "dist/ol-contextmenu.js",
-  "author": "Jonatas Walker",
-  "homepage": "https://github.com/jonataswalker/ol-contextmenu",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/jonataswalker/ol-contextmenu.git"
-  },
-  "bugs": {
-    "url": "https://github.com/jonataswalker/ol-contextmenu/issues"
-  },
-  "files": [
-    "dist/"
-  ],
-  "scripts": {
-    "dev": "rollup -w -c",
-    "build": "rollup -c",
-    "test": "npm run build && npm run test:unit",
-    "test:unit": "jest",
-    "test:unit:watch": "jest --watch"
-  },
-  "dependencies": {},
-  "devDependencies": {
-    "@babel/core": "^7.7.2",
-    "@babel/preset-env": "^7.7.1",
-    "autoprefixer": "^9.7.2",
-    "babel-jest": "^24.9.0",
-    "canvas": "^2.6.0",
-    "eslint": "^6.6.0",
-    "eslint-config-jwalker": "^5.2.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-plugin-jest": "^23.0.4",
-    "eslint-plugin-prettier": "^3.1.1",
-    "jest": "^24.9.0",
-    "ol": "^6.1.1",
-    "postcss": "^7.0.23",
-    "prettier": "^1.19.1",
-    "rollup": "^1.27.2",
-    "rollup-plugin-buble": "^0.19.8",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-eslint": "^7.0.0",
-    "rollup-plugin-filesize": "^6.2.1",
-    "rollup-plugin-includepaths": "^0.2.3",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-sass": "^1.2.2",
-    "rollup-plugin-terser": "^5.1.2",
-    "should": "^13.2.3"
-  }
+    "name": "ol-contextmenu",
+    "version": "5.0.0-alpha",
+    "description": "Custom Context Menu for Openlayers",
+    "type": "module",
+    "main": "./dist/ol-contextmenu.umd.cjs",
+    "module": "./dist/ol-contextmenu.js",
+    "exports": {
+        ".": {
+            "import": "./dist/ol-contextmenu.js",
+            "require": "./dist/ol-contextmenu.umd.cjs"
+        }
+    },
+    "types": "./dist/ol-contextmenu.d.ts",
+    "author": "Jonatas Walker",
+    "homepage": "https://github.com/jonataswalker/ol-contextmenu",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git://github.com/jonataswalker/ol-contextmenu.git"
+    },
+    "bugs": {
+        "url": "https://github.com/jonataswalker/ol-contextmenu/issues"
+    },
+    "engines": {
+        "node": "^16 || ^18",
+        "npm": ">=8"
+    },
+    "files": [
+        "dist/"
+    ],
+    "scripts": {
+        "dev": "vite",
+        "build": "npm run generate-types && tsc && vite build",
+        "preview": "vite preview",
+        "lint": "eslint --cache --cache-location .eslintcache/ --ext .js .",
+        "lint:fix": "npm run lint -- --fix",
+        "generate-types": "tsc src/**/*.ts --declaration --declarationMap --emitDeclarationOnly --outdir dist",
+        "test": "npm run build && npm run test:unit",
+        "test:unit": "jest",
+        "test:unit:watch": "jest --watch"
+    },
+    "devDependencies": {
+        "@types/ol": "^6.5.3",
+        "@vitejs/plugin-legacy": "^2.0.1",
+        "canvas": "^2.9.3",
+        "eslint": "^8.22.0",
+        "eslint-config-jwalker": "^7.9.2",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-prettier": "^4.2.1",
+        "ol": "^7.0.0",
+        "prettier": "^2.7.1",
+        "rollup-plugin-terser": "^7.0.2",
+        "typescript": "^4.7.4",
+        "vite": "^3.0.9"
+    },
+    "peerDependencies": {
+        "ol": "^6.15.1"
+    },
+    "dependencies": {
+        "tiny-emitter": "^2.1.0"
+    }
 }