var gmmap = new function () {
    var config, mapScript, src, siteID;
    var basicConfig = {"dataURL":     "https://www.gatemastertickets.com/mapadmin/mapconfig.aspx",
 "css": "\r\n    .gmEventMap_OuterContainer {\r\n        position:relative;\r\n        background-color:rgba(200,200,200,.8);\r\n        border:1px solid rgba(200,200,200,.8);\r\n    }\r\n    .gmEventMap_OuterContainer *{\r\n        box-sizing: border-box !important;\r\n    }\r\n    .gmEventMap_OuterContainer img.sizingMap {\r\n        width:100%;\r\n        height:auto;\r\n        max-width:100%;\r\n        opacity:0;\r\n    }\r\n\r\n    .gmEventMap_OuterContainer span.control {\r\n        cursor:pointer;\r\n        background-color:#aaa;\r\n        padding:1em;\r\n        margin:1em;\r\n    }\r\n\r\n    \r\n\r\n    #gmEventMap {\r\n        position:relative;\r\n        overflow:hidden;\r\n    }\r\n\r\n    #gmEventMap .mapWrapper {\r\n        position:absolute;\r\n        top:0px;\r\n        left:0px;\r\n        min-width:100%;\r\n        min-height:100%;\r\n    }\r\n\r\n    #gmEventMap .mapWrapper {\r\n        /*overflow:hidden;*/\r\n    }\r\n\r\n    #gmEventMap .innerScale{\r\n        overflow:visible;\r\n    }\r\n\r\n     #gmEventMap .mapWrapper .locations {\r\n        position:absolute;\r\n        top:0px;\r\n        left:0px;\r\n        overflow:visible;\r\n    }\r\n    #gmEventMap .seat {\r\n        position:absolute;\r\n        overflow:visible;\r\n        border-radius:50%;\r\n        cursor:pointer;\r\n        text-align:center;\r\n    }\r\n\r\n    #gmEventMap .seat.selected {\r\n        border:.25em solid #fff;\r\n    }\r\n\r\n    #gmEventMap.labelsfalse .seat .info {\r\n        display:none;\r\n    }\r\n\r\n\r\n    #gmEventMap .seat .info {\r\n        height:100%;\r\n        line-height:100%;\r\n        text-align:center;\r\n        font-size:.7em;\r\n    }\r\n    #gmEventMap .seat .info span {\r\n        display:none;\r\n    }\r\n\r\n    .gmEventMap_OuterContainer .mapKey {\r\n        position:absolute;\r\n        bottom:1em;\r\n        right:1em;\r\n        width: 30%;\r\n        background-color:rgba(50,50,50,.5);\r\n        text-align:center;\r\n    }\r\n\r\n     .gmEventMap_OuterContainer .mapKey .sectionKey{\r\n        display:inline-block; margin:5px;\r\n        padding:.5em 1em;\r\n    }\r\n\r\n    /*.mapControls {\r\n        width:100%;\r\n        background-color:rgba(50,50,50,.5);\r\n        text-align:center;\r\n        padding:.25em;\r\n    }*/\r\n\r\n    .mapControls {\r\n        position:absolute;\r\n        top:1em;\r\n        right:1em;\r\n        width:3em;\r\n        z-index:100;\r\n    }\r\n    .mapControls img {\r\n        width:100%;\r\n        max-width:100%;\r\n        height:auto;\r\n    }\r\n    .mapControls .range-input {\r\n        width:280px;\r\n        margin:0 .5em;\r\n    }\r\n    .mapControls #mapReset{\r\n        line-height:20px;\r\n        cursor:pointer;\r\n        background-color:#aaa;\r\n        text-align:center;\r\n        display:inline-block;\r\n        padding:.5em 1em;\r\n        margin:0 .5em;\r\n    }\r\n\r\n    .selectionInfo .proceedToCheckout {\r\n        float:right;\r\n        background-color:#38c363;\r\n        padding:.25em 1em;\r\n        margin:.25em;\r\n        cursor:pointer;\r\n    }\r\n    .selectionInfo .proceedToCheckout:only-child {\r\n        display:none;\r\n    }\r\n    .selectionInfo {\r\n        text-align:left;\r\n        padding:1em .5em .5em .5em;\r\n    }\r\n\r\n    .selectionInfo span.x, .selectionInfo span.y, .selectionInfo .seatID {\r\n        display:none;\r\n    }\r\n    .selectionInfo strong, .selectionInfo span {\r\n        margin-right:1em;\r\n    }\r\n    .selectionInfo .remove {\r\n        cursor:pointer;\r\n        font-weight:bold;\r\n        color:#c33838;\r\n    }\r\n    .selectionInfo strong {\r\n        display:inline-block;\r\n        min-width:120px;\r\n    }\r\n    .selectionInfo .price {\r\n        display:inline-block;\r\n        min-width:30px;\r\n    }\r\n    .selectionInfo:after {\r\n        content:\u0027\u0027;\r\n        height:1px;\r\n        width:100%;\r\n        display:block;\r\n        clear:both;\r\n    }\r\n    .desktop { display: none;}\r\n    .desktop .zoom {\r\n        cursor:pointer;\r\n    }\r\n\r\n    .mobile { display: block;}\r\n\r\n\r\n    @media (min-width: 768px) {\r\n\r\n      .desktop { display: block !important; }\r\n\r\n      .mobile { display: none !important; }\r\n\r\n    }\r\n\r\n\r\n",
 "settings":    {"site":"SVRA"}};
    var seatData;
    var $container;

    var loadConfig = function (siteid) {
        alert(siteid);
    }

    var getMySrc = function () {
        var scripts = document.getElementsByTagName('script');
        var index = scripts.length - 1;
        mapScript = scripts[index];
        src = mapScript.src;
    }

    this.init = function () {
        console.log("Map init()");
        getMySrc();
        siteID = getParameterByName("site", src);
    }

    this.getConfiguration = function (site = siteID) {
        if (config == null || siteID !== site) {
            siteID = site;
            var configDataURL = basicConfig.dataURL + "?site=" + siteID + "&configonly=true";
            console.log("Loading configuration for " + site);
            //load new config data
            $.ajax({
                url: configDataURL,
                dataType: 'jsonp',
                success: function (data) {
                    config = data;
                    generateMap();
                    getSeatData();
                }
            });
        }
        else {
            //config data already loaded
            generateMap();
        }
    }

    this.loadMap = function(siteID) {
        this.getConfiguration(siteID);
    }

    var getSeatData = function(){
            console.log("Loading seat data for " + siteID);
            $.ajax({
                url: config.ajaxURL,
                dataType: 'json',
                success: function (data) {
                    seatData = data;
                    loadSeatData();
                },
                error: function (textStatus, errorThrown) {
                    Success = false;
                }
            });
    }

    var loadSeatData = function() {
        for (var s = 0; s < seatData.Sections.length; s++) {
            var sec = seatData.Sections[s];
            for (var r = 0; r < sec.Rows.length; r++) {
                 var row = sec.Rows[r];
                 for (var se = 0; se < row.Seats.length; se++) {
                     var seat = row.Seats[se];
                        var $seat = $("#seat-" + seat.lngAssignID);
                        $seat.attr("class","seat sold-" + seat.fSold);
                        $(".price", $seat).text(seat.curPrice);
                 }
            }
        }
        $(".seat").click(function(){
            var $s = $(this);
            if ($s.hasClass("sold-false") && $s.hasClass("selected") == false){
                console.log("Add seat " + $s.attr("id"));
                $s.addClass("selected");
                var $seatInfo = $(".info", $s).clone(true).appendTo(".selectionInfo", $s.closest(".gmEventMap_OuterContainer"));
            }
            else {
                console.log("Seat " + $s.attr("id") + " unavailable");
                $(".info", ".selectionInfo").filter(function(){
                    return $(".seatID", this).text() === $s.attr("id").replace("seat-","");
                }).remove();
                $s.removeClass("selected");
            }
        });
        $(".remove", ".seat").click(function(){
            console.log("Remove Seat");
            $("#seat-" + $(".seatID", $(this).parent()).text()).removeClass("selected");
            $(this).parent().remove();
        });
    }

    var generateMap = function(){
        if ($container == null) {

            console.log("Generating map for " + siteID);
            $container = $('<div class="gmEventMap_OuterContainer" id="gmEventMap_OuterContainer_' + siteID  + '"></div>');
            $container.insertAfter(mapScript);
        }

        $container.html("");

        //add style sheets to container
        var $mapStyles = $('<style type="text/css">' + basicConfig.css + '</style>');
        $container.append($mapStyles);



        mapStyleElm = document.createElement("style");
        document.head.appendChild(mapStyleElm);
        var mapStyles = mapStyleElm.sheet;


        $infoSection = $("<div class='infoSection'></div>");
        //$container.append($infoSection);

        $mapControls = $('<div class="mapControls"><div class="desktop"><img src="https://www.gatemastertickets.com/mapadmin/zoomin.png" id="mapzoomin" class="zoom"/><img src="https://www.gatemastertickets.com/mapadmin/zoomout.png" id="mapzoomout" class="zoom"/></div><img src="https://www.gatemastertickets.com/mapadmin/mobile-instructions.png" class="mobile"/></div>');

        $container.append($mapControls);

        $eventMap = $('<div id="gmEventMap" class=" labels' + basicConfig.settings.showLabels + ' date' + basicConfig.settings.selectDate + ' multiple' + basicConfig.settings.selectMultiple + '"><img class="sizingMap" /></div>');
        $mapWrapper = $('<div class="mapWrapper"><div class="innerScale"><img class="map" /><div class="locations"></div></div></div>');

        $eventMap.append($mapWrapper);

        $container.append($eventMap);


        $mapKey = $('<div class="mapKey"></div>');

        $eventMap.append($mapKey);

        $selectionInfo = $('<div class="selectionInfo"><strong class="button proceedToCheckout">Add to Cart</strong></div>');


        $container.append($selectionInfo);

        $(".proceedToCheckout", $container).click(function(){
            var checkoutAddress = seatData.EcommerceSubmitURL + "?CompanyID=" + basicConfig.settings.CompanyID + "&dateStart=" + basicConfig.settings.dateStart + "&lngMerchItemID=" + basicConfig.settings.lngMerchItemID + "&lngSlot=" + basicConfig.settings.lngSlot + "&lngAssignID=";
            var seatSelections = "";
            $(".info", $selectionInfo).each(function(){
                seatSelections += $(".seatID", this).text() + ",";
            });
//debugger;
            alert(checkoutAddress + seatSelections.substring(0, seatSelections.length -1));
        });


        $("img", $eventMap).attr("src", config.mapURL);

        $("img.map", $eventMap).one("load", function () {
            var scale = $eventMap.width() / this.naturalWidth;

            $(this).parent().attr("style", "transform: scale(" + scale + "); transform-origin:0 0;");

        }).each(function () {
            if (this.complete) {
                //$(this).load();
            }
        });
        for (var s = 0; s < config.config.Sections.length; s++) {
            var sec = config.config.Sections[s];
            $mapKey.append('<div class="sectionKey" style="background-color:' + sec.color + '">' + sec.strSectionName + '</div>');
            // if ("color" in sec == false) { sec.color = "#f00"; }
            //if ("x" in sec == false) { sec.x = "30px"; }
            //if ("y" in sec == false) { sec.y = "30px"; }
            var sectionName = "sec-" + convertToClass(sec.strSectionName);


            mapStyles.insertRule('#' + sectionName + ' .seat{ background-color:' + sec.color + ';width:' + sec.x + ';height:' + sec.y + ';}', mapStyles.cssRules.length);
            mapStyles.insertRule('#' + sectionName + ' .seat div.info { line-height:' + sec.y + ';}', mapStyles.cssRules.length);


            $displaySection = $('<div id="' + sectionName + '"></div>');
            for (var r = 0; r < sec.Rows.length; r++) {
                $displaySection.append(generateSectionRow(sec.Rows[r], sectionName, r));
            }
            $(".locations", $mapWrapper).append($displaySection);


        }
        var panzoom = Panzoom($mapWrapper[0], {
            maxScale: 5,
            minScale: .5,

        });

        $mapWrapper[0].parentElement.addEventListener('wheel', panzoom.zoomWithWheel);


        document.getElementById("mapzoomin").addEventListener('click', panzoom.zoomIn);
        document.getElementById("mapzoomout").addEventListener('click', panzoom.zoomOut);
        //document.getElementById("mapReset").addEventListener('click', panzoom.reset);
        //document.getElementById("mapZoomSlider").addEventListener('input', (event) => {
        //    panzoom.zoom(event.target.valueAsNumber);
        //});

        
    };

    function generateSectionRow(json, id, sCount) {
        var $seats = $('<div id="' + id + '_Row' + sCount + '" class="mapRow"></div>');
        for (var s = 0; s < json.Seats.length; s++) {
            var seat = json.Seats[s];
            if ("x" in seat == false) { seat.x = s * 40 + "px"; }
            if ("y" in seat == false) { seat.y = sCount * 40 + "px"; }
                $seats.append('<div class="seat" id="seat-' + seat.lngAssignID + '" style="top:' + seat.y + '; left:' + seat.x + '"><div class="info"><strong>' + seat.strSeatName + '</strong><span class="x">' + seat.x + '</span><span class="y">' + seat.y + '</span><span class="price"></span><span class="remove">Delete</span><span class="seatID">' + seat.lngAssignID + '</span></div></div>')
        }
        return $seats
    }

    var convertToClass = function (input) {
        return input.replace(/([^a-z0-9]+)/gi, '-');
    }

    var getParameterByName = function (name, url = window.location.href) {
        name = name.replace(/[\[\]]/g, '\\$&');
        var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, ' '));
    }

}



