// ======= amplib js main ======= 
!function(n,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports):"function"==typeof define&&define.amd?define(["exports"],l):l(n.preact={})}(this,function(n){var l,u,t,i,o,f,r,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n)}function p(n,l,u){var t,i=arguments,o={};for(t in l)"key"!==t&&"ref"!==t&&(o[t]=l[t]);if(arguments.length>3)for(u=[u],t=3;t<arguments.length;t++)u.push(i[t]);if(null!=u&&(o.children=u),"function"==typeof n&&null!=n.defaultProps)for(t in n.defaultProps)void 0===o[t]&&(o[t]=n.defaultProps[t]);return v(n,o,l&&l.key,l&&l.ref)}function v(n,u,t,i){var o={type:n,props:u,key:t,ref:i,__k:null,__:null,__b:0,__e:null,__d:null,__c:null,constructor:void 0};return l.vnode&&l.vnode(o),o}function d(n){return n.children}function y(n,l){this.props=n,this.context=l}function m(n,l){if(null==l)return n.__?m(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?m(n):null}function w(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return w(n)}}function g(n){(!n.__d&&(n.__d=!0)&&1===t.push(n)||o!==l.debounceRendering)&&((o=l.debounceRendering)||i)(k)}function k(){var n,l,u,i,o,f,r;for(t.sort(function(n,l){return l.__v.__b-n.__v.__b});n=t.pop();)n.__d&&(u=void 0,i=void 0,f=(o=(l=n).__v).__e,(r=l.__P)&&(u=[],i=j(r,o,a({},o),l.__n,void 0!==r.ownerSVGElement,null,u,null==f?m(o):f),T(u,o),i!=f&&w(o)))}function _(n,l,u,t,i,o,f,r,s){var a,p,v,d,y,w,g,k=u&&u.__k||c,_=k.length;if(r==e&&(r=null!=o?o[0]:_?m(u,0):null),a=0,l.__k=b(l.__k,function(u){if(null!=u){if(u.__=l,u.__b=l.__b+1,null===(v=k[a])||v&&u.key==v.key&&u.type===v.type)k[a]=void 0;else for(p=0;p<_;p++){if((v=k[p])&&u.key==v.key&&u.type===v.type){k[p]=void 0;break}v=null}if(d=j(n,u,v=v||e,t,i,o,f,r,s),(p=u.ref)&&v.ref!=p&&(g||(g=[]),v.ref&&g.push(v.ref,null,u),g.push(p,u.__c||d,u)),null!=d){if(null==w&&(w=d),null!=u.__d)d=u.__d,u.__d=null;else if(o==v||d!=r||null==d.parentNode){n:if(null==r||r.parentNode!==n)n.appendChild(d);else{for(y=r,p=0;(y=y.nextSibling)&&p<_;p+=2)if(y==d)break n;n.insertBefore(d,r)}"option"==l.type&&(n.value="")}r=d.nextSibling,"function"==typeof l.type&&(l.__d=d)}}return a++,u}),l.__e=w,null!=o&&"function"!=typeof l.type)for(a=o.length;a--;)null!=o[a]&&h(o[a]);for(a=_;a--;)null!=k[a]&&A(k[a],k[a]);if(g)for(a=0;a<g.length;a++)z(g[a],g[++a],g[++a])}function b(n,l,u){if(null==u&&(u=[]),null==n||"boolean"==typeof n)l&&u.push(l(null));else if(Array.isArray(n))for(var t=0;t<n.length;t++)b(n[t],l,u);else u.push(l?l("string"==typeof n||"number"==typeof n?v(null,n,null,null):null!=n.__e||null!=n.__c?v(n.type,n.props,n.key,null):n):n);return u}function x(n,l,u,t,i){var o;for(o in u)o in l||P(n,o,null,u[o],t);for(o in l)i&&"function"!=typeof l[o]||"value"===o||"checked"===o||u[o]===l[o]||P(n,o,l[o],u[o],t)}function C(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]="number"==typeof u&&!1===s.test(l)?u+"px":null==u?"":u}function P(n,l,u,t,i){var o,f,r,e,c;if(i?"className"===l&&(l="class"):"class"===l&&(l="className"),"key"===l||"children"===l);else if("style"===l)if(o=n.style,"string"==typeof u)o.cssText=u;else{if("string"==typeof t&&(o.cssText="",t=null),t)for(f in t)u&&f in u||C(o,f,"");if(u)for(r in u)t&&u[r]===t[r]||C(o,r,u[r])}else"o"===l[0]&&"n"===l[1]?(e=l!==(l=l.replace(/Capture$/,"")),c=l.toLowerCase(),l=(c in n?c:l).slice(2),u?(t||n.addEventListener(l,N,e),(n.l||(n.l={}))[l]=u):n.removeEventListener(l,N,e)):"list"!==l&&"tagName"!==l&&"form"!==l&&"type"!==l&&!i&&l in n?n[l]=null==u?"":u:"function"!=typeof u&&"dangerouslySetInnerHTML"!==l&&(l!==(l=l.replace(/^xlink:?/,""))?null==u||!1===u?n.removeAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase()):n.setAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase(),u):null==u||!1===u?n.removeAttribute(l):n.setAttribute(l,u))}function N(n){this.l[n.type](l.event?l.event(n):n)}function j(n,u,t,i,o,f,r,e,c){var s,h,p,v,m,w,g,k,x,C,P=u.type;if(void 0!==u.constructor)return null;(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(k=u.props,x=(s=P.contextType)&&i[s.__c],C=s?x?x.props.value:s.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(k,C):(u.__c=h=new y(k,C),h.constructor=P,h.render=D),x&&x.sub(h),h.props=k,h.state||(h.state={}),h.context=C,h.__n=i,p=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(k,h.__s))),v=h.props,m=h.state,p)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==P.getDerivedStateFromProps&&k!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(k,C),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(k,h.__s,C)){for(h.props=k,h.state=h.__s,h.__d=!1,h.__v=u,u.__e=t.__e,u.__k=t.__k,h.__h.length&&r.push(h),s=0;s<u.__k.length;s++)u.__k[s]&&(u.__k[s].__=u);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(k,h.__s,C),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,m,w)})}h.context=C,h.props=k,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),u.__k=b(null!=s&&s.type==d&&null==s.key?s.props.children:s),null!=h.getChildContext&&(i=a(a({},i),h.getChildContext())),p||null==h.getSnapshotBeforeUpdate||(w=h.getSnapshotBeforeUpdate(v,m)),_(n,u,t,i,o,f,r,e,c),h.base=u.__e,h.__h.length&&r.push(h),g&&(h.__E=h.__=null),h.__e=null}else u.__e=$(t.__e,u,t,i,o,f,r,c);(s=l.diffed)&&s(u)}catch(n){l.__e(n,u,t)}return u.__e}function T(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function $(n,l,u,t,i,o,f,r){var s,a,h,p,v,d=u.props,y=l.props;if(i="svg"===l.type||i,null==n&&null!=o)for(s=0;s<o.length;s++)if(null!=(a=o[s])&&(null===l.type?3===a.nodeType:a.localName===l.type)){n=a,o[s]=null;break}if(null==n){if(null===l.type)return document.createTextNode(y);n=i?document.createElementNS("http://www.w3.org/2000/svg",l.type):document.createElement(l.type),o=null}if(null===l.type)null!=o&&(o[o.indexOf(n)]=null),d!==y&&n.data!=y&&(n.data=y);else if(l!==u){if(null!=o&&(o=c.slice.call(n.childNodes)),h=(d=u.props||e).dangerouslySetInnerHTML,p=y.dangerouslySetInnerHTML,!r){if(d===e)for(d={},v=0;v<n.attributes.length;v++)d[n.attributes[v].name]=n.attributes[v].value;(p||h)&&(p&&h&&p.__html==h.__html||(n.innerHTML=p&&p.__html||""))}x(n,y,d,i,r),l.__k=l.props.children,p||_(n,l,u,t,"foreignObject"!==l.type&&i,o,f,e,r),r||("value"in y&&void 0!==y.value&&y.value!==n.value&&(n.value=null==y.value?"":y.value),"checked"in y&&void 0!==y.checked&&y.checked!==n.checked&&(n.checked=y.checked))}return n}function z(n,u,t){try{"function"==typeof n?n(u):n.current=u}catch(n){l.__e(n,t)}}function A(n,u,t){var i,o,f;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||z(i,null,u)),t||"function"==typeof n.type||(t=null!=(o=n.__e)),n.__e=n.__d=null,null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(f=0;f<i.length;f++)i[f]&&A(i[f],u,t);null!=o&&h(o)}function D(n,l,u){return this.constructor(n,u)}function E(n,u,t){var i,o,r;l.__&&l.__(n,u),o=(i=t===f)?null:t&&t.__k||u.__k,n=p(d,null,[n]),r=[],j(u,(i?u:t||u).__k=n,o||e,e,void 0!==u.ownerSVGElement,t&&!i?[t]:o?null:c.slice.call(u.childNodes),r,t||e,i),T(r,n)}l={__e:function(n,l){for(var u,t;l=l.__;)if((u=l.__c)&&!u.__)try{if(u.constructor&&null!=u.constructor.getDerivedStateFromError&&(t=!0,u.setState(u.constructor.getDerivedStateFromError(n))),null!=u.componentDidCatch&&(t=!0,u.componentDidCatch(n)),t)return g(u.__E=u)}catch(l){n=l}throw n}},u=function(n){return null!=n&&void 0===n.constructor},y.prototype.setState=function(n,l){var u;u=this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(u,this.props)),n&&a(u,n),null!=n&&this.__v&&(this.__e=!1,l&&this.__h.push(l),g(this))},y.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),g(this))},y.prototype.render=d,t=[],i="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=e,r=0,n.render=E,n.hydrate=function(n,l){E(n,l,f)},n.createElement=p,n.h=p,n.Fragment=d,n.createRef=function(){return{}},n.isValidElement=u,n.Component=y,n.cloneElement=function(n,l){return l=a(a({},n.props),l),arguments.length>2&&(l.children=c.slice.call(arguments,2)),v(n.type,l,l.key||n.key,l.ref||n.ref)},n.createContext=function(n){var l={},u={__c:"__cC"+r++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var t,i=this;return this.getChildContext||(t=[],this.getChildContext=function(){return l[u.__c]=i,l},this.shouldComponentUpdate=function(l){n.value!==l.value&&t.some(function(n){n.context=l.value,g(n)})},this.sub=function(n){t.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){t.splice(t.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Consumer.contextType=u,u},n.toChildArray=b,n._e=A,n.options=l});
//# sourceMappingURL=preact.umd.js.map

