UNPKG

react-svg-zoom-map

Version:

A react map component can load TopoJson with county, town, village layer.

8 lines 51.7 kB
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("d3")):"function"==typeof define&&define.amd?define(["react","d3"],t):"object"==typeof exports?exports.ReactSvgZoomMap=t(require("react"),require("d3")):e.ReactSvgZoomMap=t(e.React,e.d3)}(window,(function(e,t){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=37)}([function(t,n){t.exports=e},function(e,t,n){e.exports=n(13)()},function(e,t,n){"use strict";var r=n(4),o=n(16),a=Object.prototype.toString;function i(e){return"[object Array]"===a.call(e)}function u(e){return null!==e&&"object"==typeof e}function s(e){return"[object Function]"===a.call(e)}function c(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===a.call(e)},isBuffer:o,isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:u,isUndefined:function(e){return void 0===e},isDate:function(e){return"[object Date]"===a.call(e)},isFile:function(e){return"[object File]"===a.call(e)},isBlob:function(e){return"[object Blob]"===a.call(e)},isFunction:s,isStream:function(e){return u(e)&&s(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:c,merge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]=n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},deepMerge:function e(){var t={};function n(n,r){"object"==typeof t[r]&&"object"==typeof n?t[r]=e(t[r],n):t[r]="object"==typeof n?e({},n):n}for(var r=0,o=arguments.length;r<o;r++)c(arguments[r],n);return t},extend:function(e,t,n){return c(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}}},function(e,n){e.exports=t},function(e,t,n){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},function(e,t,n){"use strict";var r=n(2);function o(e){return encodeURIComponent(e).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var a;if(n)a=n(t);else if(r.isURLSearchParams(t))a=t.toString();else{var i=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),i.push(o(t)+"="+o(e))})))})),a=i.join("&")}if(a){var u=e.indexOf("#");-1!==u&&(e=e.slice(0,u)),e+=(-1===e.indexOf("?")?"?":"&")+a}return e}},function(e,t,n){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},function(e,t,n){"use strict";(function(t){var r=n(2),o=n(22),a={"Content-Type":"application/x-www-form-urlencoded"};function i(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var u,s={adapter:(void 0!==t&&"[object process]"===Object.prototype.toString.call(t)?u=n(8):"undefined"!=typeof XMLHttpRequest&&(u=n(8)),u),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(i(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(i(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(e){return e>=200&&e<300}};s.headers={common:{Accept:"application/json, text/plain, */*"}},r.forEach(["delete","get","head"],(function(e){s.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){s.headers[e]=r.merge(a)})),e.exports=s}).call(this,n(21))},function(e,t,n){"use strict";var r=n(2),o=n(23),a=n(5),i=n(25),u=n(26),s=n(9);e.exports=function(e){return new Promise((function(t,c){var f=e.data,l=e.headers;r.isFormData(f)&&delete l["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var d=e.auth.username||"",h=e.auth.password||"";l.Authorization="Basic "+btoa(d+":"+h)}if(p.open(e.method.toUpperCase(),a(e.url,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var n="getAllResponseHeaders"in p?i(p.getAllResponseHeaders()):null,r={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:n,config:e,request:p};o(t,c,r),p=null}},p.onabort=function(){p&&(c(s("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){c(s("Network Error",e,null,p)),p=null},p.ontimeout=function(){c(s("timeout of "+e.timeout+"ms exceeded",e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var m=n(27),v=(e.withCredentials||u(e.url))&&e.xsrfCookieName?m.read(e.xsrfCookieName):void 0;v&&(l[e.xsrfHeaderName]=v)}if("setRequestHeader"in p&&r.forEach(l,(function(e,t){void 0===f&&"content-type"===t.toLowerCase()?delete l[t]:p.setRequestHeader(t,e)})),e.withCredentials&&(p.withCredentials=!0),e.responseType)try{p.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),c(e),p=null)})),void 0===f&&(f=null),p.send(f)}))}},function(e,t,n){"use strict";var r=n(24);e.exports=function(e,t,n,o,a){var i=new Error(e);return r(i,t,n,o,a)}},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){t=t||{};var n={};return r.forEach(["url","method","params","data"],(function(e){void 0!==t[e]&&(n[e]=t[e])})),r.forEach(["headers","auth","proxy"],(function(o){r.isObject(t[o])?n[o]=r.deepMerge(e[o],t[o]):void 0!==t[o]?n[o]=t[o]:r.isObject(e[o])?n[o]=r.deepMerge(e[o]):void 0!==e[o]&&(n[o]=e[o])})),r.forEach(["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"],(function(r){void 0!==t[r]?n[r]=t[r]:void 0!==e[r]&&(n[r]=e[r])})),n}},function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},function(e,t,n){e.exports=n(15)},function(e,t,n){"use strict";var r=n(14);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";var r=n(2),o=n(4),a=n(17),i=n(10);function u(e){var t=new a(e),n=o(a.prototype.request,t);return r.extend(n,a.prototype,t),r.extend(n,t),n}var s=u(n(7));s.Axios=a,s.create=function(e){return u(i(s.defaults,e))},s.Cancel=n(11),s.CancelToken=n(30),s.isCancel=n(6),s.all=function(e){return Promise.all(e)},s.spread=n(31),e.exports=s,e.exports.default=s},function(e,t){ /*! * Determine if an object is a Buffer * * @author Feross Aboukhadijeh <https://feross.org> * @license MIT */ e.exports=function(e){return null!=e&&null!=e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}},function(e,t,n){"use strict";var r=n(2),o=n(5),a=n(18),i=n(19),u=n(10);function s(e){this.defaults=e,this.interceptors={request:new a,response:new a}}s.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=u(this.defaults,e)).method=e.method?e.method.toLowerCase():"get";var t=[i,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},s.prototype.getUri=function(e){return e=u(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){s.prototype[e]=function(t,n){return this.request(r.merge(n||{},{method:e,url:t}))}})),r.forEach(["post","put","patch"],(function(e){s.prototype[e]=function(t,n,o){return this.request(r.merge(o||{},{method:e,url:t,data:n}))}})),e.exports=s},function(e,t,n){"use strict";var r=n(2);function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},function(e,t,n){"use strict";var r=n(2),o=n(20),a=n(6),i=n(7),u=n(28),s=n(29);function c(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return c(e),e.baseURL&&!u(e.url)&&(e.url=s(e.baseURL,e.url)),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers||{}),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||i.adapter)(e).then((function(t){return c(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return a(t)||(c(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},function(e,t){var n,r,o=e.exports={};function a(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function u(e){if(n===setTimeout)return setTimeout(e,0);if((n===a||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:a}catch(e){n=a}try{r="function"==typeof clearTimeout?clearTimeout:i}catch(e){r=i}}();var s,c=[],f=!1,l=-1;function p(){f&&s&&(f=!1,s.length?c=s.concat(c):l=-1,c.length&&d())}function d(){if(!f){var e=u(p);f=!0;for(var t=c.length;t;){for(s=c,c=[];++l<t;)s&&s[l].run();l=-1,t=c.length}s=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===i||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||u(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},function(e,t,n){"use strict";var r=n(9);e.exports=function(e,t,n){var o=n.config.validateStatus;!o||o(n.status)?e(n):t(r("Request failed with status code "+n.status,n.config,null,n.request,n))}},function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},function(e,t,n){"use strict";var r=n(2),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,a,i={};return e?(r.forEach(e.split("\n"),(function(e){if(a=e.indexOf(":"),t=r.trim(e.substr(0,a)).toLowerCase(),n=r.trim(e.substr(a+1)),t){if(i[t]&&o.indexOf(t)>=0)return;i[t]="set-cookie"===t?(i[t]?i[t]:[]).concat([n]):i[t]?i[t]+", "+n:n}})),i):i}},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,a,i){var u=[];u.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&u.push("expires="+new Date(n).toGMTString()),r.isString(o)&&u.push("path="+o),r.isString(a)&&u.push("domain="+a),!0===i&&u.push("secure"),document.cookie=u.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},function(e,t,n){"use strict";var r=n(11);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},function(e,t,n){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},function(e,t,n){var r=n(33);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(35)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(34)(!1)).push([e.i,".react-svg-zoom-map {\n overflow: hidden;\n}\n\n.react-svg-zoom-map .controls {\n position: absolute;\n z-index: 2\n}\n\n.react-svg-zoom-map .labels {\n position: absolute;\n z-index: 1\n}\n\n.react-svg-zoom-map >svg {\n display: block;\n overflow: visible;\n position: relative;\n z-index: 0;\n}\n\n.react-svg-zoom-map .map-item-path {\n fill: #eee;\n stroke: #000;\n stroke-width: 0.5;\n transition: fill 0.3s;\n cursor: pointer;\n}\n\n.react-svg-zoom-map .map-item-path:hover {\n fill: #aaa;\n}\n\n.react-svg-zoom-map .map-g {\n will-change: transform;\n}\n\n.react-svg-zoom-map .pin {\n cursor: pointer;\n}\n\n.react-svg-zoom-map .pin.-layer-0 {\n pointer-events: none;\n}\n",""])},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(i=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(s," */")),a=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot).concat(e," */")}));return[n].concat(a).concat([o]).join("\n")}var i,u,s;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(n,"}"):n})).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];null!=a&&(r[a]=!0)}for(var i=0;i<e.length;i++){var u=e[i];null!=u[0]&&r[u[0]]||(n&&!u[2]?u[2]=n:n&&(u[2]="(".concat(u[2],") and (").concat(n,")")),t.push(u))}},t}},function(e,t,n){var r,o,a={},i=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),u=function(e,t){return t?t.querySelector(e):document.querySelector(e)},s=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=u.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),c=null,f=0,l=[],p=n(36);function d(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=a[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(b(r.parts[i],t))}else{var u=[];for(i=0;i<r.parts.length;i++)u.push(b(r.parts[i],t));a[r.id]={id:r.id,refs:1,parts:u}}}}function h(e,t){for(var n=[],r={},o=0;o<e.length;o++){var a=e[o],i=t.base?a[0]+t.base:a[0],u={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(u):n.push(r[i]={id:i,parts:[u]})}return n}function m(e,t){var n=s(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=l[l.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),l.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=s(e.insertAt.before,n);n.insertBefore(t,o)}}function v(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=l.indexOf(e);t>=0&&l.splice(t,1)}function g(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return y(t,e.attrs),m(e,t),t}function y(e,t){Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])}))}function b(e,t){var n,r,o,a;if(t.transform&&e.css){if(!(a="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=a}if(t.singleton){var i=f++;n=c||(c=g(t)),r=S.bind(null,n,i,!1),o=S.bind(null,n,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",y(t,e.attrs),m(e,t),t}(t),r=O.bind(null,n,t),o=function(){v(n),n.href&&URL.revokeObjectURL(n.href)}):(n=g(t),r=C.bind(null,n),o=function(){v(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=i()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=h(e,t);return d(n,t),function(e){for(var r=[],o=0;o<n.length;o++){var i=n[o];(u=a[i.id]).refs--,r.push(u)}e&&d(h(e,t),t);for(o=0;o<r.length;o++){var u;if(0===(u=r[o]).refs){for(var s=0;s<u.parts.length;s++)u.parts[s]();delete a[u.id]}}}};var w,x=(w=[],function(e,t){return w[e]=t,w.filter(Boolean).join("\n")});function S(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=x(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function C(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function O(e,t,n){var r=n.css,o=n.sourceMap,a=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||a)&&(r=p(r)),o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),u=e.href;e.href=URL.createObjectURL(i),u&&URL.revokeObjectURL(u)}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(e,t){var o,a=t.trim().replace(/^"(.*)"$/,(function(e,t){return t})).replace(/^'(.*)'$/,(function(e,t){return t}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?e:(o=0===a.indexOf("//")?a:0===a.indexOf("/")?n+a:r+a.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")}))}},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a),u=n(3),s=function(e){return e},c=function(e){if(null==e)return s;var t,n,r=e.scale[0],o=e.scale[1],a=e.translate[0],i=e.translate[1];return function(e,u){u||(t=n=0);var s=2,c=e.length,f=new Array(c);for(f[0]=(t+=e[0])*r+a,f[1]=(n+=e[1])*o+i;s<c;)f[s]=e[s],++s;return f}},f=function(e,t){for(var n,r=e.length,o=r-t;o<--r;)n=e[o],e[o++]=e[r],e[r]=n},l=function(e,t){return"GeometryCollection"===t.type?{type:"FeatureCollection",features:t.geometries.map((function(t){return p(e,t)}))}:p(e,t)};function p(e,t){var n=t.id,r=t.bbox,o=null==t.properties?{}:t.properties,a=d(e,t);return null==n&&null==r?{type:"Feature",properties:o,geometry:a}:null==r?{type:"Feature",id:n,properties:o,geometry:a}:{type:"Feature",id:n,bbox:r,properties:o,geometry:a}}function d(e,t){var n=c(e.transform),r=e.arcs;function o(e,t){t.length&&t.pop();for(var o=r[e<0?~e:e],a=0,i=o.length;a<i;++a)t.push(n(o[a],a));e<0&&f(t,i)}function a(e){return n(e)}function i(e){for(var t=[],n=0,r=e.length;n<r;++n)o(e[n],t);return t.length<2&&t.push(t[0]),t}function u(e){for(var t=i(e);t.length<4;)t.push(t[0]);return t}function s(e){return e.map(u)}return function e(t){var n,r=t.type;switch(r){case"GeometryCollection":return{type:r,geometries:t.geometries.map(e)};case"Point":n=a(t.coordinates);break;case"MultiPoint":n=t.coordinates.map(a);break;case"LineString":n=i(t.arcs);break;case"MultiLineString":n=t.arcs.map(i);break;case"Polygon":n=s(t.arcs);break;case"MultiPolygon":n=t.arcs.map(s);break;default:return null}return{type:r,coordinates:n}}(t)}var h={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},m={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},v=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective"],g={CSS:{},springs:{}};function y(e,t,n){return Math.min(Math.max(e,t),n)}function b(e,t){return e.indexOf(t)>-1}function w(e,t){return e.apply(null,t)}var x={arr:function(e){return Array.isArray(e)},obj:function(e){return b(Object.prototype.toString.call(e),"Object")},pth:function(e){return x.obj(e)&&e.hasOwnProperty("totalLength")},svg:function(e){return e instanceof SVGElement},inp:function(e){return e instanceof HTMLInputElement},dom:function(e){return e.nodeType||x.svg(e)},str:function(e){return"string"==typeof e},fnc:function(e){return"function"==typeof e},und:function(e){return void 0===e},hex:function(e){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(e)},rgb:function(e){return/^rgb/.test(e)},hsl:function(e){return/^hsl/.test(e)},col:function(e){return x.hex(e)||x.rgb(e)||x.hsl(e)},key:function(e){return!h.hasOwnProperty(e)&&!m.hasOwnProperty(e)&&"targets"!==e&&"keyframes"!==e}};function S(e){var t=/\(([^)]+)\)/.exec(e);return t?t[1].split(",").map((function(e){return parseFloat(e)})):[]}function C(e,t){var n=S(e),r=y(x.und(n[0])?1:n[0],.1,100),o=y(x.und(n[1])?100:n[1],.1,100),a=y(x.und(n[2])?10:n[2],.1,100),i=y(x.und(n[3])?0:n[3],.1,100),u=Math.sqrt(o/r),s=a/(2*Math.sqrt(o*r)),c=s<1?u*Math.sqrt(1-s*s):0,f=1,l=s<1?(s*u-i)/c:-i+u;function p(e){var n=t?t*e/1e3:e;return n=s<1?Math.exp(-n*s*u)*(f*Math.cos(c*n)+l*Math.sin(c*n)):(f+l*n)*Math.exp(-n*u),0===e||1===e?e:1-n}return t?p:function(){var t=g.springs[e];if(t)return t;for(var n=0,r=0;;)if(1===p(n+=1/6)){if(++r>=16)break}else r=0;var o=n*(1/6)*1e3;return g.springs[e]=o,o}}function O(e){return void 0===e&&(e=10),function(t){return Math.round(t*e)*(1/e)}}var E,M,R=function(){var e=11,t=1/(e-1);function n(e,t){return 1-3*t+3*e}function r(e,t){return 3*t-6*e}function o(e){return 3*e}function a(e,t,a){return((n(t,a)*e+r(t,a))*e+o(t))*e}function i(e,t,a){return 3*n(t,a)*e*e+2*r(t,a)*e+o(t)}return function(n,r,o,u){if(0<=n&&n<=1&&0<=o&&o<=1){var s=new Float32Array(e);if(n!==r||o!==u)for(var c=0;c<e;++c)s[c]=a(c*t,n,o);return function(e){return n===r&&o===u?e:0===e||1===e?e:a(f(e),r,u)}}function f(r){for(var u=0,c=1,f=e-1;c!==f&&s[c]<=r;++c)u+=t;var l=u+(r-s[--c])/(s[c+1]-s[c])*t,p=i(l,n,o);return p>=.001?function(e,t,n,r){for(var o=0;o<4;++o){var u=i(t,n,r);if(0===u)return t;t-=(a(t,n,r)-e)/u}return t}(r,l,n,o):0===p?l:function(e,t,n,r,o){var i,u,s=0;do{(i=a(u=t+(n-t)/2,r,o)-e)>0?n=u:t=u}while(Math.abs(i)>1e-7&&++s<10);return u}(r,u,u+t,n,o)}}}(),N=(E={linear:function(){return function(e){return e}}},M={Sine:function(){return function(e){return 1-Math.cos(e*Math.PI/2)}},Circ:function(){return function(e){return 1-Math.sqrt(1-e*e)}},Back:function(){return function(e){return e*e*(3*e-2)}},Bounce:function(){return function(e){for(var t,n=4;e<((t=Math.pow(2,--n))-1)/11;);return 1/Math.pow(4,3-n)-7.5625*Math.pow((3*t-2)/22-e,2)}},Elastic:function(e,t){void 0===e&&(e=1),void 0===t&&(t=.5);var n=y(e,1,10),r=y(t,.1,2);return function(e){return 0===e||1===e?e:-n*Math.pow(2,10*(e-1))*Math.sin((e-1-r/(2*Math.PI)*Math.asin(1/n))*(2*Math.PI)/r)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach((function(e,t){M[e]=function(){return function(e){return Math.pow(e,t+2)}}})),Object.keys(M).forEach((function(e){var t=M[e];E["easeIn"+e]=t,E["easeOut"+e]=function(e,n){return function(r){return 1-t(e,n)(1-r)}},E["easeInOut"+e]=function(e,n){return function(r){return r<.5?t(e,n)(2*r)/2:1-t(e,n)(-2*r+2)/2}}})),E);function j(e,t){if(x.fnc(e))return e;var n=e.split("(")[0],r=N[n],o=S(e);switch(n){case"spring":return C(e,t);case"cubicBezier":return w(R,o);case"steps":return w(O,o);default:return w(r,o)}}function T(e){try{return document.querySelectorAll(e)}catch(e){return}}function k(e,t){for(var n=e.length,r=arguments.length>=2?arguments[1]:void 0,o=[],a=0;a<n;a++)if(a in e){var i=e[a];t.call(r,i,a,e)&&o.push(i)}return o}function A(e){return e.reduce((function(e,t){return e.concat(x.arr(t)?A(t):t)}),[])}function P(e){return x.arr(e)?e:(x.str(e)&&(e=T(e)||e),e instanceof NodeList||e instanceof HTMLCollection?[].slice.call(e):[e])}function D(e,t){return e.some((function(e){return e===t}))}function L(e){var t={};for(var n in e)t[n]=e[n];return t}function B(e,t){var n=L(e);for(var r in e)n[r]=t.hasOwnProperty(r)?t[r]:e[r];return n}function U(e,t){var n=L(e);for(var r in t)n[r]=x.und(e[r])?t[r]:e[r];return n}function I(e){return x.rgb(e)?(n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(t=e))?"rgba("+n[1]+",1)":t:x.hex(e)?function(e){var t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(e,t,n,r){return t+t+n+n+r+r})),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return"rgba("+parseInt(n[1],16)+","+parseInt(n[2],16)+","+parseInt(n[3],16)+",1)"}(e):x.hsl(e)?function(e){var t,n,r,o=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(e)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(e),a=parseInt(o[1],10)/360,i=parseInt(o[2],10)/100,u=parseInt(o[3],10)/100,s=o[4]||1;function c(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(0==i)t=n=r=u;else{var f=u<.5?u*(1+i):u+i-u*i,l=2*u-f;t=c(l,f,a+1/3),n=c(l,f,a),r=c(l,f,a-1/3)}return"rgba("+255*t+","+255*n+","+255*r+","+s+")"}(e):void 0;var t,n}function q(e){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(e);if(t)return t[1]}function F(e,t){return x.fnc(e)?e(t.target,t.id,t.total):e}function z(e,t){return e.getAttribute(t)}function _(e,t,n){if(D([n,"deg","rad","turn"],q(t)))return t;var r=g.CSS[t+n];if(!x.und(r))return r;var o=document.createElement(e.tagName),a=e.parentNode&&e.parentNode!==document?e.parentNode:document.body;a.appendChild(o),o.style.position="absolute",o.style.width=100+n;var i=100/o.offsetWidth;a.removeChild(o);var u=i*parseFloat(t);return g.CSS[t+n]=u,u}function H(e,t,n){if(t in e.style){var r=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),o=e.style[t]||getComputedStyle(e).getPropertyValue(r)||"0";return n?_(e,o,n):o}}function J(e,t){return x.dom(e)&&!x.inp(e)&&(z(e,t)||x.svg(e)&&e[t])?"attribute":x.dom(e)&&D(v,t)?"transform":x.dom(e)&&"transform"!==t&&H(e,t)?"css":null!=e[t]?"object":void 0}function W(e){if(x.dom(e)){for(var t,n=e.style.transform||"",r=/(\w+)\(([^)]*)\)/g,o=new Map;t=r.exec(n);)o.set(t[1],t[2]);return o}}function $(e,t,n,r){var o=b(t,"scale")?1:0+function(e){return b(e,"translate")||"perspective"===e?"px":b(e,"rotate")||b(e,"skew")?"deg":void 0}(t),a=W(e).get(t)||o;return n&&(n.transforms.list.set(t,a),n.transforms.last=t),r?_(e,a,r):a}function V(e,t,n,r){switch(J(e,t)){case"transform":return $(e,t,r,n);case"css":return H(e,t,n);case"attribute":return z(e,t);default:return e[t]||0}}function G(e,t){var n=/^(\*=|\+=|-=)/.exec(e);if(!n)return e;var r=q(e)||0,o=parseFloat(t),a=parseFloat(e.replace(n[0],""));switch(n[0][0]){case"+":return o+a+r;case"-":return o-a+r;case"*":return o*a+r}}function X(e,t){if(x.col(e))return I(e);if(/\s/g.test(e))return e;var n=q(e),r=n?e.substr(0,e.length-n.length):e;return t?r+t:r}function Q(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}function Y(e){for(var t,n=e.points,r=0,o=0;o<n.numberOfItems;o++){var a=n.getItem(o);o>0&&(r+=Q(t,a)),t=a}return r}function Z(e){if(e.getTotalLength)return e.getTotalLength();switch(e.tagName.toLowerCase()){case"circle":return function(e){return 2*Math.PI*z(e,"r")}(e);case"rect":return function(e){return 2*z(e,"width")+2*z(e,"height")}(e);case"line":return function(e){return Q({x:z(e,"x1"),y:z(e,"y1")},{x:z(e,"x2"),y:z(e,"y2")})}(e);case"polyline":return Y(e);case"polygon":return function(e){var t=e.points;return Y(e)+Q(t.getItem(t.numberOfItems-1),t.getItem(0))}(e)}}function K(e,t){var n=t||{},r=n.el||function(e){for(var t=e.parentNode;x.svg(t)&&x.svg(t.parentNode);)t=t.parentNode;return t}(e),o=r.getBoundingClientRect(),a=z(r,"viewBox"),i=o.width,u=o.height,s=n.viewBox||(a?a.split(" "):[0,0,i,u]);return{el:r,viewBox:s,x:s[0]/1,y:s[1]/1,w:i/s[2],h:u/s[3]}}function ee(e,t){function n(n){void 0===n&&(n=0);var r=t+n>=1?t+n:0;return e.el.getPointAtLength(r)}var r=K(e.el,e.svg),o=n(),a=n(-1),i=n(1);switch(e.property){case"x":return(o.x-r.x)*r.w;case"y":return(o.y-r.y)*r.h;case"angle":return 180*Math.atan2(i.y-a.y,i.x-a.x)/Math.PI}}function te(e,t){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,r=X(x.pth(e)?e.totalLength:e,t)+"";return{original:r,numbers:r.match(n)?r.match(n).map(Number):[0],strings:x.str(e)||t?r.split(n):[]}}function ne(e){return k(e?A(x.arr(e)?e.map(P):P(e)):[],(function(e,t,n){return n.indexOf(e)===t}))}function re(e){var t=ne(e);return t.map((function(e,n){return{target:e,id:n,total:t.length,transforms:{list:W(e)}}}))}function oe(e,t){var n=L(t);if(/^spring/.test(n.easing)&&(n.duration=C(n.easing)),x.arr(e)){var r=e.length;2===r&&!x.obj(e[0])?e={value:e}:x.fnc(t.duration)||(n.duration=t.duration/r)}var o=x.arr(e)?e:[e];return o.map((function(e,n){var r=x.obj(e)&&!x.pth(e)?e:{value:e};return x.und(r.delay)&&(r.delay=n?0:t.delay),x.und(r.endDelay)&&(r.endDelay=n===o.length-1?t.endDelay:0),r})).map((function(e){return U(e,n)}))}function ae(e,t){var n=[],r=t.keyframes;for(var o in r&&(t=U(function(e){for(var t=k(A(e.map((function(e){return Object.keys(e)}))),(function(e){return x.key(e)})).reduce((function(e,t){return e.indexOf(t)<0&&e.push(t),e}),[]),n={},r=function(r){var o=t[r];n[o]=e.map((function(e){var t={};for(var n in e)x.key(n)?n==o&&(t.value=e[n]):t[n]=e[n];return t}))},o=0;o<t.length;o++)r(o);return n}(r),t)),t)x.key(o)&&n.push({name:o,tweens:oe(t[o],e)});return n}function ie(e,t){var n;return e.tweens.map((function(r){var o=function(e,t){var n={};for(var r in e){var o=F(e[r],t);x.arr(o)&&1===(o=o.map((function(e){return F(e,t)}))).length&&(o=o[0]),n[r]=o}return n.duration=parseFloat(n.duration),n.delay=parseFloat(n.delay),n}(r,t),a=o.value,i=x.arr(a)?a[1]:a,u=q(i),s=V(t.target,e.name,u,t),c=n?n.to.original:s,f=x.arr(a)?a[0]:c,l=q(f)||q(s),p=u||l;return x.und(i)&&(i=c),o.from=te(f,p),o.to=te(G(i,f),p),o.start=n?n.end:0,o.end=o.start+o.delay+o.duration+o.endDelay,o.easing=j(o.easing,o.duration),o.isPath=x.pth(a),o.isColor=x.col(o.from.original),o.isColor&&(o.round=1),n=o,o}))}var ue={css:function(e,t,n){return e.style[t]=n},attribute:function(e,t,n){return e.setAttribute(t,n)},object:function(e,t,n){return e[t]=n},transform:function(e,t,n,r,o){if(r.list.set(t,n),t===r.last||o){var a="";r.list.forEach((function(e,t){a+=t+"("+e+") "})),e.style.transform=a}}};function se(e,t){re(e).forEach((function(e){for(var n in t){var r=F(t[n],e),o=e.target,a=q(r),i=V(o,n,a,e),u=G(X(r,a||q(i)),i),s=J(o,n);ue[s](o,n,u,e.transforms,!0)}}))}function ce(e,t){return k(A(e.map((function(e){return t.map((function(t){return function(e,t){var n=J(e.target,t.name);if(n){var r=ie(t,e),o=r[r.length-1];return{type:n,property:t.name,animatable:e,tweens:r,duration:o.end,delay:r[0].delay,endDelay:o.endDelay}}}(e,t)}))}))),(function(e){return!x.und(e)}))}function fe(e,t){var n=e.length,r=function(e){return e.timelineOffset?e.timelineOffset:0},o={};return o.duration=n?Math.max.apply(Math,e.map((function(e){return r(e)+e.duration}))):t.duration,o.delay=n?Math.min.apply(Math,e.map((function(e){return r(e)+e.delay}))):t.delay,o.endDelay=n?o.duration-Math.max.apply(Math,e.map((function(e){return r(e)+e.duration-e.endDelay}))):t.endDelay,o}var le=0;var pe,de=[],he=[],me=function(){function e(){pe=requestAnimationFrame(t)}function t(t){var n=de.length;if(n){for(var r=0;r<n;){var o=de[r];if(o.paused){var a=de.indexOf(o);a>-1&&(de.splice(a,1),n=de.length)}else o.tick(t);r++}e()}else pe=cancelAnimationFrame(pe)}return e}();function ve(e){void 0===e&&(e={});var t,n=0,r=0,o=0,a=0,i=null;function u(e){var t=window.Promise&&new Promise((function(e){return i=e}));return e.finished=t,t}var s=function(e){var t=B(h,e),n=B(m,e),r=ae(n,e),o=re(e.targets),a=ce(o,r),i=fe(a,n),u=le;return le++,U(t,{id:u,children:[],animatables:o,animations:a,duration:i.duration,delay:i.delay,endDelay:i.endDelay})}(e);u(s);function c(){var e=s.direction;"alternate"!==e&&(s.direction="normal"!==e?"normal":"reverse"),s.reversed=!s.reversed,t.forEach((function(e){return e.reversed=s.reversed}))}function f(e){return s.reversed?s.duration-e:e}function l(){n=0,r=f(s.currentTime)*(1/ve.speed)}function p(e,t){t&&t.seek(e-t.timelineOffset)}function d(e){for(var t=0,n=s.animations,r=n.length;t<r;){var o=n[t],a=o.animatable,i=o.tweens,u=i.length-1,c=i[u];u&&(c=k(i,(function(t){return e<t.end}))[0]||c);for(var f=y(e-c.start-c.delay,0,c.duration)/c.duration,l=isNaN(f)?1:c.easing(f),p=c.to.strings,d=c.round,h=[],m=c.to.numbers.length,v=void 0,g=0;g<m;g++){var b=void 0,w=c.to.numbers[g],x=c.from.numbers[g]||0;b=c.isPath?ee(c.value,l*w):x+l*(w-x),d&&(c.isColor&&g>2||(b=Math.round(b*d)/d)),h.push(b)}var S=p.length;if(S){v=p[0];for(var C=0;C<S;C++){p[C];var O=p[C+1],E=h[C];isNaN(E)||(v+=O?E+O:E+" ")}}else v=h[0];ue[o.type](a.target,o.property,v,a.transforms),o.currentValue=v,t++}}function v(e){s[e]&&!s.passThrough&&s[e](s)}function g(e){var l=s.duration,h=s.delay,m=l-s.endDelay,g=f(e);s.progress=y(g/l*100,0,100),s.reversePlayback=g<s.currentTime,t&&function(e){if(s.reversePlayback)for(var n=a;n--;)p(e,t[n]);else for(var r=0;r<a;r++)p(e,t[r])}(g),!s.began&&s.currentTime>0&&(s.began=!0,v("begin")),!s.loopBegan&&s.currentTime>0&&(s.loopBegan=!0,v("loopBegin")),g<=h&&0!==s.currentTime&&d(0),(g>=m&&s.currentTime!==l||!l)&&d(l),g>h&&g<m?(s.changeBegan||(s.changeBegan=!0,s.changeCompleted=!1,v("changeBegin")),v("change"),d(g)):s.changeBegan&&(s.changeCompleted=!0,s.changeBegan=!1,v("changeComplete")),s.currentTime=y(g,0,l),s.began&&v("update"),e>=l&&(r=0,s.remaining&&!0!==s.remaining&&s.remaining--,s.remaining?(n=o,v("loopComplete"),s.loopBegan=!1,"alternate"===s.direction&&c()):(s.paused=!0,s.completed||(s.completed=!0,v("loopComplete"),v("complete"),!s.passThrough&&"Promise"in window&&(i(),u(s)))))}return s.reset=function(){var e=s.direction;s.passThrough=!1,s.currentTime=0,s.progress=0,s.paused=!0,s.began=!1,s.loopBegan=!1,s.changeBegan=!1,s.completed=!1,s.changeCompleted=!1,s.reversePlayback=!1,s.reversed="reverse"===e,s.remaining=s.loop,t=s.children;for(var n=a=t.length;n--;)s.children[n].reset();(s.reversed&&!0!==s.loop||"alternate"===e&&1===s.loop)&&s.remaining++,d(s.reversed?s.duration:0)},s.set=function(e,t){return se(e,t),s},s.tick=function(e){o=e,n||(n=o),g((o+(r-n))*ve.speed)},s.seek=function(e){g(f(e))},s.pause=function(){s.paused=!0,l()},s.play=function(){s.paused&&(s.completed&&s.reset(),s.paused=!1,de.push(s),l(),pe||me())},s.reverse=function(){c(),l()},s.restart=function(){s.reset(),s.play()},s.reset(),s.autoplay&&s.play(),s}function ge(e,t){for(var n=t.length;n--;)D(e,t[n].animatable.target)&&t.splice(n,1)}"undefined"!=typeof document&&document.addEventListener("visibilitychange",(function(){document.hidden?(de.forEach((function(e){return e.pause()})),he=de.slice(0),ve.running=de=[]):he.forEach((function(e){return e.play()}))})),ve.version="3.1.0",ve.speed=1,ve.running=de,ve.remove=function(e){for(var t=ne(e),n=de.length;n--;){var r=de[n],o=r.animations,a=r.children;ge(t,o);for(var i=a.length;i--;){var u=a[i],s=u.animations;ge(t,s),s.length||u.children.length||a.splice(i,1)}o.length||a.length||r.pause()}},ve.get=V,ve.set=se,ve.convertPx=_,ve.path=function(e,t){var n=x.str(e)?T(e)[0]:e,r=t||100;return function(e){return{property:e,el:n,svg:K(n),totalLength:Z(n)*(r/100)}}},ve.setDashoffset=function(e){var t=Z(e);return e.setAttribute("stroke-dasharray",t),t},ve.stagger=function(e,t){void 0===t&&(t={});var n=t.direction||"normal",r=t.easing?j(t.easing):null,o=t.grid,a=t.axis,i=t.from||0,u="first"===i,s="center"===i,c="last"===i,f=x.arr(e),l=f?parseFloat(e[0]):parseFloat(e),p=f?parseFloat(e[1]):0,d=q(f?e[1]:e)||0,h=t.start||0+(f?l:0),m=[],v=0;return function(e,t,g){if(u&&(i=0),s&&(i=(g-1)/2),c&&(i=g-1),!m.length){for(var y=0;y<g;y++){if(o){var b=s?(o[0]-1)/2:i%o[0],w=s?(o[1]-1)/2:Math.floor(i/o[0]),x=b-y%o[0],S=w-Math.floor(y/o[0]),C=Math.sqrt(x*x+S*S);"x"===a&&(C=-x),"y"===a&&(C=-S),m.push(C)}else m.push(Math.abs(i-y));v=Math.max.apply(Math,m)}r&&(m=m.map((function(e){return r(e/v)*v}))),"reverse"===n&&(m=m.map((function(e){return a?e<0?-1*e:-e:Math.abs(v-e)})))}return h+(f?(p-l)/v:l)*(Math.round(100*m[t])/100)+d}},ve.timeline=function(e){void 0===e&&(e={});var t=ve(e);return t.duration=0,t.add=function(n,r){var o=de.indexOf(t),a=t.children;function i(e){e.passThrough=!0}o>-1&&de.splice(o,1);for(var u=0;u<a.length;u++)i(a[u]);var s=U(n,B(m,e));s.targets=s.targets||e.targets;var c=t.duration;s.autoplay=!1,s.direction=t.direction,s.timelineOffset=x.und(r)?c:G(r,c),i(t),t.seek(s.timelineOffset);var f=ve(s);i(f),a.push(f);var l=fe(a,e);return t.delay=l.delay,t.endDelay=l.endDelay,t.duration=l.duration,t.seek(0),t.reset(),t.autoplay&&t.play(),t},t},ve.easing=j,ve.penner=N,ve.random=function(e,t){return Math.floor(Math.random()*(t-e+1))+e};var ye=ve,be=n(12),we=n.n(be);n(32);function xe(e){return(xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Se(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var n=[],r=!0,o=!1,a=void 0;try{for(var i,u=e[Symbol.iterator]();!(r=(i=u.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==u.return||u.return()}finally{if(o)throw a}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function Ce(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Oe(e){return(Oe=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ee(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Me(e,t){return(Me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Re(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ne=function(e){function t(){var e,n,r,a;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var i=arguments.length,s=new Array(i),c=0;c<i;c++)s[c]=arguments[c];return r=this,a=(e=Oe(t)).call.apply(e,[this].concat(s)),n=!a||"object"!==xe(a)&&"function"!=typeof a?Ee(r):a,Re(Ee(n),"state",{svgWidth:1280,svgHeight:720,svgScale:1e4,countyJsonData:null,townJsonData:null,villageJsonData:null,countyMapData:null,townMapData:null,villageMapData:null,nowSelect:[],nowScale:1,animating:!1,svgDisplayParams:[{scale:1,top:0,left:0}]}),Re(Ee(n),"mapCompRoot",o.a.createRef()),Re(Ee(n),"mapSvgRoot",o.a.createRef()),Re(Ee(n),"mapSvgRootGroup",o.a.createRef()),Re(Ee(n),"handleResize",(function(){n.calcSvg()})),Re(Ee(n),"handleAreaUpdate",(function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var o=n.state,a=o.countyMapData,i=o.townMapData,u=o.villageMapData,s=o.nowSelect,c=t,f=Se(c,3),l=f[0],p=f[1],d=f[2];if((!l||a.find((function(e){return e.countyName===l})))&&(!p||i.find((function(e){return e.townName===p})))&&(!d||a.find((function(e){return e.villageName===d})))&&!((t=t.filter((function(e){return e}))).length>=1&&null==i||t.length>=2&&null==u||n.state.animating||t.length>2)){3===t.length&&(t[2]="");var h=t.length>s.length;n.setState({nowSelect:t},(function(){return n.executeAnimate(h)}))}})),Re(Ee(n),"handleMapItemClick",(function(e,t,r,o){var a=n.props.onAreaClick;a&&a([e,t,r],o)})),Re(Ee(n),"handleMapItemHover",(function(e,t,r,o){var a=n.props.onAreaHover;a&&a([e,t,r],o)})),Re(Ee(n),"handleUpperLayerClick",(function(){if(!n.state.animating&&0!==n.state.nowSelect.length){var e=n.state.nowSelect,t=n.props.onAreaClick,r=e.slice(0,-1).filter((function(e){return e}));t&&t([r[0]||"",r[1]||"",r[2]||""])}})),Re(Ee(n),"handlePinClick",(function(e,t){var r=n.props.onPinClick;r&&r(e,t)})),Re(Ee(n),"handlePinHover",(function(e,t){var r=n.props.onPinHover;r&&r(e,t)})),Re(Ee(n),"calcSvg",(function(){var e=n.state,t=e.countyJsonData,r=e.townJsonData,o=e.villageJsonData;if(t){var a=n.mapCompRoot.current.getBoundingClientRect(),i=a.width>a.height?a.height/1083.04*1e4:a.width/1216.83*1e4;n.setState({svgWidth:a.width,svgHeight:a.height,svgScale:i},(function(){n.setState({countyMapData:n.topoSvgConverter(t),townMapData:r?n.topoSvgConverter(r):null,villageMapData:o?n.topoSvgConverter(o):null}),n.executeAnimate()}))}})),Re(Ee(n),"loadTopoJson",(function(e){return new Promise((function(t,n){we.a.get(e).then((function(e){t(e.data)})).catch((function(e){n(e)}))}))})),Re(Ee(n),"topoSvgConverter",(function(e){var t="map";e.objects.map||(t=Object.keys(e.objects).filter((function(e){return e.indexOf("MOI")>=0}))[0]);var r=l(e,e.objects[t]),o=n.getProjection(),a=u.geoPath().projection(o),i=[];return r.features.forEach((function(e){i.push({d:a(e),countyName:e.properties.COUNTYNAME,townName:e.properties.TOWNNAME||"",villageName:e.properties.VILLNAME||"",geoJsonObject:e})})),i})),Re(Ee(n),"executeAnimate",(function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=n.state.nowSelect,r=n.props,o=r.pinRadiusWithLayer,a=r.zoomDuration,i=r.zoomDelay,u=n.mapSvgRoot.current.getBoundingClientRect(),s=n.mapSvgRootGroup.current.getBBox(),c=u.width/s.width;ye({targets:n.mapSvgRoot.current.querySelectorAll(".map-item-path"),keyframes:e?[{strokeWidth:1/c},{strokeWidth:.5/c}]:[{strokeWidth:.5/c},{strokeWidth:.5/c}],easing:"easeOutQuint",duration:a+i}),ye({targets:n.mapSvgRoot.current.querySelectorAll(".pin"),r:o[t.length]||0,easing:"easeOutQuint",duration:a,delay:i});var f=n.mapSvgRoot.current.viewBox.baseVal;ye({targets:f,x:s.x,y:s.y,width:s.width,height:s.height,easing:"easeOutQuint",duration:a,delay:i,complete:function(){n.setState({animating:!1})},update:function(){n.mapSvgRoot.current.setAttribute("viewBox","".concat(f.x," ").concat(f.y," ").concat(f.width," ").concat(f.height))}})})),Re(Ee(n),"getProjection",(function(){var e=n.state,t=e.svgWidth,r=e.svgHeight,o=e.svgScale;return u.geoMercator().center([120.751864,23.575998]).scale(o).translate([t/2,r/2])})),Re(Ee(n),"getNowSelectString",(function(){return n.state.nowSelect.length>0?n.state.nowSelect.reduce((function(e,t){return e+t})):""})),Re(Ee(n),"mapItemsRender",(function(e,t){return e?e.filter((function(e){return(e.countyName+e.townName+e.villageName).indexOf(n.getNowSelectString())>=0})).map((function(e,r){return n.mapItemRender(e,r,t)})):null})),Re(Ee(n),"mapItemRender",(function(e,t,r){return o.a.createElement("g",{className:"map-item "+r,key:r+t,onClick:function(t){return n.handleMapItemClick(e.countyName,e.townName,e.villageName,t)},onMouseEnter:function(t){return n.handleMapItemHover(e.countyName,e.townName,e.villageName,t)}},o.a.createElement("path",{d:e.d,id:e.location,className:"map-item-path"},o.a.createElement("title",null,e.countyName+e.townName+e.villageName)))})),Re(Ee(n),"mapPinsRender",(function(){var e=n.state,t=e.nowSelect,r=e.countyMapData,a=e.townMapData,i=n.props.pins;return o.a.createElement(o.a.Fragment,null,i&&i.filter((function(e){var n=t.length,o={};return 0===n?e:(1===n?o=r.find((function(e){return e.countyName==t[0]})):2===n&&(o=a.find((function(e){return e.countyName==t[0]&&e.townName==t[1]}))),u.geoContains(o.geoJsonObject,[e.location[1],e.location[0]])?e:null)})).map((function(e,r){var a=n.getProjection()([e.location[1],e.location[0]]);return o.a.createElement("circle",{className:"pin -layer-".concat(t.length),key:"pin".concat(r),onClick:function(t){n.handlePinClick(e,t)},onMouseEnter:function(t){n.handlePinHover(e,t)},transform:"translate(".concat(a[0].toFixed(2)," ").concat(a[1].toFixed(2),")"),cx:"0%",cy:"0%",r:"1"},o.a.createElement("title",null,e.title))})))})),n}var n,r,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Me(e,t)}(t,e),n=t,(r=[{key:"componentDidMount",value:function(){var e=this,t=this.loadTopoJson,n=this.calcSvg,r=this.props,o=r.countyJsonSrc,a=r.townJsonSrc,i=r.villageJsonSrc;o&&t(o).then((function(t){return e.setState({countyJsonData:t},n)})),a&&t(a).then((function(t){return e.setState({townJsonData:t},n)})),i&&t(i).then((function(t){return e.setState({villageJsonData:t},n)})),w