'+a.properties.name+\"
\"},popupOnHover:!0,highlightOnHover:!0,highlightFillColor:\"#FC8D59\",highlightBorderColor:\"rgba(250, 15, 160, 0.2)\",highlightBorderWidth:2,highlightBorderOpacity:1},projectionConfig:{rotation:[97,0]},bubblesConfig:{borderWidth:2,borderOpacity:1,borderColor:\"#FFFFFF\",popupOnHover:!0,radius:null,popupTemplate:function(a,b){return''+b.name+\"
\"},fillOpacity:.75,animate:!0,highlightOnHover:!0,highlightFillColor:\"#FC8D59\",highlightBorderColor:\"rgba(250, 15, 160, 0.2)\",highlightBorderWidth:2,highlightBorderOpacity:1,highlightFillOpacity:.85,exitDelay:100,key:JSON.stringify},arcConfig:{strokeColor:\"#DD1C77\",strokeWidth:1,arcSharpness:1,animationSpeed:600}};m.prototype.resize=function(){var a=this,b=a.options;if(b.responsive){var c=b.element.clientWidth,d=n.select(b.element).select(\"svg\").attr(\"data-width\");n.select(b.element).select(\"svg\").selectAll(\"g\").attr(\"transform\",\"scale(\"+c/d+\")\")}},m.prototype.draw=function(){function a(a){b.options.dataUrl&&n[b.options.dataType](b.options.dataUrl,function(a){if(\"csv\"===b.options.dataType&&a&&a.slice){for(var c={},d=0;d![]({\"src\": {\"breakpoint-mobile\": \"mobile.jpg\", \"default\": \"default.jpg\"}})
\r\n*\r\n* Additional configuration can be added with the `data-lazy-defer-config`, for example:\r\n*\r\n* ',\r\n 'Number of instruments in ',\r\n this.isTouchDevice() ? '' : '',\r\n geo.properties.name,\r\n this.isTouchDevice() ? '' : '',\r\n ': ' + info.count,\r\n '
'].join('');\r\n }\r\n },\r\n done: (datamap) => {\r\n var svg = datamap.svg,\r\n filterKey = null,\r\n url;\r\n\r\n if(this.isTouchDevice()) {\r\n svg.selectAll('.datamaps-subunit').on('touchend', (geography) => {\r\n if(this.markerData[geography.id]) {\r\n if(filterKey == this.markerData[geography.id].filter) {\r\n var url = this.markerData[geography.id].url;\r\n if(url) {\r\n window.location.href = url;\r\n }\r\n }\r\n filterKey = this.markerData[geography.id].filter;\r\n }\r\n });\r\n\r\n this.element.on('touchend', '.hoverinfo', function(geography) {\r\n url = $(this).find('a').data('url');\r\n if(url) {\r\n window.location.href = url;\r\n }\r\n });\r\n\r\n }\r\n\r\n svg.selectAll('.datamaps-subunit').on('click', (geography) => {\r\n if(!this.isTouchDevice()) {\r\n if(this.markerData[geography.id]) {\r\n var url = this.markerData[geography.id].url;\r\n if(url) {\r\n window.location.href = url;\r\n }\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n this.map = new Datamap(options);\r\n }\r\n\r\n initDropdown() {\r\n var dropdown = this.element.find('.world-map-block-dropdown');\r\n (dropdown as any).select2({\r\n sorter: data => data.sort((a, b) => a.text.localeCompare(b.text))\r\n });\r\n\r\n $.each(this.regulations, (index, regulation) => {\r\n var text = regulation.name + ' (' + regulation.count + ')';\r\n dropdown.append(new Option(text, regulation.url, false, false))\r\n });\r\n\r\n dropdown.trigger('change');\r\n\r\n dropdown.on('select2:select', (e: any) => {\r\n var data = e.params.data;\r\n window.location.href = data.id;\r\n });\r\n }\r\n\r\n initListeners() {\r\n $(window).on('resize', () => {\r\n if(!this.isTouchDevice() && this.map) {\r\n this.map.resize();\r\n }\r\n });\r\n }\r\n\r\n placeMarkers() {\r\n\r\n // Place markers on map\r\n for( var i = 0; i < this.regulations.length; i++) {\r\n\r\n var key = this.regulations[i].key.toUpperCase();\r\n var filter = this.regulations[i].filter;\r\n var name = this.regulations[i].name;\r\n var count = this.regulations[i].count;\r\n var url = this.regulations[i].url;\r\n\r\n if(!this.markerData.hasOwnProperty(key)) {\r\n this.markerData[key] = {};\r\n }\r\n\r\n this.markerData[key] = {\r\n 'fillKey' : 'LOW',\r\n 'count': count,\r\n 'filter' : filter,\r\n 'url': url\r\n };\r\n }\r\n }\r\n\r\n setRegulations() {\r\n $.get('/umbraco/api/country/getall')\r\n .done((res) => {\r\n if(res.length) {\r\n for(var i = 0; i < res.length; i++) {\r\n if(this.regulations.filter(x => x.key == res[i].key).length == 0) {\r\n this.regulations.push(res[i])\r\n }\r\n }\r\n }\r\n }).always(() => {\r\n this.init();\r\n });\r\n }\r\n\r\n isTouchDevice() {\r\n return 'ontouchstart' in window // works on most browsers\r\n || navigator.maxTouchPoints; // works on IE10/11 and Surface\r\n };\r\n\r\n}\r\n\r\n/**\r\n* On DOM ready\r\n*/\r\n$(function () {\r\n\r\n $('#region-map-svg').each(function() {\r\n new WorldMap($(this));\r\n });\r\n});\r\n"]}