let e = preact.createElement;

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.moment=t()}(this,function(){"use strict";var e,i;function c(){return e.apply(null,arguments)}function o(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function u(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function l(e){return void 0===e}function h(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function d(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function f(e,t){var n,s=[];for(n=0;n<e.length;++n)s.push(t(e[n],n));return s}function m(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function _(e,t){for(var n in t)m(t,n)&&(e[n]=t[n]);return m(t,"toString")&&(e.toString=t.toString),m(t,"valueOf")&&(e.valueOf=t.valueOf),e}function y(e,t,n,s){return Tt(e,t,n,s,!0).utc()}function g(e){return null==e._pf&&(e._pf={empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],meridiem:null,rfc2822:!1,weekdayMismatch:!1}),e._pf}function v(e){if(null==e._isValid){var t=g(e),n=i.call(t.parsedDateParts,function(e){return null!=e}),s=!isNaN(e._d.getTime())&&t.overflow<0&&!t.empty&&!t.invalidMonth&&!t.invalidWeekday&&!t.weekdayMismatch&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n);if(e._strict&&(s=s&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e))return s;e._isValid=s}return e._isValid}function p(e){var t=y(NaN);return null!=e?_(g(t),e):g(t).userInvalidated=!0,t}i=Array.prototype.some?Array.prototype.some:function(e){for(var t=Object(this),n=t.length>>>0,s=0;s<n;s++)if(s in t&&e.call(this,t[s],s,t))return!0;return!1};var r=c.momentProperties=[];function w(e,t){var n,s,i;if(l(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),l(t._i)||(e._i=t._i),l(t._f)||(e._f=t._f),l(t._l)||(e._l=t._l),l(t._strict)||(e._strict=t._strict),l(t._tzm)||(e._tzm=t._tzm),l(t._isUTC)||(e._isUTC=t._isUTC),l(t._offset)||(e._offset=t._offset),l(t._pf)||(e._pf=g(t)),l(t._locale)||(e._locale=t._locale),0<r.length)for(n=0;n<r.length;n++)l(i=t[s=r[n]])||(e[s]=i);return e}var t=!1;function M(e){w(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===t&&(t=!0,c.updateOffset(this),t=!1)}function k(e){return e instanceof M||null!=e&&null!=e._isAMomentObject}function S(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function D(e){var t=+e,n=0;return 0!==t&&isFinite(t)&&(n=S(t)),n}function a(e,t,n){var s,i=Math.min(e.length,t.length),r=Math.abs(e.length-t.length),a=0;for(s=0;s<i;s++)(n&&e[s]!==t[s]||!n&&D(e[s])!==D(t[s]))&&a++;return a+r}function Y(e){!1===c.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function n(i,r){var a=!0;return _(function(){if(null!=c.deprecationHandler&&c.deprecationHandler(null,i),a){for(var e,t=[],n=0;n<arguments.length;n++){if(e="","object"==typeof arguments[n]){for(var s in e+="\n["+n+"] ",arguments[0])e+=s+": "+arguments[0][s]+", ";e=e.slice(0,-2)}else e=arguments[n];t.push(e)}Y(i+"\nArguments: "+Array.prototype.slice.call(t).join("")+"\n"+(new Error).stack),a=!1}return r.apply(this,arguments)},r)}var s,O={};function T(e,t){null!=c.deprecationHandler&&c.deprecationHandler(e,t),O[e]||(Y(t),O[e]=!0)}function b(e){return e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function x(e,t){var n,s=_({},e);for(n in t)m(t,n)&&(u(e[n])&&u(t[n])?(s[n]={},_(s[n],e[n]),_(s[n],t[n])):null!=t[n]?s[n]=t[n]:delete s[n]);for(n in e)m(e,n)&&!m(t,n)&&u(e[n])&&(s[n]=_({},s[n]));return s}function P(e){null!=e&&this.set(e)}c.suppressDeprecationWarnings=!1,c.deprecationHandler=null,s=Object.keys?Object.keys:function(e){var t,n=[];for(t in e)m(e,t)&&n.push(t);return n};var W={};function C(e,t){var n=e.toLowerCase();W[n]=W[n+"s"]=W[t]=e}function H(e){return"string"==typeof e?W[e]||W[e.toLowerCase()]:void 0}function R(e){var t,n,s={};for(n in e)m(e,n)&&(t=H(n))&&(s[t]=e[n]);return s}var U={};function F(e,t){U[e]=t}function L(e,t,n){var s=""+Math.abs(e),i=t-s.length;return(0<=e?n?"+":"":"-")+Math.pow(10,Math.max(0,i)).toString().substr(1)+s}var N=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,G=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,V={},E={};function I(e,t,n,s){var i=s;"string"==typeof s&&(i=function(){return this[s]()}),e&&(E[e]=i),t&&(E[t[0]]=function(){return L(i.apply(this,arguments),t[1],t[2])}),n&&(E[n]=function(){return this.localeData().ordinal(i.apply(this,arguments),e)})}function A(e,t){return e.isValid()?(t=j(t,e.localeData()),V[t]=V[t]||function(s){var e,i,t,r=s.match(N);for(e=0,i=r.length;e<i;e++)E[r[e]]?r[e]=E[r[e]]:r[e]=(t=r[e]).match(/\[[\s\S]/)?t.replace(/^\[|\]$/g,""):t.replace(/\\/g,"");return function(e){var t,n="";for(t=0;t<i;t++)n+=b(r[t])?r[t].call(e,s):r[t];return n}}(t),V[t](e)):e.localeData().invalidDate()}function j(e,t){var n=5;function s(e){return t.longDateFormat(e)||e}for(G.lastIndex=0;0<=n&&G.test(e);)e=e.replace(G,s),G.lastIndex=0,n-=1;return e}var Z=/\d/,z=/\d\d/,$=/\d{3}/,q=/\d{4}/,J=/[+-]?\d{6}/,B=/\d\d?/,Q=/\d\d\d\d?/,X=/\d\d\d\d\d\d?/,K=/\d{1,3}/,ee=/\d{1,4}/,te=/[+-]?\d{1,6}/,ne=/\d+/,se=/[+-]?\d+/,ie=/Z|[+-]\d\d:?\d\d/gi,re=/Z|[+-]\d\d(?::?\d\d)?/gi,ae=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,oe={};function ue(e,n,s){oe[e]=b(n)?n:function(e,t){return e&&s?s:n}}function le(e,t){return m(oe,e)?oe[e](t._strict,t._locale):new RegExp(he(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,s,i){return t||n||s||i})))}function he(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}var de={};function ce(e,n){var t,s=n;for("string"==typeof e&&(e=[e]),h(n)&&(s=function(e,t){t[n]=D(e)}),t=0;t<e.length;t++)de[e[t]]=s}function fe(e,i){ce(e,function(e,t,n,s){n._w=n._w||{},i(e,n._w,n,s)})}var me=0,_e=1,ye=2,ge=3,ve=4,pe=5,we=6,Me=7,ke=8;function Se(e){return De(e)?366:365}function De(e){return e%4==0&&e%100!=0||e%400==0}I("Y",0,0,function(){var e=this.year();return e<=9999?""+e:"+"+e}),I(0,["YY",2],0,function(){return this.year()%100}),I(0,["YYYY",4],0,"year"),I(0,["YYYYY",5],0,"year"),I(0,["YYYYYY",6,!0],0,"year"),C("year","y"),F("year",1),ue("Y",se),ue("YY",B,z),ue("YYYY",ee,q),ue("YYYYY",te,J),ue("YYYYYY",te,J),ce(["YYYYY","YYYYYY"],me),ce("YYYY",function(e,t){t[me]=2===e.length?c.parseTwoDigitYear(e):D(e)}),ce("YY",function(e,t){t[me]=c.parseTwoDigitYear(e)}),ce("Y",function(e,t){t[me]=parseInt(e,10)}),c.parseTwoDigitYear=function(e){return D(e)+(68<D(e)?1900:2e3)};var Ye,Oe=Te("FullYear",!0);function Te(t,n){return function(e){return null!=e?(xe(this,t,e),c.updateOffset(this,n),this):be(this,t)}}function be(e,t){return e.isValid()?e._d["get"+(e._isUTC?"UTC":"")+t]():NaN}function xe(e,t,n){e.isValid()&&!isNaN(n)&&("FullYear"===t&&De(e.year())&&1===e.month()&&29===e.date()?e._d["set"+(e._isUTC?"UTC":"")+t](n,e.month(),Pe(n,e.month())):e._d["set"+(e._isUTC?"UTC":"")+t](n))}function Pe(e,t){if(isNaN(e)||isNaN(t))return NaN;var n,s=(t%(n=12)+n)%n;return e+=(t-s)/12,1===s?De(e)?29:28:31-s%7%2}Ye=Array.prototype.indexOf?Array.prototype.indexOf:function(e){var t;for(t=0;t<this.length;++t)if(this[t]===e)return t;return-1},I("M",["MM",2],"Mo",function(){return this.month()+1}),I("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),I("MMMM",0,0,function(e){return this.localeData().months(this,e)}),C("month","M"),F("month",8),ue("M",B),ue("MM",B,z),ue("MMM",function(e,t){return t.monthsShortRegex(e)}),ue("MMMM",function(e,t){return t.monthsRegex(e)}),ce(["M","MM"],function(e,t){t[_e]=D(e)-1}),ce(["MMM","MMMM"],function(e,t,n,s){var i=n._locale.monthsParse(e,s,n._strict);null!=i?t[_e]=i:g(n).invalidMonth=e});var We=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Ce="January_February_March_April_May_June_July_August_September_October_November_December".split("_");var He="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_");function Re(e,t){var n;if(!e.isValid())return e;if("string"==typeof t)if(/^\d+$/.test(t))t=D(t);else if(!h(t=e.localeData().monthsParse(t)))return e;return n=Math.min(e.date(),Pe(e.year(),t)),e._d["set"+(e._isUTC?"UTC":"")+"Month"](t,n),e}function Ue(e){return null!=e?(Re(this,e),c.updateOffset(this,!0),this):be(this,"Month")}var Fe=ae;var Le=ae;function Ne(){function e(e,t){return t.length-e.length}var t,n,s=[],i=[],r=[];for(t=0;t<12;t++)n=y([2e3,t]),s.push(this.monthsShort(n,"")),i.push(this.months(n,"")),r.push(this.months(n,"")),r.push(this.monthsShort(n,""));for(s.sort(e),i.sort(e),r.sort(e),t=0;t<12;t++)s[t]=he(s[t]),i[t]=he(i[t]);for(t=0;t<24;t++)r[t]=he(r[t]);this._monthsRegex=new RegExp("^("+r.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+s.join("|")+")","i")}function Ge(e){var t;if(e<100&&0<=e){var n=Array.prototype.slice.call(arguments);n[0]=e+400,t=new Date(Date.UTC.apply(null,n)),isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e)}else t=new Date(Date.UTC.apply(null,arguments));return t}function Ve(e,t,n){var s=7+t-n;return-((7+Ge(e,0,s).getUTCDay()-t)%7)+s-1}function Ee(e,t,n,s,i){var r,a,o=1+7*(t-1)+(7+n-s)%7+Ve(e,s,i);return a=o<=0?Se(r=e-1)+o:o>Se(e)?(r=e+1,o-Se(e)):(r=e,o),{year:r,dayOfYear:a}}function Ie(e,t,n){var s,i,r=Ve(e.year(),t,n),a=Math.floor((e.dayOfYear()-r-1)/7)+1;return a<1?s=a+Ae(i=e.year()-1,t,n):a>Ae(e.year(),t,n)?(s=a-Ae(e.year(),t,n),i=e.year()+1):(i=e.year(),s=a),{week:s,year:i}}function Ae(e,t,n){var s=Ve(e,t,n),i=Ve(e+1,t,n);return(Se(e)-s+i)/7}I("w",["ww",2],"wo","week"),I("W",["WW",2],"Wo","isoWeek"),C("week","w"),C("isoWeek","W"),F("week",5),F("isoWeek",5),ue("w",B),ue("ww",B,z),ue("W",B),ue("WW",B,z),fe(["w","ww","W","WW"],function(e,t,n,s){t[s.substr(0,1)]=D(e)});function je(e,t){return e.slice(t,7).concat(e.slice(0,t))}I("d",0,"do","day"),I("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),I("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),I("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),I("e",0,0,"weekday"),I("E",0,0,"isoWeekday"),C("day","d"),C("weekday","e"),C("isoWeekday","E"),F("day",11),F("weekday",11),F("isoWeekday",11),ue("d",B),ue("e",B),ue("E",B),ue("dd",function(e,t){return t.weekdaysMinRegex(e)}),ue("ddd",function(e,t){return t.weekdaysShortRegex(e)}),ue("dddd",function(e,t){return t.weekdaysRegex(e)}),fe(["dd","ddd","dddd"],function(e,t,n,s){var i=n._locale.weekdaysParse(e,s,n._strict);null!=i?t.d=i:g(n).invalidWeekday=e}),fe(["d","e","E"],function(e,t,n,s){t[s]=D(e)});var Ze="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_");var ze="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_");var $e="Su_Mo_Tu_We_Th_Fr_Sa".split("_");var qe=ae;var Je=ae;var Be=ae;function Qe(){function e(e,t){return t.length-e.length}var t,n,s,i,r,a=[],o=[],u=[],l=[];for(t=0;t<7;t++)n=y([2e3,1]).day(t),s=this.weekdaysMin(n,""),i=this.weekdaysShort(n,""),r=this.weekdays(n,""),a.push(s),o.push(i),u.push(r),l.push(s),l.push(i),l.push(r);for(a.sort(e),o.sort(e),u.sort(e),l.sort(e),t=0;t<7;t++)o[t]=he(o[t]),u[t]=he(u[t]),l[t]=he(l[t]);this._weekdaysRegex=new RegExp("^("+l.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+u.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+a.join("|")+")","i")}function Xe(){return this.hours()%12||12}function Ke(e,t){I(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function et(e,t){return t._meridiemParse}I("H",["HH",2],0,"hour"),I("h",["hh",2],0,Xe),I("k",["kk",2],0,function(){return this.hours()||24}),I("hmm",0,0,function(){return""+Xe.apply(this)+L(this.minutes(),2)}),I("hmmss",0,0,function(){return""+Xe.apply(this)+L(this.minutes(),2)+L(this.seconds(),2)}),I("Hmm",0,0,function(){return""+this.hours()+L(this.minutes(),2)}),I("Hmmss",0,0,function(){return""+this.hours()+L(this.minutes(),2)+L(this.seconds(),2)}),Ke("a",!0),Ke("A",!1),C("hour","h"),F("hour",13),ue("a",et),ue("A",et),ue("H",B),ue("h",B),ue("k",B),ue("HH",B,z),ue("hh",B,z),ue("kk",B,z),ue("hmm",Q),ue("hmmss",X),ue("Hmm",Q),ue("Hmmss",X),ce(["H","HH"],ge),ce(["k","kk"],function(e,t,n){var s=D(e);t[ge]=24===s?0:s}),ce(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),ce(["h","hh"],function(e,t,n){t[ge]=D(e),g(n).bigHour=!0}),ce("hmm",function(e,t,n){var s=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s)),g(n).bigHour=!0}),ce("hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s,2)),t[pe]=D(e.substr(i)),g(n).bigHour=!0}),ce("Hmm",function(e,t,n){var s=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s))}),ce("Hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s,2)),t[pe]=D(e.substr(i))});var tt,nt=Te("Hours",!0),st={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Ce,monthsShort:He,week:{dow:0,doy:6},weekdays:Ze,weekdaysMin:$e,weekdaysShort:ze,meridiemParse:/[ap]\.?m?\.?/i},it={},rt={};function at(e){return e?e.toLowerCase().replace("_","-"):e}function ot(e){var t=null;if(!it[e]&&"undefined"!=typeof module&&module&&module.exports)try{t=tt._abbr,require("./locale/"+e),ut(t)}catch(e){}return it[e]}function ut(e,t){var n;return e&&((n=l(t)?ht(e):lt(e,t))?tt=n:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),tt._abbr}function lt(e,t){if(null===t)return delete it[e],null;var n,s=st;if(t.abbr=e,null!=it[e])T("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=it[e]._config;else if(null!=t.parentLocale)if(null!=it[t.parentLocale])s=it[t.parentLocale]._config;else{if(null==(n=ot(t.parentLocale)))return rt[t.parentLocale]||(rt[t.parentLocale]=[]),rt[t.parentLocale].push({name:e,config:t}),null;s=n._config}return it[e]=new P(x(s,t)),rt[e]&&rt[e].forEach(function(e){lt(e.name,e.config)}),ut(e),it[e]}function ht(e){var t;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abbr),!e)return tt;if(!o(e)){if(t=ot(e))return t;e=[e]}return function(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=at(e[r]).split("-")).length,n=(n=at(e[r+1]))?n.split("-"):null;0<t;){if(s=ot(i.slice(0,t).join("-")))return s;if(n&&n.length>=t&&a(i,n,!0)>=t-1)break;t--}r++}return tt}(e)}function dt(e){var t,n=e._a;return n&&-2===g(e).overflow&&(t=n[_e]<0||11<n[_e]?_e:n[ye]<1||n[ye]>Pe(n[me],n[_e])?ye:n[ge]<0||24<n[ge]||24===n[ge]&&(0!==n[ve]||0!==n[pe]||0!==n[we])?ge:n[ve]<0||59<n[ve]?ve:n[pe]<0||59<n[pe]?pe:n[we]<0||999<n[we]?we:-1,g(e)._overflowDayOfYear&&(t<me||ye<t)&&(t=ye),g(e)._overflowWeeks&&-1===t&&(t=Me),g(e)._overflowWeekday&&-1===t&&(t=ke),g(e).overflow=t),e}function ct(e,t,n){return null!=e?e:null!=t?t:n}function ft(e){var t,n,s,i,r,a=[];if(!e._d){var o,u;for(o=e,u=new Date(c.now()),s=o._useUTC?[u.getUTCFullYear(),u.getUTCMonth(),u.getUTCDate()]:[u.getFullYear(),u.getMonth(),u.getDate()],e._w&&null==e._a[ye]&&null==e._a[_e]&&function(e){var t,n,s,i,r,a,o,u;if(null!=(t=e._w).GG||null!=t.W||null!=t.E)r=1,a=4,n=ct(t.GG,e._a[me],Ie(bt(),1,4).year),s=ct(t.W,1),((i=ct(t.E,1))<1||7<i)&&(u=!0);else{r=e._locale._week.dow,a=e._locale._week.doy;var l=Ie(bt(),r,a);n=ct(t.gg,e._a[me],l.year),s=ct(t.w,l.week),null!=t.d?((i=t.d)<0||6<i)&&(u=!0):null!=t.e?(i=t.e+r,(t.e<0||6<t.e)&&(u=!0)):i=r}s<1||s>Ae(n,r,a)?g(e)._overflowWeeks=!0:null!=u?g(e)._overflowWeekday=!0:(o=Ee(n,s,i,r,a),e._a[me]=o.year,e._dayOfYear=o.dayOfYear)}(e),null!=e._dayOfYear&&(r=ct(e._a[me],s[me]),(e._dayOfYear>Se(r)||0===e._dayOfYear)&&(g(e)._overflowDayOfYear=!0),n=Ge(r,0,e._dayOfYear),e._a[_e]=n.getUTCMonth(),e._a[ye]=n.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=a[t]=s[t];for(;t<7;t++)e._a[t]=a[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[ge]&&0===e._a[ve]&&0===e._a[pe]&&0===e._a[we]&&(e._nextDay=!0,e._a[ge]=0),e._d=(e._useUTC?Ge:function(e,t,n,s,i,r,a){var o;return e<100&&0<=e?(o=new Date(e+400,t,n,s,i,r,a),isFinite(o.getFullYear())&&o.setFullYear(e)):o=new Date(e,t,n,s,i,r,a),o}).apply(null,a),i=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[ge]=24),e._w&&void 0!==e._w.d&&e._w.d!==i&&(g(e).weekdayMismatch=!0)}}var mt=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,_t=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,yt=/Z|[+-]\d\d(?::?\d\d)?/,gt=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],vt=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],pt=/^\/?Date\((\-?\d+)/i;function wt(e){var t,n,s,i,r,a,o=e._i,u=mt.exec(o)||_t.exec(o);if(u){for(g(e).iso=!0,t=0,n=gt.length;t<n;t++)if(gt[t][1].exec(u[1])){i=gt[t][0],s=!1!==gt[t][2];break}if(null==i)return void(e._isValid=!1);if(u[3]){for(t=0,n=vt.length;t<n;t++)if(vt[t][1].exec(u[3])){r=(u[2]||" ")+vt[t][0];break}if(null==r)return void(e._isValid=!1)}if(!s&&null!=r)return void(e._isValid=!1);if(u[4]){if(!yt.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=i+(r||"")+(a||""),Yt(e)}else e._isValid=!1}var Mt=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/;function kt(e,t,n,s,i,r){var a=[function(e){var t=parseInt(e,10);{if(t<=49)return 2e3+t;if(t<=999)return 1900+t}return t}(e),He.indexOf(t),parseInt(n,10),parseInt(s,10),parseInt(i,10)];return r&&a.push(parseInt(r,10)),a}var St={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Dt(e){var t,n,s,i=Mt.exec(e._i.replace(/\([^)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""));if(i){var r=kt(i[4],i[3],i[2],i[5],i[6],i[7]);if(t=i[1],n=r,s=e,t&&ze.indexOf(t)!==new Date(n[0],n[1],n[2]).getDay()&&(g(s).weekdayMismatch=!0,!(s._isValid=!1)))return;e._a=r,e._tzm=function(e,t,n){if(e)return St[e];if(t)return 0;var s=parseInt(n,10),i=s%100;return(s-i)/100*60+i}(i[8],i[9],i[10]),e._d=Ge.apply(null,e._a),e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),g(e).rfc2822=!0}else e._isValid=!1}function Yt(e){if(e._f!==c.ISO_8601)if(e._f!==c.RFC_2822){e._a=[],g(e).empty=!0;var t,n,s,i,r,a,o,u,l=""+e._i,h=l.length,d=0;for(s=j(e._f,e._locale).match(N)||[],t=0;t<s.length;t++)i=s[t],(n=(l.match(le(i,e))||[])[0])&&(0<(r=l.substr(0,l.indexOf(n))).length&&g(e).unusedInput.push(r),l=l.slice(l.indexOf(n)+n.length),d+=n.length),E[i]?(n?g(e).empty=!1:g(e).unusedTokens.push(i),a=i,u=e,null!=(o=n)&&m(de,a)&&de[a](o,u._a,u,a)):e._strict&&!n&&g(e).unusedTokens.push(i);g(e).charsLeftOver=h-d,0<l.length&&g(e).unusedInput.push(l),e._a[ge]<=12&&!0===g(e).bigHour&&0<e._a[ge]&&(g(e).bigHour=void 0),g(e).parsedDateParts=e._a.slice(0),g(e).meridiem=e._meridiem,e._a[ge]=function(e,t,n){var s;if(null==n)return t;return null!=e.meridiemHour?e.meridiemHour(t,n):(null!=e.isPM&&((s=e.isPM(n))&&t<12&&(t+=12),s||12!==t||(t=0)),t)}(e._locale,e._a[ge],e._meridiem),ft(e),dt(e)}else Dt(e);else wt(e)}function Ot(e){var t,n,s,i,r=e._i,a=e._f;return e._locale=e._locale||ht(e._l),null===r||void 0===a&&""===r?p({nullInput:!0}):("string"==typeof r&&(e._i=r=e._locale.preparse(r)),k(r)?new M(dt(r)):(d(r)?e._d=r:o(a)?function(e){var t,n,s,i,r;if(0===e._f.length)return g(e).invalidFormat=!0,e._d=new Date(NaN);for(i=0;i<e._f.length;i++)r=0,t=w({},e),null!=e._useUTC&&(t._useUTC=e._useUTC),t._f=e._f[i],Yt(t),v(t)&&(r+=g(t).charsLeftOver,r+=10*g(t).unusedTokens.length,g(t).score=r,(null==s||r<s)&&(s=r,n=t));_(e,n||t)}(e):a?Yt(e):l(n=(t=e)._i)?t._d=new Date(c.now()):d(n)?t._d=new Date(n.valueOf()):"string"==typeof n?(s=t,null===(i=pt.exec(s._i))?(wt(s),!1===s._isValid&&(delete s._isValid,Dt(s),!1===s._isValid&&(delete s._isValid,c.createFromInputFallback(s)))):s._d=new Date(+i[1])):o(n)?(t._a=f(n.slice(0),function(e){return parseInt(e,10)}),ft(t)):u(n)?function(e){if(!e._d){var t=R(e._i);e._a=f([t.year,t.month,t.day||t.date,t.hour,t.minute,t.second,t.millisecond],function(e){return e&&parseInt(e,10)}),ft(e)}}(t):h(n)?t._d=new Date(n):c.createFromInputFallback(t),v(e)||(e._d=null),e))}function Tt(e,t,n,s,i){var r,a={};return!0!==n&&!1!==n||(s=n,n=void 0),(u(e)&&function(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(e).length;var t;for(t in e)if(e.hasOwnProperty(t))return!1;return!0}(e)||o(e)&&0===e.length)&&(e=void 0),a._isAMomentObject=!0,a._useUTC=a._isUTC=i,a._l=n,a._i=e,a._f=t,a._strict=s,(r=new M(dt(Ot(a))))._nextDay&&(r.add(1,"d"),r._nextDay=void 0),r}function bt(e,t,n,s){return Tt(e,t,n,s,!1)}c.createFromInputFallback=n("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),c.ISO_8601=function(){},c.RFC_2822=function(){};var xt=n("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=bt.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:p()}),Pt=n("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=bt.apply(null,arguments);return this.isValid()&&e.isValid()?this<e?this:e:p()});function Wt(e,t){var n,s;if(1===t.length&&o(t[0])&&(t=t[0]),!t.length)return bt();for(n=t[0],s=1;s<t.length;++s)t[s].isValid()&&!t[s][e](n)||(n=t[s]);return n}var Ct=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Ht(e){var t=R(e),n=t.year||0,s=t.quarter||0,i=t.month||0,r=t.week||t.isoWeek||0,a=t.day||0,o=t.hour||0,u=t.minute||0,l=t.second||0,h=t.millisecond||0;this._isValid=function(e){for(var t in e)if(-1===Ye.call(Ct,t)||null!=e[t]&&isNaN(e[t]))return!1;for(var n=!1,s=0;s<Ct.length;++s)if(e[Ct[s]]){if(n)return!1;parseFloat(e[Ct[s]])!==D(e[Ct[s]])&&(n=!0)}return!0}(t),this._milliseconds=+h+1e3*l+6e4*u+1e3*o*60*60,this._days=+a+7*r,this._months=+i+3*s+12*n,this._data={},this._locale=ht(),this._bubble()}function Rt(e){return e instanceof Ht}function Ut(e){return e<0?-1*Math.round(-1*e):Math.round(e)}function Ft(e,n){I(e,0,0,function(){var e=this.utcOffset(),t="+";return e<0&&(e=-e,t="-"),t+L(~~(e/60),2)+n+L(~~e%60,2)})}Ft("Z",":"),Ft("ZZ",""),ue("Z",re),ue("ZZ",re),ce(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Nt(re,e)});var Lt=/([\+\-]|\d\d)/gi;function Nt(e,t){var n=(t||"").match(e);if(null===n)return null;var s=((n[n.length-1]||[])+"").match(Lt)||["-",0,0],i=60*s[1]+D(s[2]);return 0===i?0:"+"===s[0]?i:-i}function Gt(e,t){var n,s;return t._isUTC?(n=t.clone(),s=(k(e)||d(e)?e.valueOf():bt(e).valueOf())-n.valueOf(),n._d.setTime(n._d.valueOf()+s),c.updateOffset(n,!1),n):bt(e).local()}function Vt(e){return 15*-Math.round(e._d.getTimezoneOffset()/15)}function Et(){return!!this.isValid()&&(this._isUTC&&0===this._offset)}c.updateOffset=function(){};var It=/^(\-|\+)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)(\.\d*)?)?$/,At=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function jt(e,t){var n,s,i,r=e,a=null;return Rt(e)?r={ms:e._milliseconds,d:e._days,M:e._months}:h(e)?(r={},t?r[t]=e:r.milliseconds=e):(a=It.exec(e))?(n="-"===a[1]?-1:1,r={y:0,d:D(a[ye])*n,h:D(a[ge])*n,m:D(a[ve])*n,s:D(a[pe])*n,ms:D(Ut(1e3*a[we]))*n}):(a=At.exec(e))?(n="-"===a[1]?-1:1,r={y:Zt(a[2],n),M:Zt(a[3],n),w:Zt(a[4],n),d:Zt(a[5],n),h:Zt(a[6],n),m:Zt(a[7],n),s:Zt(a[8],n)}):null==r?r={}:"object"==typeof r&&("from"in r||"to"in r)&&(i=function(e,t){var n;if(!e.isValid()||!t.isValid())return{milliseconds:0,months:0};t=Gt(t,e),e.isBefore(t)?n=zt(e,t):((n=zt(t,e)).milliseconds=-n.milliseconds,n.months=-n.months);return n}(bt(r.from),bt(r.to)),(r={}).ms=i.milliseconds,r.M=i.months),s=new Ht(r),Rt(e)&&m(e,"_locale")&&(s._locale=e._locale),s}function Zt(e,t){var n=e&&parseFloat(e.replace(",","."));return(isNaN(n)?0:n)*t}function zt(e,t){var n={};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function $t(s,i){return function(e,t){var n;return null===t||isNaN(+t)||(T(i,"moment()."+i+"(period, number) is deprecated. Please use moment()."+i+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),n=e,e=t,t=n),qt(this,jt(e="string"==typeof e?+e:e,t),s),this}}function qt(e,t,n,s){var i=t._milliseconds,r=Ut(t._days),a=Ut(t._months);e.isValid()&&(s=null==s||s,a&&Re(e,be(e,"Month")+a*n),r&&xe(e,"Date",be(e,"Date")+r*n),i&&e._d.setTime(e._d.valueOf()+i*n),s&&c.updateOffset(e,r||a))}jt.fn=Ht.prototype,jt.invalid=function(){return jt(NaN)};var Jt=$t(1,"add"),Bt=$t(-1,"subtract");function Qt(e,t){var n=12*(t.year()-e.year())+(t.month()-e.month()),s=e.clone().add(n,"months");return-(n+(t-s<0?(t-s)/(s-e.clone().add(n-1,"months")):(t-s)/(e.clone().add(n+1,"months")-s)))||0}function Xt(e){var t;return void 0===e?this._locale._abbr:(null!=(t=ht(e))&&(this._locale=t),this)}c.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",c.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";var Kt=n("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});function en(){return this._locale}var tn=126227808e5;function nn(e,t){return(e%t+t)%t}function sn(e,t,n){return e<100&&0<=e?new Date(e+400,t,n)-tn:new Date(e,t,n).valueOf()}function rn(e,t,n){return e<100&&0<=e?Date.UTC(e+400,t,n)-tn:Date.UTC(e,t,n)}function an(e,t){I(0,[e,e.length],0,t)}function on(e,t,n,s,i){var r;return null==e?Ie(this,s,i).year:((r=Ae(e,s,i))<t&&(t=r),function(e,t,n,s,i){var r=Ee(e,t,n,s,i),a=Ge(r.year,0,r.dayOfYear);return this.year(a.getUTCFullYear()),this.month(a.getUTCMonth()),this.date(a.getUTCDate()),this}.call(this,e,t,n,s,i))}I(0,["gg",2],0,function(){return this.weekYear()%100}),I(0,["GG",2],0,function(){return this.isoWeekYear()%100}),an("gggg","weekYear"),an("ggggg","weekYear"),an("GGGG","isoWeekYear"),an("GGGGG","isoWeekYear"),C("weekYear","gg"),C("isoWeekYear","GG"),F("weekYear",1),F("isoWeekYear",1),ue("G",se),ue("g",se),ue("GG",B,z),ue("gg",B,z),ue("GGGG",ee,q),ue("gggg",ee,q),ue("GGGGG",te,J),ue("ggggg",te,J),fe(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,s){t[s.substr(0,2)]=D(e)}),fe(["gg","GG"],function(e,t,n,s){t[s]=c.parseTwoDigitYear(e)}),I("Q",0,"Qo","quarter"),C("quarter","Q"),F("quarter",7),ue("Q",Z),ce("Q",function(e,t){t[_e]=3*(D(e)-1)}),I("D",["DD",2],"Do","date"),C("date","D"),F("date",9),ue("D",B),ue("DD",B,z),ue("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),ce(["D","DD"],ye),ce("Do",function(e,t){t[ye]=D(e.match(B)[0])});var un=Te("Date",!0);I("DDD",["DDDD",3],"DDDo","dayOfYear"),C("dayOfYear","DDD"),F("dayOfYear",4),ue("DDD",K),ue("DDDD",$),ce(["DDD","DDDD"],function(e,t,n){n._dayOfYear=D(e)}),I("m",["mm",2],0,"minute"),C("minute","m"),F("minute",14),ue("m",B),ue("mm",B,z),ce(["m","mm"],ve);var ln=Te("Minutes",!1);I("s",["ss",2],0,"second"),C("second","s"),F("second",15),ue("s",B),ue("ss",B,z),ce(["s","ss"],pe);var hn,dn=Te("Seconds",!1);for(I("S",0,0,function(){return~~(this.millisecond()/100)}),I(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),I(0,["SSS",3],0,"millisecond"),I(0,["SSSS",4],0,function(){return 10*this.millisecond()}),I(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),I(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),I(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),I(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),I(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),C("millisecond","ms"),F("millisecond",16),ue("S",K,Z),ue("SS",K,z),ue("SSS",K,$),hn="SSSS";hn.length<=9;hn+="S")ue(hn,ne);function cn(e,t){t[we]=D(1e3*("0."+e))}for(hn="S";hn.length<=9;hn+="S")ce(hn,cn);var fn=Te("Milliseconds",!1);I("z",0,0,"zoneAbbr"),I("zz",0,0,"zoneName");var mn=M.prototype;function _n(e){return e}mn.add=Jt,mn.calendar=function(e,t){var n=e||bt(),s=Gt(n,this).startOf("day"),i=c.calendarFormat(this,s)||"sameElse",r=t&&(b(t[i])?t[i].call(this,n):t[i]);return this.format(r||this.localeData().calendar(i,this,bt(n)))},mn.clone=function(){return new M(this)},mn.diff=function(e,t,n){var s,i,r;if(!this.isValid())return NaN;if(!(s=Gt(e,this)).isValid())return NaN;switch(i=6e4*(s.utcOffset()-this.utcOffset()),t=H(t)){case"year":r=Qt(this,s)/12;break;case"month":r=Qt(this,s);break;case"quarter":r=Qt(this,s)/3;break;case"second":r=(this-s)/1e3;break;case"minute":r=(this-s)/6e4;break;case"hour":r=(this-s)/36e5;break;case"day":r=(this-s-i)/864e5;break;case"week":r=(this-s-i)/6048e5;break;default:r=this-s}return n?r:S(r)},mn.endOf=function(e){var t;if(void 0===(e=H(e))||"millisecond"===e||!this.isValid())return this;var n=this._isUTC?rn:sn;switch(e){case"year":t=n(this.year()+1,0,1)-1;break;case"quarter":t=n(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":t=n(this.year(),this.month()+1,1)-1;break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":t=n(this.year(),this.month(),this.date()+1)-1;break;case"hour":t=this._d.valueOf(),t+=36e5-nn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5)-1;break;case"minute":t=this._d.valueOf(),t+=6e4-nn(t,6e4)-1;break;case"second":t=this._d.valueOf(),t+=1e3-nn(t,1e3)-1;break}return this._d.setTime(t),c.updateOffset(this,!0),this},mn.format=function(e){e||(e=this.isUtc()?c.defaultFormatUtc:c.defaultFormat);var t=A(this,e);return this.localeData().postformat(t)},mn.from=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||bt(e).isValid())?jt({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},mn.fromNow=function(e){return this.from(bt(),e)},mn.to=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||bt(e).isValid())?jt({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},mn.toNow=function(e){return this.to(bt(),e)},mn.get=function(e){return b(this[e=H(e)])?this[e]():this},mn.invalidAt=function(){return g(this).overflow},mn.isAfter=function(e,t){var n=k(e)?e:bt(e);return!(!this.isValid()||!n.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()>n.valueOf():n.valueOf()<this.clone().startOf(t).valueOf())},mn.isBefore=function(e,t){var n=k(e)?e:bt(e);return!(!this.isValid()||!n.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()<n.valueOf():this.clone().endOf(t).valueOf()<n.valueOf())},mn.isBetween=function(e,t,n,s){var i=k(e)?e:bt(e),r=k(t)?t:bt(t);return!!(this.isValid()&&i.isValid()&&r.isValid())&&("("===(s=s||"()")[0]?this.isAfter(i,n):!this.isBefore(i,n))&&(")"===s[1]?this.isBefore(r,n):!this.isAfter(r,n))},mn.isSame=function(e,t){var n,s=k(e)?e:bt(e);return!(!this.isValid()||!s.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()===s.valueOf():(n=s.valueOf(),this.clone().startOf(t).valueOf()<=n&&n<=this.clone().endOf(t).valueOf()))},mn.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)},mn.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)},mn.isValid=function(){return v(this)},mn.lang=Kt,mn.locale=Xt,mn.localeData=en,mn.max=Pt,mn.min=xt,mn.parsingFlags=function(){return _({},g(this))},mn.set=function(e,t){if("object"==typeof e)for(var n=function(e){var t=[];for(var n in e)t.push({unit:n,priority:U[n]});return t.sort(function(e,t){return e.priority-t.priority}),t}(e=R(e)),s=0;s<n.length;s++)this[n[s].unit](e[n[s].unit]);else if(b(this[e=H(e)]))return this[e](t);return this},mn.startOf=function(e){var t;if(void 0===(e=H(e))||"millisecond"===e||!this.isValid())return this;var n=this._isUTC?rn:sn;switch(e){case"year":t=n(this.year(),0,1);break;case"quarter":t=n(this.year(),this.month()-this.month()%3,1);break;case"month":t=n(this.year(),this.month(),1);break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":t=n(this.year(),this.month(),this.date());break;case"hour":t=this._d.valueOf(),t-=nn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5);break;case"minute":t=this._d.valueOf(),t-=nn(t,6e4);break;case"second":t=this._d.valueOf(),t-=nn(t,1e3);break}return this._d.setTime(t),c.updateOffset(this,!0),this},mn.subtract=Bt,mn.toArray=function(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]},mn.toObject=function(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}},mn.toDate=function(){return new Date(this.valueOf())},mn.toISOString=function(e){if(!this.isValid())return null;var t=!0!==e,n=t?this.clone().utc():this;return n.year()<0||9999<n.year()?A(n,t?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):b(Date.prototype.toISOString)?t?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",A(n,"Z")):A(n,t?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ")},mn.inspect=function(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var e="moment",t="";this.isLocal()||(e=0===this.utcOffset()?"moment.utc":"moment.parseZone",t="Z");var n="["+e+'("]',s=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",i=t+'[")]';return this.format(n+s+"-MM-DD[T]HH:mm:ss.SSS"+i)},mn.toJSON=function(){return this.isValid()?this.toISOString():null},mn.toString=function(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},mn.unix=function(){return Math.floor(this.valueOf()/1e3)},mn.valueOf=function(){return this._d.valueOf()-6e4*(this._offset||0)},mn.creationData=function(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},mn.year=Oe,mn.isLeapYear=function(){return De(this.year())},mn.weekYear=function(e){return on.call(this,e,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)},mn.isoWeekYear=function(e){return on.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)},mn.quarter=mn.quarters=function(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)},mn.month=Ue,mn.daysInMonth=function(){return Pe(this.year(),this.month())},mn.week=mn.weeks=function(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")},mn.isoWeek=mn.isoWeeks=function(e){var t=Ie(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")},mn.weeksInYear=function(){var e=this.localeData()._week;return Ae(this.year(),e.dow,e.doy)},mn.isoWeeksInYear=function(){return Ae(this.year(),1,4)},mn.date=un,mn.day=mn.days=function(e){if(!this.isValid())return null!=e?this:NaN;var t,n,s=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=e?(t=e,n=this.localeData(),e="string"!=typeof t?t:isNaN(t)?"number"==typeof(t=n.weekdaysParse(t))?t:null:parseInt(t,10),this.add(e-s,"d")):s},mn.weekday=function(e){if(!this.isValid())return null!=e?this:NaN;var t=(this.day()+7-this.localeData()._week.dow)%7;return null==e?t:this.add(e-t,"d")},mn.isoWeekday=function(e){if(!this.isValid())return null!=e?this:NaN;if(null==e)return this.day()||7;var t,n,s=(t=e,n=this.localeData(),"string"==typeof t?n.weekdaysParse(t)%7||7:isNaN(t)?null:t);return this.day(this.day()%7?s:s-7)},mn.dayOfYear=function(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")},mn.hour=mn.hours=nt,mn.minute=mn.minutes=ln,mn.second=mn.seconds=dn,mn.millisecond=mn.milliseconds=fn,mn.utcOffset=function(e,t,n){var s,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null==e)return this._isUTC?i:Vt(this);if("string"==typeof e){if(null===(e=Nt(re,e)))return this}else Math.abs(e)<16&&!n&&(e*=60);return!this._isUTC&&t&&(s=Vt(this)),this._offset=e,this._isUTC=!0,null!=s&&this.add(s,"m"),i!==e&&(!t||this._changeInProgress?qt(this,jt(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,c.updateOffset(this,!0),this._changeInProgress=null)),this},mn.utc=function(e){return this.utcOffset(0,e)},mn.local=function(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e&&this.subtract(Vt(this),"m")),this},mn.parseZone=function(){if(null!=this._tzm)this.utcOffset(this._tzm,!1,!0);else if("string"==typeof this._i){var e=Nt(ie,this._i);null!=e?this.utcOffset(e):this.utcOffset(0,!0)}return this},mn.hasAlignedHourOffset=function(e){return!!this.isValid()&&(e=e?bt(e).utcOffset():0,(this.utcOffset()-e)%60==0)},mn.isDST=function(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},mn.isLocal=function(){return!!this.isValid()&&!this._isUTC},mn.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},mn.isUtc=Et,mn.isUTC=Et,mn.zoneAbbr=function(){return this._isUTC?"UTC":""},mn.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},mn.dates=n("dates accessor is deprecated. Use date instead.",un),mn.months=n("months accessor is deprecated. Use month instead",Ue),mn.years=n("years accessor is deprecated. Use year instead",Oe),mn.zone=n("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,t){return null!=e?("string"!=typeof e&&(e=-e),this.utcOffset(e,t),this):-this.utcOffset()}),mn.isDSTShifted=n("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){if(!l(this._isDSTShifted))return this._isDSTShifted;var e={};if(w(e,this),(e=Ot(e))._a){var t=e._isUTC?y(e._a):bt(e._a);this._isDSTShifted=this.isValid()&&0<a(e._a,t.toArray())}else this._isDSTShifted=!1;return this._isDSTShifted});var yn=P.prototype;function gn(e,t,n,s){var i=ht(),r=y().set(s,t);return i[n](r,e)}function vn(e,t,n){if(h(e)&&(t=e,e=void 0),e=e||"",null!=t)return gn(e,t,n,"month");var s,i=[];for(s=0;s<12;s++)i[s]=gn(e,s,n,"month");return i}function pn(e,t,n,s){t=("boolean"==typeof e?h(t)&&(n=t,t=void 0):(t=e,e=!1,h(n=t)&&(n=t,t=void 0)),t||"");var i,r=ht(),a=e?r._week.dow:0;if(null!=n)return gn(t,(n+a)%7,s,"day");var o=[];for(i=0;i<7;i++)o[i]=gn(t,(i+a)%7,s,"day");return o}yn.calendar=function(e,t,n){var s=this._calendar[e]||this._calendar.sameElse;return b(s)?s.call(t,n):s},yn.longDateFormat=function(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.replace(/MMMM|MM|DD|dddd/g,function(e){return e.slice(1)}),this._longDateFormat[e])},yn.invalidDate=function(){return this._invalidDate},yn.ordinal=function(e){return this._ordinal.replace("%d",e)},yn.preparse=_n,yn.postformat=_n,yn.relativeTime=function(e,t,n,s){var i=this._relativeTime[n];return b(i)?i(e,t,n,s):i.replace(/%d/i,e)},yn.pastFuture=function(e,t){var n=this._relativeTime[0<e?"future":"past"];return b(n)?n(t):n.replace(/%s/i,t)},yn.set=function(e){var t,n;for(n in e)b(t=e[n])?this[n]=t:this["_"+n]=t;this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},yn.months=function(e,t){return e?o(this._months)?this._months[e.month()]:this._months[(this._months.isFormat||We).test(t)?"format":"standalone"][e.month()]:o(this._months)?this._months:this._months.standalone},yn.monthsShort=function(e,t){return e?o(this._monthsShort)?this._monthsShort[e.month()]:this._monthsShort[We.test(t)?"format":"standalone"][e.month()]:o(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},yn.monthsParse=function(e,t,n){var s,i,r;if(this._monthsParseExact)return function(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],s=0;s<12;++s)r=y([2e3,s]),this._shortMonthsParse[s]=this.monthsShort(r,"").toLocaleLowerCase(),this._longMonthsParse[s]=this.months(r,"").toLocaleLowerCase();return n?"MMM"===t?-1!==(i=Ye.call(this._shortMonthsParse,a))?i:null:-1!==(i=Ye.call(this._longMonthsParse,a))?i:null:"MMM"===t?-1!==(i=Ye.call(this._shortMonthsParse,a))?i:-1!==(i=Ye.call(this._longMonthsParse,a))?i:null:-1!==(i=Ye.call(this._longMonthsParse,a))?i:-1!==(i=Ye.call(this._shortMonthsParse,a))?i:null}.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),s=0;s<12;s++){if(i=y([2e3,s]),n&&!this._longMonthsParse[s]&&(this._longMonthsParse[s]=new RegExp("^"+this.months(i,"").replace(".","")+"$","i"),this._shortMonthsParse[s]=new RegExp("^"+this.monthsShort(i,"").replace(".","")+"$","i")),n||this._monthsParse[s]||(r="^"+this.months(i,"")+"|^"+this.monthsShort(i,""),this._monthsParse[s]=new RegExp(r.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[s].test(e))return s;if(n&&"MMM"===t&&this._shortMonthsParse[s].test(e))return s;if(!n&&this._monthsParse[s].test(e))return s}},yn.monthsRegex=function(e){return this._monthsParseExact?(m(this,"_monthsRegex")||Ne.call(this),e?this._monthsStrictRegex:this._monthsRegex):(m(this,"_monthsRegex")||(this._monthsRegex=Le),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)},yn.monthsShortRegex=function(e){return this._monthsParseExact?(m(this,"_monthsRegex")||Ne.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(m(this,"_monthsShortRegex")||(this._monthsShortRegex=Fe),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)},yn.week=function(e){return Ie(e,this._week.dow,this._week.doy).week},yn.firstDayOfYear=function(){return this._week.doy},yn.firstDayOfWeek=function(){return this._week.dow},yn.weekdays=function(e,t){var n=o(this._weekdays)?this._weekdays:this._weekdays[e&&!0!==e&&this._weekdays.isFormat.test(t)?"format":"standalone"];return!0===e?je(n,this._week.dow):e?n[e.day()]:n},yn.weekdaysMin=function(e){return!0===e?je(this._weekdaysMin,this._week.dow):e?this._weekdaysMin[e.day()]:this._weekdaysMin},yn.weekdaysShort=function(e){return!0===e?je(this._weekdaysShort,this._week.dow):e?this._weekdaysShort[e.day()]:this._weekdaysShort},yn.weekdaysParse=function(e,t,n){var s,i,r;if(this._weekdaysParseExact)return function(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],s=0;s<7;++s)r=y([2e3,1]).day(s),this._minWeekdaysParse[s]=this.weekdaysMin(r,"").toLocaleLowerCase(),this._shortWeekdaysParse[s]=this.weekdaysShort(r,"").toLocaleLowerCase(),this._weekdaysParse[s]=this.weekdays(r,"").toLocaleLowerCase();return n?"dddd"===t?-1!==(i=Ye.call(this._weekdaysParse,a))?i:null:"ddd"===t?-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:null:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:"dddd"===t?-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:"ddd"===t?-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:null}.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),s=0;s<7;s++){if(i=y([2e3,1]).day(s),n&&!this._fullWeekdaysParse[s]&&(this._fullWeekdaysParse[s]=new RegExp("^"+this.weekdays(i,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[s]=new RegExp("^"+this.weekdaysShort(i,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[s]=new RegExp("^"+this.weekdaysMin(i,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[s]||(r="^"+this.weekdays(i,"")+"|^"+this.weekdaysShort(i,"")+"|^"+this.weekdaysMin(i,""),this._weekdaysParse[s]=new RegExp(r.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[s].test(e))return s;if(n&&"ddd"===t&&this._shortWeekdaysParse[s].test(e))return s;if(n&&"dd"===t&&this._minWeekdaysParse[s].test(e))return s;if(!n&&this._weekdaysParse[s].test(e))return s}},yn.weekdaysRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(m(this,"_weekdaysRegex")||(this._weekdaysRegex=qe),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)},yn.weekdaysShortRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(m(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=Je),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},yn.weekdaysMinRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(m(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=Be),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},yn.isPM=function(e){return"p"===(e+"").toLowerCase().charAt(0)},yn.meridiem=function(e,t,n){return 11<e?n?"pm":"PM":n?"am":"AM"},ut("en",{dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10;return e+(1===D(e%100/10)?"th":1===t?"st":2===t?"nd":3===t?"rd":"th")}}),c.lang=n("moment.lang is deprecated. Use moment.locale instead.",ut),c.langData=n("moment.langData is deprecated. Use moment.localeData instead.",ht);var wn=Math.abs;function Mn(e,t,n,s){var i=jt(t,n);return e._milliseconds+=s*i._milliseconds,e._days+=s*i._days,e._months+=s*i._months,e._bubble()}function kn(e){return e<0?Math.floor(e):Math.ceil(e)}function Sn(e){return 4800*e/146097}function Dn(e){return 146097*e/4800}function Yn(e){return function(){return this.as(e)}}var On=Yn("ms"),Tn=Yn("s"),bn=Yn("m"),xn=Yn("h"),Pn=Yn("d"),Wn=Yn("w"),Cn=Yn("M"),Hn=Yn("Q"),Rn=Yn("y");function Un(e){return function(){return this.isValid()?this._data[e]:NaN}}var Fn=Un("milliseconds"),Ln=Un("seconds"),Nn=Un("minutes"),Gn=Un("hours"),Vn=Un("days"),En=Un("months"),In=Un("years");var An=Math.round,jn={ss:44,s:45,m:45,h:22,d:26,M:11};var Zn=Math.abs;function zn(e){return(0<e)-(e<0)||+e}function $n(){if(!this.isValid())return this.localeData().invalidDate();var e,t,n=Zn(this._milliseconds)/1e3,s=Zn(this._days),i=Zn(this._months);t=S((e=S(n/60))/60),n%=60,e%=60;var r=S(i/12),a=i%=12,o=s,u=t,l=e,h=n?n.toFixed(3).replace(/\.?0+$/,""):"",d=this.asSeconds();if(!d)return"P0D";var c=d<0?"-":"",f=zn(this._months)!==zn(d)?"-":"",m=zn(this._days)!==zn(d)?"-":"",_=zn(this._milliseconds)!==zn(d)?"-":"";return c+"P"+(r?f+r+"Y":"")+(a?f+a+"M":"")+(o?m+o+"D":"")+(u||l||h?"T":"")+(u?_+u+"H":"")+(l?_+l+"M":"")+(h?_+h+"S":"")}var qn=Ht.prototype;return qn.isValid=function(){return this._isValid},qn.abs=function(){var e=this._data;return this._milliseconds=wn(this._milliseconds),this._days=wn(this._days),this._months=wn(this._months),e.milliseconds=wn(e.milliseconds),e.seconds=wn(e.seconds),e.minutes=wn(e.minutes),e.hours=wn(e.hours),e.months=wn(e.months),e.years=wn(e.years),this},qn.add=function(e,t){return Mn(this,e,t,1)},qn.subtract=function(e,t){return Mn(this,e,t,-1)},qn.as=function(e){if(!this.isValid())return NaN;var t,n,s=this._milliseconds;if("month"===(e=H(e))||"quarter"===e||"year"===e)switch(t=this._days+s/864e5,n=this._months+Sn(t),e){case"month":return n;case"quarter":return n/3;case"year":return n/12}else switch(t=this._days+Math.round(Dn(this._months)),e){case"week":return t/7+s/6048e5;case"day":return t+s/864e5;case"hour":return 24*t+s/36e5;case"minute":return 1440*t+s/6e4;case"second":return 86400*t+s/1e3;case"millisecond":return Math.floor(864e5*t)+s;default:throw new Error("Unknown unit "+e)}},qn.asMilliseconds=On,qn.asSeconds=Tn,qn.asMinutes=bn,qn.asHours=xn,qn.asDays=Pn,qn.asWeeks=Wn,qn.asMonths=Cn,qn.asQuarters=Hn,qn.asYears=Rn,qn.valueOf=function(){return this.isValid()?this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*D(this._months/12):NaN},qn._bubble=function(){var e,t,n,s,i,r=this._milliseconds,a=this._days,o=this._months,u=this._data;return 0<=r&&0<=a&&0<=o||r<=0&&a<=0&&o<=0||(r+=864e5*kn(Dn(o)+a),o=a=0),u.milliseconds=r%1e3,e=S(r/1e3),u.seconds=e%60,t=S(e/60),u.minutes=t%60,n=S(t/60),u.hours=n%24,o+=i=S(Sn(a+=S(n/24))),a-=kn(Dn(i)),s=S(o/12),o%=12,u.days=a,u.months=o,u.years=s,this},qn.clone=function(){return jt(this)},qn.get=function(e){return e=H(e),this.isValid()?this[e+"s"]():NaN},qn.milliseconds=Fn,qn.seconds=Ln,qn.minutes=Nn,qn.hours=Gn,qn.days=Vn,qn.weeks=function(){return S(this.days()/7)},qn.months=En,qn.years=In,qn.humanize=function(e){if(!this.isValid())return this.localeData().invalidDate();var t,n,s,i,r,a,o,u,l,h,d,c=this.localeData(),f=(n=!e,s=c,i=jt(t=this).abs(),r=An(i.as("s")),a=An(i.as("m")),o=An(i.as("h")),u=An(i.as("d")),l=An(i.as("M")),h=An(i.as("y")),(d=r<=jn.ss&&["s",r]||r<jn.s&&["ss",r]||a<=1&&["m"]||a<jn.m&&["mm",a]||o<=1&&["h"]||o<jn.h&&["hh",o]||u<=1&&["d"]||u<jn.d&&["dd",u]||l<=1&&["M"]||l<jn.M&&["MM",l]||h<=1&&["y"]||["yy",h])[2]=n,d[3]=0<+t,d[4]=s,function(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}.apply(null,d));return e&&(f=c.pastFuture(+this,f)),c.postformat(f)},qn.toISOString=$n,qn.toString=$n,qn.toJSON=$n,qn.locale=Xt,qn.localeData=en,qn.toIsoString=n("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",$n),qn.lang=Kt,I("X",0,0,"unix"),I("x",0,0,"valueOf"),ue("x",se),ue("X",/[+-]?\d+(\.\d{1,3})?/),ce("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e,10))}),ce("x",function(e,t,n){n._d=new Date(D(e))}),c.version="2.24.0",e=bt,c.fn=mn,c.min=function(){return Wt("isBefore",[].slice.call(arguments,0))},c.max=function(){return Wt("isAfter",[].slice.call(arguments,0))},c.now=function(){return Date.now?Date.now():+new Date},c.utc=y,c.unix=function(e){return bt(1e3*e)},c.months=function(e,t){return vn(e,t,"months")},c.isDate=d,c.locale=ut,c.invalid=p,c.duration=jt,c.isMoment=k,c.weekdays=function(e,t,n){return pn(e,t,n,"weekdays")},c.parseZone=function(){return bt.apply(null,arguments).parseZone()},c.localeData=ht,c.isDuration=Rt,c.monthsShort=function(e,t){return vn(e,t,"monthsShort")},c.weekdaysMin=function(e,t,n){return pn(e,t,n,"weekdaysMin")},c.defineLocale=lt,c.updateLocale=function(e,t){if(null!=t){var n,s,i=st;null!=(s=ot(e))&&(i=s._config),(n=new P(t=x(i,t))).parentLocale=it[e],it[e]=n,ut(e)}else null!=it[e]&&(null!=it[e].parentLocale?it[e]=it[e].parentLocale:null!=it[e]&&delete it[e]);return it[e]},c.locales=function(){return s(it)},c.weekdaysShort=function(e,t,n){return pn(e,t,n,"weekdaysShort")},c.normalizeUnits=H,c.relativeTimeRounding=function(e){return void 0===e?An:"function"==typeof e&&(An=e,!0)},c.relativeTimeThreshold=function(e,t){return void 0!==jn[e]&&(void 0===t?jn[e]:(jn[e]=t,"s"===e&&(jn.ss=t-1),!0))},c.calendarFormat=function(e,t){var n=e.diff(t,"days",!0);return n<-6?"sameElse":n<-1?"lastWeek":n<0?"lastDay":n<1?"sameDay":n<2?"nextDay":n<7?"nextWeek":"sameElse"},c.prototype=mn,c.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},c});



!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):r.chroma=e()}(this,function(){"use strict";for(var n=function(r,e,n){return void 0===e&&(e=0),void 0===n&&(n=1),r<e?e:n<r?n:r},e={},r=0,t=["Boolean","Number","String","Function","Array","Date","RegExp","Undefined","Null"];r<t.length;r+=1){var a=t[r];e["[object "+a+"]"]=a.toLowerCase()}var Y=function(r){return e[Object.prototype.toString.call(r)]||"object"},f=Math.PI,o={clip_rgb:function(r){r._clipped=!1,r._unclipped=r.slice(0);for(var e=0;e<=3;e++)e<3?((r[e]<0||255<r[e])&&(r._clipped=!0),r[e]=n(r[e],0,255)):3===e&&(r[e]=n(r[e],0,1));return r},limit:n,type:Y,unpack:function(e,r){return void 0===r&&(r=null),3<=e.length?Array.prototype.slice.call(e):"object"==Y(e[0])&&r?r.split("").filter(function(r){return void 0!==e[0][r]}).map(function(r){return e[0][r]}):e[0]},last:function(r){if(r.length<2)return null;var e=r.length-1;return"string"==Y(r[e])?r[e].toLowerCase():null},PI:f,TWOPI:2*f,PITHIRD:f/3,DEG2RAD:f/180,RAD2DEG:180/f},b={format:{},autodetect:[]},c=o.last,i=o.clip_rgb,l=o.type,u=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if("object"===l(r[0])&&r[0].constructor&&r[0].constructor===this.constructor)return r[0];var n=c(r),t=!1;if(!n){t=!0,b.sorted||(b.autodetect=b.autodetect.sort(function(r,e){return e.p-r.p}),b.sorted=!0);for(var a=0,f=b.autodetect;a<f.length;a+=1){var o=f[a];if(n=o.test.apply(o,r))break}}if(!b.format[n])throw new Error("unknown format: "+r);var u=b.format[n].apply(null,t?r:r.slice(0,-1));this._rgb=i(u),3===this._rgb.length&&this._rgb.push(1)};u.prototype.toString=function(){return"function"==l(this.hex)?this.hex():"["+this._rgb.join(",")+"]"};var A=u,h=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(h.Color,[null].concat(r)))};h.Color=A,h.version="2.1.0";var _=h,d=o.unpack,s=Math.max,p=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=d(r,"rgb"),t=n[0],a=n[1],f=n[2],o=1-s(t/=255,s(a/=255,f/=255)),u=o<1?1/(1-o):0;return[(1-t-o)*u,(1-a-o)*u,(1-f-o)*u,o]},g=o.unpack,v=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=(r=g(r,"cmyk"))[0],t=r[1],a=r[2],f=r[3],o=4<r.length?r[4]:1;return 1===f?[0,0,0,o]:[1<=n?0:255*(1-n)*(1-f),1<=t?0:255*(1-t)*(1-f),1<=a?0:255*(1-a)*(1-f),o]},m=o.unpack,y=o.type;A.prototype.cmyk=function(){return p(this._rgb)},_.cmyk=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["cmyk"])))},b.format.cmyk=v,b.autodetect.push({p:2,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=m(r,"cmyk"),"array"===y(r)&&4===r.length)return"cmyk"}});var w=o.unpack,k=o.last,M=function(r){return Math.round(100*r)/100},N=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=w(r,"hsla"),t=k(r)||"lsa";return n[0]=M(n[0]||0),n[1]=M(100*n[1])+"%",n[2]=M(100*n[2])+"%","hsla"===t||3<n.length&&n[3]<1?(n[3]=3<n.length?n[3]:1,t="hsla"):n.length=3,t+"("+n.join(",")+")"},x=o.unpack,E=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=(r=x(r,"rgba"))[0],t=r[1],a=r[2];n/=255,t/=255,a/=255;var f,o,u=Math.min(n,t,a),c=Math.max(n,t,a),i=(c+u)/2;return c===u?(f=0,o=Number.NaN):f=i<.5?(c-u)/(c+u):(c-u)/(2-c-u),n==c?o=(t-a)/(c-u):t==c?o=2+(a-n)/(c-u):a==c&&(o=4+(n-t)/(c-u)),(o*=60)<0&&(o+=360),3<r.length&&void 0!==r[3]?[o,f,i,r[3]]:[o,f,i]},P=o.unpack,F=o.last,O=Math.round,j=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=P(r,"rgba"),t=F(r)||"rgb";return"hsl"==t.substr(0,3)?N(E(n),t):(n[0]=O(n[0]),n[1]=O(n[1]),n[2]=O(n[2]),("rgba"===t||3<n.length&&n[3]<1)&&(n[3]=3<n.length?n[3]:1,t="rgba"),t+"("+n.slice(0,"rgb"===t?3:4).join(",")+")")},G=o.unpack,q=Math.round,L=function(){for(var r,e=[],n=arguments.length;n--;)e[n]=arguments[n];var t,a,f,o=(e=G(e,"hsl"))[0],u=e[1],c=e[2];if(0===u)t=a=f=255*c;else{var i=[0,0,0],l=[0,0,0],h=c<.5?c*(1+u):c+u-c*u,d=2*c-h,s=o/360;i[0]=s+1/3,i[1]=s,i[2]=s-1/3;for(var b=0;b<3;b++)i[b]<0&&(i[b]+=1),1<i[b]&&(i[b]-=1),6*i[b]<1?l[b]=d+6*(h-d)*i[b]:2*i[b]<1?l[b]=h:3*i[b]<2?l[b]=d+(h-d)*(2/3-i[b])*6:l[b]=d;t=(r=[q(255*l[0]),q(255*l[1]),q(255*l[2])])[0],a=r[1],f=r[2]}return 3<e.length?[t,a,f,e[3]]:[t,a,f,1]},R=/^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/,I=/^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/,B=/^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,C=/^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,D=/^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,S=/^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,$=Math.round,z=function(r){var e;if(r=r.toLowerCase().trim(),b.format.named)try{return b.format.named(r)}catch(r){}if(e=r.match(R)){for(var n=e.slice(1,4),t=0;t<3;t++)n[t]=+n[t];return n[3]=1,n}if(e=r.match(I)){for(var a=e.slice(1,5),f=0;f<4;f++)a[f]=+a[f];return a}if(e=r.match(B)){for(var o=e.slice(1,4),u=0;u<3;u++)o[u]=$(2.55*o[u]);return o[3]=1,o}if(e=r.match(C)){for(var c=e.slice(1,5),i=0;i<3;i++)c[i]=$(2.55*c[i]);return c[3]=+c[3],c}if(e=r.match(D)){var l=e.slice(1,4);l[1]*=.01,l[2]*=.01;var h=L(l);return h[3]=1,h}if(e=r.match(S)){var d=e.slice(1,4);d[1]*=.01,d[2]*=.01;var s=L(d);return s[3]=+e[4],s}};z.test=function(r){return R.test(r)||I.test(r)||B.test(r)||C.test(r)||D.test(r)||S.test(r)};var T=z,U=o.type;A.prototype.css=function(r){return j(this._rgb,r)},_.css=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["css"])))},b.format.css=T,b.autodetect.push({p:5,test:function(r){for(var e=[],n=arguments.length-1;0<n--;)e[n]=arguments[n+1];if(!e.length&&"string"===U(r)&&T.test(r))return"css"}});var V=o.unpack;b.format.gl=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=V(r,"rgba");return n[0]*=255,n[1]*=255,n[2]*=255,n},_.gl=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["gl"])))},A.prototype.gl=function(){var r=this._rgb;return[r[0]/255,r[1]/255,r[2]/255,r[3]]};var W=o.unpack,X=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n,t=W(r,"rgb"),a=t[0],f=t[1],o=t[2],u=Math.min(a,f,o),c=Math.max(a,f,o),i=c-u,l=100*i/255,h=u/(255-i)*100;return 0===i?n=Number.NaN:(a===c&&(n=(f-o)/i),f===c&&(n=2+(o-a)/i),o===c&&(n=4+(a-f)/i),(n*=60)<0&&(n+=360)),[n,l,h]},H=o.unpack,J=Math.floor,K=function(){for(var r,e,n,t,a,f,o=[],u=arguments.length;u--;)o[u]=arguments[u];var c,i,l,h=(o=H(o,"hcg"))[0],d=o[1],s=o[2];s*=255;var b=255*d;if(0===d)c=i=l=s;else{360===h&&(h=0),360<h&&(h-=360),h<0&&(h+=360);var p=J(h/=60),g=h-p,v=s*(1-d),m=v+b*(1-g),y=v+b*g,w=v+b;switch(p){case 0:c=(r=[w,y,v])[0],i=r[1],l=r[2];break;case 1:c=(e=[m,w,v])[0],i=e[1],l=e[2];break;case 2:c=(n=[v,w,y])[0],i=n[1],l=n[2];break;case 3:c=(t=[v,m,w])[0],i=t[1],l=t[2];break;case 4:c=(a=[y,v,w])[0],i=a[1],l=a[2];break;case 5:c=(f=[w,v,m])[0],i=f[1],l=f[2]}}return[c,i,l,3<o.length?o[3]:1]},Q=o.unpack,Z=o.type;A.prototype.hcg=function(){return X(this._rgb)},_.hcg=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["hcg"])))},b.format.hcg=K,b.autodetect.push({p:1,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=Q(r,"hcg"),"array"===Z(r)&&3===r.length)return"hcg"}});var rr=o.unpack,er=o.last,nr=Math.round,tr=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=rr(r,"rgba"),t=n[0],a=n[1],f=n[2],o=n[3],u=er(r)||"auto";void 0===o&&(o=1),"auto"===u&&(u=o<1?"rgba":"rgb");var c="000000"+((t=nr(t))<<16|(a=nr(a))<<8|(f=nr(f))).toString(16);c=c.substr(c.length-6);var i="0"+nr(255*o).toString(16);switch(i=i.substr(i.length-2),u.toLowerCase()){case"rgba":return"#"+c+i;case"argb":return"#"+i+c;default:return"#"+c}},ar=/^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,fr=/^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/,or=function(r){if(r.match(ar)){4!==r.length&&7!==r.length||(r=r.substr(1)),3===r.length&&(r=(r=r.split(""))[0]+r[0]+r[1]+r[1]+r[2]+r[2]);var e=parseInt(r,16);return[e>>16,e>>8&255,255&e,1]}if(r.match(fr)){5!==r.length&&9!==r.length||(r=r.substr(1)),4===r.length&&(r=(r=r.split(""))[0]+r[0]+r[1]+r[1]+r[2]+r[2]+r[3]+r[3]);var n=parseInt(r,16);return[n>>24&255,n>>16&255,n>>8&255,Math.round((255&n)/255*100)/100]}throw new Error("unknown hex color: "+r)},ur=o.type;A.prototype.hex=function(r){return tr(this._rgb,r)},_.hex=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["hex"])))},b.format.hex=or,b.autodetect.push({p:4,test:function(r){for(var e=[],n=arguments.length-1;0<n--;)e[n]=arguments[n+1];if(!e.length&&"string"===ur(r)&&0<=[3,4,5,6,7,8,9].indexOf(r.length))return"hex"}});var cr=o.unpack,ir=o.TWOPI,lr=Math.min,hr=Math.sqrt,dr=Math.acos,sr=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n,t=cr(r,"rgb"),a=t[0],f=t[1],o=t[2],u=lr(a/=255,f/=255,o/=255),c=(a+f+o)/3,i=0<c?1-u/c:0;return 0===i?n=NaN:(n=(a-f+(a-o))/2,n/=hr((a-f)*(a-f)+(a-o)*(f-o)),n=dr(n),f<o&&(n=ir-n),n/=ir),[360*n,i,c]},br=o.unpack,pr=o.limit,gr=o.TWOPI,vr=o.PITHIRD,mr=Math.cos,yr=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n,t,a,f=(r=br(r,"hsi"))[0],o=r[1],u=r[2];return isNaN(f)&&(f=0),isNaN(o)&&(o=0),360<f&&(f-=360),f<0&&(f+=360),(f/=360)<1/3?t=1-((a=(1-o)/3)+(n=(1+o*mr(gr*f)/mr(vr-gr*f))/3)):f<2/3?a=1-((n=(1-o)/3)+(t=(1+o*mr(gr*(f-=1/3))/mr(vr-gr*f))/3)):n=1-((t=(1-o)/3)+(a=(1+o*mr(gr*(f-=2/3))/mr(vr-gr*f))/3)),[255*(n=pr(u*n*3)),255*(t=pr(u*t*3)),255*(a=pr(u*a*3)),3<r.length?r[3]:1]},wr=o.unpack,kr=o.type;A.prototype.hsi=function(){return sr(this._rgb)},_.hsi=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["hsi"])))},b.format.hsi=yr,b.autodetect.push({p:2,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=wr(r,"hsi"),"array"===kr(r)&&3===r.length)return"hsi"}});var Mr=o.unpack,Nr=o.type;A.prototype.hsl=function(){return E(this._rgb)},_.hsl=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["hsl"])))},b.format.hsl=L,b.autodetect.push({p:2,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=Mr(r,"hsl"),"array"===Nr(r)&&3===r.length)return"hsl"}});var _r=o.unpack,xr=Math.min,Ar=Math.max,Er=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n,t,a,f=(r=_r(r,"rgb"))[0],o=r[1],u=r[2],c=xr(f,o,u),i=Ar(f,o,u),l=i-c;return a=i/255,0===i?(n=Number.NaN,t=0):(t=l/i,f===i&&(n=(o-u)/l),o===i&&(n=2+(u-f)/l),u===i&&(n=4+(f-o)/l),(n*=60)<0&&(n+=360)),[n,t,a]},Pr=o.unpack,Fr=Math.floor,Or=function(){for(var r,e,n,t,a,f,o=[],u=arguments.length;u--;)o[u]=arguments[u];var c,i,l,h=(o=Pr(o,"hsv"))[0],d=o[1],s=o[2];if(s*=255,0===d)c=i=l=s;else{360===h&&(h=0),360<h&&(h-=360),h<0&&(h+=360);var b=Fr(h/=60),p=h-b,g=s*(1-d),v=s*(1-d*p),m=s*(1-d*(1-p));switch(b){case 0:c=(r=[s,m,g])[0],i=r[1],l=r[2];break;case 1:c=(e=[v,s,g])[0],i=e[1],l=e[2];break;case 2:c=(n=[g,s,m])[0],i=n[1],l=n[2];break;case 3:c=(t=[g,v,s])[0],i=t[1],l=t[2];break;case 4:c=(a=[m,g,s])[0],i=a[1],l=a[2];break;case 5:c=(f=[s,g,v])[0],i=f[1],l=f[2]}}return[c,i,l,3<o.length?o[3]:1]},jr=o.unpack,Gr=o.type;A.prototype.hsv=function(){return Er(this._rgb)},_.hsv=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["hsv"])))},b.format.hsv=Or,b.autodetect.push({p:2,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=jr(r,"hsv"),"array"===Gr(r)&&3===r.length)return"hsv"}});var qr=18,Lr=.95047,Rr=1,Ir=1.08883,Br=.137931034,Cr=.206896552,Dr=.12841855,Sr=.008856452,$r=o.unpack,Yr=Math.pow,zr=function(r){return(r/=255)<=.04045?r/12.92:Yr((r+.055)/1.055,2.4)},Tr=function(r){return Sr<r?Yr(r,1/3):r/Dr+Br},Ur=function(r,e,n){return r=zr(r),e=zr(e),n=zr(n),[Tr((.4124564*r+.3575761*e+.1804375*n)/Lr),Tr((.2126729*r+.7151522*e+.072175*n)/Rr),Tr((.0193339*r+.119192*e+.9503041*n)/Ir)]},Vr=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=$r(r,"rgb"),t=n[0],a=n[1],f=n[2],o=Ur(t,a,f),u=o[0],c=o[1],i=116*c-16;return[i<0?0:i,500*(u-c),200*(c-o[2])]},Wr=o.unpack,Xr=Math.pow,Hr=function(r){return 255*(r<=.00304?12.92*r:1.055*Xr(r,1/2.4)-.055)},Jr=function(r){return Cr<r?r*r*r:Dr*(r-Br)},Kr=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n,t,a,f=(r=Wr(r,"lab"))[0],o=r[1],u=r[2];return t=(f+16)/116,n=isNaN(o)?t:t+o/500,a=isNaN(u)?t:t-u/200,t=Rr*Jr(t),n=Lr*Jr(n),a=Ir*Jr(a),[Hr(3.2404542*n-1.5371385*t-.4985314*a),Hr(-.969266*n+1.8760108*t+.041556*a),Hr(.0556434*n-.2040259*t+1.0572252*a),3<r.length?r[3]:1]},Qr=o.unpack,Zr=o.type;A.prototype.lab=function(){return Vr(this._rgb)},_.lab=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["lab"])))},b.format.lab=Kr,b.autodetect.push({p:2,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=Qr(r,"lab"),"array"===Zr(r)&&3===r.length)return"lab"}});var re=o.unpack,ee=o.RAD2DEG,ne=Math.sqrt,te=Math.atan2,ae=Math.round,fe=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=re(r,"lab"),t=n[0],a=n[1],f=n[2],o=ne(a*a+f*f),u=(te(f,a)*ee+360)%360;return 0===ae(1e4*o)&&(u=Number.NaN),[t,o,u]},oe=o.unpack,ue=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=oe(r,"rgb"),t=n[0],a=n[1],f=n[2],o=Vr(t,a,f),u=o[0],c=o[1],i=o[2];return fe(u,c,i)},ce=o.unpack,ie=o.DEG2RAD,le=Math.sin,he=Math.cos,de=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=ce(r,"lch"),t=n[0],a=n[1],f=n[2];return isNaN(f)&&(f=0),[t,he(f*=ie)*a,le(f)*a]},se=o.unpack,be=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=(r=se(r,"lch"))[0],t=r[1],a=r[2],f=de(n,t,a),o=f[0],u=f[1],c=f[2],i=Kr(o,u,c);return[i[0],i[1],i[2],3<r.length?r[3]:1]},pe=o.unpack,ge=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=pe(r,"hcl").reverse();return be.apply(void 0,n)},ve=o.unpack,me=o.type;A.prototype.lch=function(){return ue(this._rgb)},A.prototype.hcl=function(){return ue(this._rgb).reverse()},_.lch=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["lch"])))},_.hcl=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["hcl"])))},b.format.lch=be,b.format.hcl=ge,["lch","hcl"].forEach(function(n){return b.autodetect.push({p:2,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=ve(r,n),"array"===me(r)&&3===r.length)return n}})});var ye={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflower:"#6495ed",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",laserlemon:"#ffff54",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrod:"#fafad2",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",maroon2:"#7f0000",maroon3:"#b03060",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",purple2:"#7f007f",purple3:"#a020f0",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},we=o.type;A.prototype.name=function(){for(var r=tr(this._rgb,"rgb"),e=0,n=Object.keys(ye);e<n.length;e+=1){var t=n[e];if(ye[t]===r)return t.toLowerCase()}return r},b.format.named=function(r){if(r=r.toLowerCase(),ye[r])return or(ye[r]);throw new Error("unknown color name: "+r)},b.autodetect.push({p:5,test:function(r){for(var e=[],n=arguments.length-1;0<n--;)e[n]=arguments[n+1];if(!e.length&&"string"===we(r)&&ye[r.toLowerCase()])return"named"}});var ke=o.unpack,Me=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=ke(r,"rgb");return(n[0]<<16)+(n[1]<<8)+n[2]},Ne=o.type,_e=function(r){if("number"==Ne(r)&&0<=r&&r<=16777215)return[r>>16,r>>8&255,255&r,1];throw new Error("unknown num color: "+r)},xe=o.type;A.prototype.num=function(){return Me(this._rgb)},_.num=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["num"])))},b.format.num=_e,b.autodetect.push({p:5,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(1===r.length&&"number"===xe(r[0])&&0<=r[0]&&r[0]<=16777215)return"num"}});var Ae=o.unpack,Ee=o.type,Pe=Math.round;A.prototype.rgb=function(r){return void 0===r&&(r=!0),!1===r?this._rgb.slice(0,3):this._rgb.slice(0,3).map(Pe)},A.prototype.rgba=function(n){return void 0===n&&(n=!0),this._rgb.slice(0,4).map(function(r,e){return e<3?!1===n?r:Pe(r):r})},_.rgb=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["rgb"])))},b.format.rgb=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=Ae(r,"rgba");return void 0===n[3]&&(n[3]=1),n},b.autodetect.push({p:3,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=Ae(r,"rgba"),"array"===Ee(r)&&(3===r.length||4===r.length&&"number"==Ee(r[3])&&0<=r[3]&&r[3]<=1))return"rgb"}});var Fe=Math.log,Oe=function(r){var e,n,t,a=r/100;return t=a<66?(e=255,n=-155.25485562709179-.44596950469579133*(n=a-2)+104.49216199393888*Fe(n),a<20?0:.8274096064007395*(t=a-10)-254.76935184120902+115.67994401066147*Fe(t)):(e=351.97690566805693+.114206453784165*(e=a-55)-40.25366309332127*Fe(e),n=325.4494125711974+.07943456536662342*(n=a-50)-28.0852963507957*Fe(n),255),[e,n,t,1]},je=o.unpack,Ge=Math.round,qe=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];for(var n,t=je(r,"rgb"),a=t[0],f=t[2],o=1e3,u=4e4;.4<u-o;){var c=Oe(n=.5*(u+o));c[2]/c[0]>=f/a?u=n:o=n}return Ge(n)};A.prototype.temp=A.prototype.kelvin=A.prototype.temperature=function(){return qe(this._rgb)},_.temp=_.kelvin=_.temperature=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["temp"])))},b.format.temp=b.format.kelvin=b.format.temperature=Oe;var Le=o.type;A.prototype.alpha=function(r,e){return void 0===e&&(e=!1),void 0!==r&&"number"===Le(r)?e?(this._rgb[3]=r,this):new A([this._rgb[0],this._rgb[1],this._rgb[2],r],"rgb"):this._rgb[3]},A.prototype.clipped=function(){return this._rgb._clipped||!1},A.prototype.darken=function(r){void 0===r&&(r=1);var e=this.lab();return e[0]-=qr*r,new A(e,"lab").alpha(this.alpha(),!0)},A.prototype.brighten=function(r){return void 0===r&&(r=1),this.darken(-r)},A.prototype.darker=A.prototype.darken,A.prototype.brighter=A.prototype.brighten,A.prototype.get=function(r){var e=r.split("."),n=e[0],t=e[1],a=this[n]();if(t){var f=n.indexOf(t);if(-1<f)return a[f];throw new Error("unknown channel "+t+" in mode "+n)}return a};var Re=o.type,Ie=Math.pow;A.prototype.luminance=function(a){if(void 0===a||"number"!==Re(a))return Be.apply(void 0,this._rgb.slice(0,3));if(0===a)return new A([0,0,0,this._rgb[3]],"rgb");if(1===a)return new A([255,255,255,this._rgb[3]],"rgb");var r=this.luminance(),f=20,o=function(r,e){var n=r.interpolate(e,.5,"rgb"),t=n.luminance();return Math.abs(a-t)<1e-7||!f--?n:a<t?o(r,n):o(n,e)},e=(a<r?o(new A([0,0,0]),this):o(this,new A([255,255,255]))).rgb();return new A(e.concat([this._rgb[3]]))};var Be=function(r,e,n){return.2126*(r=Ce(r))+.7152*(e=Ce(e))+.0722*(n=Ce(n))},Ce=function(r){return(r/=255)<=.03928?r/12.92:Ie((r+.055)/1.055,2.4)},De={},Se=o.type,$e=function(r,e,n){void 0===n&&(n=.5);for(var t=[],a=arguments.length-3;0<a--;)t[a]=arguments[a+3];var f=t[0]||"lrgb";if(De[f]||t.length||(f=Object.keys(De)[0]),!De[f])throw new Error("interpolation mode "+f+" is not defined");return"object"!==Se(r)&&(r=new A(r)),"object"!==Se(e)&&(e=new A(e)),De[f](r,e,n).alpha(r.alpha()+n*(e.alpha()-r.alpha()))};A.prototype.mix=A.prototype.interpolate=function(r,e){void 0===e&&(e=.5);for(var n=[],t=arguments.length-2;0<t--;)n[t]=arguments[t+2];return $e.apply(void 0,[this,r,e].concat(n))},A.prototype.premultiply=function(r){void 0===r&&(r=!1);var e=this._rgb,n=e[3];return r?(this._rgb=[e[0]*n,e[1]*n,e[2]*n,n],this):new A([e[0]*n,e[1]*n,e[2]*n,n],"rgb")},A.prototype.saturate=function(r){void 0===r&&(r=1);var e=this.lch();return e[1]+=qr*r,e[1]<0&&(e[1]=0),new A(e,"lch").alpha(this.alpha(),!0)},A.prototype.desaturate=function(r){return void 0===r&&(r=1),this.saturate(-r)};var Ye=o.type;A.prototype.set=function(r,e,n){void 0===n&&(n=!1);var t=r.split("."),a=t[0],f=t[1],o=this[a]();if(f){var u=a.indexOf(f);if(-1<u){if("string"==Ye(e))switch(e.charAt(0)){case"+":case"-":o[u]+=+e;break;case"*":o[u]*=+e.substr(1);break;case"/":o[u]/=+e.substr(1);break;default:o[u]=+e}else{if("number"!==Ye(e))throw new Error("unsupported value for Color.set");o[u]=e}var c=new A(o,a);return n?(this._rgb=c._rgb,this):c}throw new Error("unknown channel "+f+" in mode "+a)}return o};De.rgb=function(r,e,n){var t=r._rgb,a=e._rgb;return new A(t[0]+n*(a[0]-t[0]),t[1]+n*(a[1]-t[1]),t[2]+n*(a[2]-t[2]),"rgb")};var ze=Math.sqrt,Te=Math.pow;De.lrgb=function(r,e,n){var t=r._rgb,a=t[0],f=t[1],o=t[2],u=e._rgb,c=u[0],i=u[1],l=u[2];return new A(ze(Te(a,2)*(1-n)+Te(c,2)*n),ze(Te(f,2)*(1-n)+Te(i,2)*n),ze(Te(o,2)*(1-n)+Te(l,2)*n),"rgb")};De.lab=function(r,e,n){var t=r.lab(),a=e.lab();return new A(t[0]+n*(a[0]-t[0]),t[1]+n*(a[1]-t[1]),t[2]+n*(a[2]-t[2]),"lab")};var Ue=function(r,e,n,t){var a,f,o,u,c,i,l,h,d,s,b,p;return"hsl"===t?(o=r.hsl(),u=e.hsl()):"hsv"===t?(o=r.hsv(),u=e.hsv()):"hcg"===t?(o=r.hcg(),u=e.hcg()):"hsi"===t?(o=r.hsi(),u=e.hsi()):"lch"!==t&&"hcl"!==t||(t="hcl",o=r.hcl(),u=e.hcl()),"h"===t.substr(0,1)&&(c=(a=o)[0],l=a[1],d=a[2],i=(f=u)[0],h=f[1],s=f[2]),isNaN(c)||isNaN(i)?isNaN(c)?isNaN(i)?p=Number.NaN:(p=i,1!=d&&0!=d||"hsv"==t||(b=h)):(p=c,1!=s&&0!=s||"hsv"==t||(b=l)):p=c+n*(c<i&&180<i-c?i-(c+360):i<c&&180<c-i?i+360-c:i-c),void 0===b&&(b=l+n*(h-l)),new A([p,b,d+n*(s-d)],t)},Ve=function(r,e,n){return Ue(r,e,n,"lch")};De.lch=Ve,De.hcl=Ve;De.num=function(r,e,n){var t=r.num(),a=e.num();return new A(t+n*(a-t),"num")};De.hcg=function(r,e,n){return Ue(r,e,n,"hcg")};De.hsi=function(r,e,n){return Ue(r,e,n,"hsi")};De.hsl=function(r,e,n){return Ue(r,e,n,"hsl")};De.hsv=function(r,e,n){return Ue(r,e,n,"hsv")};var We=o.clip_rgb,Xe=Math.pow,He=Math.sqrt,Je=Math.PI,Ke=Math.cos,Qe=Math.sin,Ze=Math.atan2,rn=function(r,e){for(var n=r.length,t=[0,0,0,0],a=0;a<r.length;a++){var f=r[a],o=e[a]/n,u=f._rgb;t[0]+=Xe(u[0],2)*o,t[1]+=Xe(u[1],2)*o,t[2]+=Xe(u[2],2)*o,t[3]+=u[3]*o}return t[0]=He(t[0]),t[1]=He(t[1]),t[2]=He(t[2]),.9999999<t[3]&&(t[3]=1),new A(We(t))},en=o.type,nn=Math.pow,tn=function(i){var u="rgb",c=_("#ccc"),e=0,l=[0,1],h=[],d=[0,0],s=!1,b=[],n=!1,p=0,g=1,t=!1,v={},m=!0,y=1,a=function(r){if((r=r||["#fff","#000"])&&"string"===en(r)&&_.brewer&&_.brewer[r.toLowerCase()]&&(r=_.brewer[r.toLowerCase()]),"array"===en(r)){1===r.length&&(r=[r[0],r[0]]),r=r.slice(0);for(var e=0;e<r.length;e++)r[e]=_(r[e]);for(var n=h.length=0;n<r.length;n++)h.push(n/(r.length-1))}return f(),b=r},w=function(r){return r},k=function(r){return r},M=function(r,e){var n,t;if(null==e&&(e=!1),isNaN(r)||null===r)return c;e?t=r:t=s&&2<s.length?function(r){if(null==s)return 0;for(var e=s.length-1,n=0;n<e&&r>=s[n];)n++;return n-1}(r)/(s.length-2):g!==p?(r-p)/(g-p):1;t=k(t),e||(t=w(t)),1!==y&&(t=nn(t,y)),t=d[0]+t*(1-d[0]-d[1]),t=Math.min(1,Math.max(0,t));var a=Math.floor(1e4*t);if(m&&v[a])n=v[a];else{if("array"===en(b))for(var f=0;f<h.length;f++){var o=h[f];if(t<=o){n=b[f];break}if(o<=t&&f===h.length-1){n=b[f];break}if(o<t&&t<h[f+1]){t=(t-o)/(h[f+1]-o),n=_.interpolate(b[f],b[f+1],t,u);break}}else"function"===en(b)&&(n=b(t));m&&(v[a]=n)}return n},f=function(){return v={}};a(i);var N=function(r){var e=_(M(r));return n&&e[n]?e[n]():e};return N.classes=function(r){if(null==r)return s;if("array"===en(r))l=[(s=r)[0],r[r.length-1]];else{var e=_.analyze(l);s=0===r?[e.min,e.max]:_.limits(e,"e",r)}return N},N.domain=function(n){if(!arguments.length)return l;p=n[0],g=n[n.length-1],h=[];var r=b.length;if(n.length===r&&p!==g)for(var e=0,t=Array.from(n);e<t.length;e+=1){var a=t[e];h.push((a-p)/(g-p))}else{for(var f=0;f<r;f++)h.push(f/(r-1));if(2<n.length){var o=n.map(function(r,e){return e/(n.length-1)}),u=n.map(function(r){return(r-p)/(g-p)});u.every(function(r,e){return o[e]===r})||(k=function(r){if(r<=0||1<=r)return r;for(var e=0;r>=u[e+1];)e++;var n=(r-u[e])/(u[e+1]-u[e]);return o[e]+n*(o[e+1]-o[e])})}}return l=[p,g],N},N.mode=function(r){return arguments.length?(u=r,f(),N):u},N.range=function(r,e){return a(r),N},N.out=function(r){return n=r,N},N.spread=function(r){return arguments.length?(e=r,N):e},N.correctLightness=function(r){return null==r&&(r=!0),t=r,f(),w=t?function(r){for(var e=M(0,!0).lab()[0],n=M(1,!0).lab()[0],t=n<e,a=M(r,!0).lab()[0],f=e+(n-e)*r,o=a-f,u=0,c=1,i=20;.01<Math.abs(o)&&0<i--;)t&&(o*=-1),r+=o<0?.5*(c-(u=r)):.5*(u-(c=r)),a=M(r,!0).lab()[0],o=a-f;return r}:function(r){return r},N},N.padding=function(r){return null!=r?("number"===en(r)&&(r=[r,r]),d=r,N):d},N.colors=function(e,n){arguments.length<2&&(n="hex");var r=[];if(0===arguments.length)r=b.slice(0);else if(1===e)r=[N(.5)];else if(1<e){var t=l[0],a=l[1]-t;r=function(r,e,n){for(var t=[],a=r<e,f=n?a?e+1:e-1:e,o=r;a?o<f:f<o;a?o++:o--)t.push(o);return t}(0,e,!1).map(function(r){return N(t+r/(e-1)*a)})}else{i=[];var f=[];if(s&&2<s.length)for(var o=1,u=s.length,c=1<=u;c?o<u:u<o;c?o++:o--)f.push(.5*(s[o-1]+s[o]));else f=l;r=f.map(function(r){return N(r)})}return _[n]&&(r=r.map(function(r){return r[n]()})),r},N.cache=function(r){return null!=r?(m=r,N):m},N.gamma=function(r){return null!=r?(y=r,N):y},N.nodata=function(r){return null!=r?(c=_(r),N):c},N};var an=function(r){var e,n,t,a,f,o,u;if(2===(r=r.map(function(r){return new A(r)})).length)e=r.map(function(r){return r.lab()}),f=e[0],o=e[1],a=function(e){var r=[0,1,2].map(function(r){return f[r]+e*(o[r]-f[r])});return new A(r,"lab")};else if(3===r.length)n=r.map(function(r){return r.lab()}),f=n[0],o=n[1],u=n[2],a=function(e){var r=[0,1,2].map(function(r){return(1-e)*(1-e)*f[r]+2*(1-e)*e*o[r]+e*e*u[r]});return new A(r,"lab")};else if(4===r.length){var c;t=r.map(function(r){return r.lab()}),f=t[0],o=t[1],u=t[2],c=t[3],a=function(e){var r=[0,1,2].map(function(r){return(1-e)*(1-e)*(1-e)*f[r]+3*(1-e)*(1-e)*e*o[r]+3*(1-e)*e*e*u[r]+e*e*e*c[r]});return new A(r,"lab")}}else if(5===r.length){var i=an(r.slice(0,3)),l=an(r.slice(2,5));a=function(r){return r<.5?i(2*r):l(2*(r-.5))}}return a},fn=function(r,e,n){if(!fn[n])throw new Error("unknown blend mode "+n);return fn[n](r,e)},on=function(a){return function(r,e){var n=_(e).rgb(),t=_(r).rgb();return _.rgb(a(n,t))}},un=function(t){return function(r,e){var n=[];return n[0]=t(r[0],e[0]),n[1]=t(r[1],e[1]),n[2]=t(r[2],e[2]),n}};fn.normal=on(un(function(r){return r})),fn.multiply=on(un(function(r,e){return r*e/255})),fn.screen=on(un(function(r,e){return 255*(1-(1-r/255)*(1-e/255))})),fn.overlay=on(un(function(r,e){return e<128?2*r*e/255:255*(1-2*(1-r/255)*(1-e/255))})),fn.darken=on(un(function(r,e){return e<r?e:r})),fn.lighten=on(un(function(r,e){return e<r?r:e})),fn.dodge=on(un(function(r,e){return 255===r?255:255<(r=e/255*255/(1-r/255))?255:r})),fn.burn=on(un(function(r,e){return 255*(1-(1-e/255)/(r/255))}));for(var cn=fn,ln=o.type,hn=o.clip_rgb,dn=o.TWOPI,sn=Math.pow,bn=Math.sin,pn=Math.cos,gn=Math.floor,vn=Math.random,mn=Math.log,yn=Math.pow,wn=Math.floor,kn=Math.abs,Mn=function(r,e){void 0===e&&(e=null);var n={min:Number.MAX_VALUE,max:-1*Number.MAX_VALUE,sum:0,values:[],count:0};return"object"===Y(r)&&(r=Object.values(r)),r.forEach(function(r){e&&"object"===Y(r)&&(r=r[e]),null==r||isNaN(r)||(n.values.push(r),n.sum+=r,r<n.min&&(n.min=r),r>n.max&&(n.max=r),n.count+=1)}),n.domain=[n.min,n.max],n.limits=function(r,e){return Nn(n,r,e)},n},Nn=function(r,e,n){void 0===e&&(e="equal"),void 0===n&&(n=7),"array"==Y(r)&&(r=Mn(r));var t=r.min,a=r.max,f=r.values.sort(function(r,e){return r-e});if(1===n)return[t,a];var o=[];if("c"===e.substr(0,1)&&(o.push(t),o.push(a)),"e"===e.substr(0,1)){o.push(t);for(var u=1;u<n;u++)o.push(t+u/n*(a-t));o.push(a)}else if("l"===e.substr(0,1)){if(t<=0)throw new Error("Logarithmic scales are only possible for values > 0");var c=Math.LOG10E*mn(t),i=Math.LOG10E*mn(a);o.push(t);for(var l=1;l<n;l++)o.push(yn(10,c+l/n*(i-c)));o.push(a)}else if("q"===e.substr(0,1)){o.push(t);for(var h=1;h<n;h++){var d=(f.length-1)*h/n,s=wn(d);if(s===d)o.push(f[s]);else{var b=d-s;o.push(f[s]*(1-b)+f[s+1]*b)}}o.push(a)}else if("k"===e.substr(0,1)){var p,g=f.length,v=new Array(g),m=new Array(n),y=!0,w=0,k=null;(k=[]).push(t);for(var M=1;M<n;M++)k.push(t+M/n*(a-t));for(k.push(a);y;){for(var N=0;N<n;N++)m[N]=0;for(var _=0;_<g;_++)for(var x=f[_],A=Number.MAX_VALUE,E=void 0,P=0;P<n;P++){var F=kn(k[P]-x);F<A&&(A=F,E=P),m[E]++,v[_]=E}for(var O=new Array(n),j=0;j<n;j++)O[j]=null;for(var G=0;G<g;G++)null===O[p=v[G]]?O[p]=f[G]:O[p]+=f[G];for(var q=0;q<n;q++)O[q]*=1/m[q];y=!1;for(var L=0;L<n;L++)if(O[L]!==k[L]){y=!0;break}k=O,200<++w&&(y=!1)}for(var R={},I=0;I<n;I++)R[I]=[];for(var B=0;B<g;B++)R[p=v[B]].push(f[B]);for(var C=[],D=0;D<n;D++)C.push(R[D][0]),C.push(R[D][R[D].length-1]);C=C.sort(function(r,e){return r-e}),o.push(C[0]);for(var S=1;S<C.length;S+=2){var $=C[S];isNaN($)||-1!==o.indexOf($)||o.push($)}}return o},_n={analyze:Mn,limits:Nn},xn=Math.sqrt,An=Math.atan2,En=Math.abs,Pn=Math.cos,Fn=Math.PI,On={cool:function(){return tn([_.hsl(180,1,.9),_.hsl(250,.7,.4)])},hot:function(){return tn(["#000","#f00","#ff0","#fff"]).mode("rgb")}},jn={OrRd:["#fff7ec","#fee8c8","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#b30000","#7f0000"],PuBu:["#fff7fb","#ece7f2","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#045a8d","#023858"],BuPu:["#f7fcfd","#e0ecf4","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#810f7c","#4d004b"],Oranges:["#fff5eb","#fee6ce","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#a63603","#7f2704"],BuGn:["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#006d2c","#00441b"],YlOrBr:["#ffffe5","#fff7bc","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#993404","#662506"],YlGn:["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"],Reds:["#fff5f0","#fee0d2","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#a50f15","#67000d"],RdPu:["#fff7f3","#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177","#49006a"],Greens:["#f7fcf5","#e5f5e0","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#006d2c","#00441b"],YlGnBu:["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#253494","#081d58"],Purples:["#fcfbfd","#efedf5","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#54278f","#3f007d"],GnBu:["#f7fcf0","#e0f3db","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#0868ac","#084081"],Greys:["#ffffff","#f0f0f0","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525","#000000"],YlOrRd:["#ffffcc","#ffeda0","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#bd0026","#800026"],PuRd:["#f7f4f9","#e7e1ef","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#980043","#67001f"],Blues:["#f7fbff","#deebf7","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#08519c","#08306b"],PuBuGn:["#fff7fb","#ece2f0","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016c59","#014636"],Viridis:["#440154","#482777","#3f4a8a","#31678e","#26838f","#1f9d8a","#6cce5a","#b6de2b","#fee825"],Spectral:["#9e0142","#d53e4f","#f46d43","#fdae61","#fee08b","#ffffbf","#e6f598","#abdda4","#66c2a5","#3288bd","#5e4fa2"],RdYlGn:["#a50026","#d73027","#f46d43","#fdae61","#fee08b","#ffffbf","#d9ef8b","#a6d96a","#66bd63","#1a9850","#006837"],RdBu:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#f7f7f7","#d1e5f0","#92c5de","#4393c3","#2166ac","#053061"],PiYG:["#8e0152","#c51b7d","#de77ae","#f1b6da","#fde0ef","#f7f7f7","#e6f5d0","#b8e186","#7fbc41","#4d9221","#276419"],PRGn:["#40004b","#762a83","#9970ab","#c2a5cf","#e7d4e8","#f7f7f7","#d9f0d3","#a6dba0","#5aae61","#1b7837","#00441b"],RdYlBu:["#a50026","#d73027","#f46d43","#fdae61","#fee090","#ffffbf","#e0f3f8","#abd9e9","#74add1","#4575b4","#313695"],BrBG:["#543005","#8c510a","#bf812d","#dfc27d","#f6e8c3","#f5f5f5","#c7eae5","#80cdc1","#35978f","#01665e","#003c30"],RdGy:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff","#e0e0e0","#bababa","#878787","#4d4d4d","#1a1a1a"],PuOr:["#7f3b08","#b35806","#e08214","#fdb863","#fee0b6","#f7f7f7","#d8daeb","#b2abd2","#8073ac","#542788","#2d004b"],Set2:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494","#b3b3b3"],Accent:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f","#bf5b17","#666666"],Set1:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf","#999999"],Set3:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"],Dark2:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d","#666666"],Paired:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a","#ffff99","#b15928"],Pastel2:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc","#cccccc"],Pastel1:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec","#f2f2f2"]},Gn=0,qn=Object.keys(jn);Gn<qn.length;Gn+=1){var Ln=qn[Gn];jn[Ln.toLowerCase()]=jn[Ln]}var Rn=jn;return _.average=function(r,f,o){void 0===f&&(f="lrgb"),void 0===o&&(o=null);var e=r.length;o||(o=Array.from(new Array(e)).map(function(){return 1}));var n=e/o.reduce(function(r,e){return r+e});if(o.forEach(function(r,e){o[e]*=n}),r=r.map(function(r){return new A(r)}),"lrgb"===f)return rn(r,o);for(var t=r.shift(),u=t.get(f),c=[],i=0,l=0,a=0;a<u.length;a++)if(u[a]=(u[a]||0)*o[0],c.push(isNaN(u[a])?0:o[0]),"h"===f.charAt(a)&&!isNaN(u[a])){var h=u[a]/180*Je;i+=Ke(h)*o[0],l+=Qe(h)*o[0]}var d=t.alpha()*o[0];r.forEach(function(r,e){var n=r.get(f);d+=r.alpha()*o[e+1];for(var t=0;t<u.length;t++)if(!isNaN(n[t]))if(c[t]+=o[e+1],"h"===f.charAt(t)){var a=n[t]/180*Je;i+=Ke(a)*o[e+1],l+=Qe(a)*o[e+1]}else u[t]+=n[t]*o[e+1]});for(var s=0;s<u.length;s++)if("h"===f.charAt(s)){for(var b=Ze(l/c[s],i/c[s])/Je*180;b<0;)b+=360;for(;360<=b;)b-=360;u[s]=b}else u[s]=u[s]/c[s];return d/=e,new A(u,f).alpha(.99999<d?1:d,!0)},_.bezier=function(r){var e=an(r);return e.scale=function(){return tn(e)},e},_.blend=cn,_.cubehelix=function(o,u,c,i,l){void 0===o&&(o=300),void 0===u&&(u=-1.5),void 0===c&&(c=1),void 0===i&&(i=1),void 0===l&&(l=[0,1]);var h,d=0;"array"===ln(l)?h=l[1]-l[0]:(h=0,l=[l,l]);var e=function(r){var e=dn*((o+120)/360+u*r),n=sn(l[0]+h*r,i),t=(0!==d?c[0]+r*d:c)*n*(1-n)/2,a=pn(e),f=bn(e);return _(hn([255*(n+t*(-.14861*a+1.78277*f)),255*(n+t*(-.29227*a-.90649*f)),255*(n+t*(1.97294*a)),1]))};return e.start=function(r){return null==r?o:(o=r,e)},e.rotations=function(r){return null==r?u:(u=r,e)},e.gamma=function(r){return null==r?i:(i=r,e)},e.hue=function(r){return null==r?c:("array"===ln(c=r)?0==(d=c[1]-c[0])&&(c=c[1]):d=0,e)},e.lightness=function(r){return null==r?l:(h="array"===ln(r)?(l=r)[1]-r[0]:(l=[r,r],0),e)},e.scale=function(){return _.scale(e)},e.hue(c),e},_.mix=_.interpolate=$e,_.random=function(){for(var r="#",e=0;e<6;e++)r+="0123456789abcdef".charAt(gn(16*vn()));return new A(r,"hex")},_.scale=tn,_.analyze=_n.analyze,_.contrast=function(r,e){r=new A(r),e=new A(e);var n=r.luminance(),t=e.luminance();return t<n?(n+.05)/(t+.05):(t+.05)/(n+.05)},_.deltaE=function(r,e,n,t){void 0===n&&(n=1),void 0===t&&(t=1),r=new A(r),e=new A(e);for(var a=Array.from(r.lab()),f=a[0],o=a[1],u=a[2],c=Array.from(e.lab()),i=c[0],l=c[1],h=c[2],d=xn(o*o+u*u),s=xn(l*l+h*h),b=f<16?.511:.040975*f/(1+.01765*f),p=.0638*d/(1+.0131*d)+.638,g=d<1e-6?0:180*An(u,o)/Fn;g<0;)g+=360;for(;360<=g;)g-=360;var v=164<=g&&g<=345?.56+En(.2*Pn(Fn*(g+168)/180)):.36+En(.4*Pn(Fn*(g+35)/180)),m=d*d*d*d,y=xn(m/(m+1900)),w=p*(y*v+1-y),k=d-s,M=o-l,N=u-h,_=(f-i)/(n*b),x=k/(t*p);return xn(_*_+x*x+(M*M+N*N-k*k)/(w*w))},_.distance=function(r,e,n){void 0===n&&(n="lab"),r=new A(r),e=new A(e);var t=r.get(n),a=e.get(n),f=0;for(var o in t){var u=(t[o]||0)-(a[o]||0);f+=u*u}return Math.sqrt(f)},_.limits=_n.limits,_.valid=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];try{return new(Function.prototype.bind.apply(A,[null].concat(r))),!0}catch(r){return!1}},_.scales=On,_.colors=ye,_.brewer=Rn,_});

/*! @preserve
 * numeral.js
 * version : 2.0.6
 * author : Adam Draper
 * license : MIT
 * http://adamwdraper.github.com/Numeral-js/
 */
!function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof module&&module.exports?module.exports=b():a.numeral=b()}(this,function(){function a(a,b){this._input=a,this._value=b}var b,c,d="2.0.6",e={},f={},g={currentLocale:"en",zeroFormat:null,nullFormat:null,defaultFormat:"0,0",scalePercentBy100:!0},h={currentLocale:g.currentLocale,zeroFormat:g.zeroFormat,nullFormat:g.nullFormat,defaultFormat:g.defaultFormat,scalePercentBy100:g.scalePercentBy100};return b=function(d){var f,g,i,j;if(b.isNumeral(d))f=d.value();else if(0===d||"undefined"==typeof d)f=0;else if(null===d||c.isNaN(d))f=null;else if("string"==typeof d)if(h.zeroFormat&&d===h.zeroFormat)f=0;else if(h.nullFormat&&d===h.nullFormat||!d.replace(/[^0-9]+/g,"").length)f=null;else{for(g in e)if(j="function"==typeof e[g].regexps.unformat?e[g].regexps.unformat():e[g].regexps.unformat,j&&d.match(j)){i=e[g].unformat;break}i=i||b._.stringToNumber,f=i(d)}else f=Number(d)||null;return new a(d,f)},b.version=d,b.isNumeral=function(b){return b instanceof a},b._=c={numberToFormat:function(a,c,d){var e,g,h,i,j,k,l,m=f[b.options.currentLocale],n=!1,o=!1,p=0,q="",r=1e12,s=1e9,t=1e6,u=1e3,v="",w=!1;if(a=a||0,g=Math.abs(a),b._.includes(c,"(")?(n=!0,c=c.replace(/[\(|\)]/g,"")):(b._.includes(c,"+")||b._.includes(c,"-"))&&(j=b._.includes(c,"+")?c.indexOf("+"):0>a?c.indexOf("-"):-1,c=c.replace(/[\+|\-]/g,"")),b._.includes(c,"a")&&(e=c.match(/a(k|m|b|t)?/),e=e?e[1]:!1,b._.includes(c," a")&&(q=" "),c=c.replace(new RegExp(q+"a[kmbt]?"),""),g>=r&&!e||"t"===e?(q+=m.abbreviations.trillion,a/=r):r>g&&g>=s&&!e||"b"===e?(q+=m.abbreviations.billion,a/=s):s>g&&g>=t&&!e||"m"===e?(q+=m.abbreviations.million,a/=t):(t>g&&g>=u&&!e||"k"===e)&&(q+=m.abbreviations.thousand,a/=u)),b._.includes(c,"[.]")&&(o=!0,c=c.replace("[.]",".")),h=a.toString().split(".")[0],i=c.split(".")[1],k=c.indexOf(","),p=(c.split(".")[0].split(",")[0].match(/0/g)||[]).length,i?(b._.includes(i,"[")?(i=i.replace("]",""),i=i.split("["),v=b._.toFixed(a,i[0].length+i[1].length,d,i[1].length)):v=b._.toFixed(a,i.length,d),h=v.split(".")[0],v=b._.includes(v,".")?m.delimiters.decimal+v.split(".")[1]:"",o&&0===Number(v.slice(1))&&(v="")):h=b._.toFixed(a,0,d),q&&!e&&Number(h)>=1e3&&q!==m.abbreviations.trillion)switch(h=String(Number(h)/1e3),q){case m.abbreviations.thousand:q=m.abbreviations.million;break;case m.abbreviations.million:q=m.abbreviations.billion;break;case m.abbreviations.billion:q=m.abbreviations.trillion}if(b._.includes(h,"-")&&(h=h.slice(1),w=!0),h.length<p)for(var x=p-h.length;x>0;x--)h="0"+h;return k>-1&&(h=h.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1"+m.delimiters.thousands)),0===c.indexOf(".")&&(h=""),l=h+v+(q?q:""),n?l=(n&&w?"(":"")+l+(n&&w?")":""):j>=0?l=0===j?(w?"-":"+")+l:l+(w?"-":"+"):w&&(l="-"+l),l},stringToNumber:function(a){var b,c,d,e=f[h.currentLocale],g=a,i={thousand:3,million:6,billion:9,trillion:12};if(h.zeroFormat&&a===h.zeroFormat)c=0;else if(h.nullFormat&&a===h.nullFormat||!a.replace(/[^0-9]+/g,"").length)c=null;else{c=1,"."!==e.delimiters.decimal&&(a=a.replace(/\./g,"").replace(e.delimiters.decimal,"."));for(b in i)if(d=new RegExp("[^a-zA-Z]"+e.abbreviations[b]+"(?:\\)|(\\"+e.currency.symbol+")?(?:\\))?)?$"),g.match(d)){c*=Math.pow(10,i[b]);break}c*=(a.split("-").length+Math.min(a.split("(").length-1,a.split(")").length-1))%2?1:-1,a=a.replace(/[^0-9\.]+/g,""),c*=Number(a)}return c},isNaN:function(a){return"number"==typeof a&&isNaN(a)},includes:function(a,b){return-1!==a.indexOf(b)},insert:function(a,b,c){return a.slice(0,c)+b+a.slice(c)},reduce:function(a,b){if(null===this)throw new TypeError("Array.prototype.reduce called on null or undefined");if("function"!=typeof b)throw new TypeError(b+" is not a function");var c,d=Object(a),e=d.length>>>0,f=0;if(3===arguments.length)c=arguments[2];else{for(;e>f&&!(f in d);)f++;if(f>=e)throw new TypeError("Reduce of empty array with no initial value");c=d[f++]}for(;e>f;f++)f in d&&(c=b(c,d[f],f,d));return c},multiplier:function(a){var b=a.toString().split(".");return b.length<2?1:Math.pow(10,b[1].length)},correctionFactor:function(){var a=Array.prototype.slice.call(arguments);return a.reduce(function(a,b){var d=c.multiplier(b);return a>d?a:d},1)},toFixed:function(a,b,c,d){var e,f,g,h,i=a.toString().split("."),j=b-(d||0);return e=2===i.length?Math.min(Math.max(i[1].length,j),b):j,g=Math.pow(10,e),h=(c(a+"e+"+e)/g).toFixed(e),d>b-e&&(f=new RegExp("\\.?0{1,"+(d-(b-e))+"}$"),h=h.replace(f,"")),h}},b.options=h,b.formats=e,b.locales=f,b.locale=function(a){return a&&(h.currentLocale=a.toLowerCase()),h.currentLocale},b.localeData=function(a){if(!a)return f[h.currentLocale];if(a=a.toLowerCase(),!f[a])throw new Error("Unknown locale : "+a);return f[a]},b.reset=function(){for(var a in g)h[a]=g[a]},b.zeroFormat=function(a){h.zeroFormat="string"==typeof a?a:null},b.nullFormat=function(a){h.nullFormat="string"==typeof a?a:null},b.defaultFormat=function(a){h.defaultFormat="string"==typeof a?a:"0.0"},b.register=function(a,b,c){if(b=b.toLowerCase(),this[a+"s"][b])throw new TypeError(b+" "+a+" already registered.");return this[a+"s"][b]=c,c},b.validate=function(a,c){var d,e,f,g,h,i,j,k;if("string"!=typeof a&&(a+="",console.warn&&console.warn("Numeral.js: Value is not string. It has been co-erced to: ",a)),a=a.trim(),a.match(/^\d+$/))return!0;if(""===a)return!1;try{j=b.localeData(c)}catch(l){j=b.localeData(b.locale())}return f=j.currency.symbol,h=j.abbreviations,d=j.delimiters.decimal,e="."===j.delimiters.thousands?"\\.":j.delimiters.thousands,k=a.match(/^[^\d]+/),null!==k&&(a=a.substr(1),k[0]!==f)?!1:(k=a.match(/[^\d]+$/),null!==k&&(a=a.slice(0,-1),k[0]!==h.thousand&&k[0]!==h.million&&k[0]!==h.billion&&k[0]!==h.trillion)?!1:(i=new RegExp(e+"{2}"),a.match(/[^\d.,]/g)?!1:(g=a.split(d),g.length>2?!1:g.length<2?!!g[0].match(/^\d+.*\d$/)&&!g[0].match(i):1===g[0].length?!!g[0].match(/^\d+$/)&&!g[0].match(i)&&!!g[1].match(/^\d+$/):!!g[0].match(/^\d+.*\d$/)&&!g[0].match(i)&&!!g[1].match(/^\d+$/))))},b.fn=a.prototype={clone:function(){return b(this)},format:function(a,c){var d,f,g,i=this._value,j=a||h.defaultFormat;if(c=c||Math.round,0===i&&null!==h.zeroFormat)f=h.zeroFormat;else if(null===i&&null!==h.nullFormat)f=h.nullFormat;else{for(d in e)if(j.match(e[d].regexps.format)){g=e[d].format;break}g=g||b._.numberToFormat,f=g(i,j,c)}return f},value:function(){return this._value},input:function(){return this._input},set:function(a){return this._value=Number(a),this},add:function(a){function b(a,b,c,e){return a+Math.round(d*b)}var d=c.correctionFactor.call(null,this._value,a);return this._value=c.reduce([this._value,a],b,0)/d,this},subtract:function(a){function b(a,b,c,e){return a-Math.round(d*b)}var d=c.correctionFactor.call(null,this._value,a);return this._value=c.reduce([a],b,Math.round(this._value*d))/d,this},multiply:function(a){function b(a,b,d,e){var f=c.correctionFactor(a,b);return Math.round(a*f)*Math.round(b*f)/Math.round(f*f)}return this._value=c.reduce([this._value,a],b,1),this},divide:function(a){function b(a,b,d,e){var f=c.correctionFactor(a,b);return Math.round(a*f)/Math.round(b*f)}return this._value=c.reduce([this._value,a],b),this},difference:function(a){return Math.abs(b(this._value).subtract(a).value())}},b.register("locale","en",{delimiters:{thousands:",",decimal:"."},abbreviations:{thousand:"k",million:"m",billion:"b",trillion:"t"},ordinal:function(a){var b=a%10;return 1===~~(a%100/10)?"th":1===b?"st":2===b?"nd":3===b?"rd":"th"},currency:{symbol:"$"}}),function(){b.register("format","bps",{regexps:{format:/(BPS)/,unformat:/(BPS)/},format:function(a,c,d){var e,f=b._.includes(c," BPS")?" ":"";return a=1e4*a,c=c.replace(/\s?BPS/,""),e=b._.numberToFormat(a,c,d),b._.includes(e,")")?(e=e.split(""),e.splice(-1,0,f+"BPS"),e=e.join("")):e=e+f+"BPS",e},unformat:function(a){return+(1e-4*b._.stringToNumber(a)).toFixed(15)}})}(),function(){var a={base:1e3,suffixes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"]},c={base:1024,suffixes:["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]},d=a.suffixes.concat(c.suffixes.filter(function(b){return a.suffixes.indexOf(b)<0})),e=d.join("|");e="("+e.replace("B","B(?!PS)")+")",b.register("format","bytes",{regexps:{format:/([0\s]i?b)/,unformat:new RegExp(e)},format:function(d,e,f){var g,h,i,j,k=b._.includes(e,"ib")?c:a,l=b._.includes(e," b")||b._.includes(e," ib")?" ":"";for(e=e.replace(/\s?i?b/,""),h=0;h<=k.suffixes.length;h++)if(i=Math.pow(k.base,h),j=Math.pow(k.base,h+1),null===d||0===d||d>=i&&j>d){l+=k.suffixes[h],i>0&&(d/=i);break}return g=b._.numberToFormat(d,e,f),g+l},unformat:function(d){var e,f,g=b._.stringToNumber(d);if(g){for(e=a.suffixes.length-1;e>=0;e--){if(b._.includes(d,a.suffixes[e])){f=Math.pow(a.base,e);break}if(b._.includes(d,c.suffixes[e])){f=Math.pow(c.base,e);break}}g*=f||1}return g}})}(),function(){b.register("format","currency",{regexps:{format:/(\$)/},format:function(a,c,d){var e,f,g,h=b.locales[b.options.currentLocale],i={before:c.match(/^([\+|\-|\(|\s|\$]*)/)[0],after:c.match(/([\+|\-|\)|\s|\$]*)$/)[0]};for(c=c.replace(/\s?\$\s?/,""),e=b._.numberToFormat(a,c,d),a>=0?(i.before=i.before.replace(/[\-\(]/,""),i.after=i.after.replace(/[\-\)]/,"")):0>a&&!b._.includes(i.before,"-")&&!b._.includes(i.before,"(")&&(i.before="-"+i.before),g=0;g<i.before.length;g++)switch(f=i.before[g]){case"$":e=b._.insert(e,h.currency.symbol,g);break;case" ":e=b._.insert(e," ",g+h.currency.symbol.length-1)}for(g=i.after.length-1;g>=0;g--)switch(f=i.after[g]){case"$":e=g===i.after.length-1?e+h.currency.symbol:b._.insert(e,h.currency.symbol,-(i.after.length-(1+g)));break;case" ":e=g===i.after.length-1?e+" ":b._.insert(e," ",-(i.after.length-(1+g)+h.currency.symbol.length-1))}return e}})}(),function(){b.register("format","exponential",{regexps:{format:/(e\+|e-)/,unformat:/(e\+|e-)/},format:function(a,c,d){var e,f="number"!=typeof a||b._.isNaN(a)?"0e+0":a.toExponential(),g=f.split("e");return c=c.replace(/e[\+|\-]{1}0/,""),e=b._.numberToFormat(Number(g[0]),c,d),e+"e"+g[1]},unformat:function(a){function c(a,c,d,e){var f=b._.correctionFactor(a,c),g=a*f*(c*f)/(f*f);return g}var d=b._.includes(a,"e+")?a.split("e+"):a.split("e-"),e=Number(d[0]),f=Number(d[1]);return f=b._.includes(a,"e-")?f*=-1:f,b._.reduce([e,Math.pow(10,f)],c,1)}})}(),function(){b.register("format","ordinal",{regexps:{format:/(o)/},format:function(a,c,d){var e,f=b.locales[b.options.currentLocale],g=b._.includes(c," o")?" ":"";return c=c.replace(/\s?o/,""),g+=f.ordinal(a),e=b._.numberToFormat(a,c,d),e+g}})}(),function(){b.register("format","percentage",{regexps:{format:/(%)/,unformat:/(%)/},format:function(a,c,d){var e,f=b._.includes(c," %")?" ":"";return b.options.scalePercentBy100&&(a=100*a),c=c.replace(/\s?\%/,""),e=b._.numberToFormat(a,c,d),b._.includes(e,")")?(e=e.split(""),e.splice(-1,0,f+"%"),e=e.join("")):e=e+f+"%",e},unformat:function(a){var c=b._.stringToNumber(a);return b.options.scalePercentBy100?.01*c:c}})}(),function(){b.register("format","time",{regexps:{format:/(:)/,unformat:/(:)/},format:function(a,b,c){var d=Math.floor(a/60/60),e=Math.floor((a-60*d*60)/60),f=Math.round(a-60*d*60-60*e);return d+":"+(10>e?"0"+e:e)+":"+(10>f?"0"+f:f)},unformat:function(a){var b=a.split(":"),c=0;return 3===b.length?(c+=60*Number(b[0])*60,c+=60*Number(b[1]),c+=Number(b[2])):2===b.length&&(c+=60*Number(b[0]),c+=Number(b[1])),Number(c)}})}(),b});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var dataform = function () {
    function dataform(options) {
        var _this = this;

        _classCallCheck(this, dataform);

        this.submit = function (options) {
            if (_this.options.path) {
                _this.submit_state = 'submitting';
                _this.render();
                var postOptions = {

                    on_success: function on_success(ob) {

                        if (ob.response && ob.response.valid == true) {
                            _this.probs = false;
                            if (_this.options.on_submit_complete) {
                                _this.options.on_submit_complete({
                                    response: ob.response
                                });
                            }
                            _this.submit_state = false;
                            _this.submitted_count++;
                            _this.render();
                        } else {
                            // console.log(ob);
                            _this.submit_state = false;
                            if (ob.response && ob.response.probs) {
                                _this.probs = ob.response.probs;
                                if (_this.options.on_submit_fail) {
                                    _this.options.on_submit_fail({
                                        response: ob.response
                                    });
                                }
                            }
                            _this.render();
                        }
                    }
                };
                if (_this.options.path_format) {
                    postOptions.path_format = _this.options.path_format;
                }
                ui.controller.formPost(_this.options.path, _this.data, postOptions);
            } else {
                console.error('No form path.');
            }
        };

        this.render = function () {
            if (_this.context) {
                _this.context.setState({
                    version: Date.now()
                });
            }
        };

        this.options = options;
        this.data = this.options.data || {};
        this.context = this.options.context || false;
        this.probs = false;
        this.submitted_count = 0;
        this.submit_state = false;
    }

    _createClass(dataform, [{
        key: 'update',
        value: function update(updates) {
            for (var dataKey in updates) {
                if (updates.hasOwnProperty(dataKey)) {
                    if (this.data[dataKey] != updates[dataKey]) {
                        this.data[dataKey] = updates[dataKey];
                        delete this.probs[dataKey];
                    }
                }
            }
            this.render();
        }
    }]);

    return dataform;
}();

var Controls = function (_preact$Component) {
    _inherits(Controls, _preact$Component);

    function Controls() {
        _classCallCheck(this, Controls);

        var _this2 = _possibleConstructorReturn(this, (Controls.__proto__ || Object.getPrototypeOf(Controls)).call(this));

        _this2.state = {};
        return _this2;
    }

    _createClass(Controls, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var controls = [];

            if (this.props.items) {
                for (var itemKey in this.props.items) {
                    if (this.props.items.hasOwnProperty(itemKey)) {
                        var item = this.props.items[itemKey];
                        controls.push(e('div', { id: itemKey, class: 'controls-item' }, e(Button, item)));
                    }
                }
            }

            return e('div', { class: 'controls' }, controls);
        }
    }]);

    return Controls;
}(preact.Component);

