"use strict"; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } // jQuery Vector Map Demo // ============================================================= var JqvMapDemo = /*#__PURE__*/ function () { function JqvMapDemo() { _classCallCheck(this, JqvMapDemo); this.init(); } _createClass(JqvMapDemo, [{ key: "init", value: function init() { toastr.options.closeButton = true; toastr.options.progressBar = true; toastr.options.positionClass = 'toast-bottom-right'; // event handlers this.handleWorld(); this.handleUSA(); this.handleEurope(); this.handleGermany(); } }, { key: "handleWorld", value: function handleWorld() { var sample_data = { 'af': '16.63', 'al': '11.58', 'dz': '158.97', 'ao': '85.81', 'ag': '1.1', 'ar': '351.02', 'am': '8.83', 'au': '1219.72', 'at': '366.26', 'az': '52.17', 'bs': '7.54', 'bh': '21.73', 'bd': '105.4', 'bb': '3.96', 'by': '52.89', 'be': '461.33', 'bz': '1.43', 'bj': '6.49', 'bt': '1.4', 'bo': '19.18', 'ba': '16.2', 'bw': '12.5', 'br': '2023.53', 'bn': '11.96', 'bg': '44.84', 'bf': '8.67', 'bi': '1.47', 'kh': '11.36', 'cm': '21.88', 'ca': '1563.66', 'cv': '1.57', 'cf': '2.11', 'td': '7.59', 'cl': '199.18', 'cn': '5745.13', 'co': '283.11', 'km': '0.56', 'cd': '12.6', 'cg': '11.88', 'cr': '35.02', 'ci': '22.38', 'hr': '59.92', 'cy': '22.75', 'cz': '195.23', 'dk': '304.56', 'dj': '1.14', 'dm': '0.38', 'do': '50.87', 'ec': '61.49', 'eg': '216.83', 'sv': '21.8', 'gq': '14.55', 'er': '2.25', 'ee': '19.22', 'et': '30.94', 'fj': '3.15', 'fi': '231.98', 'fr': '2555.44', 'ga': '12.56', 'gm': '1.04', 'ge': '11.23', 'de': '3305.9', 'gh': '18.06', 'gr': '305.01', 'gd': '0.65', 'gt': '40.77', 'gn': '4.34', 'gw': '0.83', 'gy': '2.2', 'ht': '6.5', 'hn': '15.34', 'hk': '226.49', 'hu': '132.28', 'is': '12.77', 'in': '1430.02', 'id': '695.06', 'ir': '337.9', 'iq': '84.14', 'ie': '204.14', 'il': '201.25', 'it': '2036.69', 'jm': '13.74', 'jp': '5390.9', 'jo': '27.13', 'kz': '129.76', 'ke': '32.42', 'ki': '0.15', 'kr': '986.26', 'undefined': '5.73', 'kw': '117.32', 'kg': '4.44', 'la': '6.34', 'lv': '23.39', 'lb': '39.15', 'ls': '1.8', 'lr': '0.98', 'ly': '77.91', 'lt': '35.73', 'lu': '52.43', 'mk': '9.58', 'mg': '8.33', 'mw': '5.04', 'my': '218.95', 'mv': '1.43', 'ml': '9.08', 'mt': '7.8', 'mr': '3.49', 'mu': '9.43', 'mx': '1004.04', 'md': '5.36', 'mn': '5.81', 'me': '3.88', 'ma': '91.7', 'mz': '10.21', 'mm': '35.65', 'na': '11.45', 'np': '15.11', 'nl': '770.31', 'nz': '138', 'ni': '6.38', 'ne': '5.6', 'ng': '206.66', 'no': '413.51', 'om': '53.78', 'pk': '174.79', 'pa': '27.2', 'pg': '8.81', 'py': '17.17', 'pe': '153.55', 'ph': '189.06', 'pl': '438.88', 'pt': '223.7', 'qa': '126.52', 'ro': '158.39', 'ru': '1476.91', 'rw': '5.69', 'ws': '0.55', 'st': '0.19', 'sa': '434.44', 'sn': '12.66', 'rs': '38.92', 'sc': '0.92', 'sl': '1.9', 'sg': '217.38', 'sk': '86.26', 'si': '46.44', 'sb': '0.67', 'za': '354.41', 'es': '1374.78', 'lk': '48.24', 'kn': '0.56', 'lc': '1', 'vc': '0.58', 'sd': '65.93', 'sr': '3.3', 'sz': '3.17', 'se': '444.59', 'ch': '522.44', 'sy': '59.63', 'tw': '426.98', 'tj': '5.58', 'tz': '22.43', 'th': '312.61', 'tl': '0.62', 'tg': '3.07', 'to': '0.3', 'tt': '21.2', 'tn': '43.86', 'tr': '729.05', 'tm': 0, 'ug': '17.12', 'ua': '136.56', 'ae': '239.65', 'gb': '2258.57', 'us': '14624.18', 'uy': '40.71', 'uz': '37.72', 'vu': '0.72', 've': '285.21', 'vn': '101.99', 'ye': '30.02', 'zm': '15.69', 'zw': '5.57' }; $('#vmap-world').vectorMap({ map: 'world_en', backgroundColor: null, color: Looper.getLightColor(), hoverOpacity: 0.7, selectedColor: Looper.colors.brand.pink, enableZoom: true, showTooltip: true, values: sample_data, scaleColors: [Looper.colors.brand.teal, Looper.colors.brand.green], normalizeFunction: 'polynomial', onRegionClick: function onRegionClick(element, code, region) { var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase()); toastr.remove(); toastr.info(message); } }); } }, { key: "handleUSA", value: function handleUSA() { $('#vmap-usa').vectorMap({ map: 'usa_en', backgroundColor: null, color: Looper.colors.brand.teal, enableZoom: true, showTooltip: true, selectedColor: null, hoverColor: null, colors: { mo: Looper.colors.brand.yellow, fl: Looper.colors.brand.yellow, or: Looper.colors.brand.yellow }, onRegionClick: function onRegionClick(e, code, region) { e.preventDefault(); var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase()); toastr.remove(); toastr.info(message); } }); } }, { key: "handleEurope", value: function handleEurope() { $('#vmap-europe').vectorMap({ map: 'europe_en', backgroundColor: null, color: Looper.colors.brand.teal, hoverColor: Looper.colors.brand.yellow, enableZoom: false, showTooltip: false, onRegionClick: function onRegionClick(element, code, region) { var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase()); toastr.remove(); toastr.info(message); } }); } }, { key: "handleGermany", value: function handleGermany() { $('#vmap-germany').vectorMap({ map: 'germany_en', backgroundColor: null, color: Looper.colors.brand.teal, hoverColor: Looper.colors.brand.green, onRegionClick: function onRegionClick(element, code, region) { var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase()); toastr.remove(); toastr.info(message); } }); } }]); return JqvMapDemo; }(); /** * Keep in mind that your scripts may not always be executed after the theme is completely ready, * you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready. */ $(document).on('theme:init', function () { new JqvMapDemo(); });