$(document).ready(function () {
    gmmap.init();
    gmmap.getConfiguration();
});




/**
* Panzoom for panning and zooming elements using CSS transforms
* Copyright Timmy Willison and other contributors
* https://github.com/timmywil/panzoom/blob/master/MIT-License.txt
*/
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Panzoom=e()}(this,function(){"use strict";var C=function(){return(C=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function T(t,e){for(var n=t.length;n--;)if(t[n].pointerId===e.pointerId)return n;return-1}function N(t,e){if(e.touches)for(var n=0,o=0,r=e.touches;o<r.length;o++){var a=r[o];a.pointerId=n++,N(t,a)}else-1<(n=T(t,e))&&t.splice(n,1),t.push(e)}function L(t){for(var e,n=(t=t.slice(0)).pop();e=t.pop();)n={clientX:(e.clientX-n.clientX)/2+n.clientX,clientY:(e.clientY-n.clientY)/2+n.clientY};return n}function I(t){if(t.length<2)return 0;var e=t[0],t=t[1];return Math.sqrt(Math.pow(Math.abs(t.clientX-e.clientX),2)+Math.pow(Math.abs(t.clientY-e.clientY),2))}"undefined"!=typeof window&&(window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:null};var n=document.createEvent("CustomEvent");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}));var V={down:"mousedown",move:"mousemove",up:"mouseup mouseleave"};function W(t,e,n,o){V[t].split(" ").forEach(function(t){e.addEventListener(t,n,o)})}function Z(t,e,n){V[t].split(" ").forEach(function(t){e.removeEventListener(t,n)})}"undefined"!=typeof window&&("function"==typeof window.PointerEvent?V={down:"pointerdown",move:"pointermove",up:"pointerup pointerleave pointercancel"}:"function"==typeof window.TouchEvent&&(V={down:"touchstart",move:"touchmove",up:"touchend touchcancel"}));var a,i="undefined"!=typeof document&&!!document.documentMode;var l=["webkit","moz","ms"],c={};function q(t){if(c[t])return c[t];var e=a=a||document.createElement("div").style;if(t in e)return c[t]=t;for(var n=t[0].toUpperCase()+t.slice(1),o=l.length;o--;){var r=""+l[o]+n;if(r in e)return c[t]=r}}function r(t,e){return parseFloat(e[q(t)])||0}function s(t,e,n){var o="border"===e?"Width":"";return{left:r(e+"Left"+o,n=void 0===n?window.getComputedStyle(t):n),right:r(e+"Right"+o,n),top:r(e+"Top"+o,n),bottom:r(e+"Bottom"+o,n)}}function B(t,e,n){t.style[q(e)]=n}function D(t){var e=t.parentNode,n=window.getComputedStyle(t),o=window.getComputedStyle(e),r=t.getBoundingClientRect(),a=e.getBoundingClientRect();return{elem:{style:n,width:r.width,height:r.height,top:r.top,bottom:r.bottom,left:r.left,right:r.right,margin:s(t,"margin",n),border:s(t,"border",n)},parent:{style:o,width:a.width,height:a.height,top:a.top,bottom:a.bottom,left:a.left,right:a.right,padding:s(e,"padding",o),border:s(e,"border",o)}}}var F=/^http:[\w\.\/]+svg$/;var G={animate:!1,canvas:!1,cursor:"move",disablePan:!1,disableZoom:!1,disableXAxis:!1,disableYAxis:!1,duration:200,easing:"ease-in-out",exclude:[],excludeClass:"panzoom-exclude",handleStartEvent:function(t){t.preventDefault(),t.stopPropagation()},maxScale:4,minScale:.125,overflow:"hidden",panOnlyWhenZoomed:!1,relative:!1,setTransform:function(t,e,n){var o=e.x,r=e.y,a=e.scale,e=e.isSVG;B(t,"transform","scale("+a+") translate("+o+"px, "+r+"px)"),e&&i&&(e=window.getComputedStyle(t).getPropertyValue("transform"),t.setAttribute("transform",e))},startX:0,startY:0,startScale:1,step:.3,touchAction:"none"};function t(d,f){if(!d)throw new Error("Panzoom requires an element as an argument");if(1!==d.nodeType)throw new Error("Panzoom requires an element with a nodeType of 1");if(t=(e=d).ownerDocument,e=e.parentNode,!(t&&e&&9===t.nodeType&&1===e.nodeType&&t.documentElement.contains(e)))throw new Error("Panzoom should be called on elements that have been attached to the DOM");var t;f=C(C({},G),f);var e,c=(e=d,F.test(e.namespaceURI)&&"svg"!==e.nodeName.toLowerCase()),n=d.parentNode;n.style.overflow=f.overflow,n.style.userSelect="none",n.style.touchAction=f.touchAction,(f.canvas?n:d).style.cursor=f.cursor,d.style.userSelect="none",d.style.touchAction=f.touchAction,B(d,"transformOrigin","string"==typeof f.origin?f.origin:c?"0 0":"50% 50%");var o,r,a,i,l,s,m=0,h=0,v=1,p=!1;function u(t,e,n){n.silent||(e=new CustomEvent(t,{detail:e}),d.dispatchEvent(e))}function g(t,e,n){var o={x:m,y:h,scale:v,isSVG:c,originalEvent:n};return requestAnimationFrame(function(){var t;"boolean"==typeof e.animate&&(e.animate?(t=e,B(d,"transition",q("transform")+" "+t.duration+"ms "+t.easing)):B(d,"transition","none")),e.setTransform(d,o,e)}),u(t,o,e),u("panzoomchange",o,e),o}function y(){var t,e,n;f.contain&&(e=(n=D(d)).parent.width-n.parent.border.left-n.parent.border.right,t=n.parent.height-n.parent.border.top-n.parent.border.bottom,e=e/(n.elem.width/v),n=t/(n.elem.height/v),"inside"===f.contain?f.maxScale=Math.min(e,n):"outside"===f.contain&&(f.minScale=Math.max(e,n)))}function w(t,e,n,o){var r,a,i,l,c,s,p=C(C({},f),o),u={x:m,y:h,opts:p};return!p.force&&(p.disablePan||p.panOnlyWhenZoomed&&v===p.startScale)||(t=parseFloat(t),e=parseFloat(e),p.disableXAxis||(u.x=(p.relative?m:0)+t),p.disableYAxis||(u.y=(p.relative?h:0)+e),p.contain&&(t=((o=(a=(r=D(d)).elem.width/v)*n)-a)/2,e=((a=(e=r.elem.height/v)*n)-e)/2,"inside"===p.contain?(i=(-r.elem.margin.left-r.parent.padding.left+t)/n,l=(r.parent.width-o-r.parent.padding.left-r.elem.margin.left-r.parent.border.left-r.parent.border.right+t)/n,u.x=Math.max(Math.min(u.x,l),i),c=(-r.elem.margin.top-r.parent.padding.top+e)/n,s=(r.parent.height-a-r.parent.padding.top-r.elem.margin.top-r.parent.border.top-r.parent.border.bottom+e)/n,u.y=Math.max(Math.min(u.y,s),c)):"outside"===p.contain&&(i=(-(o-r.parent.width)-r.parent.padding.left-r.parent.border.left-r.parent.border.right+t)/n,l=(t-r.parent.padding.left)/n,u.x=Math.max(Math.min(u.x,l),i),c=(-(a-r.parent.height)-r.parent.padding.top-r.parent.border.top-r.parent.border.bottom+e)/n,s=(e-r.parent.padding.top)/n,u.y=Math.max(Math.min(u.y,s),c)))),u}function b(t,e){var n=C(C({},f),e),e={scale:v,opts:n};return!n.force&&n.disableZoom||(e.scale=Math.min(Math.max(t,n.minScale),n.maxScale)),e}function x(t,e,n,o){e=w(t,e,v,n),n=e.opts;return m=e.x,h=e.y,g("panzoompan",n,o)}function S(t,e,n){var o=b(t,e),r=o.opts;if(r.force||!r.disableZoom){t=o.scale;var a=m,e=h;r.focal&&(a=((o=r.focal).x/t-o.x/v+m*t)/t,e=(o.y/t-o.y/v+h*t)/t);e=w(a,e,t,{relative:!1,force:!0});return m=e.x,h=e.y,v=t,g("panzoomzoom",r,n)}}function E(t,e){e=C(C(C({},f),{animate:!0}),e);return S(v*Math.exp((t?1:-1)*e.step),e)}function O(t,e,n,o){var r=D(d),a=r.parent.width-r.parent.padding.left-r.parent.padding.right-r.parent.border.left-r.parent.border.right,i=r.parent.height-r.parent.padding.top-r.parent.padding.bottom-r.parent.border.top-r.parent.border.bottom,l=e.clientX-r.parent.left-r.parent.padding.left-r.parent.border.left-r.elem.margin.left,e=e.clientY-r.parent.top-r.parent.padding.top-r.parent.border.top-r.elem.margin.top;c||(l-=r.elem.width/v/2,e-=r.elem.height/v/2);i={x:l/a*(a*t),y:e/i*(i*t)};return S(t,C(C({animate:!1},n),{focal:i}),o)}S(f.startScale,{animate:!1}),setTimeout(function(){y(),x(f.startX,f.startY,{animate:!1})});var M=[];function P(t){!function(t,e){for(var n,o,r=t;null!=r;r=r.parentNode)if(n=r,o=e.excludeClass,1===n.nodeType&&-1<(" "+(n.getAttribute("class")||"").trim()+" ").indexOf(" "+o+" ")||-1<e.exclude.indexOf(r))return 1}(t.target,f)&&(N(M,t),p=!0,f.handleStartEvent(t),u("panzoomstart",{x:o=m,y:r=h,scale:v,isSVG:c,originalEvent:t},f),t=L(M),a=t.clientX,i=t.clientY,l=v,s=I(M))}function A(t){var e;p&&void 0!==o&&void 0!==r&&void 0!==a&&void 0!==i&&(N(M,t),e=L(M),1<M.length?(0===s&&(s=I(M)),O(b((I(M)-s)*f.step/80+l).scale,e)):x(o+(e.clientX-a)/v,r+(e.clientY-i)/v,{animate:!1},t))}function z(t){1===M.length&&u("panzoomend",{x:m,y:h,scale:v,isSVG:c,originalEvent:t},f),function(t,e){if(e.touches)for(;t.length;)t.pop();else{e=T(t,e);-1<e&&t.splice(e,1)}}(M,t),p&&(p=!1,o=r=a=i=void 0)}var X=!1;function Y(){X||(X=!0,W("down",f.canvas?n:d,P),W("move",document,A,{passive:!0}),W("up",document,z,{passive:!0}))}return f.noBind||Y(),{bind:Y,destroy:function(){X=!1,Z("down",f.canvas?n:d,P),Z("move",document,A),Z("up",document,z)},eventNames:V,getPan:function(){return{x:m,y:h}},getScale:function(){return v},getOptions:function(){return function(t){var e,n={};for(e in t)t.hasOwnProperty(e)&&(n[e]=t[e]);return n}(f)},pan:x,reset:function(t){var e=C(C(C({},f),{animate:!0,force:!0}),t);return v=b(e.startScale,e).scale,t=w(e.startX,e.startY,v,e),m=t.x,h=t.y,g("panzoomreset",e)},resetStyle:function(){n.style.overflow="",n.style.userSelect="",n.style.touchAction="",n.style.cursor="",d.style.cursor="",d.style.userSelect="",d.style.touchAction="",B(d,"transformOrigin","")},setOptions:function(t){for(var e in t=void 0===t?{}:t)t.hasOwnProperty(e)&&(f[e]=t[e]);(t.hasOwnProperty("cursor")||t.hasOwnProperty("canvas"))&&(n.style.cursor=d.style.cursor="",(f.canvas?n:d).style.cursor=f.cursor),t.hasOwnProperty("overflow")&&(n.style.overflow=t.overflow),t.hasOwnProperty("touchAction")&&(n.style.touchAction=t.touchAction,d.style.touchAction=t.touchAction),(t.hasOwnProperty("minScale")||t.hasOwnProperty("maxScale")||t.hasOwnProperty("contain"))&&y()},setStyle:function(t,e){return B(d,t,e)},zoom:S,zoomIn:function(t){return E(!0,t)},zoomOut:function(t){return E(!1,t)},zoomToPoint:O,zoomWithWheel:function(t,e){t.preventDefault();var n=C(C({},f),e),e=0===t.deltaY&&t.deltaX?t.deltaX:t.deltaY;return O(b(v*Math.exp((e<0?1:-1)*n.step/3),n).scale,t,n)}}}return t.defaultOptions=G,t});