var Probs = function (_preact$Component2) {
    _inherits(Probs, _preact$Component2);

    function Probs() {
        _classCallCheck(this, Probs);

        var _this3 = _possibleConstructorReturn(this, (Probs.__proto__ || Object.getPrototypeOf(Probs)).call(this));

        _this3.state = {};
        return _this3;
    }

    _createClass(Probs, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var probs = [];

            if (this.props.items) {
                for (var itemKey in this.props.items) {
                    if (this.props.items.hasOwnProperty(itemKey)) {
                        var item = this.props.items[itemKey];
                        probs.push(e('div', { id: itemKey, class: 'probs-item' }, this.props.items[itemKey]));
                    }
                }
            }

            return e('div', { class: 'probs' }, probs);
        }
    }]);

    return Probs;
}(preact.Component);

var Button = function (_preact$Component3) {
    _inherits(Button, _preact$Component3);

    function Button() {
        _classCallCheck(this, Button);

        var _this4 = _possibleConstructorReturn(this, (Button.__proto__ || Object.getPrototypeOf(Button)).call(this));

        _this4.click = function (event) {
            if (_this4.props.onClick) {
                event.preventDefault();
                event.stopPropagation();
                _this4.props.onClick({
                    event: event
                });
            }
        };

        _this4.state = {};
        return _this4;
    }

    _createClass(Button, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var classes = ['button'];
            if (this.props.color) {
                classes.push('color-' + this.props.color);
            }
            return e('button', { onClick: this.click, class: classes.join(' ') }, this.props.title);
        }
    }]);

    return Button;
}(preact.Component);

var Timeslot = function (_preact$Component4) {
    _inherits(Timeslot, _preact$Component4);

    function Timeslot() {
        _classCallCheck(this, Timeslot);

        var _this5 = _possibleConstructorReturn(this, (Timeslot.__proto__ || Object.getPrototypeOf(Timeslot)).call(this));

        _this5.click = function (event) {};

        _this5.state = {};
        return _this5;
    }

    _createClass(Timeslot, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var _this6 = this;

            var classes = ['timeslot'];

            var dayData = {};

            var slots = this.props.field.slots().map(function (slot) {
                // console.log(slot);

                slot.local = moment.utc(slot.date).local().clone();
                // console.log(slot.local.format('l h:mm A'));

                if (!dayData[slot.local.format('YYYY-MM-DD')]) {
                    dayData[slot.local.format('YYYY-MM-DD')] = {
                        available: []
                    };
                }

                dayData[slot.local.format('YYYY-MM-DD')].available.push(slot);

                return slot;
            });

            var days = [];

            var curDate = moment().startOf('week');

            var weeksNumbers = [1, 2];

            var weekItems = weeksNumbers.map(function (week) {

                var days = [];
                var available = [];

                for (var i = 1; i <= 7; i++) {

                    available = [];

                    if (dayData[curDate.format('YYYY-MM-DD')]) {
                        available = dayData[curDate.format('YYYY-MM-DD')].available;
                    }

                    available = available.sort(function (a, b) {

                        if (a.date > b.date) return 1;
                        if (a.date < b.date) return -1;

                        return 0;
                    });

                    days.push({
                        date: curDate.format('YYYY-MM-DD'),
                        moment: curDate.clone(),
                        available: available
                    });
                    curDate.add(1, 'day');
                }

                return {
                    week: week,
                    days: days
                };
            });

            var dateToday = moment().format('YYYY-MM-DD');
            var dateTomorrow = moment().add(1, 'day').format('YYYY-MM-DD');

            var weeks = weekItems.map(function (week) {

                var days = week.days.map(function (day) {

                    var useDay = true;

                    if (day.moment.format('dddd') == 'Sunday') useDay = false;
                    if (day.moment.format('dddd') == 'Saturday') useDay = false;

                    if (useDay) {
                        var _slots = day.available.map(function (slot) {

                            var slotValue = slot.local.format('YYYY-MM-DD HH:mm:ss');
                            var classes = ['timeslot-week-day-slots-slot'];

                            if (_this6.props.dataform.data[_this6.props.field_name] == slotValue) {
                                classes.push('active');
                            }

                            return e('div', {

                                onClick: function onClick() {
                                    // console.log(slotValue);
                                    // console.log(this.props);
                                    _this6.props.dataform.update(_defineProperty({}, _this6.props.field_name, slotValue));
                                },
                                class: classes.join(' ')
                            }, e('div', {
                                class: 'timeslot-week-day-slots-slot-time'
                            }, slot.local.format('h:mm A')));
                        });

                        var dayHead = [];

                        if (dateToday == day.moment.format('YYYY-MM-DD')) {
                            dayHead.push(e('div', {
                                class: 'timeslot-week-day-head-label'
                            }, 'Today'));
                        } else if (dateTomorrow == day.moment.format('YYYY-MM-DD')) {
                            dayHead.push(e('div', {
                                class: 'timeslot-week-day-head-label'
                            }, 'Tomorrow'));
                        } else {

                            dayHead.push(e('div', {
                                class: 'timeslot-week-day-head-weekday'
                            }, day.moment.format('ddd')));

                            dayHead.push(e('div', {
                                class: 'timeslot-week-day-head-month'
                            }, day.moment.format('MMM')));

                            dayHead.push(e('div', {
                                class: 'timeslot-week-day-head-date'
                            }, day.moment.format('D')));
                        }

                        return e('div', {
                            class: 'timeslot-week-day'
                        }, e('div', {
                            class: 'timeslot-week-day-head'
                        }, dayHead), e('div', {
                            class: 'timeslot-week-day-slots'
                        }, _slots));
                    }
                });

                return e('div', {
                    class: 'timeslot-week'
                }, days);
            });

            var tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
            tz = tz.replace('/', ' / ');
            tz = tz.replace(/_/g, ' ');

            return [e('div', { onClick: this.click, class: classes.join(' ') }, weeks),, e('div', { class: 'timeslot-tz' }, 'Available times are ' + tz + ' timezone.')];
        }
    }]);

    return Timeslot;
}(preact.Component);

var Form = function (_preact$Component5) {
    _inherits(Form, _preact$Component5);

    function Form() {
        _classCallCheck(this, Form);

        var _this7 = _possibleConstructorReturn(this, (Form.__proto__ || Object.getPrototypeOf(Form)).call(this));

        _this7.inputKeyUp = function (ob) {
            if (ob.event.keyCode === 13) {
                if (_this7.props.dataform && _this7.props.dataform.options.form_enter) {
                    _this7.props.dataform.options.form_enter(ob);
                } else if (_this7.props.dataform) {
                    ob.event.target.blur();
                    _this7.props.dataform.submit();
                    setTimeout(function () {
                        ob.event.target.focus();
                    }, 20);
                }
            } else {
                return _this7.inputChange(ob);
            }
        };

        _this7.inputChange = function (ob) {
            if (_this7.props.dataform) {
                if (ob.value) {
                    _this7.props.dataform.update(_defineProperty({}, ob.field, ob.value));
                } else if (ob.event) {
                    _this7.props.dataform.update(_defineProperty({}, ob.field, ob.event.target.value));
                }
            }
        };

        _this7.state = {};
        return _this7;
    }

    _createClass(Form, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var _this8 = this;

            var fields = [];
            var formClasses = ['form'];

            if (this.props.dataform && this.props.dataform.submit_state == 'submitting') {
                formClasses.push('submitting');
            }
            if (this.props.dataform && this.props.dataform.submitted_count > 0) {
                formClasses.push('submitted');
            }

            if (this.props.fields) {
                for (var fieldKey in this.props.fields) {
                    if (this.props.fields.hasOwnProperty(fieldKey)) {
                        var placeholder;
                        var prob;
                        var optionKey;

                        (function () {
                            var fieldClasses = ['field'];
                            var field = _this8.props.fields[fieldKey];
                            var inputType = field.input_type || 'text';
                            var input = null;
                            var label = null;

                            var value = '';
                            if (_this8.props.data && _this8.props.data[fieldKey]) {
                                value = _this8.props.data[fieldKey];
                            } else if (_this8.props.dataform && _this8.props.dataform.data && _this8.props.dataform.data[fieldKey]) {
                                value = _this8.props.dataform.data[fieldKey];
                            }

                            if (field.input_type == 'togglebuttons') {
                                if (!Array.isArray(value)) {
                                    value = [];
                                }
                            }

                            placeholder = null;


                            if (_this8.props.placeholder) {
                                placeholder = field.title;
                            }

                            if (!placeholder) {
                                label = e('div', { class: 'field-label' }, field.title);
                            }

                            prob = null;


                            if (_this8.props.dataform && _this8.props.dataform.probs && _this8.props.dataform.probs[fieldKey]) {
                                prob = e('div', { class: 'field-prob' }, _this8.props.dataform.probs[fieldKey]);
                            }

                            if (field.input_type == 'timeslot') {
                                input = e(Timeslot, {
                                    field_name: fieldKey,
                                    field: field,
                                    dataform: _this8.props.dataform
                                });
                            } else if (field.input_type == 'togglebuttons') {
                                var buttons = [];
                                for (optionKey in field.options) {
                                    if (field.options.hasOwnProperty(optionKey)) {
                                        (function () {
                                            var option = optionKey;
                                            var optionItem = field.options[optionKey];
                                            var classes = ['field-togglebuttons-button'];
                                            if (value.indexOf(optionKey) !== -1) {
                                                classes.push('active');
                                            }
                                            buttons.push(e('div', {
                                                onClick: function onClick(event) {
                                                    // console.log(event);

                                                    if (value.indexOf(option) === -1) {
                                                        value.push(option);
                                                    } else {
                                                        value = value.filter(function (item) {
                                                            if (item == option) return false;
                                                            return true;
                                                        });
                                                    }
                                                    _this8.inputChange({
                                                        field: fieldKey,
                                                        value: value
                                                    });
                                                },
                                                class: classes.join(' ')
                                            }, e('div', {
                                                class: 'field-togglebuttons-button-title'
                                            }, optionItem.title)));
                                        })();
                                    }
                                }
                                input = e('div', {
                                    class: 'field-togglebuttons'
                                }, buttons);
                            } else if (field.input_type === 'textarea') {

                                input = e('textarea', {
                                    tabIndex: 1,
                                    placeholder: placeholder,
                                    onKeyUp: function (fieldKey, event) {
                                        this.inputKeyUp({
                                            event: event,
                                            field: fieldKey
                                        });
                                    }.bind(_this8, fieldKey),
                                    type: inputType,
                                    defaultValue: value
                                });
                            } else {
                                if (_this8.props.hasOwnProperty('is_current') && _this8.props.is_current == false) {
                                    input = e('div', {
                                        class: 'field-not-current'
                                    }, value);
                                } else {
                                    input = e('input', {
                                        // onChange: event => {
                                        //     this.inputChange({
                                        //         event,
                                        //         field: fieldKey
                                        //     });
                                        // },
                                        tabIndex: 1,
                                        placeholder: placeholder,
                                        onKeyUp: function (fieldKey, event) {
                                            this.inputKeyUp({
                                                event: event,
                                                field: fieldKey
                                            });
                                        }.bind(_this8, fieldKey),
                                        type: inputType,
                                        value: value
                                    });
                                }
                            }

                            fields.push(e('div', { class: fieldClasses.join(' ') }, label, e('div', { class: 'field-input text' }, input), prob));
                        })();
                    }
                }
            }

            return e('div', { class: formClasses.join(' ') }, fields);
        }
    }]);

    return Form;
}(preact.Component);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Ui = function Ui(options) {
    _classCallCheck(this, Ui);

    // console.log(options);
    this.options = options;
    this.tab = Math.floor(Date.now() / 1000);
    this.controller = Ui_controller ? new Ui_controller(this) : false;
    this.dom = Ui_dom ? new Ui_dom(this) : false;
    this.layout = Ui_layout ? new Ui_layout(this) : false;
    this.color = Ui_color ? new Ui_color(this) : false;
};

function Component(options) {
    var _this = this;

    this.options = options;
    this.id = options.id;
    this.data = options.data || {};
    this.root = document.getElementById('component_' + this.id);
    this.state = options.state || {};
    this.element = new window[options.component](this);
    this.setState = function (state, callback) {
        Object.assign(_this.state, state);
        _this.render(callback);
    };
    this.before = function () {
        if (_this.element.before) {
            _this.element.before();
        }
    };
    this.render = function (callback) {
        if (_this.element.render) {
            _this.element.render();
        }
        if (callback) {
            callback();
        }
    };
    this.before();
    this.render();
}
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Ui_controller = function Ui_controller(ui) {
    var _this = this;

    _classCallCheck(this, Ui_controller);

    this.formPost = function (path, data, options) {
        options = options || {};

        var pathFormat = options.path_format || 'form_view';

        var url = void 0;
        if (pathFormat == 'direct') {
            url = _this.appUrl(path, false, {
                direct: true
            });
        } else {
            url = _this.appUrl('controller/form_view/' + path + '.htp', {
                recupdate_action: 'update'
            });
        }

        fetch(url, {
            method: 'POST', // or 'PUT'
            headers: {
                'Content-Type': 'text/plain'
            },
            body: JSON.stringify({
                data: data
            })
        }).then(function (response) {
            return response.json();
        }).then(function (data) {
            if (options.on_success) {
                options.on_success({
                    response: data
                });
            }
        }).catch(function (error) {
            if (options.on_error) {
                options.on_error({
                    response: data
                });
            }
        });
    };

    this.appUrl = function (path, addParams, options) {
        var url = [];
        var qs = [];
        options = options || {};

        if (!options.direct) {
            url.push(_this.ui.options.app_url_root);
        }
        url.push(path);

        var params = {
            s: _this.ui.options.site,
            p: _this.ui.options.page,
            ul_client_date: new Date().toISOString(),
            ul_client_key: _this.ui.options.ul_client_key,
            ul_app_id: _this.ui.options.app,
            uslapp_session: _this.ui.options.uslapp_session,
            ul_client_tab: _this.ui.tab
        };

        if (addParams) {
            for (var paramKey in addParams) {
                if (addParams.hasOwnProperty(paramKey)) {
                    params[paramKey] = addParams[paramKey];
                }
            }
        }

        for (var paramKey in params) {
            if (params.hasOwnProperty(paramKey)) {
                qs.push(paramKey + '=' + encodeURIComponent(params[paramKey]));
            }
        }

        if (path.indexOf('?') !== -1) {
            url.push('&' + qs.join('&'));
        } else {
            url.push('?' + qs.join('&'));
        }

        return url.join('');
    };

    this.ui = ui;
};
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Ui_dom = function Ui_dom(ui) {
    var _this = this;

    _classCallCheck(this, Ui_dom);

    this.ini = function () {
        _this.iniResize();
        _this.iniScroll();
        _this.iniFeatures();
        _this.iniIntersect();
    };

    this.sslCheck = function () {
        if (location.protocol != 'https:') {
            location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
        }
    };

    this.uid = function () {
        return _this.uidcur++;
    };

    this.checkAll = function () {
        _this.checkScroll();
        _this.checkMobile();
    };

    this.iniIntersect = function () {
        var options = {
            root: document.querySelector('#scrollArea'),
            rootMargin: '0px',
            threshold: .4
        };

        _this.observer = new IntersectionObserver(_this.intersectCallback, options);
    };

    this.backgroundToImge = function (backgroundSelector, imageSelector) {
        var bg = document.querySelector(backgroundSelector);
        var img = document.querySelector(imageSelector);
        var style = bg.currentStyle || window.getComputedStyle(bg, false);
        var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");
        img.src = bi;
        console.log(bi);
    };

    this.intersectCallback = function (entries, observer) {
        // console.log(entries);
        entries.forEach(function (entry) {
            // console.log(entry);
            if (entry.isIntersecting) {
                entry.target.classList.remove('ui-dom-intersect-below');
                entry.target.classList.remove('ui-dom-intersect-above');
                entry.target.classList.add('ui-dom-intersect-in');
                entry.target.classList.remove('ui-dom-intersect-out');
            } else {
                var windowHeightHalf = window.outerHeight / 2;
                if (entry.boundingClientRect.bottom > windowHeightHalf) {
                    entry.target.classList.add('ui-dom-intersect-below');
                    entry.target.classList.remove('ui-dom-intersect-above');
                } else {
                    entry.target.classList.remove('ui-dom-intersect-below');
                    entry.target.classList.add('ui-dom-intersect-above');
                }
                entry.target.classList.remove('ui-dom-intersect-in');
                entry.target.classList.add('ui-dom-intersect-out');
            }
            // Each entry describes an intersection change for one observed
            // target element:
            //   entry.boundingClientRect
            //   entry.intersectionRatio
            //   entry.intersectionRect
            //   entry.isIntersecting
            //   entry.rootBounds
            //   entry.target
            //   entry.time
        });
    };

    this.iniScroll = function () {
        _this.checkScrollLastTop = 0;
        window.addEventListener('scroll', _this.checkScroll);
    };

    this.iniResize = function () {
        window.addEventListener('resize', _this.checkAll);
    };

    this.iniFeatures = function () {
        _this.featureWebP();
    };

    this.featureWebP = function () {
        var webP = false;
        var elem = document.createElement('canvas');
        if (!!(elem.getContext && elem.getContext('2d'))) {
            webP = elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;
        }
        if (webP) {
            document.documentElement.classList.add('f-webp');
            _this.sup.webp = true;
        } else {
            document.documentElement.classList.add('f-webp-0');
            _this.sup.webp = false;
        }
    };

    this.checkScroll = function () {
        var top = (window.pageYOffset || document.scrollTop) - (document.clientTop || 0);
        var scrollDiff = top - _this.checkScrollLastTop;
        // console.log(scrollDiff);
        if (top > _this.checkScrollLastTop) {
            document.body.classList.add('scrolling-last-down');
            document.body.classList.remove('scrolling-last-up');
        } else if (top < _this.checkScrollLastTop) {
            document.body.classList.remove('scrolling-last-down');
            document.body.classList.add('scrolling-last-up');
        }
        _this.checkScrollLastTop = top;
        if (top >= 10) {
            document.body.classList.add('scrolled-down');
            document.body.classList.remove('scrolled-up');
        } else {
            document.body.classList.remove('scrolled-down');
            document.body.classList.add('scrolled-up');
        }
    };

    this.checkMobile = function () {
        console.log(document.body.clientWidth);
        if (document.body.clientWidth > 800) {
            _this.screen = 'desktop';
            document.body.classList.add('desktop');
            document.body.classList.remove('mobile');
        } else {
            _this.screen = 'mobile';
            document.body.classList.remove('desktop');
            document.body.classList.add('mobile');
        }
    };

    this.ui = ui;
    this.screen = false;
    this.sup = {
        webp: false
    };
    this.checkAll();
    this.ini();
    this.uidcur = 1;
};
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Ui_layout = function () {
    function Ui_layout(ui) {
        _classCallCheck(this, Ui_layout);

        this.ui = ui;
    }

    _createClass(Ui_layout, [{
        key: "autoMatrix",
        value: function autoMatrix(options) {
            var width = options.width,
                height = options.height,
                items = options.items,
                padding = options.padding;

            var itemsUse = items.slice(0);
            var count = itemsUse.length;
            var grid = { x: 0, y: 0 };
            while (grid.x * grid.y < count) {
                if (width > height) {
                    if (count == 3) {
                        grid.x = 2;
                        grid.y = 1;
                    }
                    grid.x++;
                    if (grid.x * grid.y >= count) break;
                    grid.y++;
                    if (grid.x * grid.y >= count) break;
                } else {
                    grid.y++;
                    if (grid.x * grid.y >= count) break;
                    grid.x++;
                    if (grid.x * grid.y >= count) break;
                }
            }
            var remainder = grid.x * grid.y - count;
            var remainderWas = remainder;
            // console.log(grid);
            // console.log(remainder);

            var matrix = {
                rows: []
            };

            for (var y = 0; y < grid.y; y++) {
                var xUse = grid.x;
                if (remainderWas >= grid.y - y) {
                    if (remainder > 0) {
                        xUse--;
                        remainder--;
                    }
                }
                // console.log('xUse', xUse);
                var newRow = {
                    items: []
                };
                for (var x = 0; x < xUse; x++) {
                    newRow.items.push(itemsUse.shift());
                }
                matrix.rows.push(newRow);
            }

            var itemHeight = (height - padding * (matrix.rows.length + 1)) / matrix.rows.length;
            var itemWidth = (width - padding * (grid.x + 1)) / grid.x;

            matrix.rows = matrix.rows.map(function (row, rowKey) {
                var rowItemSpace = {
                    width: itemWidth,
                    height: itemHeight
                };
                var rowExtraSpace = 0;
                if (grid.x > row.items.length) {
                    var rowXDiff = grid.x - row.items.length;
                    rowExtraSpace = rowXDiff * (itemWidth + padding) * .5;
                }
                row.items = row.items.map(function (item, itemKey) {
                    var itemBox = {
                        width: rowItemSpace.width,
                        height: rowItemSpace.height
                    };
                    itemBox.left = rowExtraSpace + itemWidth * itemKey + padding * (itemKey + 1);
                    itemBox.top = itemHeight * rowKey + padding * (rowKey + 1);
                    item.box = itemBox;
                    return item;
                });
                return row;
            });

            // console.log(matrix);

            return matrix;
        }
    }]);

    return Ui_layout;
}();
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Ui_color = function () {
    _createClass(Ui_color, [{
        key: 'hexToComplimentary',
        value: function hexToComplimentary(hex) {

            // Convert hex to rgb
            // Credit to Denis http://stackoverflow.com/a/36253499/4939630
            var rgb = 'rgb(' + (hex = hex.replace('#', '')).match(new RegExp('(.{' + hex.length / 3 + '})', 'g')).map(function (l) {
                return parseInt(hex.length % 2 ? l + l : l, 16);
            }).join(',') + ')';

            // Get array of RGB values
            rgb = rgb.replace(/[^\d,]/g, '').split(',');

            var r = rgb[0],
                g = rgb[1],
                b = rgb[2];

            // Convert RGB to HSL
            // Adapted from answer by 0x000f http://stackoverflow.com/a/34946092/4939630
            r /= 255.0;
            g /= 255.0;
            b /= 255.0;
            var max = Math.max(r, g, b);
            var min = Math.min(r, g, b);
            var h,
                s,
                l = (max + min) / 2.0;

            if (max == min) {
                h = s = 0; //achromatic
            } else {
                var d = max - min;
                s = l > 0.5 ? d / (2.0 - max - min) : d / (max + min);

                if (max == r && g >= b) {
                    h = 1.0472 * (g - b) / d;
                } else if (max == r && g < b) {
                    h = 1.0472 * (g - b) / d + 6.2832;
                } else if (max == g) {
                    h = 1.0472 * (b - r) / d + 2.0944;
                } else if (max == b) {
                    h = 1.0472 * (r - g) / d + 4.1888;
                }
            }

            h = h / 6.2832 * 360.0 + 0;

            // Shift hue to opposite side of wheel and convert to [0-1] value
            h += 180;
            if (h > 360) {
                h -= 360;
            }
            h /= 360;

            // Convert h s and l values into r g and b values
            // Adapted from answer by Mohsen http://stackoverflow.com/a/9493060/4939630
            if (s === 0) {
                r = g = b = l; // achromatic
            } else {
                var hue2rgb = function hue2rgb(p, q, t) {
                    if (t < 0) t += 1;
                    if (t > 1) t -= 1;
                    if (t < 1 / 6) return p + (q - p) * 6 * t;
                    if (t < 1 / 2) return q;
                    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
                    return p;
                };

                var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
                var p = 2 * l - q;

                r = hue2rgb(p, q, h + 1 / 3);
                g = hue2rgb(p, q, h);
                b = hue2rgb(p, q, h - 1 / 3);
            }

            r = Math.round(r * 255);
            g = Math.round(g * 255);
            b = Math.round(b * 255);

            // Convert r b and g values to hex
            rgb = b | g << 8 | r << 16;
            return "#" + (0x1000000 | rgb).toString(16).substring(1);
        }
    }]);

    function Ui_color(ui) {
        _classCallCheck(this, Ui_color);

        this.ui = ui;
    }

    return Ui_color;
}();

var headMenusOpen = {};

function headMenu(component) {
    var _this = this;

    this.c = component;
    this.select = function (selected) {
        _this.c.setState({
            selected: selected
        });
    };
    this.menuOpen = false;
    this.timers = {};
    this.overNav = false;
    this.overDisplay = false;
    this.focused = false;
    this.timing = {
        enter: 200,
        leave: 200,
        duration: 200
    };
    this.showStarting = false;

    this.displayElmEnter = function () {
        _this.overDisplay = true;
        if (_this.timers.leaving) {
            clearTimeout(_this.timers.leaving);
        }
    };
    this.displayElmLeave = function () {
        if (_this.focused) return false;
        _this.overDisplay = false;
        _this.timers.leaving = setTimeout(function () {
            _this.hideNow();
        }, _this.timing.leave);
    };

    this.menuElmEnter = function () {
        _this.overNav = true;
        if (_this.timers.leaving) {
            clearTimeout(_this.timers.leaving);
        }
        _this.timers.showing = setTimeout(function () {
            // console.log(this.overNav);
            // console.log(this.overDisplay);
            if (_this.overNav == true || _this.overDisplay == true) {
                // console.log('showing');
                _this.showNow();
            }
        }, _this.timing.enter);
    };
    this.menuElmLeave = function () {
        _this.overNav = false;
        _this.timers.leaving = setTimeout(function () {
            _this.hideNow();
        }, _this.timing.leave);
    };
    this.menuElmClick = function (event) {
        event.target.blur();
        event.preventDefault();
        event.stopPropagation();
        console.log(event);
    };
    this.displayElmClick = function (event) {
        // console.log(event);
        event.preventDefault();
        event.stopPropagation();
        _this.focused = true;
    };
    // this.leaveStart = () =>{
    //     if (this.leaveStarting) {
    //         clearTimeout(this.leaveStarting)
    //     }
    //     this.leaveStarting = setTimeout(()=>{
    //         this.hideNow();
    //     }, this.timing.leave)
    // }
    // this.showStart = () =>{
    //
    //     headMenusOpen[this.c.state.id] = true;
    //     if (this.showStarting) {
    //         clearTimeout(this.showStarting)
    //     }
    //     this.showStarting = setTimeout(()=>{
    //         this.showNow();
    //     }, this.timing.enter)
    // }
    this.showNow = function () {
        // console.log(Object.keys(headMenusOpen).length);
        _this.displayElmPosition();
        _this.displayElm.classList.add('active');
        if (Object.keys(headMenusOpen).length < 2) {
            _this.displayElm.classList.add('entering');
            setTimeout(function () {
                _this.displayElm.classList.remove('entering');
            }, _this.timing.duration);
        }
        _this.displayElm.classList.remove('leaving');
    };
    this.displayElmPosition = function () {
        var menuBox = _this.menuElm.getBoundingClientRect();
        _this.displayElm.style.display = 'block';
        var displayBox = _this.displayElm.getBoundingClientRect();
        _this.displayElm.style.display = null;
        var menuBoxCenter = (menuBox.left + menuBox.right) / 2;
        var newLeft = menuBoxCenter - displayBox.width / 2;
        if (newLeft < 100) newLeft = 100;
        _this.displayElm.style.left = newLeft + 'px';
        var pointerLeft = menuBoxCenter - newLeft - 8;
        _this.displayPointerElm.style.marginLeft = pointerLeft + 'px';
    };
    this.hideNow = function () {
        delete headMenusOpen[_this.c.state.id];
        _this.displayElm.classList.remove('active');

        // if (Object.keys(headMenusOpen).length<1) {
        //     this.displayElm.classList.add('leaving');
        //     setTimeout(()=>{
        //         this.displayElm.classList.remove('leaving');
        //     }, this.timing.duration)
        // }
    };
    this.bodyClick = function (event) {
        if (_this.focused) {
            // event.preventDefault();
            // event.stopPropagation();
            _this.focused = false;
            _this.hideNow();
        }
    };
    this.before = function () {
        _this.menuElm = document.getElementById('head_menu_' + _this.c.state.id);
        _this.displayElm = document.getElementById('menu_' + _this.c.state.id);
        _this.displayPointerElm = document.getElementById('menu_pointer_' + _this.c.state.id);
        // window.addEventListener('scroll', this.scroll);
        if (_this.menuElm && _this.displayElm && _this.displayPointerElm) {
            document.body.addEventListener('click', _this.bodyClick);
            _this.menuElm.addEventListener('click', _this.menuElmClick);
            _this.menuElm.addEventListener('mouseenter', _this.menuElmEnter);
            _this.menuElm.addEventListener('mouseleave', _this.menuElmLeave);
            if (_this.displayElm.classList.contains('focusable')) {
                _this.displayElm.addEventListener('click', _this.displayElmClick);
            }

            _this.displayElm.addEventListener('mouseenter', _this.displayElmEnter);
            _this.displayElm.addEventListener('mouseleave', _this.displayElmLeave);
        }
    };
    this.render = function () {
        // console.log('render ' + this.c.state.id);
    };
}

function navBurgClick() {
    if (document.body.classList.contains('menu')) {
        document.body.classList.remove('menu');
    } else {
        setTimeout(function () {
            document.body.classList.add('menu');
        }, 20);
    }
}

function navBind() {
    document.body.addEventListener('click', navBodyClick);
}

var navBodyClick = function navBodyClick(event) {

    if (document.body.classList.contains('menu')) {

        // console.log('has menu');

        var element = document.querySelector('.app-nav-mobile-nav');
        if (element) {
            console.log('has elm');
            if (!element.contains(event.target)) {
                // or use: event.target.closest(selector) === null
                // console.log('contains target');
                document.body.classList.remove('menu');
            }
        }
    }
    // console.log('allowing');
};

navBind();
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Dashboard_mobile = function (_preact$Component) {
    _inherits(Dashboard_mobile, _preact$Component);

    function Dashboard_mobile() {
        _classCallCheck(this, Dashboard_mobile);

        var _this = _possibleConstructorReturn(this, (Dashboard_mobile.__proto__ || Object.getPrototypeOf(Dashboard_mobile)).call(this));

        _this.ref = null;

        _this.setRef = function (dom) {
            return _this.ref = dom;
        };

        _this.resize = function () {
            _this.setState({
                loaded: Date.now()
            });
            setTimeout(function () {
                _this.setState({
                    loaded: Date.now()
                });
            }, 1000);
            setTimeout(function () {
                _this.setState({
                    loaded: Date.now()
                });
            }, 2000);
        };

        _this.configParse = function (config) {
            return config;
        };

        _this.layout = function (options) {
            var layout = {
                charts: []
            };
            var config = options.config;

            var device = _this.props.device || 'desktop';

            if (!_this.ref) return false;

            // console.log(this.ref);

            // let box = this.ref.  / x /getBoundingClientRect();

            var chartMargin = _this.ref.clientWidth * .02;

            // let orientation = box.width > box.height ? 'landscape' : 'portrait';

            var chartWidth = _this.ref.clientWidth - chartMargin * 2;

            // console.log(chartWidth);

            var chartHeight = chartWidth / 16 * 9;

            if (chartWidth > chartHeight) {
                var chartSize = chartHeight * 0.12;
            } else {
                var chartSize = chartWidth * 0.12;
            }

            // console.log(box);
            // console.log(this.ref.clientHeight);
            // console.log(this.ref.clientWidth);

            var chartsList = Object.values(config.charts);

            chartsList = chartsList.sort(function (a, b) {
                if (a.sortorder < b.sortorder) return -1;
                if (a.sortorder > b.sortorder) return 1;
                return 0;
            });

            var addCharts = chartsList.slice(0);

            chartsList.forEach(function (chart, chartIndex) {
                var chartBox = {};
                chartBox.width = chartWidth;
                chartBox.margin = chartMargin;
                chartBox.height = chartHeight;
                chartBox.fontSize = chartSize * .6;
                var chartToAdd = addCharts.shift();
                chartToAdd = chartToAdd.config;
                var chartType = 'Chart_placeholder';

                chartToAdd.space = {
                    size: chartSize,
                    margin: chartSize * .2,
                    width: chartWidth,
                    height: chartHeight
                };
                chartToAdd.chroma = chroma('#8596a6');
                chartToAdd.chroma2 = chroma('#a6cccc');
                chartToAdd.palette = ['#0081e5', '#de49a8', '#f68931'];
                if (window['Chart_' + chartToAdd.type]) {
                    chartType = 'Chart_' + chartToAdd.type;
                }
                // console.log(chartToAdd);
                var component = e('div', {
                    class: 'dashboard-mobile-charts-chart',
                    style: chartBox
                }, e(window[chartType], chartToAdd));
                layout.charts.push(component);
            });

            return layout;
        };

        _this.id = Date.now() + '_' + Math.random();
        _this.state = {};
        return _this;
    }

    _createClass(Dashboard_mobile, [{
        key: 'componentDidMount',
        value: function componentDidMount() {
            var _this2 = this;

            this.setState({
                loaded: Date.now()
            });
            setTimeout(function () {
                _this2.setState({
                    loaded: Date.now()
                });
            }, 1000);
            window.addEventListener('resize', this.resize);
        }
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {
            window.removeEventListener('resize', this.resize);
        }
    }, {
        key: 'render',
        value: function render() {
            var config = this.props.config;
            var layout = this.layout({ config: config });

            return e('div', { ref: this.setRef, class: 'dashboard-mobile' }, e('div', { class: 'dashboard-mobile-charts' }, layout.charts));
        }
    }]);

    return Dashboard_mobile;
}(preact.Component);

var Dashboard = function (_preact$Component2) {
    _inherits(Dashboard, _preact$Component2);

    function Dashboard() {
        _classCallCheck(this, Dashboard);

        var _this3 = _possibleConstructorReturn(this, (Dashboard.__proto__ || Object.getPrototypeOf(Dashboard)).call(this));

        _this3.ref = null;

        _this3.setRef = function (dom) {
            return _this3.ref = dom;
        };

        _this3.configParse = function (config) {
            return config;
        };

        _this3.layout = function (options) {
            var layout = {
                charts: []
            };
            var config = options.config;

            var device = _this3.props.device || 'desktop';

            if (!_this3.ref) return false;

            // console.log(this.ref.parentElement);

            var box = _this3.ref.getBoundingClientRect();

            if (box.height == 0) {
                _this3.retry = _this3.retry * 1.1;
                setTimeout(function () {
                    console.log('retry: ' + _this3.retry);
                    _this3.setState({
                        version: Date.now()
                    });
                }, _this3.retry);
                return null;
            }

            var chartMargin = box.width * .01;

            var orientation = box.width > box.height ? 'landscape' : 'portrait';

            // console.log(box);
            // console.log(this.ref.clientHeight);
            // console.log(this.ref.clientWidth);

            var chartsList = Object.values(config.charts);

            chartsList = chartsList.sort(function (a, b) {
                if (a.sortorder < b.sortorder) return -1;
                if (a.sortorder > b.sortorder) return 1;
                return 0;
            });

            var dims = {
                x: 0,
                y: 0
            };

            var addCharts = chartsList.slice(0);

            // console.log(chartsList.length);
            //
            // console.log(orientation);

            while (dims.x * dims.y < chartsList.length) {
                if (orientation == 'landscape') {
                    dims.x++;
                    if (dims.x * dims.y >= chartsList.length) break;
                    dims.y++;
                    if (dims.x * dims.y >= chartsList.length) break;
                } else {
                    dims.y++;
                    if (dims.x * dims.y >= chartsList.length) break;
                    dims.x++;
                    if (dims.x * dims.y >= chartsList.length) break;
                }
            }

            // console.log(dims);

            var remainder = dims.x * dims.y % chartsList.length;

            var grid = {
                rows: {}
            };

            // var chartSize =

            // var chartSize = 150 / chartsList.length;
            //
            // if (chartSize > 30 ) chartSize =30;
            //
            // if (ui.dom.screen=='mobile') {
            //     chartSize = chartSize * .4;
            // }

            // console.log(chartsList.length);

            for (var y = 1; y <= dims.y; y++) {
                grid.rows[y] = {
                    charts: {}
                };
                var xOffset = 0;
                if (remainder) {
                    xOffset--;
                    remainder--;
                }
                var nonMarginWidth = box.width - (dims.x + xOffset + 1) * chartMargin;
                var nonMarginHeight = box.height - (dims.y + 1) * chartMargin;
                var chartWidth = nonMarginWidth / (dims.x + xOffset);
                var chartHeight = nonMarginHeight / dims.y;
                if (chartWidth > chartHeight) {
                    var chartSize = chartHeight * 0.12;
                } else {
                    var chartSize = chartWidth * 0.12;
                }
                // // console.log(chartSize);
                // // var chartSize = chartWidth * chartHeight * 0.0006;
                //
                // console.log(chartSize);
                // if (chartSize > 40) chartSize = 40;
                // if (ui.dom.screen == 'mobile') {
                //     chartSize = chartSize * 2;
                // }
                // console.log('chartSize', chartSize);
                // console.log('chartSize', chartSize);
                for (var x = 1; x <= dims.x + xOffset; x++) {
                    var chartBox = {};
                    chartBox.width = chartWidth;
                    chartBox.height = chartHeight;
                    chartBox.left = (x - 1) * chartWidth + chartMargin * x;
                    chartBox.top = (y - 1) * chartHeight + chartMargin * y;
                    chartBox.fontSize = chartSize * .6;
                    var chartToAdd = addCharts.shift();
                    chartToAdd = chartToAdd.config;
                    var chartType = 'Chart_placeholder';

                    chartToAdd.space = {
                        size: chartSize,
                        margin: chartSize * .2,
                        width: chartWidth,
                        height: chartHeight
                    };
                    chartToAdd.chroma = chroma('#8596a6');
                    chartToAdd.chroma2 = chroma('#a6cccc');
                    chartToAdd.palette = [
                    // '#003f5c',
                    '#8596a6', '#a6cccc', '#c1c3a3'];
                    // chartToAdd.palette = [
                    //     // '#003f5c',
                    //     '#df4319',
                    //     // '#a6cccc',
                    //     // '#c1c3a3',
                    // ]

                    if (chartToAdd.palette.length == 1) {
                        chartToAdd.palette.push('#CCCCCC');
                    }
                    if (window['Chart_' + chartToAdd.type]) {
                        chartType = 'Chart_' + chartToAdd.type;
                    }
                    // console.log(chartToAdd);
                    var component = e('div', {
                        key: x + '_' + y,
                        class: 'dashboard-charts-chart',
                        style: chartBox
                    }, e(window[chartType], chartToAdd));
                    grid.rows[y].charts[x] = {
                        chartBox: chartBox
                    };
                    layout.charts.push(component);
                }
            }

            return layout;
        };

        _this3.id = Date.now() + '_' + Math.random();
        _this3.state = {};
        _this3.retry = 10;
        return _this3;
    }

    _createClass(Dashboard, [{
        key: 'componentDidMount',
        value: function componentDidMount() {
            this.setState({
                loaded: Date.now()
            });
        }
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var config = this.props.config;
            var layout = this.layout({ config: config });

            return e('div', { ref: this.setRef, class: 'dashboard' }, e('div', { class: 'dashboard-charts' }, layout.charts));
        }
    }]);

    return Dashboard;
}(preact.Component);

var Chart_integration_logo = function (_preact$Component3) {
    _inherits(Chart_integration_logo, _preact$Component3);

    function Chart_integration_logo() {
        _classCallCheck(this, Chart_integration_logo);

        var _this4 = _possibleConstructorReturn(this, (Chart_integration_logo.__proto__ || Object.getPrototypeOf(Chart_integration_logo)).call(this));

        _this4.state = {};
        return _this4;
    }

    _createClass(Chart_integration_logo, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var integration = integrationsData.items[integrationsData.names[this.props.integration]];
            if (!integration) return null;

            var height = this.props.size || 20;
            height = height * .5;
            var width = height * 2;
            var title = null;

            if (this.props.title) {
                title = e('div', {
                    class: 'chart-integration-logo'
                }, this.props.title);
            }

            var spriteUrl = "url('https://vertex.dev.userlite.com/web/amplib/df/items/logotrain/sprite.jpg?items=integrations&format=webp')";

            if (ui.dom.screen == 'mobile') {
                spriteUrl = "url('https://vertex.dev.userlite.com/web/amplib/df/items/logotrain/sprite.jpg?items=integrations')";
            }

            return e('div', {
                style: {
                    fontSize: height * .5
                },
                class: 'chart-integration-logo'
            }, e('div', {
                style: {
                    width: width,
                    height: height,
                    backgroundImage: spriteUrl,
                    backgroundSize: width * integrationsData.grid.x + 'px auto',
                    backgroundPosition: width * integration.__grid.x * -1 + 'px ' + height * integration.__grid.y * -1 + 'px'
                },
                class: 'chart-integration-logo-image'
            }, ''), title);
        }
    }]);

    return Chart_integration_logo;
}(preact.Component);

var Chart_social = function (_preact$Component4) {
    _inherits(Chart_social, _preact$Component4);

    function Chart_social() {
        _classCallCheck(this, Chart_social);

        var _this5 = _possibleConstructorReturn(this, (Chart_social.__proto__ || Object.getPrototypeOf(Chart_social)).call(this));

        _this5.state = {};
        return _this5;
    }

    _createClass(Chart_social, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            return e('div', { class: 'chart-social' }, 'Social');
        }
    }]);

    return Chart_social;
}(preact.Component);

var Chart_layout_default = function (_preact$Component5) {
    _inherits(Chart_layout_default, _preact$Component5);

    function Chart_layout_default() {
        _classCallCheck(this, Chart_layout_default);

        var _this6 = _possibleConstructorReturn(this, (Chart_layout_default.__proto__ || Object.getPrototypeOf(Chart_layout_default)).call(this));

        _this6.state = {};
        return _this6;
    }

    _createClass(Chart_layout_default, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            var header = null;
            var content = null;

            if (this.props.title) {
                header = e('div', { class: 'chart-layout-default-header' }, this.props.title);
            }
            if (this.props.children) {
                content = e('div', { class: 'chart-layout-default-content' }, this.props.children);
            }

            return e('div', { class: 'chart-layout-default' }, header, content);
        }
    }]);

    return Chart_layout_default;
}(preact.Component);

var Chart_placeholder = function (_preact$Component6) {
    _inherits(Chart_placeholder, _preact$Component6);

    function Chart_placeholder() {
        _classCallCheck(this, Chart_placeholder);

        var _this7 = _possibleConstructorReturn(this, (Chart_placeholder.__proto__ || Object.getPrototypeOf(Chart_placeholder)).call(this));

        _this7.state = {};
        return _this7;
    }

    _createClass(Chart_placeholder, [{
        key: 'componentDidMount',
        value: function componentDidMount() {}
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {}
    }, {
        key: 'render',
        value: function render() {
            return e('div', { class: 'chart-placeholder' }, this.props.type);
        }
    }]);

    return Chart_placeholder;
}(preact.Component);
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_bar = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_bar, _preact$Component);

        function Chart_bar(props) {
            _classCallCheck(this, Chart_bar);

            var _this = _possibleConstructorReturn(this, (Chart_bar.__proto__ || Object.getPrototypeOf(Chart_bar)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {};
            _this.chartData = _this.getChartData(_this.props);
            return _this;
        }

        _createClass(Chart_bar, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'render',
            value: function render() {
                var _this2 = this;

                var parts = [];

                var size = this.props.space.size;
                var dims = {};
                dims.padding = size * .5;
                dims.headerHeight = size + dims.padding * 3;
                dims.contentHeight = this.props.space.height - dims.headerHeight;
                dims.labelWidth = size * 1.2;
                dims.labelFontSize = size * .5;
                dims.labelHeight = dims.contentHeight / this.chartData.labels.length;
                dims.barsWidth = this.props.space.width - dims.labelWidth - dims.padding * 3;
                dims.barWidth = dims.barsWidth / this.chartData.periods.length;
                dims.barLabelFontsize = dims.barWidth * .2;
                if (dims.barLabelFontsize > size * .6) dims.barLabelFontsize = size * .6;
                dims.barLabelHeight = dims.barLabelFontsize * 2;
                dims.barsHeight = dims.contentHeight - dims.barLabelHeight;
                dims.barSegmentWidth = dims.barWidth * .6;

                if (dims.barSegmentWidth > 20) dims.barSegmentWidth = 20;

                parts.push(e('div', { style: {
                        left: dims.padding * 2,
                        right: dims.padding,
                        top: dims.padding
                    }, key: 'title', class: 'chart-bar-title' }, this.chartData.title));

                // console.log('labels', this.chartData.labels);
                this.chartData.labels.map(function (label, labelKey) {
                    parts.push(e('div', {
                        style: {
                            top: (_this2.chartData.labels.length - labelKey) * dims.labelHeight + dims.padding * 2,
                            left: dims.padding,
                            fontSize: dims.labelFontSize,
                            width: dims.labelWidth
                        },
                        key: 'title',
                        class: 'chart-bar-label'
                    }, label.title));
                });
                this.chartData.periods.map(function (period, periodKey) {
                    parts.push(e('div', { style: {
                            left: dims.padding * 2 + dims.labelWidth + periodKey * dims.barWidth,
                            width: dims.barWidth,
                            height: dims.barsHeight,
                            bottom: dims.barLabelHeight + dims.padding
                        }, key: 'segment_' + periodKey, class: 'chart-bar-bar' }, e('div', { style: {
                            height: period.__perc * 100 + '%',
                            width: dims.barSegmentWidth
                        }, class: 'chart-bar-bar-segment' }, '')));
                    parts.push(e('div', { style: {
                            left: dims.padding * 2 + dims.labelWidth + periodKey * dims.barWidth,
                            width: dims.barWidth,
                            height: dims.barLabelHeight,
                            bottom: dims.padding,
                            fontSize: dims.barLabelFontsize
                        }, key: 'label_' + periodKey, class: 'chart-bar-bar-label' }, period.label));
                });

                return e('div', { class: 'chart-bar chart-box' }, parts);
            }
        }]);

        return Chart_bar;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        this.getChartData = function (props) {
            if (!Array.isArray(props.options)) {
                var chartData = props.options;
                chartData.__value_max = 0;
            } else {
                var chartData = {
                    title: props.options[0],
                    periods: [],
                    lables: [],
                    target_start: props.options[2],
                    target_end: props.options[3],
                    __value_max: 0
                };

                var increaseFactor = chartData.target_end * 1 - chartData.target_start * 1;

                var current = chartData.target_start * 1;

                for (var i = 1; i <= props.options[1]; i++) {
                    var increase = (Math.random() - 0.25) * increaseFactor;
                    current += increase;
                    if (current > chartData.__value_max) chartData.__value_max = current;
                    chartData.periods.push({
                        value: current
                    });
                }
            }

            if (chartData.__value_max == 0) chartData.__value_max = 1;

            var barMoment = moment();
            barMoment.subtract(chartData.periods.length, 'weeks');

            chartData.periods.forEach(function (item, key) {
                if (chartData.__value_max < item.value * 1) {
                    chartData.__value_max = item.value * 1;
                }
            });

            if (!chartData.hasOwnProperty('labels')) {
                chartData.labels = [];
                var labelCount = 5;
                var labelInc = chartData.__value_max / labelCount;

                for (var i = 0; i < labelCount; i++) {
                    chartData.labels.push({
                        title: numeral(labelInc * i).format('0as')
                    });
                }
            }

            chartData.periods = chartData.periods.map(function (item, key) {
                if (!item.hasOwnProperty('label')) {
                    item.label = barMoment.format('MMM-D');
                }
                barMoment.add(1, 'week');
                item.__perc = item.value / chartData.__value_max;
                return item;
            });

            // console.log(chartData);

            return chartData;
        };
    }, _temp;
}();
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_pie = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_pie, _preact$Component);

        function Chart_pie(props) {
            _classCallCheck(this, Chart_pie);

            var _this = _possibleConstructorReturn(this, (Chart_pie.__proto__ || Object.getPrototypeOf(Chart_pie)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {};
            _this.chartData = _this.getChartData(_this.props);
            return _this;
        }

        _createClass(Chart_pie, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'getCoordinatesForPercent',
            value: function getCoordinatesForPercent(percent) {
                var x = Math.cos(2 * Math.PI * percent);
                var y = Math.sin(2 * Math.PI * percent);
                return [x, y];
            }
        }, {
            key: 'render',
            value: function render() {
                var _this2 = this;

                var parts = [];

                var cd = this.chartData;

                var size = this.props.space.size;
                var dims = {};
                dims.padding = size * 0.5;
                dims.titleSize = size * 2.5;
                dims.headerHeight = dims.titleSize;
                dims.contentHeight = this.props.space.height - dims.headerHeight;
                dims.contentWidth = this.props.space.width - dims.padding * 2;
                dims.legendFontSize = size * .5;
                // dims.contentWidth = dims.contentWidth / 2;
                // dims.contentHeight = dims.contentHeight / 2;

                var aspectRatio = dims.contentWidth / dims.contentHeight;

                var legendClass = '';

                if (aspectRatio >= 0.7 && aspectRatio <= 1.5) {
                    // console.log(aspectRatio);
                    dims.pieSize = dims.contentWidth * .7 - dims.padding * 2;
                    if (dims.pieSize > dims.contentHeight - dims.padding * 1) dims.pieSize = dims.contentHeight - dims.padding * 1;
                    dims.pieLeft = dims.padding;
                    dims.pieTop = dims.headerHeight;
                    dims.legendLeft = dims.pieSize + dims.padding * 2;
                    dims.legendTop = dims.headerHeight + dims.pieSize / 2;
                    dims.legendHeight = dims.contentHeight - dims.pieSize / 2 - dims.padding;
                    dims.legendWidth = dims.contentWidth - dims.pieSize - dims.padding;
                } else if (aspectRatio < 0.7) {
                    dims.pieSize = dims.contentHeight / 2 - dims.padding * 2;
                    if (dims.pieSize > dims.contentWidth - dims.padding * 1) dims.pieSize = dims.contentWidth - dims.padding * 1;
                    dims.pieTop = dims.headerHeight + dims.padding;
                    dims.pieLeft = dims.padding + (dims.contentWidth - dims.pieSize) / 2;
                    dims.legendLeft = dims.padding;
                    dims.legendTop = dims.headerHeight + dims.pieSize + dims.padding * 2;
                    dims.legendHeight = dims.contentHeight - (dims.pieSize + dims.padding * 3);
                    dims.legendWidth = dims.contentWidth - dims.padding * 0;
                } else {
                    legendClass = 'center-rows';
                    dims.pieSize = dims.contentWidth / 2 - dims.padding * 2;
                    if (dims.pieSize > dims.contentHeight - dims.padding * 1) dims.pieSize = dims.contentHeight - dims.padding * 1;
                    dims.pieLeft = dims.padding * 2;
                    dims.pieTop = dims.headerHeight;
                    dims.legendLeft = dims.pieSize + dims.padding * 3;
                    dims.legendTop = dims.headerHeight;
                    dims.legendHeight = dims.contentHeight - dims.padding;
                    dims.legendWidth = dims.contentWidth - dims.pieSize - dims.padding * 2;
                }

                dims.pieStrokeWidth = dims.pieSize * 0.0005;

                var pieSlices = [];
                var slices = [{ percent: 0.15, color: 'Coral' }, { percent: 0.1, color: 'CornflowerBlue' }, { percent: 0.75, color: '#00ab6b' }];
                var cumulativePercent = 0;

                sliceStroke = 0;

                var legendItems = [];

                this.chartData.segments.forEach(function (slice, sliceKey) {
                    legendItems.push(e('div', {
                        key: 'slice_' + sliceKey,
                        class: 'chart-pie-legend-item'
                    }, e('div', {
                        style: {
                            backgroundColor: slice.color,
                            fontSize: dims.legendFontSize
                        },
                        class: 'chart-pie-legend-item-swatch'
                    }, ''), e('div', {
                        style: {
                            fontSize: dims.legendFontSize
                        },
                        class: 'chart-pie-legend-item-title'
                    }, slice.label)));
                    // destructuring assignment sets the two variables at once

                    var _getCoordinatesForPer = _this2.getCoordinatesForPercent(cumulativePercent),
                        _getCoordinatesForPer2 = _slicedToArray(_getCoordinatesForPer, 2),
                        startX = _getCoordinatesForPer2[0],
                        startY = _getCoordinatesForPer2[1];

                    // each slice starts where the last slice ended, so keep a cumulative percent


                    cumulativePercent += slice.percent;

                    var _getCoordinatesForPer3 = _this2.getCoordinatesForPercent(cumulativePercent),
                        _getCoordinatesForPer4 = _slicedToArray(_getCoordinatesForPer3, 2),
                        endX = _getCoordinatesForPer4[0],
                        endY = _getCoordinatesForPer4[1];

                    // if the slice is more than 50%, take the large arc (the long way around)


                    var largeArcFlag = slice.percent > 0.5 ? 1 : 0;

                    // create an array and join it just for code readability
                    var pathData = ['M ' + startX + ' ' + startY, // Move
                    'A 1 1 0 ' + largeArcFlag + ' 1 ' + endX + ' ' + endY, // Arc
                    'L 0 0' // Line
                    ].join(' ');

                    // create a <path> and append it to the <svg> element

                    sliceStroke = dims.pieStrokeWidth;

                    pieSlices.push(e('path', {
                        d: pathData,
                        style: {
                            fill: slice.color
                            // stroke: '#FFFFFF',
                            // strokeWidth: sliceStroke
                        }
                    }));
                });

                var titleLogo = null;
                var title = null;

                if (cd.integration) {
                    titleLogo = e(Chart_integration_logo, {
                        integration: cd.integration,
                        title: this.chartData.title,
                        size: dims.titleSize
                    });
                } else {
                    title = e('div', {
                        class: 'chart-pie-title-text'
                    }, this.chartData.title);
                }

                parts.push(e('div', {
                    style: {
                        left: dims.padding * 2,
                        right: dims.padding,
                        top: dims.padding
                    },
                    key: 'title',
                    class: 'chart-pie-title'
                }, titleLogo, title));
                parts.push(e('div', {
                    style: {
                        left: dims.legendLeft,
                        width: dims.legendWidth,
                        top: dims.legendTop,
                        height: dims.legendHeight
                    },
                    key: 'title',
                    class: 'chart-pie-legend ' + legendClass
                }, legendItems));

                var chart = e('div', {
                    key: 'chart',
                    class: 'chart-pie-chart',
                    style: {
                        top: dims.pieTop,
                        left: dims.pieLeft
                    }
                }, e('svg', {
                    viewBox: '-1 -1 2 2',
                    style: {
                        width: dims.pieSize,
                        transform: 'rotate(-0.25turn)'
                    }
                }, pieSlices));

                parts.push(chart);

                return e('div', { class: 'chart-pie chart-box' }, parts);
            }
        }]);

        return Chart_pie;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        this.getChartData = function (props) {
            if (!Array.isArray(props.options)) {
                var chartData = props.options;
                chartData.__value_max = 0;
                chartData.__value_total = 0;
            } else {}

            chartData.color = {
                a: props.chroma,
                b: props.chroma2
            };
            chartData.palette = props.palette;

            // console.log(chartData);

            var color = '74,78,83';
            var colorOpc = 0.8;
            var colorOpcInc = 0.8 / chartData.segments.length;

            var colorScale = chroma.scale(chartData.palette).mode('lch').colors(Object.keys(chartData.segments).length);

            if (chartData.segments) {
                chartData.segments.forEach(function (item, key) {
                    if (chartData.__value_max < item.value * 1) {
                        chartData.__value_max = item.value * 1;
                    }
                    chartData.__value_total = chartData.__value_total + item.value * 1;
                });

                if (chartData.__value_max == 0) chartData.__value_max = 1;

                chartData.segments = chartData.segments.map(function (item, key) {
                    if (!item.hasOwnProperty('label')) {
                        item.label = 'Something';
                    }
                    item.percent = item.value / chartData.__value_total;
                    item.color = colorScale[key];
                    colorOpc -= colorOpcInc;
                    return item;
                });
            }

            // console.log(chartData);

            return chartData;
        };
    }, _temp;
}();
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_usa = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_usa, _preact$Component);

        function Chart_usa(props) {
            _classCallCheck(this, Chart_usa);

            var _this = _possibleConstructorReturn(this, (Chart_usa.__proto__ || Object.getPrototypeOf(Chart_usa)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {
                mapHtml: ''
            };
            _this.chartData = _this.getChartData(_this.props);
            _this.id = 'chart_usa_' + ui.dom.uid();
            return _this;
        }

        _createClass(Chart_usa, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillMount',
            value: function componentWillMount() {
                var _this2 = this;

                fetch('https://d2beia7gtp5yjy.cloudfront.net/cdn_image/df/397f7/33250515/25038/hds2c/usa.svg').then(function (r) {
                    return r.text();
                }).then(function (text) {
                    _this2.setState({
                        mapHtml: text
                    });
                }).catch(console.error.bind(console));
            }
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'render',
            value: function render() {
                var _this3 = this;

                var parts = [];

                var cd = this.chartData;

                var color = '74,78,83';

                var size = this.props.space.size;
                var dims = {};
                dims.padding = size * 0.5;
                dims.titleSize = size * 2.5;
                dims.headerHeight = dims.titleSize;
                dims.contentHeight = this.props.space.height - dims.headerHeight;
                dims.contentWidth = this.props.space.width - dims.padding * 2;
                dims.legendFontSize = size * 0.5;
                dims.mapWidth = dims.contentWidth * .6;
                dims.mapLeft = dims.padding;
                dims.mapHeight = dims.contentHeight - dims.padding;
                // dims.contentWidth = dims.contentWidth / 2;
                // dims.contentHeight = dims.contentHeight / 2;

                var aspectRatio = dims.contentWidth / dims.contentHeight;

                var styleContent = [];

                var basePercent = .3;
                var percentMultiplier = 1 - basePercent;
                // console.log(percentMultiplier);

                styleContent.push('#' + this.id + ' path {');
                styleContent.push('fill: rgba(' + color + ', .1);');
                styleContent.push('stroke: #FFFFFF;');
                styleContent.push('strokeWidth: 6px;');
                styleContent.push('}');

                this.chartData.states.forEach(function (state, stateKey) {
                    var usePercent = basePercent + state.percent * percentMultiplier;
                    styleContent.push('#' + _this3.id + ' path.' + state.abv + ' {');
                    styleContent.push('fill: rgba(' + cd.color.a.alpha(usePercent).rgba() + ');');
                    styleContent.push('}');
                });

                // console.log(styleContent);


                var titleLogo = null;
                var title = null;

                if (cd.integration) {
                    titleLogo = e(Chart_integration_logo, {
                        integration: cd.integration,
                        title: this.chartData.title,
                        size: dims.titleSize
                    });
                } else {
                    title = e('div', {
                        class: 'chart-pie-title-text'
                    }, this.chartData.title);
                }

                parts.push(e('style', {}, styleContent.join('\n')));
                parts.push(e('div', {
                    style: {
                        left: dims.padding * 2,
                        right: dims.padding,
                        top: dims.padding
                    },
                    key: 'title',
                    class: 'chart-usa-title'
                }, titleLogo, title));

                parts.push(e('div', {
                    class: 'chart-usa-map',
                    style: {
                        left: dims.mapLeft,
                        top: dims.headerHeight,
                        with: dims.mapWidth,
                        height: dims.mapHeight
                    },
                    dangerouslySetInnerHTML: {
                        __html: this.state.mapHtml
                    }
                }));

                return e('div', { id: this.id, class: 'chart-usa chart-box' }, parts);
            }
        }]);

        return Chart_usa;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        this.getChartData = function (props) {
            if (!Array.isArray(props.options)) {
                var chartData = props.options;
                chartData.__value_max = 0;
                chartData.__value_total = 0;
            } else {}

            chartData.color = {
                a: props.chroma,
                b: props.chroma2
            };

            if (!chartData.states) {
                chartData.states = [];
            };

            chartData.states = chartData.states.map(function (state, stateKey) {
                state.value = state.value * 1;
                if (state.value > chartData.__value_max) {
                    chartData.__value_max = state.value;
                }
                chartData.__value_total = chartData.__value_total + state.value;
                return state;
            });

            if (chartData.__value_total == 0) chartData.__value_total = 1;

            // console.log(chartData.__value_total);
            var highestPercent = 0;

            chartData.states = chartData.states.map(function (state, stateKey) {

                state.percent = state.value / chartData.__value_total;
                if (state.percent > highestPercent) {
                    highestPercent = state.percent;
                }
                return state;
            });

            chartData.states = chartData.states.map(function (state, stateKey) {

                state.percent = state.percent / highestPercent;
                return state;
            });

            // console.log(chartData);

            return chartData;
        };
    }, _temp;
}();
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_multi = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_multi, _preact$Component);

        function Chart_multi(props) {
            _classCallCheck(this, Chart_multi);

            var _this = _possibleConstructorReturn(this, (Chart_multi.__proto__ || Object.getPrototypeOf(Chart_multi)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {};
            _this.color = '74,78,83';
            _this.chartData = _this.getChartData(_this.props);
            return _this;
        }

        _createClass(Chart_multi, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'vfb',


            // Value from Bottom
            value: function vfb(value) {
                // console.log(this.chartData.value_max);
                var perc = value / this.chartData.value_max;
                var offset = perc * this.dims.periodsHeight;
                offset += this.dims.dotSize * 1.5;
                offset += this.dims.periodLabelHeight;
                return Math.floor(offset);
            }
        }, {
            key: 'render',
            value: function render() {
                var parts = [];

                var cd = this.chartData;

                var size = this.props.space.size;

                this.dims = {};
                var dims = this.dims;
                dims.padding = size * 0.3;
                dims.titleSize = size * 2.5;
                dims.headerHeight = dims.titleSize;
                dims.contentHeight = this.props.space.height - dims.headerHeight;
                dims.contentWidth = this.props.space.width - dims.padding * 3;
                dims.legendFontSize = size * 0.5;

                dims.labelFontSize = size * 0.3;
                dims.labelsWidth = size * 1;
                dims.periodsWidth = Math.floor(dims.contentWidth - dims.labelsWidth);
                dims.periodLabelFontSize = dims.labelFontSize;
                dims.periodLabelHeight = dims.periodLabelFontSize * 2 + dims.padding * 2;
                dims.periodsStart = dims.labelsWidth + dims.padding * 1;
                dims.dotSize = Math.floor(size * 0.3);
                dims.lineSize = Math.floor(size * 0.1);

                if (dims.lineSize < 0.25) dims.lineSize = 0.5;
                if (dims.lineSize > 3) dims.lineSize = 3;

                dims.periodWidth = dims.periodsWidth / cd.periods.length;
                dims.periodsHeight = dims.contentHeight - dims.periodLabelHeight;

                var lines = {};
                var stacks = {};

                for (var segmentKey in cd.segments) {
                    if (cd.segments.hasOwnProperty(segmentKey)) {
                        var segment = cd.segments[segmentKey];
                        if (['line', 'curve'].indexOf(segment.type) !== -1) {
                            lines[segmentKey] = {
                                points: []
                            };
                        }
                        if (['bar'].indexOf(segment.type) !== -1) {
                            stacks[segment.stack] = {
                                bars: []
                            };
                        }
                    }
                }

                dims.stackbarWidth = dims.periodWidth * 0.6 / Object.keys(stacks).length;
                dims.stackbarSpacing = dims.periodWidth * 0.4 / (Object.keys(stacks).length + 1);

                var titleLogo = null;
                var title = null;

                if (cd.integration) {
                    titleLogo = e(Chart_integration_logo, {
                        integration: cd.integration,
                        title: this.chartData.title,
                        size: dims.titleSize
                    });
                } else {
                    title = e('div', {
                        class: 'chart-pie-title-text'
                    }, this.chartData.title);
                }

                parts.push(e('div', {
                    style: {
                        left: dims.padding * 2,
                        right: dims.padding,
                        top: dims.padding
                    },
                    key: 'title',
                    class: 'chart-pie-title'
                }, titleLogo, title));

                // console.log(stacks);

                var labelCount = 5;
                var labelInc = cd.value_max / labelCount;

                var labelCur = 0;
                for (var i = 0; i <= labelCount; i++) {
                    parts.push(e('div', {
                        style: {
                            textAlign: 'right',
                            width: dims.labelsWidth,
                            fontSize: dims.labelFontSize,
                            left: dims.padding,
                            bottom: i * (dims.periodsHeight / labelCount) + dims.periodLabelHeight - dims.labelFontSize * 0.5
                        },
                        class: 'chart-multi-label'
                    }, numeral(Math.ceil(i * labelInc / 10) * 10).format('0a')));
                    parts.push(e('div', {
                        style: {
                            width: dims.periodsWidth,
                            left: dims.padding * 1.5 + dims.labelsWidth,
                            height: 1,
                            borderWidth: dims.lineSize,
                            bottom: i * (dims.periodsHeight / labelCount) + dims.periodLabelHeight - dims.lineSize
                        },
                        class: 'chart-multi-labelbar'
                    }, ''));
                }

                cd.periods.forEach(function (period, periodKey) {
                    var labelText = period.label_short;
                    var labelTextBig = period.label_sep;
                    if (dims.periodWidth < 20) {
                        var labelTextBig = period.label_sep_short;
                    }
                    parts.push(e('div', {
                        style: {
                            fontSize: dims.periodLabelFontSize,
                            bottom: dims.periodLabelHeight - dims.periodLabelFontSize - dims.padding * 0.75,
                            width: dims.periodWidth,
                            display: 'flex',
                            justifyContent: 'center',
                            left: dims.periodsStart + periodKey * dims.periodWidth
                        },
                        class: 'chart-multi-period-label'
                    }, e('div', {
                        style: {
                            position: 'relative'
                        },
                        class: 'chart-multi-period-label-in'
                    }, e('div', {
                        class: 'chart-multi-period-label-in-small'
                    }, labelText), e('div', {
                        style: {
                            position: 'absolute'
                        },
                        class: 'chart-multi-period-label-in-sep'
                    }, labelTextBig))));
                    for (var segmentKey in cd.segments) {
                        if (cd.segments.hasOwnProperty(segmentKey)) {
                            var segment = cd.segments[segmentKey];
                            var curVal = segment.values[periodKey];
                            if (!curVal) curVal = 0;
                            if (['line', 'curve'].indexOf(segment.type) !== -1) {
                                var linePoint = [];

                                linePoint[0] = periodKey * dims.periodWidth + dims.periodWidth * 0.5;

                                linePoint[1] = (1 - curVal / cd.value_max) * dims.periodsHeight;

                                lines[segmentKey].points.push(linePoint);
                            }
                            if (['dot'].indexOf(segment.type) !== -1) {
                                parts.push(e('div', {
                                    style: {
                                        bottom: segment.values[periodKey] / cd.value_max * dims.periodsHeight + dims.periodsStart - dims.dotSize * 0.75,
                                        width: dims.dotSize,
                                        height: dims.dotSize,
                                        backgroundColor: segment.color,

                                        left: dims.periodsStart + periodKey * dims.periodWidth + dims.periodWidth * 0.5 - dims.dotSize / 2
                                    },
                                    class: 'chart-multi-period-dot'
                                }, ''));
                            }
                            if (['bar'].indexOf(segment.type) !== -1) {
                                var _e;

                                if (!stacks[segment.stack].bars[periodKey]) {
                                    stacks[segment.stack].bars[periodKey] = [];
                                }
                                stacks[segment.stack].bars[periodKey].push(e('div', (_e = {
                                    style: {
                                        height: segment.values[periodKey] / cd.value_max * dims.periodsHeight,
                                        // marginTop: dims.labelFontSize * .2,
                                        width: dims.stackbarWidth,
                                        backgroundColor: segment.color
                                    }
                                }, _defineProperty(_e, 'data-value', segment.values[periodKey] + ' / ' + cd.value_max + ' / ' + dims.periodsHeight), _defineProperty(_e, 'class', 'chart-multi-period-barstack-bar'), _e)));
                            }
                        }
                    }
                });

                cd.periods.forEach(function (period, periodKey) {
                    var stackIndex = 0;
                    for (var stackKey in stacks) {
                        if (stacks.hasOwnProperty(stackKey)) {
                            parts.push(e('div', {
                                style: {
                                    bottom: dims.periodLabelHeight,
                                    left: dims.periodsStart + periodKey * dims.periodWidth + stackIndex * dims.stackbarWidth + dims.stackbarSpacing * 0.3 * stackIndex + dims.stackbarSpacing + dims.stackbarSpacing * 0.35 * stackIndex
                                },
                                class: 'chart-multi-period-barstack stack-' + stackKey
                            }, stacks[stackKey].bars[periodKey]));
                            stackIndex++;
                        }
                    }
                });

                var legendSegments = [];

                for (var segmentKey in cd.segments) {
                    if (cd.segments.hasOwnProperty(segmentKey)) {
                        var segment = cd.segments[segmentKey];

                        legendSegments.push(e('div', {
                            style: {
                                fontSize: dims.legendFontSize * 0.75,
                                display: 'flex',
                                alignItems: 'center',
                                marginLeft: dims.legendFontSize * 0.5,
                                // lineHeight: '100%',
                                marginTop: dims.legendFontSize * -0.125
                            }
                        }, e('div', {
                            style: {
                                width: dims.legendFontSize * 0.7,
                                height: dims.legendFontSize * 0.7,
                                borderRadius: 0,
                                backgroundColor: segment.color,
                                marginRight: dims.legendFontSize * 0.25
                                // lineHeight: '100%'
                            }
                        }), e('div', {
                            style: {
                                // lineHeight: '100%'
                            }
                        }, segment.title)));
                        if (['line', 'curve'].indexOf(segment.type) !== -1) {
                            var _e2;

                            var lineCommand = this.svgBezierCommand;
                            if (segment.type == 'line') {
                                lineCommand = this.svgLineCommand;
                            }

                            parts.push(e('svg', {
                                viewBox: '0 0 ' + dims.periodsWidth + ' ' + dims.periodsHeight + '',
                                style: {
                                    width: dims.periodsWidth,
                                    height: dims.periodsHeight,
                                    left: dims.periodsStart,
                                    top: dims.headerHeight
                                }
                            }, e('path', (_e2 = {
                                // stroke: 'rgba('+this.color+', .6)',
                                stroke: segment.color
                            }, _defineProperty(_e2, 'stroke-width', dims.lineSize), _defineProperty(_e2, 'stroke-dasharray', dims.lineSize * 2 + ' ' + dims.lineSize * 2), _defineProperty(_e2, 'stroke-linecap', 'round'), _defineProperty(_e2, 'fill', 'none'), _defineProperty(_e2, 'd', this.svgPath(lines[segmentKey].points, lineCommand)), _e2))));
                        }
                    }
                }

                parts.push(e('div', {
                    style: {
                        left: dims.padding,
                        top: dims.headerHeight - dims.legendFontSize * 1.5,
                        display: 'flex',
                        width: dims.contentWidth,
                        overflow: 'hidden',
                        flexWrap: 'wrap',
                        height: dims.legendFontSize * .9,
                        justifyContent: 'flex-end'
                    }
                }, legendSegments));

                var aspectRatio = dims.contentWidth / dims.contentHeight;

                return e('div', { class: 'chart-multi chart-box' }, parts);
            }
        }]);

        return Chart_multi;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        var _this2 = this;

        this.getChartData = function (props) {
            var chartData = JSON.parse(JSON.stringify(props.options));

            chartData.color = {
                a: props.chroma,
                b: props.chroma2
            };
            chartData.value_max = 0;
            chartData.palette = props.palette;

            if (!chartData.stacks) {
                chartData.stacks = {};
            }
            if (!chartData.periods) {
                chartData.periods = [];
            }

            chartData.periods = chartData.periods.map(function (period, periodKey) {
                if (!period.segments) period.segments = {};
                if (!period.stacks) period.stacks = {};
                return period;
            });

            // console.log(chartData.stacks);

            if (chartData.segments) {
                for (var segmentKey in chartData.segments) {
                    if (chartData.segments.hasOwnProperty(segmentKey)) {
                        var segment = chartData.segments[segmentKey];
                        if (segment.type == 'bar') {
                            if (!segment.stack) {
                                segment.stack = 0;
                            }
                            if (!chartData.stacks[segment.stack]) {
                                chartData.stacks[segment.stack] = {};
                            }
                        }
                        if (segment.values) {
                            segment.values.forEach(function (value, valueKey) {
                                value = value * 1;
                                if (!chartData.periods[valueKey]) {
                                    chartData.periods[valueKey] = {
                                        segments: {},
                                        stacks: {}
                                    };
                                }
                                if (!chartData.periods[valueKey].segments[segmentKey]) {
                                    chartData.periods[valueKey].segments[segmentKey] = {
                                        total: 0
                                    };
                                }
                                chartData.periods[valueKey].segments[segmentKey].total += value;
                                if (chartData.periods[valueKey].segments[segmentKey].total > chartData.value_max) {
                                    chartData.value_max = chartData.periods[valueKey].segments[segmentKey].total;
                                }
                                if (segment.type == 'bar') {
                                    if (!segment.stack) {
                                        segment.stack = 0;
                                    }
                                    if (!chartData.periods[valueKey].stacks[segment.stack]) {
                                        chartData.periods[valueKey].stacks[segment.stack] = {
                                            total: 0
                                        };
                                    }
                                    chartData.periods[valueKey].stacks[segment.stack].total += value;
                                    if (chartData.periods[valueKey].stacks[segment.stack].total > chartData.value_max) {
                                        chartData.value_max = chartData.periods[valueKey].stacks[segment.stack].total;
                                    }
                                }

                                segment.values[valueKey] = value;
                            });
                        }
                    }
                }
            }

            _this2.addPeriodWeeks(chartData.periods);

            // console.log('palette', chartData.palette);

            var colorScale = chroma.scale(chartData.palette).mode('lch').colors(Object.keys(chartData.segments).length);

            var segIndex = 0;
            for (var segmentKey in chartData.segments) {
                if (chartData.segments.hasOwnProperty(segmentKey)) {
                    chartData.segments[segmentKey].color = colorScale[segIndex];
                    segIndex++;
                }
            }

            // console.log('TEST');
            //
            // console.log(chartData.value_max);
            //
            chartData.value_max = chartData.value_max * 1.1;

            return chartData;
        };

        this.addPeriodWeeks = function (periods) {
            var periodMoment = moment().subtract(Object.keys(periods).length, 'weeks');
            var curMonth = false;
            var periodsToggling = false;
            var periodsToggle = true;
            var skipFirstMonth = false;
            if (Object.keys(periods).length > 16) {
                periodsToggling = true;
                skipFirstMonth = true;
            }
            for (var periodKey in periods) {
                if (periods.hasOwnProperty(periodKey)) {
                    if (!periods[periodKey].label) {
                        periods[periodKey].label = periodMoment.format('MMM DD');
                        periods[periodKey].label_short = periodMoment.format('DD');
                        if (periodsToggling) {
                            if (periodsToggle) {
                                periods[periodKey].label_short = null;
                                periodsToggle = false;
                            } else {
                                periodsToggle = true;
                            }
                        }
                        periods[periodKey].label_sep = false;
                        if (curMonth != periodMoment.format('MMMM')) {
                            curMonth = periodMoment.format('MMMM');
                            if (skipFirstMonth) {} else {
                                periods[periodKey].label_sep = curMonth;
                                periods[periodKey].label_sep_short = periodMoment.format('MMM');
                            }
                            skipFirstMonth = false;
                        }
                    }

                    periodMoment.add(1, 'week');
                    if (!periods[periodKey].label_short && periods[periodKey].label_short !== null) {
                        periods[periodKey].label_short = periods[periodKey].label;
                    }
                    // console.log(periods[periodKey]);
                }
            }
        };

        this.svgLine = function (pointA, pointB) {
            var lengthX = pointB[0] - pointA[0];
            var lengthY = pointB[1] - pointA[1];
            return {
                length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
                angle: Math.atan2(lengthY, lengthX)
            };
        };

        this.svgControlPoint = function (current, previous, next, reverse) {
            // When 'current' is the first or last point of the array
            // 'previous' or 'next' don't exist.
            // Replace with 'current'
            var p = previous || current;
            var n = next || current;
            // The smoothing ratio
            var smoothing = 0.2;
            // Properties of the opposed-line
            var o = _this2.svgLine(p, n);
            // If is end-control-point, add PI to the angle to go backward
            var angle = o.angle + (reverse ? Math.PI : 0);
            var length = o.length * smoothing;
            // The control point position is relative to the current point
            var x = current[0] + Math.cos(angle) * length;
            var y = current[1] + Math.sin(angle) * length;
            return [x, y];
        };

        this.svgBezierCommand = function (point, i, a) {
            // start control point
            var _svgControlPoint = _this2.svgControlPoint(a[i - 1], a[i - 2], point),
                _svgControlPoint2 = _slicedToArray(_svgControlPoint, 2),
                cpsX = _svgControlPoint2[0],
                cpsY = _svgControlPoint2[1];
            // end control point


            var _svgControlPoint3 = _this2.svgControlPoint(point, a[i - 1], a[i + 1], true),
                _svgControlPoint4 = _slicedToArray(_svgControlPoint3, 2),
                cpeX = _svgControlPoint4[0],
                cpeY = _svgControlPoint4[1];

            return 'C ' + cpsX + ',' + cpsY + ' ' + cpeX + ',' + cpeY + ' ' + point[0] + ',' + point[1];
        };

        this.svgLineCommand = function (point) {
            return 'L ' + point[0] + ' ' + point[1];
        };

        this.svgPath = function (points, command) {
            // build the d attributes by looping over the points
            var d = points.reduce(function (acc, point, i, a) {
                return i === 0 ? // if first point
                'M ' + point[0] + ',' + point[1] : // else
                acc + ' ' + command(point, i, a);
            }, '');
            // return `<path d="${d}" fill="none" stroke="grey" />`
            return d;
        };
    }, _temp;
}();
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_widgets = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_widgets, _preact$Component);

        function Chart_widgets(props) {
            _classCallCheck(this, Chart_widgets);

            var _this = _possibleConstructorReturn(this, (Chart_widgets.__proto__ || Object.getPrototypeOf(Chart_widgets)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {
                mapHtml: ''
            };
            _this.chartData = _this.getChartData(_this.props);
            _this.id = 'chart_widgets_' + ui.dom.uid();
            return _this;
        }

        _createClass(Chart_widgets, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillMount',
            value: function componentWillMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'render',
            value: function render() {
                var parts = [];

                var cd = this.chartData;

                var color = '74,78,83';

                var size = this.props.space.size;
                var dims = {};
                dims.padding = size * 0.5;
                dims.widgetMargin = dims.padding;
                dims.fontSize = size * 0.5;
                dims.valueSize = size * 2;

                var matrix = ui.layout.autoMatrix({
                    width: this.props.space.width,
                    height: this.props.space.height,
                    items: cd.items,
                    padding: dims.padding
                });

                matrix.rows.forEach(function (row, rowKey) {
                    row.items.forEach(function (item, itemKey) {
                        var itemComp = 'Chart_widgets_' + item.type;
                        if (window[itemComp]) {
                            parts.push(e('div', {
                                class: 'chart-widgets-widget',
                                style: {
                                    width: item.box.width,
                                    height: item.box.height,
                                    top: item.box.top,
                                    left: item.box.left
                                }
                            }, e(window[itemComp], {
                                item: item,
                                dims: dims
                            })));
                        }
                    });
                });

                return e('div', { id: this.id, class: 'chart-widgets chart-box' }, parts);
            }
        }]);

        return Chart_widgets;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        this.getChartData = function (props) {
            if (!Array.isArray(props.options)) {
                var chartData = props.options;
                chartData.__value_max = 0;
                chartData.__value_total = 0;
            } else {}

            chartData.color = {
                a: props.chroma,
                b: props.chroma2
            };

            // console.log(chartData);

            return chartData;
        };
    }, _temp;
}();

var Chart_widgets_number = function () {
    return function (_preact$Component2) {
        _inherits(Chart_widgets_number, _preact$Component2);

        function Chart_widgets_number(props) {
            _classCallCheck(this, Chart_widgets_number);

            return _possibleConstructorReturn(this, (Chart_widgets_number.__proto__ || Object.getPrototypeOf(Chart_widgets_number)).call(this, props));
        }

        _createClass(Chart_widgets_number, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillMount',
            value: function componentWillMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate() {}
        }, {
            key: 'render',
            value: function render() {
                // console.log('rendering');
                var sizeUse = this.props.item.box.height;
                if (this.props.item.box.width < sizeUse) {
                    sizeUse = this.props.item.box.width * .8;
                }
                return e('div', {
                    class: 'chart-widgets-number'
                }, e('div', {
                    class: 'chart-widgets-number-title',
                    style: {
                        lineHeight: '100%',
                        marginBottom: sizeUse * .1,
                        fontSize: sizeUse * .15
                    }
                }, this.props.item.title), e('div', {
                    class: 'chart-widgets-number-value',
                    style: {
                        lineHeight: '100%',
                        fontSize: sizeUse * .4
                    }
                }, numeral(this.props.item.value).format('0a')));
            }
        }]);

        return Chart_widgets_number;
    }(preact.Component);
}();
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_funnel = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_funnel, _preact$Component);

        function Chart_funnel(props) {
            _classCallCheck(this, Chart_funnel);

            var _this = _possibleConstructorReturn(this, (Chart_funnel.__proto__ || Object.getPrototypeOf(Chart_funnel)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {
                mapHtml: ''
            };
            _this.chartData = _this.getChartData(_this.props);
            _this.id = 'chart_funnel_' + ui.dom.uid();
            return _this;
        }

        _createClass(Chart_funnel, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillMount',
            value: function componentWillMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'render',
            value: function render() {
                var parts = [];

                var cd = this.chartData;

                var color = '74,78,83';
                var space = this.props.space;
                var size = this.props.space.size;
                var dims = {};
                dims.padding = size * 0.5;
                dims.titleSize = size * 2.5;
                dims.headerHeight = dims.titleSize;
                dims.contentHeight = this.props.space.height - dims.headerHeight;
                dims.contentWidth = this.props.space.width - dims.padding * 2;
                dims.visualWidth = (dims.contentWidth - dims.padding) * 0.5;
                dims.fontSize = size * 0.5;
                dims.legendFontSize = size * 0.5;

                dims.segmentHeight = (dims.contentHeight - dims.padding * 2) / cd.segments.length;
                dims.segmentSplit = 0;
                if (cd.segments.length > 1) {
                    dims.segmentSplit = dims.padding / (cd.segments.length - 1);
                }

                var titleLogo = null;
                var title = null;

                if (cd.integration) {
                    titleLogo = e(Chart_integration_logo, {
                        integration: cd.integration,
                        title: this.chartData.title,
                        size: dims.titleSize
                    });
                } else {
                    title = e('div', {
                        class: 'chart-pie-title-text'
                    }, this.chartData.title);
                }

                parts.push(e('div', {
                    style: {
                        left: dims.padding,
                        right: dims.padding,
                        top: dims.padding
                    },
                    key: 'title',
                    class: 'chart-funnel-title'
                }, titleLogo, title));

                var segmentPaths = [];
                var partsAfter = [];
                cd.segments.forEach(function (segment, segmentKey) {
                    var nextSegment = segment;
                    if (cd.segments[segmentKey + 1]) {
                        nextSegment = cd.segments[segmentKey + 1];
                    }
                    var points = [];
                    var top = dims.headerHeight + segmentKey * dims.segmentHeight + segmentKey * dims.segmentSplit;
                    var bottom = top + dims.segmentHeight;
                    var topWidth = segment.percent * dims.visualWidth;
                    var topLeft = dims.padding + (dims.visualWidth - topWidth) / 2;
                    var topRight = topLeft + topWidth;

                    var bottomWidth = nextSegment.percent * dims.visualWidth;
                    var bottomLeft = dims.padding + (dims.visualWidth - bottomWidth) / 2;
                    var bottomRight = bottomLeft + bottomWidth;

                    points.push([topLeft, top]);
                    points.push([topRight, top]);
                    points.push([bottomRight, bottom]);
                    points.push([bottomLeft, bottom]);

                    points = points.map(function (point) {
                        return point.join(',');
                    }).join(' ');
                    segmentPaths.push(e('polygon', {
                        points: points,
                        style: {
                            fill: segment.color
                        }
                    }));

                    points = [];
                    points.push([dims.visualWidth * 0.5 + dims.padding, top]);
                    points.push([dims.contentWidth + dims.padding, top]);
                    points.push([dims.contentWidth + dims.padding, bottom]);
                    points.push([dims.visualWidth * 0.5 + dims.padding, bottom]);

                    points = points.map(function (point) {
                        return point.join(',');
                    }).join(' ');
                    segmentPaths.push(e('polygon', {
                        points: points,
                        style: {
                            fill: chroma(segment.color).alpha(.2).hex()
                        }
                    }));

                    parts.push(e('div', {
                        style: {
                            left: dims.visualWidth + dims.padding * 2,
                            top: top,
                            height: dims.segmentHeight,
                            width: dims.visualWidth,
                            fontSize: dims.fontSize,
                            display: 'flex',
                            alignItems: 'center'
                        }
                    }, e('div', {
                        style: {}
                    }, segment.title), e('div', {
                        style: {
                            marginLeft: 'auto',
                            marginRight: dims.padding
                        }
                    }, segment.value)));

                    if (segment.step_percent) {
                        percSize = bottomWidth * .5;
                        if (percSize > size * .5) percSize = size * .5;

                        partsAfter.push(e('div', {
                            style: {
                                left: dims.padding,
                                top: top,
                                height: dims.segmentHeight,
                                width: dims.visualWidth,
                                display: 'flex',
                                alignItems: 'center',
                                justifyContent: 'center',
                                color: '#FFFFFF',
                                fontSize: percSize
                            }
                        }, e('div', {
                            style: {}
                        }, Math.floor(segment.step_percent * 100) + '%')));
                    }
                });

                console.log(segmentPaths);

                parts.push(e('svg', {
                    viewBox: '0 0 ' + space.width + ' ' + space.height
                }, segmentPaths));

                partsAfter.forEach(function (part) {
                    parts.push(part);
                });

                return e('div', { id: this.id, class: 'chart-funnel chart-box' }, parts);
            }
        }]);

        return Chart_funnel;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        this.getChartData = function (props) {
            if (!Array.isArray(props.options)) {
                var chartData = props.options;
                chartData.__value_max = 0;
                chartData.__value_total = 0;
            } else {}

            chartData.color = {
                a: props.chroma,
                b: props.chroma2
            };
            chartData.palette = props.palette;

            var colorScale = chroma.scale(chartData.palette).mode('lch').colors(Object.keys(chartData.segments).length);

            var lastSegValue = false;
            chartData.segments = chartData.segments.map(function (segment, segmentKey) {
                segment.step_percent = 0;
                if (chartData.segments[segmentKey + 1] && segment.value) {
                    segment.step_percent = chartData.segments[segmentKey + 1].value / segment.value;
                }
                segment.color = colorScale[segmentKey];
                chartData.__value_total += segment.value;
                if (segment.value > chartData.__value_max) {
                    chartData.__value_max = segment.value;
                }
                return segment;
            });

            chartData.segments = chartData.segments.map(function (segment, segmentKey) {
                segment.percent = segment.value / chartData.__value_max;
                return segment;
            });

            console.log(chartData);

            return chartData;
        };
    }, _temp;
}();
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_table = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_table, _preact$Component);

        function Chart_table(props) {
            _classCallCheck(this, Chart_table);

            var _this = _possibleConstructorReturn(this, (Chart_table.__proto__ || Object.getPrototypeOf(Chart_table)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {
                mapHtml: ''
            };
            _this.chartData = _this.getChartData(_this.props);
            _this.id = 'chart_table_' + ui.dom.uid();
            return _this;
        }

        _createClass(Chart_table, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillMount',
            value: function componentWillMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'render',
            value: function render() {
                var parts = ['table'];

                var cd = this.chartData;

                var color = '74,78,83';

                var size = this.props.space.size;
                var dims = {};
                dims.padding = size * 0.5;
                dims.titleSize = size * 1.5;
                dims.headerHeight = dims.titleSize + dims.padding * 2.5;
                dims.contentHeight = this.props.space.height - dims.headerHeight;
                dims.contentWidth = this.props.space.width - dims.padding * 2;
                dims.legendFontSize = size * 0.5;

                return e('div', { id: this.id, class: 'chart-table chart-box' }, parts);
            }
        }]);

        return Chart_table;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        this.getChartData = function (props) {
            if (!Array.isArray(props.options)) {
                var chartData = props.options;
                chartData.__value_max = 0;
                chartData.__value_total = 0;
            } else {}

            chartData.color = {
                a: props.chroma,
                b: props.chroma2

                // console.log(chartData);

            };return chartData;
        };
    }, _temp;
}();
var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Chart_leader = function () {
    var _class, _temp, _initialiseProps;

    return _temp = _class = function (_preact$Component) {
        _inherits(Chart_leader, _preact$Component);

        function Chart_leader(props) {
            _classCallCheck(this, Chart_leader);

            var _this = _possibleConstructorReturn(this, (Chart_leader.__proto__ || Object.getPrototypeOf(Chart_leader)).call(this, props));

            _initialiseProps.call(_this);

            _this.state = {
                mapHtml: ''
            };
            _this.chartData = _this.getChartData(_this.props);
            _this.id = 'chart_leader_' + ui.dom.uid();
            _this.personSprite = 'url(\'https://vertex.dev.userlite.com/web/amplib/df/util/sprite.png?node=widgets&node_type=34&size=50&v=4\')';
            return _this;
        }

        _createClass(Chart_leader, [{
            key: 'componentDidMount',
            value: function componentDidMount() {}
        }, {
            key: 'componentWillMount',
            value: function componentWillMount() {}
        }, {
            key: 'componentWillUnmount',
            value: function componentWillUnmount() {}
        }, {
            key: 'componentWillUpdate',
            value: function componentWillUpdate(newProps) {
                this.chartData = this.getChartData(newProps);
            }
        }, {
            key: 'render',
            value: function render() {
                var parts = [];

                var cd = this.chartData;
                var peopleCount = Object.keys(cd.people).length;

                var valuesCount = Object.keys(cd.values).length;

                var color = '74,78,83';

                var size = this.props.space.size;
                var dims = {};
                dims.padding = size * 0.5;
                dims.titleSize = size * 2.5;
                dims.headerHeight = dims.titleSize;
                dims.contentHeight = this.props.space.height - dims.headerHeight - dims.padding;
                dims.contentWidth = this.props.space.width - dims.padding * 2;
                dims.legendFontSize = size * 0.5;
                dims.personHeight = dims.contentHeight / peopleCount;
                dims.fontSize = dims.personHeight * .35;
                dims.personWidth = dims.contentWidth * .35;
                dims.valuesWidth = dims.contentWidth - dims.personWidth;
                dims.valueWidth = dims.valuesWidth / valuesCount;
                dims.valueBarHeight = dims.personHeight * .15;
                dims.avatarSize = dims.fontSize * 1.5;
                // if (dims.fontSize > 14) dims.fontSize = 14;
                // dims.avatarSize = dims.personHeight * .75;


                var titleLogo = null;
                var title = null;

                if (cd.integration) {
                    titleLogo = e(Chart_integration_logo, {
                        integration: cd.integration,
                        title: this.chartData.title,
                        size: dims.titleSize
                    });
                } else {
                    title = e('div', {
                        class: 'chart-pie-title-text'
                    }, this.chartData.title);
                }

                // console.log('dims.valueWidth', dims.valueWidth);

                var valueIndex = 0;
                for (var valueKey in cd.values) {
                    if (cd.values.hasOwnProperty(valueKey)) {
                        var curVal = cd.values[valueKey];
                        // console.log(curVal);

                        parts.push(e('div', {
                            style: {
                                borderLeft: '1px solid ' + chroma(curVal.color).alpha(.3).hex(),
                                height: dims.contentHeight,
                                left: dims.personWidth + dims.padding + valueIndex * dims.valueWidth,
                                width: 1,
                                top: dims.headerHeight
                            }
                        }, ''));
                        parts.push(e('div', {
                            style: {
                                left: dims.personWidth + dims.padding * 1 + valueIndex * dims.valueWidth,
                                top: dims.headerHeight - dims.fontSize - dims.padding * .25,
                                fontSize: dims.fontSize * .8
                            }
                        }, cd.values[valueKey].title));
                        valueIndex++;
                    }
                }

                var personIndex = 0;
                for (var personKey in cd.people) {
                    if (cd.people.hasOwnProperty(personKey)) {
                        var person = cd.people[personKey];
                        var peep = people[person.person];
                        // console.log(peep);

                        var valueParts = [];

                        var valueIndex = 0;
                        for (var valueKey in cd.values) {
                            if (cd.values.hasOwnProperty(valueKey)) {
                                var curVal = cd.values[valueKey];
                                // console.log(curVal);


                                parts.push(e('div', {
                                    style: {
                                        left: dims.personWidth + dims.padding * 1.4 + valueIndex * dims.valueWidth,
                                        width: dims.valueWidth - dims.padding,
                                        paddingRight: dims.padding,
                                        opacity: .8,
                                        color: curVal.color,
                                        top: dims.headerHeight + personIndex * dims.personHeight + dims.fontSize * .5,
                                        fontSize: dims.fontSize * .75
                                    }
                                }, person.values[valueKey]));
                                parts.push(e('div', {
                                    style: {
                                        left: dims.personWidth + dims.padding + valueIndex * dims.valueWidth,
                                        width: dims.valueWidth - dims.padding,
                                        paddingRight: dims.padding,
                                        top: dims.headerHeight + personIndex * dims.personHeight + dims.personHeight * .6

                                    }
                                }, e('div', {
                                    style: {
                                        width: person.percents[valueKey] * 100 + '%',
                                        height: dims.valueBarHeight,
                                        background: curVal.color
                                    }
                                }, '')));
                                valueIndex++;
                            }
                        }

                        parts.push(e('div', {
                            style: {
                                height: dims.personHeight,
                                top: dims.headerHeight + personIndex * dims.personHeight,
                                left: dims.padding,
                                display: 'flex',
                                width: dims.personWidth,
                                fontSize: dims.fontSize,
                                alignItems: 'center'
                            }
                        }, e('div', {
                            style: {
                                height: dims.avatarSize,
                                width: dims.avatarSize,
                                flexShrink: 0,
                                borderRadius: '50%',
                                marginRight: dims.padding * .5,
                                backgroundImage: this.personSprite,
                                backgroundPosition: '0 -' + peep.sortorder * dims.avatarSize + 'px',
                                backgroundSize: dims.avatarSize + 'px auto'
                            }
                        }, ''), e('div', {
                            style: {
                                width: dims.personWidth,
                                paddingRight: dims.padding,
                                lineHeight: '100%'
                            }
                        }, peep.title)));

                        parts.push(e('div', {
                            style: {
                                height: 1,
                                top: dims.headerHeight + personIndex * dims.personHeight - 1,
                                left: dims.padding,
                                width: dims.contentWidth,
                                borderTop: '1px solid rgba(0,0,0,.05)'
                            }
                        }, ''));
                        personIndex++;
                    }
                }

                parts.push(e('div', {
                    style: {
                        left: dims.padding * 2,
                        right: dims.padding,
                        top: dims.padding
                    },
                    key: 'title',
                    class: 'chart-funnel-title'
                }, titleLogo, title));

                return e('div', { id: this.id, class: 'chart-leader chart-box' }, parts);
            }
        }]);

        return Chart_leader;
    }(preact.Component), _initialiseProps = function _initialiseProps() {
        this.getChartData = function (props) {
            if (!Array.isArray(props.options)) {
                var chartData = props.options;
                chartData.__value_max = 0;
                chartData.__value_total = 0;
            } else {}

            chartData.color = {
                a: props.chroma,
                b: props.chroma2
            };
            chartData.palette = props.palette;

            var colorScale = chroma.scale(chartData.palette).mode('lch').colors(Object.keys(chartData.values).length);

            var valueIndex = 0;
            for (var valueKey in chartData.values) {
                if (chartData.values.hasOwnProperty(valueKey)) {
                    chartData.values[valueKey].color = colorScale[valueIndex];
                    valueIndex++;
                    chartData.values[valueKey].max = 0;
                    for (var personKey in chartData.people) {
                        if (chartData.people.hasOwnProperty(personKey)) {
                            if (chartData.people[personKey].values.hasOwnProperty(valueKey)) {
                                if (chartData.people[personKey].values[valueKey] > chartData.values[valueKey].max) chartData.values[valueKey].max = chartData.people[personKey].values[valueKey];
                            }
                        }
                    }
                    for (var personKey in chartData.people) {
                        if (chartData.people.hasOwnProperty(personKey)) {
                            if (!chartData.people[personKey].percents) {
                                chartData.people[personKey].percents = {};
                            }
                            chartData.people[personKey].percents[valueKey] = 0;
                            if (chartData.people[personKey].values.hasOwnProperty(valueKey)) {
                                chartData.people[personKey].percents[valueKey] = chartData.people[personKey].values[valueKey] / chartData.values[valueKey].max;
                            }
                        }
                    }
                }
            }

            // console.log(chartData);

            return chartData;
        };
    }, _temp;
}();