diff --git a/html/pages/about.tpl b/html/pages/about.tpl
index 2fa8684..de9417c 100644
--- a/html/pages/about.tpl
+++ b/html/pages/about.tpl
@@ -60,7 +60,7 @@
- The webserver is built using the great esp-httpd
+ The webserver was built using the great esp-httpd
library by Jeroen Domburg.
diff --git a/html_src/css/app.css b/html_src/css/app.css
index 09d0a23..8085426 100644
--- a/html_src/css/app.css
+++ b/html_src/css/app.css
@@ -1 +1,1387 @@
-*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figure,nav{display:block}canvas,progress{display:inline-block;vertical-align:baseline}[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b{font-weight:700}h1,h2{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,pre{font-family:monospace;font-size:1em}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.ct-zoom-rect{fill:rgba(200,100,100,.3);stroke:#ff2b12}.ct-axis-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ct-axis-title,.ct-label{fill:rgba(255,255,255,.8)}.ct-label{color:rgba(255,255,255,.8);font-size:.75rem;line-height:1}.ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left;text-anchor:start;transform:translate(-4px) rotate(45deg)}.ct-label.ct-vertical.ct-start{align-items:flex-end;justify-content:flex-end;text-align:right;text-anchor:end;transform:translateY(20%)}.ct-label.ct-vertical.ct-end{align-items:flex-end;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:flex}.ct-chart-bar .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{align-items:center;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{align-items:center;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(255,255,255,.3);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:4px;stroke-linecap:round}.ct-line{fill:none;stroke-width:2px}.ct-with-area .ct-line{stroke-width:1px}.ct-area{stroke:none;fill-opacity:.3}.ct-bar{fill:none;stroke-width:10px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point{stroke:#f05b4f}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#f05b4f}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point{stroke:#6188e2}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#6188e2}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point{stroke:#59922b}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#59922b}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point{stroke:#eacf7d}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#eacf7d}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point{stroke:#a748ca}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#a748ca}.ct-wide{display:block;position:relative;width:100%}.ct-wide:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-wide:after{content:"";display:table;clear:both}.ct-wide>svg{display:block;position:absolute;top:0;left:0}.ct-narrow{display:block;position:relative;width:100%}.ct-narrow:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-narrow:after{content:"";display:table;clear:both}.ct-narrow>svg{display:block;position:absolute;top:0;left:0}.center{text-align:center}.invis{visibility:hidden!important}.hidden{display:none!important}.nb{font-weight:400}html{font-family:Arial,sans-serif;color:#D0D0D0;background:#131315}body,html{border:0 none;margin:0;padding:0;text-decoration:none;width:100%;height:100%;overflow:hidden}a,a:link,a:visited{cursor:pointer;color:#5abfff;text-decoration:none}a:hover{color:#5abfff;text-decoration:underline}.chartexport a{background:#3b7299;border-radius:3px;padding:5px;color:#0c171e;text-decoration:none}.chartexport a:hover{background:#4ea6dd}.chartexport a:active{position:relative;top:1px}.chartexport textarea{margin-top:10px;width:100%;height:10em;resize:vertical}#outer{display:flex;position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;overflow:hidden;flex-direction:row}@media screen and (max-width:544px){#outer{display:block;overflow-y:scroll}}#menu{flex:0 0 15rem;background:#2bab5f}#menu>*{display:block;text-decoration:none;padding:.6180469716rem 1rem;white-space:nowrap;word-wrap:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menu #brand{color:white;background:#218248;font-size:120%;text-align:center;position:relative;margin-bottom:1rem}@media screen and (max-width:544px){#menu #brand{background:#2bab5f;cursor:pointer}#menu #brand:after{position:absolute;color:rgba(0,0,0,.2);right:1rem;content:'>';top:50%;font-size:120%;font-weight:700;transform:translateY(-50%) rotate(90deg)}}#menu.expanded #brand{background:#218248}@media screen and (max-width:544px){#menu.expanded #brand:after{transform:translateY(-50%) rotate(-90deg)}}#menu a{font-size:130%;color:white;transition:background-color .2s;text-shadow:0 0 5px rgba(0,0,0,.4)}#menu a.selected,#menu a:hover{background:#1bd886;text-shadow:0 0 5px rgba(0,0,0,.6)}#menu a.selected{position:relative;box-shadow:0 0 5px rgba(0,0,0,.5)}#menu a:before{content:"▸";padding-right:.5rem;position:relative;top:-.1rem}@media screen and (max-width:544px){#menu a{display:none}}#menu.expanded a{display:block}@media screen and (min-width:545px) and (max-width:1000px){#menu{flex-basis:10rem}#menu #brand{font-size:95%;margin-bottom:.6180469716rem}#menu a{font-size:105%}#menu>*{padding:.3819820591rem .6180469716rem}}#content{flex-grow:1;position:relative;padding:1rem;overflow-y:auto}@media screen and (max-width:544px){#content{padding:.6180469716rem}}#content>*{margin-left:auto;margin-right:auto}#content h1{text-align:center;font-size:2.2806973457em;margin-top:0;margin-bottom:1rem}#content h2{font-size:1.423828125em;margin-bottom:.6180469716rem}#content td,#content th{padding:.3819820591rem}#content tbody th{text-align:right;width:130px;color:#fff}#loader{position:absolute;right:1.618rem;top:1.618rem;transition:opacity .2s;opacity:0}@media screen and (max-width:544px){#loader{top:1rem;right:1rem}}#loader.show{opacity:1}.Box{display:block;max-width:900px;margin-top:1rem;padding:.6180469716rem 1rem;border-radius:3px;background-color:rgba(255,255,255,.07)}@media screen and (max-width:544px){.Box{margin-top:.6180469716rem}}.Box h2,h1+.Box{margin-top:0}.Box.wide{width:initial;max-width:initial}.Box.medium{max-width:1200px}.Box .Valfield{display:inline-block;min-width:10em}.Modal{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;transition:opacity .5s;background:rgba(0,0,0,.65);opacity:0}.Modal.visible{opacity:1}.Modal.hidden{display:none}.Dialog{margin:.6180469716rem;padding:1rem;overflow:hidden;max-width:100%;max-height:100%;flex:0 1 30rem;background:#1c1c1e;border-left:6px solid #217b3a;border-right:6px solid #217b3a;box-shadow:0 0 2px 0 #434349,0 0 6px 0 black;border-radius:6px}.Dialog h1,.Dialog h2{margin-top:0}.Dialog p:last-child{margin-bottom:0}.NotifyMsg{position:fixed;bottom:2.617924rem;padding:.6180469716rem 1rem;left:50%;transform:translate(-50%);-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translateZ(0) scale(1);background:#37a349;color:white;text-shadow:0 0 2px black;box-shadow:0 0 6px 0 rgba(0,0,0,.6);border-radius:5px;max-width:80%;transition:opacity .5s;opacity:0}.NotifyMsg.error{background:#d03e42}@media screen and (max-width:544px){.NotifyMsg{width:calc(100% - 1rem)}}.NotifyMsg.visible{opacity:1}.NotifyMsg.hidden{display:none}.button,button,input[type=button],input[type=reset],input[type=submit]{text-align:center;cursor:pointer;display:inline-block;border-radius:2px;padding:0 .6em;border:0 none;outline:0 none!important;line-height:1.8em;font-size:1.1em;margin-bottom:3px;min-width:5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1.5px 1.5px 2px rgba(0,0,0,.8)}.button:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{position:relative;top:2px}.button.narrow,button.narrow,input[type=button].narrow,input[type=reset].narrow,input[type=submit].narrow{min-width:initial}.btn-green,input[type=submit]{background-color:#2ca94b;box-shadow:0 3px 0 #1d7032;text-decoration:none!important}.btn-green,.btn-green:link,.btn-green:visited,input[type=submit],input[type=submit]:link,input[type=submit]:visited{color:#FEFEFE}.btn-green.active,.btn-green.selected,.btn-green:active,.btn-green:hover,input[type=submit].active,input[type=submit].selected,input[type=submit]:active,input[type=submit]:hover{background-color:#28ba5c;color:#FEFEFE}.btn-green.active,.btn-green.selected,.btn-green:hover,input[type=submit].active,input[type=submit].selected,input[type=submit]:hover{box-shadow:0 3px 0 #1a773b}.btn-green:active,input[type=submit]:active{box-shadow:0 1px 0 #1a773b}.btn-red,input[type=reset]{background-color:#D04E51;box-shadow:0 3px 0 #aa2d30;text-decoration:none!important}.btn-red,.btn-red:link,.btn-red:visited,input[type=reset],input[type=reset]:link,input[type=reset]:visited{color:#FEFEFE}.btn-red.active,.btn-red.selected,.btn-red:active,.btn-red:hover,input[type=reset].active,input[type=reset].selected,input[type=reset]:active,input[type=reset]:hover{background-color:#d4403f;color:#FEFEFE}.btn-red.active,.btn-red.selected,.btn-red:hover,input[type=reset].active,input[type=reset].selected,input[type=reset]:hover{box-shadow:0 3px 0 #9e2423}.btn-red:active,input[type=reset]:active{box-shadow:0 1px 0 #9e2423}.btn-blue{background-color:#3983cd;box-shadow:0 3px 0 #265f98;text-decoration:none!important}.btn-blue,.btn-blue:link,.btn-blue:visited{color:#FEFEFE}.btn-blue.active,.btn-blue.selected,.btn-blue:active,.btn-blue:hover{background-color:#2076C6;color:#FEFEFE}.btn-blue.active,.btn-blue.selected,.btn-blue:hover{box-shadow:0 3px 0 #154c80}.btn-blue:active{box-shadow:0 1px 0 #154c80}input[type=number],input[type=password],input[type=text],select,textarea{border:0 none;border-bottom:2px solid #217b3a;background-color:#303030;color:#fff;padding:6px;line-height:1em;outline:0 none!important;-moz-outline:0 none!important;font-weight:400}input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover{border-bottom-color:#28bc65}input[type=number],input[type=password],input[type=text],textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}textarea{font-family:monospace;line-height:1.2em;display:block}form{border:0 none;margin:0;padding:0;text-decoration:none}input[type=number],input[type=password],input[type=text],label.select-wrap,select,textarea{width:250px}form .Row{vertical-align:middle;margin:14px auto;text-align:left;display:flex;flex-direction:row}form .Row:first-child{margin-top:0}form .Row:last-child{margin-bottom:0}form .Row .spacer{width:130px}@media screen and (max-width:544px){form .Row .spacer{display:none}}form .Row.buttons .button,form .Row.buttons input{margin-right:.6180469716rem}form .Row.centered{justify-content:center}form .Row.message{font-size:1em;text-shadow:1px 1px 3px black;text-align:center}form .Row.message.error{color:crimson}form .Row.message.ok{color:#0fe851}form .Row.separator{padding-top:14px;border-top:2px solid rgba(255,255,255,.1)}form .Row textarea{display:inline-block;vertical-align:top;min-height:10rem;flex-grow:1;resize:vertical}form .Row label{font-weight:700;color:#fff;text-shadow:1px 1px 3px black;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}form .Row .checkbox-wrap,form .Row label{display:inline-block;width:130px;text-align:right;padding:8px;align-self:flex-start}form .Row .checkbox-wrap input[type=checkbox]{margin:auto;width:auto;height:auto}form .Row .checkbox-wrap+label{width:250px;padding-left:0;text-align:left;cursor:pointer}@media screen and (max-width:544px){form .Row{flex-direction:column}form .Row.buttons,form .Row.centered{flex-direction:row}form .Row.buttons{justify-content:center}form .Row.buttons :last-child{margin-right:0}form .Row label{padding-left:0;text-align:left;width:auto}form .Row .checkbox-wrap{order:1;text-align:left;padding-bottom:0;border-radius:.4px;width:auto}form .Row .checkbox-wrap+label{width:auto}form .Row input[type=number],form .Row input[type=password],form .Row input[type=text],form .Row textarea{width:100%}}form span.required{color:red}.RadioGroup{display:inline-block;line-height:1.5em;vertical-align:middle}.RadioGroup label{width:auto;text-align:left;cursor:pointer;font-weight:400}.RadioGroup input[type=radio]{vertical-align:middle;margin:0 0 0 5px}@media screen and (-webkit-min-device-pixel-ratio:0){select{padding-right:18px}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;line-height:1.2em;padding-right:1em}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}select option{background:#303030}label.select-wrap{position:relative;display:inline!important;margin:0!important;padding:0!important;width:auto!important}label.select-wrap:after{content:'<>';font-family:Consolas,monospace;font-weight:700;color:#28bc65;top:50%;transform:translateY(-50%) rotate(90deg);right:2px;position:absolute;z-index:100;pointer-events:none}#ap-list{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;margin:0 -.2360828548rem}@media screen and (min-width:545px) and (max-width:1000px){#ap-list{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media screen and (max-width:544px){#ap-list{-webkit-column-count:1;-moz-column-count:1;column-count:1}}#ap-loader{background:rgba(255,255,255,.1);border-radius:5px;padding:.3819820591rem;margin-bottom:.3819820591rem}#ap-box{padding-bottom:.3819820591rem}#psk-modal form{display:flex;align-items:center;margin:.3819820591rem}#psk-modal form>*{margin-left:.3819820591rem;margin-right:.3819820591rem}#psk-modal form>:first-child{margin-left:0}#psk-modal form>:last-child{margin-right:0}#psk-modal form input[type=password]{min-width:5rem}.AP{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;max-width:500px;padding:.2360828548rem}.AP.selected .inner{background:#43de81!important;cursor:default;top:0!important}.AP .inner{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:3px;color:#222;background:#afafaf;transition:background-color .5s;display:flex}.AP .inner:active{left:0;top:1px}.AP .inner:hover{background:white}.AP .inner>*{padding:.6180469716rem;white-space:nowrap;word-wrap:normal}.AP .inner .rssi{min-width:2rem;flex:0 0 15%;text-align:right}.AP .inner .rssi:after{padding-left:.090179415rem;content:'%';font-size:.8888888889em}.AP .inner .essid{flex:1 1 70%;min-width:0;text-overflow:ellipsis;overflow:hidden;font-weight:700}.AP .inner .auth{flex:0 0 15%}.page-home #staRSSIperc:after{padding-left:.1459102934rem;content:'%';font-size:.8888888889em}.page-home #staRSSI:after{padding-left:.1459102934rem;content:'dBm';font-size:.8888888889em}#samp-ctrl{display:flex;padding:.3819820591rem;flex-direction:row;justify-content:center;align-items:stretch}@media screen and (max-width:544px){#samp-ctrl{flex-direction:column}}#samp-ctrl>div{margin:.3819820591rem .6180469716rem}#samp-ctrl label{line-height:1.8;font-weight:700}#samp-ctrl input,#samp-ctrl select{width:6em}@media screen and (max-width:544px){#samp-ctrl input,#samp-ctrl select{width:100%}}#samp-ctrl #tile-cfg input{width:3em}#samp-ctrl #interval{width:4.5em}.Box.chartbox{display:flex;flex-direction:row}@media screen and (max-width:544px){.Box.chartbox{flex-direction:column}}.Box.chartbox .stats{flex:0 1;position:relative;padding-bottom:50px}@media screen and (max-width:544px){.Box.chartbox .stats table{margin:0 auto}.Box.chartbox .stats td,.Box.chartbox .stats th{width:50%}}.Box.chartbox .stats td,.Box.chartbox .stats th{white-space:nowrap;word-wrap:normal}.Box.chartbox .stats th sub{font-weight:400}.Box.chartbox .stats td{min-width:100px}.Box.chartbox .stats td:after{font-size:90%;padding-left:.5em}.Box.chartbox .stats #stat-f-s:after{content:"Hz"}.Box.chartbox .stats #stat-i-peak:after,.Box.chartbox .stats #stat-i-rms:after{content:"mA"}.Box.chartbox .stats .ar{position:absolute;bottom:.3819820591rem;width:100%;text-align:center}.Box.chartbox .stats .ar input[type=number]{width:4em}.Box.chartbox .stats .ar input[type=button]{margin-left:.3819820591rem}.page-about .Box{padding-left:1rem;padding-right:1rem}.page-about .Box a{font-weight:700}.page-about #logo{float:right;height:130px}.page-about #logo2{max-width:150px}@media screen and (min-width:545px){.mq-phone{display:none}}@media screen and (max-width:544px){.mq-tablet-min{display:none}}@media screen and (min-width:1001px){.mq-tablet-max{display:none}}@media screen and (max-width:1000px){.mq-normal-min{display:none}}
\ No newline at end of file
+@charset "UTF-8";
+/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ * without disabling user zoom.
+ */
+*, *:before, *:after {
+ box-sizing: border-box; }
+
+html {
+ font-family: sans-serif;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+ margin: 0; }
+
+/* HTML5 display definitions
+ ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+figure,
+nav {
+ display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+canvas,
+progress {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden] {
+ display: none; }
+
+/* Links
+ ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+ background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+ outline: 0; }
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b {
+ font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+h2 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+ font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline; }
+
+sup {
+ top: -0.5em; }
+
+sub {
+ bottom: -0.25em; }
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+ border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+ overflow: hidden; }
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+ box-sizing: content-box;
+ height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+ overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+pre {
+ font-family: monospace;
+ font-size: 1em; }
+
+/* Forms
+ ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+select,
+textarea {
+ color: inherit;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+ margin: 0;
+ /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+ overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+ text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+button,
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ /* 2 */
+ cursor: pointer;
+ /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+ cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+ line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+/**
+ * Define consistent border, margin, and padding.
+ */
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+ border: 0;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+ overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+/* Tables
+ ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+td,
+th {
+ padding: 0; }
+
+html {
+ box-sizing: border-box; }
+
+*, *::after, *::before {
+ box-sizing: inherit; }
+
+.ct-zoom-rect {
+ fill: rgba(200, 100, 100, 0.3);
+ stroke: #ff2b12; }
+
+.ct-axis-title {
+ fill: rgba(255, 255, 255, 0.8);
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+
+.ct-label {
+ fill: rgba(255, 255, 255, 0.8);
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 0.75rem;
+ line-height: 1; }
+ .ct-label.ct-horizontal.ct-start {
+ align-items: flex-end;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+ .ct-label.ct-horizontal.ct-end {
+ align-items: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start;
+ transform: translate(-4px, 0%) rotate(45deg); }
+ .ct-label.ct-vertical.ct-start {
+ align-items: flex-end;
+ justify-content: flex-end;
+ text-align: right;
+ text-anchor: end;
+ transform: translate(0, 20%); }
+ .ct-label.ct-vertical.ct-end {
+ align-items: flex-end;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-chart-line .ct-label,
+.ct-chart-bar .ct-label {
+ display: flex; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-start {
+ align-items: flex-end;
+ justify-content: center;
+ text-align: center;
+ text-anchor: start; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-end {
+ align-items: flex-start;
+ justify-content: center;
+ text-align: center;
+ text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
+ align-items: flex-end;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
+ align-items: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
+ align-items: center;
+ justify-content: flex-end;
+ text-align: right;
+ text-anchor: end; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
+ align-items: center;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: end; }
+
+.ct-grid {
+ stroke: rgba(255, 255, 255, 0.3);
+ stroke-width: 1px;
+ stroke-dasharray: 2px; }
+
+.ct-point {
+ stroke-width: 4px;
+ stroke-linecap: round; }
+
+.ct-line {
+ fill: none;
+ stroke-width: 2px; }
+
+.ct-with-area .ct-line {
+ stroke-width: 1px; }
+
+.ct-area {
+ stroke: none;
+ fill-opacity: 0.3; }
+
+.ct-bar {
+ fill: none;
+ stroke-width: 10px; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar {
+ stroke: #f05b4f; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
+ fill: #f05b4f; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar {
+ stroke: #6188e2; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
+ fill: #6188e2; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar {
+ stroke: #59922b; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
+ fill: #59922b; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar {
+ stroke: #eacf7d; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
+ fill: #eacf7d; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar {
+ stroke: #a748ca; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
+ fill: #a748ca; }
+
+.ct-wide {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-wide:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 62.5%; }
+ .ct-wide:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-wide > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-narrow {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-narrow:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 66.6666666667%; }
+ .ct-narrow:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-narrow > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.center {
+ text-align: center; }
+
+.invis {
+ visibility: hidden !important; }
+
+.hidden {
+ display: none !important; }
+
+.nb {
+ font-weight: normal; }
+
+html {
+ font-family: Arial, sans-serif;
+ color: #D0D0D0;
+ background: #131315; }
+
+html, body {
+ border: 0 none;
+ margin: 0;
+ padding: 0;
+ text-decoration: none;
+ width: 100%;
+ height: 100%;
+ overflow: hidden; }
+
+a, a:visited, a:link {
+ cursor: pointer;
+ color: #5abfff;
+ text-decoration: none; }
+
+a:hover {
+ color: #5abfff;
+ text-decoration: underline; }
+
+.chartexport a {
+ background: #3b7299;
+ border-radius: 3px;
+ padding: 5px;
+ color: #0c171e;
+ text-decoration: none; }
+ .chartexport a:hover {
+ background: #4ea6dd; }
+ .chartexport a:active {
+ position: relative;
+ top: 1px; }
+
+.chartexport textarea {
+ margin-top: 10px;
+ width: 100%;
+ height: 10em;
+ resize: vertical; }
+
+/* Main outer container */
+#outer {
+ display: flex;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
+ flex-direction: row; }
+
+@media screen and (max-width: 544px) {
+ #outer {
+ display: block;
+ overflow-y: scroll; } }
+
+#menu {
+ flex: 0 0 15rem;
+ background: #2bab5f; }
+ #menu > * {
+ display: block;
+ text-decoration: none;
+ padding: 0.6180469716rem 1rem;
+ white-space: nowrap;
+ word-wrap: normal;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ #menu #brand {
+ color: white;
+ background: #218248;
+ font-size: 120%;
+ text-align: center;
+ position: relative;
+ margin-bottom: 1rem; }
+ @media screen and (max-width: 544px) {
+ #menu #brand {
+ background: #2bab5f;
+ cursor: pointer; }
+ #menu #brand:after {
+ position: absolute;
+ color: rgba(0, 0, 0, 0.2);
+ right: 1rem;
+ content: '>';
+ top: 50%;
+ font-size: 120%;
+ font-weight: bold;
+ transform: translate(0, -50%) rotate(90deg); } }
+ #menu.expanded #brand {
+ background: #218248; }
+ @media screen and (max-width: 544px) {
+ #menu.expanded #brand:after {
+ transform: translate(0, -50%) rotate(-90deg); } }
+ #menu a {
+ font-size: 130%;
+ color: white;
+ transition: background-color 0.2s;
+ text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
+ #menu a:hover, #menu a.selected {
+ background: #1bd886;
+ text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }
+ #menu a.selected {
+ position: relative;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
+ #menu a:before {
+ content: "▸";
+ padding-right: .5rem;
+ position: relative;
+ top: -0.1rem; }
+ @media screen and (max-width: 544px) {
+ #menu a {
+ display: none; } }
+ #menu.expanded a {
+ display: block; }
+ @media screen and (min-width: 545px) and (max-width: 1000px) {
+ #menu {
+ flex-basis: 10rem; }
+ #menu #brand {
+ font-size: 95%;
+ margin-bottom: 0.6180469716rem; }
+ #menu a {
+ font-size: 105%; }
+ #menu > * {
+ padding: 0.3819820591rem 0.6180469716rem; } }
+
+#content {
+ flex-grow: 1;
+ position: relative;
+ padding: 1rem;
+ overflow-y: auto; }
+ @media screen and (max-width: 544px) {
+ #content {
+ padding: 0.6180469716rem; } }
+ #content > * {
+ margin-left: auto;
+ margin-right: auto; }
+ #content h1 {
+ text-align: center;
+ font-size: 2.2806973457em;
+ margin-top: 0;
+ margin-bottom: 1rem; }
+ #content h2 {
+ font-size: 1.423828125em;
+ margin-bottom: 0.6180469716rem; }
+ #content td, #content th {
+ padding: 0.3819820591rem; }
+ #content tbody th {
+ text-align: right;
+ width: 130px;
+ color: white; }
+
+#loader {
+ position: absolute;
+ right: 1.618rem;
+ top: 1.618rem;
+ transition: opacity .2s;
+ opacity: 0; }
+ @media screen and (max-width: 544px) {
+ #loader {
+ top: 1rem;
+ right: 1rem; } }
+ #loader.show {
+ opacity: 1; }
+
+.Box {
+ display: block;
+ max-width: 900px;
+ margin-top: 1rem;
+ padding: 0.6180469716rem 1rem;
+ border-radius: 3px;
+ background-color: rgba(255, 255, 255, 0.07); }
+ @media screen and (max-width: 544px) {
+ .Box {
+ margin-top: 0.6180469716rem; } }
+ h1 + .Box {
+ margin-top: 0; }
+ .Box h2 {
+ margin-top: 0; }
+ .Box.wide {
+ width: initial;
+ max-width: initial; }
+ .Box.medium {
+ max-width: 1200px; }
+ .Box .Valfield {
+ display: inline-block;
+ min-width: 10em; }
+
+.Modal {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transition: opacity .5s;
+ background: rgba(0, 0, 0, 0.65);
+ opacity: 0; }
+ .Modal.visible {
+ opacity: 1; }
+ .Modal.hidden {
+ display: none; }
+
+.Dialog {
+ margin: 0.6180469716rem;
+ padding: 1rem;
+ overflow: hidden;
+ max-width: 100%;
+ max-height: 100%;
+ flex: 0 1 30rem;
+ background: #1c1c1e;
+ border-left: 6px solid #217b3a;
+ border-right: 6px solid #217b3a;
+ box-shadow: 0 0 2px 0 #434349, 0 0 6px 0 black;
+ border-radius: 6px; }
+ .Dialog h1, .Dialog h2 {
+ margin-top: 0; }
+ .Dialog p:last-child {
+ margin-bottom: 0; }
+
+.NotifyMsg {
+ position: fixed;
+ bottom: 2.617924rem;
+ padding: 0.6180469716rem 1rem;
+ left: 50%;
+ transform: translate(-50%, 0);
+ -webkit-font-smoothing: subpixel-antialiased;
+ -webkit-transform: translateZ(0) scale(1, 1);
+ background: #37a349;
+ color: white;
+ text-shadow: 0 0 2px black;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
+ border-radius: 5px;
+ max-width: 80%;
+ transition: opacity .5s;
+ opacity: 0; }
+ .NotifyMsg.error {
+ background: #d03e42; }
+ @media screen and (max-width: 544px) {
+ .NotifyMsg {
+ width: calc(100% - 1rem); } }
+ .NotifyMsg.visible {
+ opacity: 1; }
+ .NotifyMsg.hidden {
+ display: none; }
+
+button, input[type="button"], input[type="reset"], input[type="submit"], .button {
+ text-align: center;
+ cursor: pointer;
+ display: inline-block;
+ border-radius: 2px;
+ padding: 0 0.6em;
+ border: 0 none;
+ outline: 0 none !important;
+ line-height: 1.8em;
+ font-size: 1.1em;
+ margin-bottom: 3px;
+ min-width: 5em;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ /* &::before {
+ margin-right: .4em;
+ }
+
+ &.icononly::before {
+ margin-right: 0;
+ }*/
+ text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.8); }
+ button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active {
+ position: relative;
+ top: 2px; }
+ button.narrow, input[type="button"].narrow, input[type="reset"].narrow, input[type="submit"].narrow, .button.narrow {
+ min-width: initial; }
+
+input[type="submit"], .btn-green {
+ background-color: #2ca94b;
+ box-shadow: 0 3px 0 #1d7032;
+ text-decoration: none !important; }
+ input[type="submit"], input[type="submit"]:link, input[type="submit"]:visited, .btn-green, .btn-green:link, .btn-green:visited {
+ color: #FEFEFE; }
+ input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"].active, input[type="submit"].selected, .btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.selected {
+ background-color: #28ba5c;
+ color: #FEFEFE; }
+ input[type="submit"]:hover, input[type="submit"].selected, input[type="submit"].active, .btn-green:hover, .btn-green.selected, .btn-green.active {
+ box-shadow: 0 3px 0 #1a773b; }
+ input[type="submit"]:active, .btn-green:active {
+ box-shadow: 0 1px 0 #1a773b; }
+
+input[type="reset"], .btn-red {
+ background-color: #D04E51;
+ box-shadow: 0 3px 0 #aa2d30;
+ text-decoration: none !important; }
+ input[type="reset"], input[type="reset"]:link, input[type="reset"]:visited, .btn-red, .btn-red:link, .btn-red:visited {
+ color: #FEFEFE; }
+ input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"].active, input[type="reset"].selected, .btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.selected {
+ background-color: #d4403f;
+ color: #FEFEFE; }
+ input[type="reset"]:hover, input[type="reset"].selected, input[type="reset"].active, .btn-red:hover, .btn-red.selected, .btn-red.active {
+ box-shadow: 0 3px 0 #9e2423; }
+ input[type="reset"]:active, .btn-red:active {
+ box-shadow: 0 1px 0 #9e2423; }
+
+.btn-blue {
+ background-color: #3983cd;
+ box-shadow: 0 3px 0 #265f98;
+ text-decoration: none !important; }
+ .btn-blue, .btn-blue:link, .btn-blue:visited {
+ color: #FEFEFE; }
+ .btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.selected {
+ background-color: #2076C6;
+ color: #FEFEFE; }
+ .btn-blue:hover, .btn-blue.selected, .btn-blue.active {
+ box-shadow: 0 3px 0 #154c80; }
+ .btn-blue:active {
+ box-shadow: 0 1px 0 #154c80; }
+
+/*
+
+&[type="submit"],
+&.gray-green {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-green-fa, $btn-green-ba, darken($btn-green-ba, 16)
+ )
+}
+
+&.gray-blue {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-blue-fa, $btn-blue-ba, darken($btn-blue-ba, 16)
+ )
+}
+
+&.gray-red {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-red-fa, $btn-red-ba, darken($btn-red-ba, 16)
+ )
+}
+
+&.gray-orange {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-orange-fa, $btn-orange-ba, darken($btn-orange-ba, 16)
+ )
+}
+
+// No change on hover - to be used for disabled buttons
+&.gray-gray {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-gray-f, $btn-gray-b, $btn-gray-l
+ )
+}
+
+*/
+button, input[type="button"], input[type="reset"], input[type="submit"], .button {
+ text-align: center;
+ cursor: pointer;
+ display: inline-block;
+ border-radius: 2px;
+ padding: 0 0.6em;
+ border: 0 none;
+ outline: 0 none !important;
+ line-height: 1.8em;
+ font-size: 1.1em;
+ margin-bottom: 3px;
+ min-width: 5em;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ /* &::before {
+ margin-right: .4em;
+ }
+
+ &.icononly::before {
+ margin-right: 0;
+ }*/
+ text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.8); }
+ button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active {
+ position: relative;
+ top: 2px; }
+ button.narrow, input[type="button"].narrow, input[type="reset"].narrow, input[type="submit"].narrow, .button.narrow {
+ min-width: initial; }
+
+input[type="submit"], .btn-green {
+ background-color: #2ca94b;
+ box-shadow: 0 3px 0 #1d7032;
+ text-decoration: none !important; }
+ input[type="submit"], input[type="submit"]:link, input[type="submit"]:visited, .btn-green, .btn-green:link, .btn-green:visited {
+ color: #FEFEFE; }
+ input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"].active, input[type="submit"].selected, .btn-green:hover, .btn-green:active, .btn-green.active, .btn-green.selected {
+ background-color: #28ba5c;
+ color: #FEFEFE; }
+ input[type="submit"]:hover, input[type="submit"].selected, input[type="submit"].active, .btn-green:hover, .btn-green.selected, .btn-green.active {
+ box-shadow: 0 3px 0 #1a773b; }
+ input[type="submit"]:active, .btn-green:active {
+ box-shadow: 0 1px 0 #1a773b; }
+
+input[type="reset"], .btn-red {
+ background-color: #D04E51;
+ box-shadow: 0 3px 0 #aa2d30;
+ text-decoration: none !important; }
+ input[type="reset"], input[type="reset"]:link, input[type="reset"]:visited, .btn-red, .btn-red:link, .btn-red:visited {
+ color: #FEFEFE; }
+ input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"].active, input[type="reset"].selected, .btn-red:hover, .btn-red:active, .btn-red.active, .btn-red.selected {
+ background-color: #d4403f;
+ color: #FEFEFE; }
+ input[type="reset"]:hover, input[type="reset"].selected, input[type="reset"].active, .btn-red:hover, .btn-red.selected, .btn-red.active {
+ box-shadow: 0 3px 0 #9e2423; }
+ input[type="reset"]:active, .btn-red:active {
+ box-shadow: 0 1px 0 #9e2423; }
+
+.btn-blue {
+ background-color: #3983cd;
+ box-shadow: 0 3px 0 #265f98;
+ text-decoration: none !important; }
+ .btn-blue, .btn-blue:link, .btn-blue:visited {
+ color: #FEFEFE; }
+ .btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.selected {
+ background-color: #2076C6;
+ color: #FEFEFE; }
+ .btn-blue:hover, .btn-blue.selected, .btn-blue.active {
+ box-shadow: 0 3px 0 #154c80; }
+ .btn-blue:active {
+ box-shadow: 0 1px 0 #154c80; }
+
+/*
+
+&[type="submit"],
+&.gray-green {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-green-fa, $btn-green-ba, darken($btn-green-ba, 16)
+ )
+}
+
+&.gray-blue {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-blue-fa, $btn-blue-ba, darken($btn-blue-ba, 16)
+ )
+}
+
+&.gray-red {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-red-fa, $btn-red-ba, darken($btn-red-ba, 16)
+ )
+}
+
+&.gray-orange {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-orange-fa, $btn-orange-ba, darken($btn-orange-ba, 16)
+ )
+}
+
+// No change on hover - to be used for disabled buttons
+&.gray-gray {
+ @include fancy-btn-colors-full(
+ $btn-gray-f, $btn-gray-b, $btn-gray-l,
+ $btn-gray-f, $btn-gray-b, $btn-gray-l
+ )
+}
+
+*/
+input[type="number"], input[type="password"], input[type="text"], textarea, select {
+ border: 0 none;
+ border-bottom: 2px solid #217b3a;
+ background-color: #303030;
+ color: white;
+ padding: 6px;
+ line-height: 1em;
+ outline: 0 none !important;
+ -moz-outline: 0 none !important;
+ font-weight: normal; }
+ input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="text"]:focus, input[type="text"]:hover, textarea:focus, textarea:hover, select:focus, select:hover {
+ border-bottom-color: #28bc65; }
+
+input[type="number"], input[type="password"], input[type="text"], textarea {
+ -webkit-user-select: text;
+ -khtml-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ cursor: text; }
+
+textarea {
+ font-family: monospace;
+ line-height: 1.2em;
+ display: block; }
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+ select {
+ padding-right: 18px; } }
+
+select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ line-height: 1.2em;
+ padding-right: 1em; }
+ select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 white; }
+ select option {
+ background: #303030; }
+
+label.select-wrap {
+ position: relative;
+ display: inline !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ width: auto !important; }
+ label.select-wrap:after {
+ content: '<>';
+ /* will be rotated */
+ font-family: "Consolas", monospace;
+ font-weight: bold;
+ color: #28bc65;
+ top: 50%;
+ transform: translate(0, -50%) rotate(90deg);
+ right: 2px;
+ position: absolute;
+ z-index: 100;
+ pointer-events: none; }
+
+form {
+ border: 0 none;
+ margin: 0;
+ padding: 0;
+ text-decoration: none; }
+
+input[type="number"], input[type="password"], input[type="text"], textarea, select, label.select-wrap {
+ width: 250px; }
+
+form .Row {
+ vertical-align: middle;
+ margin: 14px auto;
+ text-align: left;
+ display: flex;
+ flex-direction: row; }
+ form .Row:first-child {
+ margin-top: 0; }
+ form .Row:last-child {
+ margin-bottom: 0; }
+ form .Row .spacer {
+ width: 130px; }
+ @media screen and (max-width: 544px) {
+ form .Row .spacer {
+ display: none; } }
+ form .Row.buttons input, form .Row.buttons .button {
+ margin-right: 0.6180469716rem; }
+ form .Row.centered {
+ justify-content: center; }
+ form .Row.message {
+ font-size: 1em;
+ text-shadow: 1px 1px 3px black;
+ text-align: center; }
+ form .Row.message.error {
+ color: crimson; }
+ form .Row.message.ok {
+ color: #0fe851; }
+ form .Row.separator {
+ padding-top: 14px;
+ border-top: 2px solid rgba(255, 255, 255, 0.1); }
+ form .Row textarea {
+ display: inline-block;
+ vertical-align: top;
+ min-height: 10rem;
+ flex-grow: 1;
+ resize: vertical; }
+ form .Row label {
+ font-weight: bold;
+ color: white;
+ display: inline-block;
+ width: 130px;
+ text-align: right;
+ text-shadow: 1px 1px 3px black;
+ padding: 8px;
+ align-self: flex-start;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ form .Row .checkbox-wrap {
+ display: inline-block;
+ width: 130px;
+ padding: 8px;
+ text-align: right;
+ align-self: flex-start; }
+ form .Row .checkbox-wrap input[type=checkbox] {
+ margin: auto;
+ width: auto;
+ height: auto; }
+ form .Row .checkbox-wrap + label {
+ width: 250px;
+ padding-left: 0;
+ text-align: left;
+ cursor: pointer; }
+ @media screen and (max-width: 544px) {
+ form .Row {
+ flex-direction: column; }
+ form .Row.buttons, form .Row.centered {
+ flex-direction: row; }
+ form .Row.buttons {
+ justify-content: center; }
+ form .Row.buttons :last-child {
+ margin-right: 0; }
+ form .Row label {
+ padding-left: 0;
+ text-align: left;
+ width: auto; }
+ form .Row .checkbox-wrap {
+ order: 1;
+ text-align: left;
+ padding-bottom: 0;
+ border-radius: .4px;
+ width: auto; }
+ form .Row .checkbox-wrap + label {
+ width: auto; }
+ form .Row input[type="number"], form .Row input[type="password"], form .Row input[type="text"], form .Row textarea, form .Row textarea {
+ width: 100%; } }
+
+form span.required {
+ color: red; }
+
+.RadioGroup {
+ display: inline-block;
+ line-height: 1.5em;
+ vertical-align: middle; }
+ .RadioGroup label {
+ width: auto;
+ text-align: left;
+ cursor: pointer;
+ font-weight: normal; }
+ .RadioGroup input[type="radio"] {
+ vertical-align: middle;
+ margin: 0 0 0 5px; }
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+ select {
+ padding-right: 18px; } }
+
+select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ line-height: 1.2em;
+ padding-right: 1em; }
+ select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 white; }
+ select option {
+ background: #303030; }
+
+label.select-wrap {
+ position: relative;
+ display: inline !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ width: auto !important; }
+ label.select-wrap:after {
+ content: '<>';
+ /* will be rotated */
+ font-family: "Consolas", monospace;
+ font-weight: bold;
+ color: #28bc65;
+ top: 50%;
+ transform: translate(0, -50%) rotate(90deg);
+ right: 2px;
+ position: absolute;
+ z-index: 100;
+ pointer-events: none; }
+
+#ap-list {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ -webkit-column-gap: 0;
+ -moz-column-gap: 0;
+ column-gap: 0;
+ margin: 0 -0.2360828548rem; }
+ @media screen and (min-width: 545px) and (max-width: 1000px) {
+ #ap-list {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; } }
+ @media screen and (max-width: 544px) {
+ #ap-list {
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; } }
+
+#ap-loader {
+ background: rgba(255, 255, 255, 0.1);
+ border-radius: 5px;
+ padding: 0.3819820591rem;
+ margin-bottom: 0.3819820591rem; }
+
+#ap-box {
+ padding-bottom: 0.3819820591rem; }
+
+#psk-modal form {
+ display: flex;
+ align-items: center;
+ margin: 0.3819820591rem; }
+ #psk-modal form > * {
+ margin-left: 0.3819820591rem;
+ margin-right: 0.3819820591rem; }
+ #psk-modal form > *:first-child {
+ margin-left: 0; }
+ #psk-modal form > *:last-child {
+ margin-right: 0; }
+ #psk-modal form input[type=password] {
+ min-width: 5rem; }
+
+.AP {
+ -webkit-column-break-inside: avoid;
+ page-break-inside: avoid;
+ break-inside: avoid-column;
+ max-width: 500px;
+ padding: 0.2360828548rem; }
+ .AP.selected .inner {
+ background: #43de81 !important;
+ cursor: default;
+ top: 0 !important; }
+ .AP .inner {
+ cursor: pointer;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ position: relative;
+ border-radius: 3px;
+ color: #222;
+ background: #afafaf;
+ transition: background-color 0.5s;
+ display: flex; }
+ .AP .inner:active {
+ left: 0;
+ top: 1px; }
+ .AP .inner:hover {
+ background: white; }
+ .AP .inner > * {
+ padding: 0.6180469716rem;
+ white-space: nowrap;
+ word-wrap: normal; }
+ .AP .inner .rssi {
+ min-width: 2rem;
+ flex: 0 0 15%;
+ text-align: right; }
+ .AP .inner .rssi:after {
+ padding-left: 0.090179415rem;
+ content: '%';
+ font-size: 0.8888888889em; }
+ .AP .inner .essid {
+ flex: 1 1 70%;
+ min-width: 0;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ font-weight: bold; }
+ .AP .inner .auth {
+ flex: 0 0 15%; }
+
+.page-home #staRSSIperc:after {
+ padding-left: 0.1459102934rem;
+ content: '%';
+ font-size: 0.8888888889em; }
+
+.page-home #staRSSI:after {
+ padding-left: 0.1459102934rem;
+ content: 'dBm';
+ font-size: 0.8888888889em; }
+
+#samp-ctrl {
+ display: flex;
+ padding: 0.3819820591rem;
+ flex-direction: row;
+ justify-content: center;
+ align-items: stretch; }
+ @media screen and (max-width: 544px) {
+ #samp-ctrl {
+ flex-direction: column; } }
+ #samp-ctrl > div {
+ margin: 0.3819820591rem 0.6180469716rem; }
+ #samp-ctrl label {
+ line-height: 1.8;
+ font-weight: bold; }
+ #samp-ctrl input, #samp-ctrl select {
+ width: 6em; }
+ @media screen and (max-width: 544px) {
+ #samp-ctrl input, #samp-ctrl select {
+ width: 100%; } }
+ #samp-ctrl #tile-cfg input {
+ width: 3em; }
+ #samp-ctrl #interval {
+ width: 4.5em; }
+
+.Box.chartbox {
+ display: flex;
+ flex-direction: row; }
+ @media screen and (max-width: 544px) {
+ .Box.chartbox {
+ flex-direction: column; } }
+ .Box.chartbox .stats {
+ flex: 0 1;
+ position: relative;
+ padding-bottom: 50px; }
+ @media screen and (max-width: 544px) {
+ .Box.chartbox .stats table {
+ margin: 0 auto; }
+ .Box.chartbox .stats td, .Box.chartbox .stats th {
+ width: 50%; } }
+ .Box.chartbox .stats th, .Box.chartbox .stats td {
+ white-space: nowrap;
+ word-wrap: normal; }
+ .Box.chartbox .stats th sub {
+ font-weight: normal; }
+ .Box.chartbox .stats td {
+ min-width: 100px; }
+ .Box.chartbox .stats td:after {
+ font-size: 90%;
+ padding-left: .5em; }
+ .Box.chartbox .stats #stat-f-s:after {
+ content: "Hz"; }
+ .Box.chartbox .stats #stat-i-peak:after {
+ content: "mA"; }
+ .Box.chartbox .stats #stat-i-rms:after {
+ content: "mA"; }
+ .Box.chartbox .stats .ar {
+ position: absolute;
+ bottom: 0.3819820591rem;
+ width: 100%;
+ text-align: center; }
+ .Box.chartbox .stats .ar input[type=number] {
+ width: 4em; }
+ .Box.chartbox .stats .ar input[type=button] {
+ margin-left: 0.3819820591rem; }
+
+.page-about .Box {
+ padding-left: 1rem;
+ padding-right: 1rem; }
+ .page-about .Box a {
+ font-weight: bold; }
+
+.page-about #logo {
+ float: right;
+ height: 130px; }
+
+.page-about #logo2 {
+ max-width: 150px; }
+
+@media screen and (min-width: 545px) {
+ .mq-phone {
+ display: none; } }
+
+@media screen and (max-width: 544px) {
+ .mq-tablet-min {
+ display: none; } }
+
+@media screen and (min-width: 1001px) {
+ .mq-tablet-max {
+ display: none; } }
+
+@media screen and (max-width: 1000px) {
+ .mq-normal-min {
+ display: none; } }
+
+/*# sourceMappingURL=app.css.map */
diff --git a/html_src/js/all.js b/html_src/js/all.js
index 872e021..eed009e 100644
--- a/html_src/js/all.js
+++ b/html_src/js/all.js
@@ -1,3 +1,9616 @@
-function bool(t){return 1===t||"1"===t||t===!0||"true"===t}function numfmt(t,e){var n=Math.pow(10,e);return Math.round(t*n)/n}function estimateLoadTime(t,e){return 1e3/t*e+1500}function msNow(){return+new Date}function msElapsed(t){return msNow()-t}function copyToClipboard(t){if(!document.execCommand)return!1;var e="_hiddenCopyText_";if(n=document.getElementById(e),!n){var n=document.createElement("textarea");n.style.position="absolute",n.style.left="-9999px",n.style.top="0",n.id=e,document.body.appendChild(n)}n.textContent=t;var r=document.activeElement;n.focus(),n.setSelectionRange(0,n.value.length);var i;try{i=document.execCommand("copy")}catch(a){i=!1}return r&&"function"==typeof r.focus&&r.focus(),n.textContent="",i}function errorMsg(t,e){$("#notif").addClass("error"),notify.show(t,e||3e3)}function infoMsg(t,e){$("#notif").removeClass("error"),notify.show(t,e||3e3)}!function(){"use strict";function t(){var t;for(p=!0,t=0;t=0;n-=1)t(e[n])}function r(t){return t.replace(/-\w/g,function(t){return t.charAt(1).toUpperCase()})}function i(t,e){return t.currentStyle?t.currentStyle[r(e)]:g.getComputedStyle?g.getComputedStyle(t,null).getPropertyValue(e):null}function a(t,e){return encodeURIComponent(t).replace(/%20/g,"+")+"="+encodeURIComponent(e).replace(/%20/g,"+")}function o(t,e,n){try{t.style[r(e)]=n}catch(i){}}function s(t){t.style.display="","none"===i(t,"display")&&(t.style.display="block")}function u(t){var e,r,i,o="";if(t.constructor===Object){for(e in t)if(t.hasOwnProperty(e))if(t[e].constructor===Array)for(r=0;r0&&(o+="&"+a(e.name,e.value));break;case"select-multiple":for(i=0;i0?o.substring(1):""}function c(t,e,r){var i,a,o,s=!1;return t&&(i=t.split(/\s+/),n(function(t){for(o=0;o0?y[0].className.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"").replace(/\s+/," "):void 0},e.setClass=function(t){return(t||""===t)&&n(function(e){e.className=t},y),e},e.addClass=function(t){return t&&n(function(e){e.className+=" "+t},y),e},e.removeClass=function(t){return c(t,"remove",y),e},e.toggleClass=function(t){return c(t,"toggle",y),e},e.hasClass=function(t){return c(t,"has",y)},e.html=function(t){return t||""===t?(n(function(e){e.innerHTML=t},y),e):y[0]?y[0].innerHTML:void 0},e.htmlBefore=function(t){return l(t,"before",y),e},e.htmlAfter=function(t){return l(t,"after",y),e},e.htmlAppend=function(t){return l(t,"append",y),e},e.htmlPrepend=function(t){return l(t,"prepend",y),e},e.attr=function(t,r){if(t){if(t=t.toLowerCase(),"undefined"!=typeof r)return n(function(e){"style"===t?e.style.cssText=r:"class"===t?e.className=r:e.setAttribute(t,r)},y),e;if(y[0])if("style"===t){if(y[0].style.cssText)return y[0].style.cssText}else if("class"===t){if(y[0].className)return y[0].className}else if(y[0].getAttribute(t))return y[0].getAttribute(t)}},e.data=function(t,n){return t?e.attr("data-"+t,n):void 0},e.val=function(t){var r,i,a;if(!_.isUndefined(t))return n(function(e){switch(e.nodeName){case"SELECT":for(("string"==typeof t||"number"==typeof t)&&(t=[t]),i=0;i1?r:r[0];case"INPUT":case"TEXTAREA":case"BUTTON":return y[0].value}},e.checked=function(t){return"boolean"==typeof t?(n(function(e){"INPUT"!==e.nodeName||"checkbox"!==e.type&&"radio"!==e.type||(e.checked=t)},y),e):!y[0]||"INPUT"!==y[0].nodeName||"checkbox"!==y[0].type&&"radio"!==y[0].type?void 0:!!y[0].checked},e.on=function(r,i){return(t===g||t===v)&&(y=[t]),n(function(t){v.addEventListener?t.addEventListener(r,i,!1):v.attachEvent&&(t[r+i]=function(){return i.apply(t,arguments)},t.attachEvent("on"+r,t[r+i]))},y),e},e.off=function(r,i){return(t===g||t===v)&&(y=[t]),n(function(t){v.addEventListener?t.removeEventListener(r,i,!1):v.attachEvent&&(t.detachEvent("on"+r,t[r+i]),t[r+i]=null)},y),e},e.ajax=function(t,e,n,r){var i,a,o=u(y),s=e?e.toUpperCase():"GET";_.isNumber(r)&&(r={timeout:r});var c=Chartist.extend({},{nocache:!0,timeout:5e3,loader:!0},r);if(o&&"GET"===s&&(t+=-1===t.indexOf("?")?"?"+o:"&"+o,o=null),i=new XMLHttpRequest){if(c.nocache){var l=(+new Date).toString(36);t+=(-1===t.indexOf("?")?"?":"&")+"_="+l}c.loader&&$("#loader").addClass("show"),i.open(s,t,!0),i.timeout=c.timeout,a=setTimeout(function(){errorMsg("XHR timed out."),i.abort(),c.loader&&$("#loader").removeClass("show")},c.timeout+10),i.onreadystatechange=function(){4===i.readyState&&(c.loader&&$("#loader").removeClass("show"),n&&0!=i.status&&n(i.responseText,i.status),clearTimeout(a))},i.setRequestHeader("X-Requested-With","XMLHttpRequest"),"POST"===s&&i.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),i.send(o)}return i},e.get=function(t,n,r){return e.ajax(t,"get",n,r)},e.post=function(t,n,r){return e.ajax(t,"post",n,r)},e}var f=[],d=[],p=!1,m=!1,v=document,g=window;v.addEventListener?(v.addEventListener("DOMContentLoaded",t,!1),g.addEventListener("load",e,!1)):v.attachEvent?(v.attachEvent("onreadystatechange",t),g.attachEvent("onload",e)):g.onload=e,g.$=h}(),function(t,e){t.Chartist=e()}(this,function(){var t={version:"0.9.7"};return function(t,e,n){"use strict";n.namespaces={svg:"http://www.w3.org/2000/svg",xmlns:"http://www.w3.org/2000/xmlns/",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",ct:"http://gionkunz.github.com/chartist-js/ct"},n.noop=function(t){return t},n.alphaNumerate=function(t){return String.fromCharCode(97+t%26)},n.extend=function(t){t=t||{};var e=Array.prototype.slice.call(arguments,1);return e.forEach(function(e){for(var r in e)"object"!=typeof e[r]||null===e[r]||e[r]instanceof Array?t[r]=e[r]:t[r]=n.extend({},t[r],e[r])}),t},n.replaceAll=function(t,e,n){return t.replace(new RegExp(e,"g"),n)},n.ensureUnit=function(t,e){return"number"==typeof t&&(t+=e),t},n.quantity=function(t){if("string"==typeof t){var e=/^(\d+)\s*(.*)$/g.exec(t);return{value:+e[1],unit:e[2]||void 0}}return{value:t}},n.querySelector=function(t){return t instanceof Node?t:e.querySelector(t)},n.times=function(t){return Array.apply(null,new Array(t))},n.sum=function(t,e){return t+(e?e:0)},n.mapMultiply=function(t){return function(e){return e*t}},n.mapAdd=function(t){return function(e){return e+t}},n.serialMap=function(t,e){var r=[],i=Math.max.apply(null,t.map(function(t){return t.length}));return n.times(i).forEach(function(n,i){var a=t.map(function(t){return t[i]});r[i]=e.apply(null,a)}),r},n.roundWithPrecision=function(t,e){var r=Math.pow(10,e||n.precision);return Math.round(t*r)/r},n.precision=8,n.serialize=function(t){return null===t||void 0===t?t:("number"==typeof t?t=""+t:"object"==typeof t&&(t=JSON.stringify({data:t})),_.escape(t))},n.deserialize=function(t){if("string"!=typeof t)return t;t=_.unescape(t);try{t=JSON.parse(t),t=void 0!==t.data?t.data:t}catch(e){}return t},n.createSvg=function(t,e,r,i){var a;return e=e||"100%",r=r||"100%",Array.prototype.slice.call(t.querySelectorAll("svg")).filter(function(t){return t.getAttributeNS(n.namespaces.xmlns,"ct")}).forEach(function(e){t.removeChild(e)}),a=new n.Svg("svg").attr({width:e,height:r}).addClass(i).attr({style:"width: "+e+"; height: "+r+";"}),t.appendChild(a._node),a},n.normalizeData=function(t){if(t=t||{series:[],labels:[]},t.series=t.series||[],t.labels=t.labels||[],t.series.length>0&&0===t.labels.length){var e,r=n.getDataArray(t);e=r.every(function(t){return t instanceof Array})?Math.max.apply(null,r.map(function(t){return t.length})):r.length,t.labels=n.times(e).map(function(){return""})}return t},n.reverseData=function(t){t.labels.reverse(),t.series.reverse();for(var e=0;ea.high&&(a.high=n),s&&n0?a.low=0:(a.high=1,a.low=0)),a},n.isNum=function(t){return!isNaN(t)&&isFinite(t)},n.isFalseyButZero=function(t){return!t&&0!==t},n.getNumberOrUndefined=function(t){return isNaN(+t)?void 0:+t},n.getMultiValue=function(t,e){return n.isNum(t)?+t:t?t[e||"y"]||0:0},n.rho=function(t){function e(t,n){return t%n===0?n:e(n,t%n)}function n(t){return t*t+1}if(1===t)return t;var r,i=2,a=2;if(t%2===0)return 2;do i=n(i)%t,a=n(n(a))%t,r=e(Math.abs(i-a),t);while(1===r);return r},n.getBounds=function(t,e,r,i){var a,o,s,u=0,c={high:e.high,low:e.low};c.valueRange=c.high-c.low,c.oom=n.orderOfMagnitude(c.valueRange),c.step=Math.pow(10,c.oom),c.min=Math.floor(c.low/c.step)*c.step,c.max=Math.ceil(c.high/c.step)*c.step,c.range=c.max-c.min,c.numberOfSteps=Math.round(c.range/c.step);var l=n.projectLength(t,c.step,c),h=r>l,f=i?n.rho(c.range):0;if(i&&n.projectLength(t,1,c)>=r)c.step=1;else if(i&&f=r)c.step=f;else for(;;){if(h&&n.projectLength(t,c.step,c)<=r)c.step*=2;else{if(h||!(n.projectLength(t,c.step/2,c)>=r))break;if(c.step/=2,i&&c.step%1!==0){c.step*=2;break}}if(u++>1e3)throw new Error("Exceeded maximum number of iterations while optimizing scale step!")}for(o=c.min,s=c.max;o+c.step<=c.low;)o+=c.step;for(;s-c.step>=c.high;)s-=c.step;for(c.min=o,c.max=s,c.range=c.max-c.min,c.values=[],a=c.min;a<=c.max;a+=c.step)c.values.push(n.roundWithPrecision(a));return c},n.createChartRect=function(t,e,r){var i=!(!e.axisX&&!e.axisY),a=i?e.axisY.offset:0,o=i?e.axisX.offset:0,s=t.width()||n.quantity(e.width).value||0,u=t.height()||n.quantity(e.height).value||0,c=n.normalizePadding(e.chartPadding,r);s=Math.max(s,a+c.left+c.right),u=Math.max(u,o+c.top+c.bottom);var l={padding:c,width:function(){return this.x2-this.x1},height:function(){return this.y1-this.y2}};return i?("start"===e.axisX.position?(l.y2=c.top+o,l.y1=Math.max(u-c.bottom,l.y2+1)):(l.y2=c.top,l.y1=Math.max(u-c.bottom-o,l.y2+1)),"start"===e.axisY.position?(l.x1=c.left+a,l.x2=Math.max(s-c.right,l.x1+1)):(l.x1=c.left,l.x2=Math.max(s-c.right-a,l.x1+1))):(l.x1=c.left,l.x2=Math.max(s-c.right,l.x1+1),l.y2=c.top,l.y1=Math.max(u-c.bottom,l.y2+1)),l},n.createGrid=function(t,e,r,i,a,o,s,u){var c={};c[r.units.pos+"1"]=Math.round(t)+.5,c[r.units.pos+"2"]=Math.round(t)+.5,c[r.counterUnits.pos+"1"]=i,c[r.counterUnits.pos+"2"]=i+a;var l=o.elem("line",c,s.join(" "));u.emit("draw",n.extend({type:"grid",axis:r,index:e,group:o,element:l},c))},n.createLabel=function(t,e,r,i,a,o,s,u,c,l,h){var f,d={};d[a.units.pos]=t+s[a.units.pos],d[a.counterUnits.pos]=s[a.counterUnits.pos],d[a.units.len]=e,d[a.counterUnits.len]=o-10;var p=i[r];if(_.isNumber(p)&&(p=n.roundWithPrecision(p,2)),l){var m=''+p+"";f=u.foreignObject(m,n.extend({style:"overflow: visible;"},d))}else f=u.elem("text",d,c.join(" ")).text(p);h.emit("draw",n.extend({type:"label",axis:a,index:r,group:u,element:f,text:p},d))},n.getSeriesOption=function(t,e,n){if(t.name&&e.series&&e.series[t.name]){var r=e.series[t.name];return r.hasOwnProperty(n)?r[n]:e[n]}return e[n]},n.optionsProvider=function(e,r,i){function a(e){var a=s;if(s=n.extend({},c),r)for(u=0;u=2&&e[a]<=e[a-2]?i=!0:(i&&(r.push({pathCoordinates:[],valueData:[]}),i=!1),r[r.length-1].pathCoordinates.push(e[a],e[a+1]),r[r.length-1].valueData.push(n[a/2]));return r}var r={fillHoles:!1};return t=n.extend({},r,t),function i(t,r){var a=e(t,r);if(a.length){if(a.length>1){var o=[];return a.forEach(function(t){o.push(i(t.pathCoordinates,t.valueData))}),n.Svg.Path.join(o)}if(t=a[0].pathCoordinates,r=a[0].valueData,t.length<=4)return n.Interpolation.none()(t,r);var s,u,c=[],l=[],h=t.length/2,f=[],d=[],p=[],m=[];for(s=0;h>s;s++)c[s]=t[2*s],l[s]=t[2*s+1];for(s=0;h-1>s;s++)p[s]=l[s+1]-l[s],m[s]=c[s+1]-c[s],d[s]=p[s]/m[s];for(f[0]=d[0],f[h-1]=d[h-2],s=1;h-1>s;s++)0===d[s]||0===d[s-1]||d[s-1]>0!=d[s]>0?f[s]=0:(f[s]=3*(m[s-1]+m[s])/((2*m[s]+m[s-1])/d[s-1]+(m[s]+2*m[s-1])/d[s]),isFinite(f[s])||(f[s]=0));for(u=(new n.Svg.Path).move(c[0],l[0],!1,r[0]),s=0;h-1>s;s++)u.curve(c[s]+m[s]/3,l[s]+f[s]*m[s]/3,c[s+1]-m[s]/3,l[s+1]-f[s+1]*m[s]/3,c[s+1],l[s+1],!1,r[s+1]);return u}return n.Interpolation.none()([])}},n.Interpolation.step=function(t){var e={postpone:!0,fillHoles:!1};return t=n.extend({},e,t),function(e,r){for(var i,a,o,s=new n.Svg.Path,u=0;u1}).map(function(t){var e=t.pathElements[0],n=t.pathElements[t.pathElements.length-1];return t.clone(!0).position(0).remove(1).move(e.x,g).line(e.x,e.y).position(t.pathElements.length+1).line(n.x,g)}).forEach(function(n){var s=u.elem("path",{d:n.stringify()},t.classNames.area,!0);this.eventEmitter.emit("draw",{type:"area",values:e.normalized[o],path:n.clone(),series:a,seriesIndex:o,axisX:r,axisY:i,chartRect:c,index:o,group:u,element:s})}.bind(this))}}.bind(this)),this.eventEmitter.emit("created",{bounds:i.bounds,chartRect:c,axisX:r,axisY:i,svg:this.svg,options:t})}function i(t,e,r,i){n.Line["super"].constructor.call(this,t,e,a,n.extend({},a,r),i)}var a={axisX:{offset:30,position:"end",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:n.noop,type:void 0},axisY:{offset:40,position:"start",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:n.noop,type:void 0,scaleMinSpace:20,onlyInteger:!1},width:void 0,height:void 0,showLine:!0,showPoint:!0,showArea:!1,areaBase:0,lineSmooth:!0,low:void 0,high:void 0,chartPadding:{top:15,right:15,bottom:5,left:10},fullWidth:!1,reverseData:!1,classNames:{chart:"ct-chart-line",label:"ct-label",labelGroup:"ct-labels",series:"ct-series",line:"ct-line",point:"ct-point",area:"ct-area",grid:"ct-grid",gridGroup:"ct-grids",vertical:"ct-vertical",horizontal:"ct-horizontal",start:"ct-start",end:"ct-end"}};n.Line=n.Base.extend({constructor:i,createChart:r})}(window,document,t),function(t,e,n){"use strict";function r(t){this.data=n.normalizeData(this.data);var e,r={raw:this.data,normalized:t.distributeSeries?n.getDataArray(this.data,t.reverseData,t.horizontalBars?"x":"y").map(function(t){return[t]}):n.getDataArray(this.data,t.reverseData,t.horizontalBars?"x":"y")};this.svg=n.createSvg(this.container,t.width,t.height,t.classNames.chart+(t.horizontalBars?" "+t.classNames.horizontalBars:""));var i=this.svg.elem("g").addClass(t.classNames.gridGroup),o=this.svg.elem("g"),s=this.svg.elem("g").addClass(t.classNames.labelGroup);if(t.stackBars&&0!==r.normalized.length){var u=n.serialMap(r.normalized,function(){return Array.prototype.slice.call(arguments).map(function(t){return t}).reduce(function(t,e){return{x:t.x+(e&&e.x)||0,y:t.y+(e&&e.y)||0}},{x:0,y:0})});e=n.getHighLow([u],n.extend({},t,{referenceValue:0}),t.horizontalBars?"x":"y")}else e=n.getHighLow(r.normalized,n.extend({},t,{referenceValue:0}),t.horizontalBars?"x":"y");e.high=+t.high||(0===t.high?0:e.high),e.low=+t.low||(0===t.low?0:e.low);var c,l,h,f,d,p=n.createChartRect(this.svg,t,a.padding);l=t.distributeSeries&&t.stackBars?r.raw.labels.slice(0,1):r.raw.labels,t.horizontalBars?(c=f=void 0===t.axisX.type?new n.AutoScaleAxis(n.Axis.units.x,r,p,n.extend({},t.axisX,{highLow:e,referenceValue:0})):t.axisX.type.call(n,n.Axis.units.x,r,p,n.extend({},t.axisX,{highLow:e,referenceValue:0})),h=d=void 0===t.axisY.type?new n.StepAxis(n.Axis.units.y,r,p,{ticks:l}):t.axisY.type.call(n,n.Axis.units.y,r,p,t.axisY)):(h=f=void 0===t.axisX.type?new n.StepAxis(n.Axis.units.x,r,p,{ticks:l}):t.axisX.type.call(n,n.Axis.units.x,r,p,t.axisX),c=d=void 0===t.axisY.type?new n.AutoScaleAxis(n.Axis.units.y,r,p,n.extend({},t.axisY,{highLow:e,referenceValue:0})):t.axisY.type.call(n,n.Axis.units.y,r,p,n.extend({},t.axisY,{highLow:e,referenceValue:0})));var m=t.horizontalBars?p.x1+c.projectValue(0):p.y1-c.projectValue(0),v=[];h.createGridAndLabels(i,s,this.supportsForeignObject,t,this.eventEmitter),c.createGridAndLabels(i,s,this.supportsForeignObject,t,this.eventEmitter),r.raw.series.forEach(function(e,i){var a,s,u=i-(r.raw.series.length-1)/2;a=t.distributeSeries&&!t.stackBars?h.axisLength/r.normalized.length/2:t.distributeSeries&&t.stackBars?h.axisLength/2:h.axisLength/r.normalized[i].length/2,s=o.elem("g"),s.attr({"ct:series-name":e.name,"ct:meta":n.serialize(e.meta)}),s.addClass([t.classNames.series,e.className||t.classNames.series+"-"+n.alphaNumerate(i)].join(" ")),r.normalized[i].forEach(function(o,l){var g,x,y,b;if(b=t.distributeSeries&&!t.stackBars?i:t.distributeSeries&&t.stackBars?0:l,g=t.horizontalBars?{x:p.x1+c.projectValue(o&&o.x?o.x:0,l,r.normalized[i]),y:p.y1-h.projectValue(o&&o.y?o.y:0,b,r.normalized[i])}:{x:p.x1+h.projectValue(o&&o.x?o.x:0,b,r.normalized[i]),y:p.y1-c.projectValue(o&&o.y?o.y:0,l,r.normalized[i])},h instanceof n.StepAxis&&(h.options.stretch||(g[h.units.pos]+=a*(t.horizontalBars?-1:1)),g[h.units.pos]+=t.stackBars||t.distributeSeries?0:u*t.seriesBarDistance*(t.horizontalBars?-1:1)),y=v[l]||m,v[l]=y-(m-g[h.counterUnits.pos]),void 0!==o){var w={};w[h.units.pos+"1"]=g[h.units.pos],w[h.units.pos+"2"]=g[h.units.pos],!t.stackBars||"accumulate"!==t.stackMode&&t.stackMode?(w[h.counterUnits.pos+"1"]=m,w[h.counterUnits.pos+"2"]=g[h.counterUnits.pos]):(w[h.counterUnits.pos+"1"]=y,w[h.counterUnits.pos+"2"]=v[l]),w.x1=Math.min(Math.max(w.x1,p.x1),p.x2),w.x2=Math.min(Math.max(w.x2,p.x1),p.x2),w.y1=Math.min(Math.max(w.y1,p.y2),p.y1),w.y2=Math.min(Math.max(w.y2,p.y2),p.y1),x=s.elem("line",w,t.classNames.bar).attr({"ct:value":[o.x,o.y].filter(n.isNum).join(","),"ct:meta":n.getMetaData(e,l)}),this.eventEmitter.emit("draw",n.extend({type:"bar",value:o,index:l,meta:n.getMetaData(e,l),series:e,seriesIndex:i,axisX:f,axisY:d,chartRect:p,group:s,element:x},w))}}.bind(this))}.bind(this)),this.eventEmitter.emit("created",{bounds:c.bounds,chartRect:p,axisX:f,axisY:d,svg:this.svg,options:t})}function i(t,e,r,i){n.Bar["super"].constructor.call(this,t,e,a,n.extend({},a,r),i)}var a={axisX:{offset:30,position:"end",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:n.noop,scaleMinSpace:30,onlyInteger:!1},axisY:{offset:40,position:"start",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:n.noop,scaleMinSpace:20,onlyInteger:!1},width:void 0,height:void 0,high:void 0,low:void 0,chartPadding:{top:15,right:15,bottom:5,left:10},seriesBarDistance:15,stackBars:!1,stackMode:"accumulate",horizontalBars:!1,distributeSeries:!1,reverseData:!1,classNames:{chart:"ct-chart-bar",horizontalBars:"ct-horizontal-bars",label:"ct-label",labelGroup:"ct-labels",series:"ct-series",bar:"ct-bar",grid:"ct-grid",gridGroup:"ct-grids",vertical:"ct-vertical",horizontal:"ct-horizontal",start:"ct-start",end:"ct-end"}};n.Bar=n.Base.extend({constructor:i,createChart:r})}(window,document,t),t}),function(t,e){t["Chartist.plugins.ctAxisTitle"]=e()}(this,function(){return function(t,e,n){"use strict";var r={axisTitle:"",axisClass:"ct-axis-title",offset:{x:0,y:0},textAnchor:"middle",flipText:!1},i={axisX:r,axisY:r};n.plugins=n.plugins||{},n.plugins.ctAxisTitle=function(t){return t=n.extend({},i,t),function(e){e.on("created",function(e){var r,i,a;if(t.axisX.axisTitle&&e.axisX&&(r=e.axisX.axisLength/2+e.options.axisY.offset+e.options.chartPadding.left,i=e.options.chartPadding.top,"end"===e.options.axisY.position&&(r-=e.options.axisY.offset),"end"===e.options.axisX.position&&(i+=e.axisY.axisLength),a=new n.Svg("text"),a.addClass(t.axisX.axisClass),a.text(t.axisX.axisTitle),a.attr({x:r+t.axisX.offset.x,y:i+t.axisX.offset.y,"text-anchor":t.axisX.textAnchor}),e.svg.append(a,!0)),t.axisY.axisTitle&&e.axisY){r=0,i=e.axisY.axisLength/2+e.options.chartPadding.top,"start"===e.options.axisX.position&&(i+=e.options.axisX.offset),"end"===e.options.axisY.position&&(r=e.axisX.axisLength);var o="rotate("+(t.axisY.flipText?-90:90)+", "+r+", "+i+")";a=new n.Svg("text"),a.addClass(t.axisY.axisClass),a.text(t.axisY.axisTitle),a.attr({x:r+t.axisY.offset.x,y:i+t.axisY.offset.y,transform:o,"text-anchor":t.axisY.textAnchor}),e.svg.append(a,!0)}})}}}(window,document,Chartist),Chartist.plugins.ctAxisTitle}),function(t,e){t["Chartist.plugins.zoom"]=e()}(this,function(){return function(t,e,n){"use strict";function r(t){t.attr({style:"display:none"})}function i(t){t.attr({style:"display:block"})}function a(t,e){var n=t.x,r=t.y,i=e.x-n,a=e.y-r;return 0>i&&(i=-i,n=e.x),0>a&&(a=-a,r=e.y),{x:n,y:r,width:i,height:a}}function o(t,e){return s(t.clientX,t.clientY,e)}function s(t,e,n){var r="svg"===n.tagName?n:n.ownerSVGElement,i=r.getScreenCTM(),a=r.createSVGPoint();return a.x=t,a.y=e,a=a.matrixTransform(i.inverse()),a||{x:0,y:0}}function u(t,e){var n=e.bounds.max,r=e.bounds.min;if(e.scale&&"log"===e.scale.type){var i=e.scale.base;return Math.pow(i,t*c(n/r,i)/e.axisLength)*r}return t*e.bounds.range/e.axisLength+r}function c(t,e){return Math.log(t)/Math.log(e)}var l={};n.plugins=n.plugins||{},n.plugins.zoom=function(t){return t=n.extend({},l,t),function(e){function s(t){var e=o(t,b);return e.id=t.identifier,e}function c(t){for(var e=0;e1&&(y.attr(a(M[0],M[1])),i(y))}function h(t){for(var e=t.changedTouches,n=0;n1&&(y.attr(a(M[0],M[1])),i(y),t.preventDefault())}function f(t){d(t.changedTouches)}function d(t){for(var e=0;e=0&&M.splice(n,1)}}function p(t){M.length>1&&g(a(M[0],M[1])),d(t.changedTouches),r(y)}function m(t){0===t.button&&(A=o(t,b),y.attr(a(A,A)),i(y),t.preventDefault())}function v(e){if(0===e.button){var n=a(A,o(e,b));g(n),A=null,r(y),e.preventDefault()}else t.resetOnRightMouseBtn&&2===e.button&&(O(),e.preventDefault())}function g(t){if(t.width>5&&t.height>5){var n=t.x-S.x1,r=n+t.width,i=S.y1-t.y,a=i-t.height,o=u(n,w),s=u(r,w),c=u(a,E),l=u(i,E),h=e.options.explicitBounds;_.isUndefined(h)||(_.isUndefined(h.xLow)||(o=Math.max(h.xLow,o)),_.isUndefined(h.xHigh)||(s=Math.min(h.xHigh,s)),_.isUndefined(h.yLow)||(c=Math.max(h.yLow,c)),_.isUndefined(h.yHigh)||(l=Math.min(h.yHigh,l))),e.options.axisX.highLow={low:o,high:s},e.options.axisY.highLow={low:c,high:l},e.update(e.data,e.options),C&&C(e,O)}}function x(t){if(A){var e=o(t,b);y.attr(a(A,e)),t.preventDefault()}}if(e instanceof n.Line){var y,b,w,E,S,A,C=t.onZoom,M=[];e.on("draw",function(t){var e=t.type;("line"===e||"bar"===e||"area"===e||"point"===e)&&t.element.attr({"clip-path":"url(#zoom-mask)"})}),e.on("created",function(t){w=t.axisX,E=t.axisY,S=t.chartRect,b=t.svg._node,y=t.svg.elem("rect",{x:10,y:10,width:100,height:100},"ct-zoom-rect"),r(y);var e=t.svg.querySelector("defs")||t.svg.elem("defs"),n=S.width(),i=S.height();e.elem("clipPath",{id:"zoom-mask"}).elem("rect",{x:S.x1,y:S.y2,width:n,height:i,fill:"white"}),b.addEventListener("mousedown",m),b.addEventListener("mouseup",v),b.addEventListener("mousemove",x),b.addEventListener("touchstart",l),b.addEventListener("touchmove",h),b.addEventListener("touchend",p),b.addEventListener("touchcancel",f)});var O=function(){e.options.axisX.highLow=null,e.options.axisY.highLow=null,e.update(e.data,e.options)}}}}}(window,document,Chartist),Chartist.plugins.zoom}),function(){function t(t,e){return t.set(e[0],e[1]),t}function e(t,e){return t.add(e),t}function n(t,e){for(var n=-1,r=t.length;++n-1&&t%1==0&&e>t}function f(t){var e=-1,n=Array(t.size);return t.forEach(function(t,r){n[++e]=[r,t]}),n}function d(t){var e=-1,n=Array(t.size);return t.forEach(function(t){n[++e]=t}),n}function p(t){return gn[t]}function m(){}function v(){}function g(t,e){return y(t,e)&&delete t[e]}function x(t,e){if(Gn){var n=t[e];return n===ye?ve:n}return Nn.call(t,e)?t[e]:ve}function y(t,e){return Gn?t[e]!==ve:Nn.call(t,e)}function b(t,e,n){t[e]=Gn&&n===ve?ye:n}function w(t){var e=-1,n=t?t.length:0;for(this.clear();++en)return!1;var r=t.length-1;return n==r?t.pop():Xn.call(t,n,1),!0}function T(t,e){var n=P(t,e);return 0>n?ve:t[n][1]}function I(t,e){return P(t,e)>-1}function P(t,e){for(var n=t.length;n--;)if(Yt(t[n][0],e))return n;return-1}function z(t,e,n){var r=P(t,e);0>r?t.push([e,n]):t[r][1]=n}function B(t,e,n){var r=t[e];Nn.call(t,e)&&Yt(r,n)&&(n!==ve||e in t)||(t[e]=n)}function R(t,e){return t&&pt(e,oe(e),t)}function U(t){return"function"==typeof t?t:de}function X(t){return ar(t)?t:Bt(t)}function Y(t,e,r,i,a,o,s){var u;if(i&&(u=o?i(t,a,o,s):i(t)),u!==ve)return u;if(!Gt(t))return t;var c=ar(t);if(c){if(u=Ot(t),!e)return dt(t,u)}else{var h=_t(t),f=h==$e||h==Ne;if(or(t))return ot(t,e);if(h==Te||h==Ce||f&&!o){if(l(t))return o?t:{};if(u=Lt(f?{}:t),!e)return u=R(u,t),r?vt(t,u):u}else{if(!mn[h])return o?t:{};u=$t(t,h,e)}}s||(s=new M);var d=s.get(t);return d?d:(s.set(t,u),(c?n:D)(t,function(n,a){B(u,a,Y(n,e,r,i,a,t,s))}),r&&!c?vt(t,u):u)}function q(t){return Gt(t)?Rn(t):{}}function D(t,e){return t&&nr(t,e,oe)}function F(t,e){e=kt(e,t)?[e+""]:X(e);for(var n=0,r=e.length;null!=t&&r>n;)t=t[e[n++]];return n&&n==r?t:ve}function H(t,e){return Nn.call(t,e)||"object"==typeof t&&e in t&&null===zn(t)}function V(t,e){return e in Object(t)}function G(t,e,n,r,i){return t===e?!0:null==t||null==e||!Gt(t)&&!Wt(e)?t!==t&&e!==e:W(t,e,G,n,r,i)}function W(t,e,n,r,i,a){var o=ar(t),s=ar(e),u=_e,c=_e;o||(u=_t(t),u=u==Ce?Te:u),s||(c=_t(e),c=c==Ce?Te:c);var h=u==Te&&!l(t),f=c==Te&&!l(e),d=u==c;if(d&&!h)return a||(a=new M),o||te(t)?bt(t,e,n,r,i,a):wt(t,e,u,n,r,i,a);if(!(i&we)){var p=h&&Nn.call(t,"__wrapped__"),m=f&&Nn.call(e,"__wrapped__");if(p||m)return a||(a=new M),n(p?t.value():t,m?e.value():e,r,i,a)}return d?(a||(a=new M),Et(t,e,n,r,i,a)):!1}function Q(t,e,n,r){var i=n.length,a=i,o=!r;if(null==t)return!a;for(t=Object(t);i--;){var s=n[i];if(o&&s[2]?s[1]!==t[s[0]]:!(s[0]in t))return!1}for(;++ie&&(e=-e>i?0:i+e),n=n>i?i:n,0>n&&(n+=i),i=e>n?0:n-e>>>0,e>>>=0;for(var a=Array(i);++re?1:-1:ne(r)||0,it(e,n,r,t)}}function bt(t,e,n,r,i,o){var s=-1,u=i&we,c=i&be,l=t.length,h=e.length;if(l!=h&&!(u&&h>l))return!1;var f=o.get(t);if(f)return f==e;var d=!0;for(o.set(t,e);++s-1&&t%1==0&&Se>=t}function Gt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function Wt(t){return!!t&&"object"==typeof t}function Qt(t){return null==t?!1:Ht(t)?kn.test($n.call(t)):Wt(t)&&(l(t)?kn:hn).test(t)}function Jt(t){return"number"==typeof t||Wt(t)&&jn.call(t)==ke}function Zt(t){return"string"==typeof t||!ar(t)&&Wt(t)&&jn.call(t)==ze}function Kt(t){return"symbol"==typeof t||Wt(t)&&jn.call(t)==Be}function te(t){return Wt(t)&&Vt(t.length)&&!!pn[jn.call(t)]}function ee(t){return t===ve}function ne(t){if(Gt(t)){var e=Ht(t.valueOf)?t.valueOf():t;t=Gt(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(on,"");var n=ln.test(t);return n||fn.test(t)?yn(t.slice(2),n?2:8):cn.test(t)?Ae:+t}function re(t){if("string"==typeof t)return t;if(null==t)return"";if(Kt(t))return tr?tr.call(t):"";var e=t+"";return"0"==e&&1/t==-Ee?"-0":e}function ie(t,e,n){var r=null==t?ve:F(t,e);return r===ve?n:r}function ae(t,e){return Mt(t,e,V)}function oe(t){var e=It(t);if(!e&&!Dt(t))return Z(t);var n=Nt(t),r=!!n,i=n||[],a=i.length;for(var o in t)!H(t,o)||r&&("length"==o||h(o,a))||e&&"constructor"==o||i.push(o);return i}function se(t){return s(t,oe(t))}function ue(t){return t=re(t),t&&Ke.test(t)?t.replace(Je,c):t}function ce(t){return t=re(t),t&&an.test(t)?t.replace(rn,"\\$&"):t}function le(){var t=arguments,e=re(t[0]);return t.length<3?e:e.replace(t[1],t[2])}function he(t){return t=re(t),t&&Ze.test(t)?t.replace(Qe,p):t}function fe(t){return function(){return t}}function de(t){return t}function pe(t){return J("function"==typeof t?t:Y(t,!0))}function me(t){return kt(t)?nt(t):rt(t)}var ve,ge="4.6.1",xe=200,ye="__lodash_hash_undefined__",be=1,we=2,Ee=1/0,Se=9007199254740991,Ae=NaN,Ce="[object Arguments]",_e="[object Array]",Me="[object Boolean]",Oe="[object Date]",Le="[object Error]",$e="[object Function]",Ne="[object GeneratorFunction]",je="[object Map]",ke="[object Number]",Te="[object Object]",Ie="[object RegExp]",Pe="[object Set]",ze="[object String]",Be="[object Symbol]",Re="[object WeakMap]",Ue="[object ArrayBuffer]",Xe="[object Float32Array]",Ye="[object Float64Array]",qe="[object Int8Array]",De="[object Int16Array]",Fe="[object Int32Array]",He="[object Uint8Array]",Ve="[object Uint8ClampedArray]",Ge="[object Uint16Array]",We="[object Uint32Array]",Qe=/&(?:amp|lt|gt|quot|#39|#96);/g,Je=/[&<>"'`]/g,Ze=RegExp(Qe.source),Ke=RegExp(Je.source),tn=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,en=/^\w*$/,nn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]/g,rn=/[\\^$.*+?()[\]{}|]/g,an=RegExp(rn.source),on=/^\s+|\s+$/g,sn=/\\(\\)?/g,un=/\w*$/,cn=/^[-+]0x[0-9a-f]+$/i,ln=/^0b[01]+$/i,hn=/^\[object .+?Constructor\]$/,fn=/^0o[0-7]+$/i,dn=/^(?:0|[1-9]\d*)$/,pn={};pn[Xe]=pn[Ye]=pn[qe]=pn[De]=pn[Fe]=pn[He]=pn[Ve]=pn[Ge]=pn[We]=!0,pn[Ce]=pn[_e]=pn[Ue]=pn[Me]=pn[Oe]=pn[Le]=pn[$e]=pn[je]=pn[ke]=pn[Te]=pn[Ie]=pn[Pe]=pn[ze]=pn[Re]=!1;var mn={};mn[Ce]=mn[_e]=mn[Ue]=mn[Me]=mn[Oe]=mn[Xe]=mn[Ye]=mn[qe]=mn[De]=mn[Fe]=mn[je]=mn[ke]=mn[Te]=mn[Ie]=mn[Pe]=mn[ze]=mn[Be]=mn[He]=mn[Ve]=mn[Ge]=mn[We]=!0,mn[Le]=mn[$e]=mn[Re]=!1;var vn={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`"},gn={"&":"&","<":"<",">":">",""":'"',"'":"'","`":"`"},xn={"function":!0,object:!0},yn=parseInt,bn=xn[typeof exports]&&exports&&!exports.nodeType?exports:ve,wn=xn[typeof module]&&module&&!module.nodeType?module:ve,En=wn&&wn.exports===bn?bn:ve,Sn=u(bn&&wn&&"object"==typeof global&&global),An=u(xn[typeof self]&&self),Cn=u(xn[typeof window]&&window),_n=u(xn[typeof this]&&this),Mn=Sn||Cn!==(_n&&_n.window)&&Cn||An||_n||Function("return this")(),On=Array.prototype,Ln=Object.prototype,$n=Function.prototype.toString,Nn=Ln.hasOwnProperty,jn=Ln.toString,kn=RegExp("^"+$n.call(Nn).replace(rn,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Tn=En?Mn.Buffer:ve,In=Mn.Symbol,Pn=Mn.Uint8Array,zn=Object.getPrototypeOf,Bn=Object.getOwnPropertySymbols,Rn=Object.create,Un=Ln.propertyIsEnumerable,Xn=On.splice,Yn=Math.ceil,qn=Object.keys,Dn=Math.max,Fn=Ct(Mn,"Map"),Hn=Ct(Mn,"Set"),Vn=Ct(Mn,"WeakMap"),Gn=Ct(Object,"create"),Wn=Fn?$n.call(Fn):"",Qn=Hn?$n.call(Hn):"",Jn=Vn?$n.call(Vn):"",Zn=In?In.prototype:ve,Kn=Zn?Zn.valueOf:ve,tr=Zn?Zn.toString:ve,er=gt(D),nr=xt(),rr=nt("length"),ir=Bn||function(){return[]};(Fn&&_t(new Fn)!=je||Hn&&_t(new Hn)!=Pe||Vn&&_t(new Vn)!=Re)&&(_t=function(t){var e=jn.call(t),n=e==Te?t.constructor:null,r="function"==typeof n?$n.call(n):"";if(r)switch(r){case Wn:return je;case Qn:return Pe;case Jn:return Re}return e});var ar=Array.isArray,or=Tn?function(t){return t instanceof Tn}:fe(!1),sr=yt();v.prototype=Gn?Gn(null):Ln,w.prototype.clear=E,w.prototype["delete"]=S,w.prototype.get=A,w.prototype.has=C,w.prototype.set=_,M.prototype.clear=O,M.prototype["delete"]=L,M.prototype.get=$,M.prototype.has=N,M.prototype.set=j,m.constant=fe,m.iteratee=pe,m.keys=oe,m.map=Xt,m.property=me,m.range=sr,m.toPairs=se,m.eq=Yt,m.escape=ue,m.escapeRegExp=ce,m.forEach=Ut,m.get=ie,m.hasIn=ae,m.identity=de,m.isArguments=qt,m.isArray=ar,m.isArrayLike=Dt,m.isArrayLikeObject=Ft,m.isBuffer=or,m.isFunction=Ht,m.isLength=Vt,m.isNative=Qt,m.isNumber=Jt,m.isObject=Gt,m.isObjectLike=Wt,m.isString=Zt,m.isSymbol=Kt,m.isTypedArray=te,m.isUndefined=ee,m.last=Rt,m.replace=le,m.toNumber=ne,m.toString=re,m.unescape=he,m.each=Ut,m.VERSION=ge,(Cn||An||{})._=m,Mn._=m}.call(this),Math.log10=Math.log10||function(t){return Math.log(t)/Math.LN10},String.prototype.format=function(){var t=this,e=arguments;1==arguments.length&&(_.isArray(arguments[0])||_.isObject(arguments[0]))&&(e=arguments[0]);for(var n in e)if(e.hasOwnProperty(n)){var r=n;n.match(/^\{.*\}$/)||(n="{"+n+"}");var i=new RegExp(_.escapeRegExp(n),"g");t=t.replace(i,e[r])}return t};var modal=function(){var t={};return t.show=function(t){var e=$(t);e.removeClass("hidden visible"),setTimeout(function(){e.addClass("visible")},1)},t.hide=function(t){var e=$(t);e.removeClass("visible"),setTimeout(function(){e.addClass("hidden")},500)},t.init=function(){$(".Modal").on("click",function(){$(this).hasClass("no-close")||t.hide(this)}),$(".Dialog").on("click",function(t){t.stopImmediatePropagation()}),$(window).on("keydown",function(e){27==e.which&&t.hide(".Modal")})},t}(),notify=function(){var t,e,n={},r="#notif";return n.show=function(i,a){$(r).html(i),modal.show(r),clearTimeout(t),clearTimeout(e),_.isUndefined(a)||(t=setTimeout(n.hide,a))},n.hide=function(){var t=$(r);t.removeClass("visible"),e=setTimeout(function(){t.addClass("hidden")},250)},n.init=function(){$(r).on("click",function(){n.hide(this)})},n}();$().ready(function(){setInterval(function(){$(".anim-dots").each(function(t){var e=$(t),n=e.html()+".";5==n.length&&(n="."),e.html(n)})},1e3),$("input[type=number]").on("mousewheel",function(t){var e=+$(this).val(),n=+($(this).attr("step")||1),r=$(this).attr("min"),i=$(this).attr("max");if(t.wheelDelta>0?e+=n:e-=n,_.isUndefined(r)||(e=Math.max(e,r)),_.isUndefined(i)||(e=Math.min(e,i)),$(this).val(e),"createEvent"in document){var a=document.createEvent("HTMLEvents");a.initEvent("change",!1,!0),$(this)[0].dispatchEvent(a)}else $(this)[0].fireEvent("onchange");t.preventDefault()}),modal.init(),notify.init()});var page_wifi=function(){function t(t,e){if(200!=e)return void n(5e3);t=JSON.parse(t);var a=!bool(t.result.inProgress)&&t.result.APs.length>0;if(n(a?15e3:1e3),a){var o=$("#ap-list");$(".AP").remove(),o.toggle(a),$("#ap-loader").toggle(!a),t.result.APs.sort(function(t,e){return e.rssi-t.rssi}).forEach(function(t){if(t.enc=parseInt(t.enc),!(t.enc>4)){var e=document.createElement("div"),n=$(e).data("ssid",t.essid).data("pwd",0!=t.enc).addClass("AP");t.essid==r.current&&n.addClass("selected");var a=document.createElement("div");$(a).addClass("inner").htmlAppend(''.format(t.rssi_perc)).htmlAppend('{0}
'.format(_.escape(t.essid))).htmlAppend('{0}
'.format(i[t.enc]));n.on("click",function(){var t=$(this);$("#conn-essid").val(t.data("ssid")),$("#conn-passwd").val(""),t.data("pwd")?modal.show("#psk-modal"):$("#conn-form").submit()}),e.appendChild(a),
-o[0].appendChild(e)}})}}function e(){$().get(_root+"/wifi/scan",t)}function n(t){setTimeout(e,t)}var r={},i=["Open","WEP","WPA","WPA2","WPA/WPA2"];return r.init=function(){e()},r}(),page_waveform=function(){function t(t){var e,n,r=window.matchMedia("screen and (min-width: 544px)"),i=!r.matches,o="FFT"==t.stats.format;o?(e="Frequency - [ Hz ]",n="Magnitude - [ mA ]"):(e="Sample time - [ ms ]",n="Current - [ mA ]");var s=Math.max(-t.stats.min,t.stats.max),l=Math.max(s,10);$("#stat-count").html(t.stats.count),$("#stat-f-s").html(numfmt(t.stats.freq,2)),$("#stat-i-peak").html(numfmt(s,2)),$("#stat-i-rms").html(numfmt(t.stats.rms,2)),$(".stats").removeClass("invis");var h=o?t.stats.freq/t.stats.count:1e3/t.stats.freq,f=_.map(t.samples,function(t,e){return{x:e*h,y:t}}),d=[Chartist.plugins.zoom({resetOnRightMouseBtn:!0,onZoom:function(t,e){a=e,u=t.options.axisX.highLow,c=t.options.axisY.highLow}})];i||d.push(Chartist.plugins.ctAxisTitle({axisX:{axisTitle:e,offset:{x:0,y:55}},axisY:{axisTitle:n,flipText:!0,offset:{x:0,y:15}}}));var p,m,v,g;u?(p=u.high,m=u.low,v=c.high,g=c.low):(v=o?void 0:l,g=o?0:-l),new Chartist.Line("#chart",{series:[{name:"a",data:f}]},{showPoint:!1,showArea:o,fullWidth:!0,chartPadding:i?{right:20,bottom:5,left:0}:{right:25,bottom:30,left:25},series:{a:{lineSmooth:Chartist.Interpolation.monotoneCubic()}},axisX:{type:Chartist.AutoScaleAxis,high:p,low:m},axisY:{type:Chartist.AutoScaleAxis,high:v,low:g},explicitBounds:{xLow:0,yLow:o?0:void 0,xHigh:f[f.length-1].x},plugins:d})}function e(e,n){if(f=!1,200!=n)errorMsg("Request failed.",1e3);else{var i=JSON.parse(e);i.success?($(".chartexport").removeClass("hidden"),v=i,t(i)):errorMsg("Sampling failed.",1e3)}d&&(m=setTimeout(r,Math.max(0,p-msElapsed(s))))}function n(){g.count=$("#count").val(),g.freq=$("#freq").val()*("fft"==o?2:1)}function r(){f&&(errorMsg("Request already pending - aborting."),l.abort()),f=!0,s=msNow();var t=g.count,n=g.freq,r=_root+"/measure/"+o+"?n="+t+"&fs="+n;return l=$().get(r,e,estimateLoadTime(n,t)),!0}function i(){p=+$("#ar-time").val(),n(),d=!d,d?r():clearTimeout(m),$("#ar-btn").toggleClass("btn-blue").toggleClass("btn-red").val(d?"Stop":"Auto")}var a,o,s,u,c,l,h={},f=!1,d=!1,p=1,m=-1,v=null,g={count:0,freq:0};return h.init=function(t){function e(){n(),r()}o=t,$("#load").on("click",e),$(".chartexport a").on("click",function(){var t=$(this).data("sep"),e="",n=v.stats.freq/v.stats.count;switch(t){case"space":e=v.samples.join(" ");break;case"comma":e=v.samples.join(",");break;case"newline":e=v.samples.join("\n");break;case"fft-csv":e=_.map(v.samples,function(t,e){return numfmt(e*n,3)+","+t}).join("\n");break;case"fft-json":e=JSON.stringify(_.map(v.samples,function(t,e){return{f:+numfmt(e*n,3),m:t}}))}if(copyToClipboard(e))infoMsg("Copy success!");else{var r=$("#copybox");r.removeClass("hidden"),r.val(e)}}),$("#count,#freq").on("keyup",function(t){13==t.which&&e()}),$("#chart").on("contextmenu",function(t){return a&&a(),a=null,u=null,c=null,t.preventDefault(),!1}),$("#ar-btn").on("click",i)},h}(),page_spectrogram=function(){function t(t){var e,n,r,i;t=Math.log10(1+t),t>2&&(t=2),0>t&&(t=0);for(var a=0;a=s&&(e=s,r=o),s>=t){n=s,i=o;break}}var u=(t-e)/(n-e);e==n&&(u=0);var c=Math.round(r[1]+(i[1]-r[1])*u),l=Math.round(r[2]+(i[2]-r[2])*u),h=Math.round(r[3]+(i[3]-r[3])*u);return"rgb("+c+","+l+","+h+")"}function e(){var t=c.getImageData(g.x+g.dx,g.y,g.w-g.dx,g.h+10);c.fillStyle="black",c.fillRect(g.x,g.y,g.w,g.h),c.clearRect(g.x,g.y+g.h+1,g.w,10),c.putImageData(t,g.x,g.y)}function n(n){e();for(var r=x.sampCount/2,i=0;r>i;i++){var a;if(i*g.dy>g.h)break;a=i>n.length?"#000":t(n[i]),c.fillStyle=a;var o=g.x+g.w-g.dx,s=g.y+g.h-(i+1)*g.dy,u=g.dx,l=g.dy;s=950){p=msNow();var h=!1;msElapsed(m)>9500&&(h=!0,m=msNow()),c.strokeStyle="white",c.beginPath(),c.moveTo(g.x+g.w-.5,g.y+g.h+1),c.lineTo(g.x+g.w-.5,g.y+g.h+1+(h?6:2)),c.stroke()}}function r(t,e){if(h=!1,200==e)try{var r=JSON.parse(t);r.success?n(r.samples):errorMsg("Sampling failed.",1e3)}catch(a){errorMsg(a)}else errorMsg("Request failed.",1e3);y&&(l=setTimeout(i,Math.max(0,x.interval-msElapsed(d))))}function i(){h&&(errorMsg("Request already pending - aborting."),f.abort()),h=!0,d=msNow();var t=x.freq,e=x.sampCount,n=_root+"/measure/fft?n="+e+"&fs="+t;return f=$().get(n,r,estimateLoadTime(t,e)),!0}function a(){for(var e=8,n=10,r=g.h-12,i=g.y+6,a=g.x-e-n,o=100/r,s=0;r>s;s++){var u=t(s*o),l=t((s+1)*o),h=Math.floor(i+r-(s+1)),f=c.createLinearGradient(0,h+1,0,h);f.addColorStop(0,u),f.addColorStop(1,l),c.fillStyle=f,c.fillRect(a,h,n,1)}c.strokeStyle="#000",c.strokeRect(a-.5,i-.5,n+1,r+1),o=100/r,c.font="12px sans-serif",c.fillStyle="white",c.textAlign="right";for(var s=0;s<=g.h;s+=r/10)c.fillText(Math.round(s*o)+"",g.x-e-n-e,i+r-s+3)}function o(){var t=8,e=g.x+g.w,n=e+t,r=g.y,i=g.h,a=70;c.clearRect(e+.5,r-10,a,i+20);for(var o,s=x.freq/2/(x.sampCount/2),u=g.h/g.dy,l=u*s,h=[10,25,50],f=1,d=!1;;){for(var p=0;p=p;p+=o){if(p>=u){var m=p-u;if(m>o/2)break;p=u}var v=p*(l/u);v=v>=1e6?numfmt(v/1e6,2)+"M":v>=1e3?numfmt(v/1e3,2)+"k":numfmt(v,1);var y=Math.round(r+i-g.dy*p);if(c.fillText(v,n,y+4),c.beginPath(),c.moveTo(e,y+.5),c.lineTo(e+t/2,y+.5),c.stroke(),p>=u)break}c.font="16px sans-serif",c.save(),c.translate(e+50,g.y+g.h/2),c.rotate(Math.PI/2),c.textAlign="center",c.fillText("Frequency - [Hz]",0,0),c.restore()}function s(){x.interval=+$("#interval").val(),x.freq=2*+$("#freq").val(),x.sampCount=+$("#count").val(),g.dx=+$("#tile-x").val(),g.dy=+$("#tile-y").val()}function u(){c.fillStyle="#000",c.fillRect(g.x,g.y,g.w,g.h),c.strokeStyle="white",c.strokeRect(g.x-.5,g.y-.5,g.w+1,g.h+1)}var c,l,h,f,d,p,m,v={},g={x:50,y:10,w:740,h:512,dx:1,dy:1},x={interval:0,sampCount:0,freq:0},y=!1,b=[[0,0,0,0],[.1,41,17,41],[.25,34,17,78],[.6,17,30,105],[1,17,57,126],[1.2,17,84,128],[1.3,17,111,115],[1.4,17,134,96],[1.5,17,155,71],[1.6,68,194,17],[1.75,111,209,17],[1.84,180,213,17],[1.9,223,217,86],[1.97,248,222,176],[1.99,255,237,222],[2,255,255,255]];return v.init=function(){var t=$("#sg")[0];c=t.getContext("2d"),u(),s(),a(),o(),p=msNow()-1e4,m=msNow()-1e4,$("#count").on("change",function(){var t=+$("#count").val(),e=Math.max(1,g.h/(t/2));$("#tile-x").val(Math.max(4,e)),$("#tile-y").val(e)}),$("#tile-y").on("change",function(){$("#tile-x").val(Math.max(4,$(this).val()))}),$("#go-btn").on("click",function(){y=!y,y?(s(),o(),i()):clearTimeout(l),$("#go-btn").toggleClass("btn-green").toggleClass("btn-red").html(y?"Stop":"Start")})},v}(),page_status=function(){function t(t,a){if(200!=a)errorMsg("Update failed.");else try{var o=JSON.parse(t);n.j=o,$(".sta-only").toggle(o.sta),$(".ap-only").toggle(o.ap),$("#uptime").html(o.uptime),$("#heap").html(o.heap+" bytes"),$("#wmode").html(o.wifiMode),o.sta&&($("#staSSID").html(o.sta.SSID),$("#staRSSIperc").html(o.sta.RSSIperc),$("#staRSSI").html(o.sta.RSSI),$("#staMAC").html(o.sta.MAC)),o.ap&&($("#apSSID").html(o.ap.SSID),$("#apHidden").html(o.ap.hidden?"Yes":"No"),$("#apAuth").html(o.ap.auth),$(".ap-auth-only").toggle("Open"!=o.ap.auth),$("#apPwd").html(o.ap.pwd),$("#apChan").html(o.ap.chan),$("#apMAC").html(o.ap.MAC))}catch(s){errorMsg(s)}i||setTimeout(e,r)}function e(){$().get(_root+"/system/status",t)}var n={};n.j={};var r=1e4,i=!1;return n.trigReset=function(){var t="#reset-modal";$().get(_root+"/system/reset",function(n,r){if(200==r){modal.show(t),i=!0;var a=setInterval(function(){$().get(_root+"/system/ping",function(n,r){200==r&&(modal.hide(t),e(),clearInterval(a),i=!1)},{timeout:500})},1e3)}})},n.init=function(){e()},n}(),page_mon=function(){function t(t){$("#hasref").html(t?"OK":"Not set!")}function e(){var t=$("#rep-svc-xv")[0].checked;t?$(".xv-only").removeClass("hidden"):$(".xv-only").addClass("hidden")}var n={};return n.captureRef=function(){$().get(_root+"/mon/setref",function(e,n){if(200!=n)errorMsg("Operation failed.");else try{var r=JSON.parse(e);t(r.success)}catch(i){errorMsg(i),t(!1)}})},n.compareNow=function(){$().get(_root+"/mon/compare",function(t,e){if(200!=e)errorMsg("Operation failed.");else try{var n=JSON.parse(t);if(!n.success)throw"Capture failed.";$("#actual-dev").html(numfmt(n.deviation,2)),$("#actual-rms").html(numfmt(n.rms,2))}catch(r){errorMsg(r),$("#actual-dev").html("--"),$("#actual-rms").html("--")}})},n.init=function(){e(),$("#rep-svc-xv,#rep-svc-ts").on("change",e),setInterval(function(){$().get(_root+"/mon/status",function(t,e){if(200==e)try{var n=JSON.parse(t);n.success&&($("#actual-dev").html(numfmt(n.deviation,2)),$("#actual-rms").html(numfmt(n.rms,2)))}catch(r){errorMsg(r),$("#actual-dev").html("--"),$("#actual-rms").html("--")}})},1e4)},n}();
\ No newline at end of file
+/*!chibi 3.0.7, Copyright 2012-2016 Kyle Barrow, released under MIT license */
+
+// MODIFIED VERSION.
+(function () {
+ 'use strict';
+
+ var readyfn = [],
+ loadedfn = [],
+ domready = false,
+ pageloaded = false,
+ d = document,
+ w = window;
+
+ // Fire any function calls on ready event
+ function fireReady() {
+ var i;
+ domready = true;
+ for (i = 0; i < readyfn.length; i += 1) {
+ readyfn[i]();
+ }
+ readyfn = [];
+ }
+
+ // Fire any function calls on loaded event
+ function fireLoaded() {
+ var i;
+ pageloaded = true;
+ // For browsers with no DOM loaded support
+ if (!domready) {
+ fireReady();
+ }
+ for (i = 0; i < loadedfn.length; i += 1) {
+ loadedfn[i]();
+ }
+ loadedfn = [];
+ }
+
+ // Check DOM ready, page loaded
+ if (d.addEventListener) {
+ // Standards
+ d.addEventListener('DOMContentLoaded', fireReady, false);
+ w.addEventListener('load', fireLoaded, false);
+ } else if (d.attachEvent) {
+ // IE
+ d.attachEvent('onreadystatechange', fireReady);
+ // IE < 9
+ w.attachEvent('onload', fireLoaded);
+ } else {
+ // Anything else
+ w.onload = fireLoaded;
+ }
+
+ // Utility functions
+
+ // Loop through node array
+ function nodeLoop(fn, nodes) {
+ var i;
+ // Good idea to walk up the DOM
+ for (i = nodes.length - 1; i >= 0; i -= 1) {
+ fn(nodes[i]);
+ }
+ }
+
+ // Convert to camel case
+ function cssCamel(property) {
+ return property.replace(/-\w/g, function (result) {
+ return result.charAt(1).toUpperCase();
+ });
+ }
+
+ // Get computed style
+ function computeStyle(elm, property) {
+ // IE, everything else or null
+ return (elm.currentStyle) ? elm.currentStyle[cssCamel(property)] : (w.getComputedStyle) ? w.getComputedStyle(elm, null).getPropertyValue(property) : null;
+
+ }
+
+ // Returns URI encoded query string pair
+ function queryPair(name, value) {
+ return encodeURIComponent(name).replace(/%20/g, '+') + '=' + encodeURIComponent(value).replace(/%20/g, '+');
+ }
+
+ // Set CSS, important to wrap in try to prevent error thown on unsupported property
+ function setCss(elm, property, value) {
+ try {
+ elm.style[cssCamel(property)] = value;
+ } catch (e) {
+ }
+ }
+
+ // Show CSS
+ function showCss(elm) {
+ elm.style.display = '';
+ // For elements still hidden by style block
+ if (computeStyle(elm, 'display') === 'none') {
+ elm.style.display = 'block';
+ }
+ }
+
+ // Serialize form & JSON values
+ function serializeData(nodes) {
+ var querystring = '', subelm, i, j;
+ if (nodes.constructor === Object) { // Serialize JSON data
+ for (subelm in nodes) {
+ if (nodes.hasOwnProperty(subelm)) {
+ if (nodes[subelm].constructor === Array) {
+ for (i = 0; i < nodes[subelm].length; i += 1) {
+ querystring += '&' + queryPair(subelm, nodes[subelm][i]);
+ }
+ } else {
+ querystring += '&' + queryPair(subelm, nodes[subelm]);
+ }
+ }
+ }
+ } else { // Serialize node data
+ nodeLoop(function (elm) {
+ if (elm.nodeName === 'FORM') {
+ for (i = 0; i < elm.elements.length; i += 1) {
+ subelm = elm.elements[i];
+
+ if (!subelm.disabled) {
+ switch (subelm.type) {
+ // Ignore buttons, unsupported XHR 1 form fields
+ case 'button':
+ case 'image':
+ case 'file':
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'select-one':
+ if (subelm.length > 0) {
+ querystring += '&' + queryPair(subelm.name, subelm.value);
+ }
+ break;
+
+ case 'select-multiple':
+ for (j = 0; j < subelm.length; j += 1) {
+ if (subelm[j].selected) {
+ querystring += '&' + queryPair(subelm.name, subelm[j].value);
+ }
+ }
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ if (subelm.checked) {
+ querystring += '&' + queryPair(subelm.name, subelm.value);
+ }
+ break;
+
+ // Everything else including shinny new HTML5 input types
+ default:
+ querystring += '&' + queryPair(subelm.name, subelm.value);
+ }
+ }
+ }
+ }
+ }, nodes);
+ }
+ // Tidy up first &
+ return (querystring.length > 0) ? querystring.substring(1) : '';
+ }
+
+ // Class helper
+ function classHelper(classes, action, nodes) {
+ var classarray, search, i, has = false;
+ if (classes) {
+ // Trim any whitespace
+ classarray = classes.split(/\s+/);
+ nodeLoop(function (elm) {
+ for (i = 0; i < classarray.length; i += 1) {
+ search = new RegExp('\\b' + classarray[i] + '\\b', 'g');
+ if (action === 'remove') {
+ elm.className = elm.className.replace(search, '');
+ } else if (action === 'toggle') {
+ elm.className = (elm.className.match(search)) ? elm.className.replace(search, '') : elm.className + ' ' + classarray[i];
+ } else if (action === 'has') {
+ if (elm.className.match(search)) {
+ has = true;
+ break;
+ }
+ }
+ }
+ }, nodes);
+ }
+ return has;
+ }
+
+ // HTML insertion helper
+ function insertHtml(value, position, nodes) {
+ var tmpnodes, tmpnode;
+ if (value) {
+ nodeLoop(function (elm) {
+ // No insertAdjacentHTML support for FF < 8 and IE doesn't allow insertAdjacentHTML table manipulation, so use this instead
+ // Convert string to node. We can't innerHTML on a document fragment
+ tmpnodes = d.createElement('div');
+ tmpnodes.innerHTML = value;
+ while ((tmpnode = tmpnodes.lastChild) !== null) {
+ // Catch error in unlikely case elm has been removed
+ try {
+ if (position === 'before') {
+ elm.parentNode.insertBefore(tmpnode, elm);
+ } else if (position === 'after') {
+ elm.parentNode.insertBefore(tmpnode, elm.nextSibling);
+ } else if (position === 'append') {
+ elm.appendChild(tmpnode);
+ } else if (position === 'prepend') {
+ elm.insertBefore(tmpnode, elm.firstChild);
+ }
+ } catch (e) {
+ break;
+ }
+ }
+ }, nodes);
+ }
+ }
+
+ // Get nodes and return chibi
+ function chibi(selector) {
+ var cb, nodes = [], json = false, nodelist, i;
+
+ if (selector) {
+
+ // Element node, would prefer to use (selector instanceof HTMLElement) but no IE support
+ if (selector.nodeType && selector.nodeType === 1) {
+ nodes = [selector]; // return element as node list
+ } else if (typeof selector === 'object') {
+ // JSON, document object or node list, would prefer to use (selector instanceof NodeList) but no IE support
+ json = (typeof selector.length !== 'number');
+ nodes = selector;
+ } else if (typeof selector === 'string') {
+
+ // A very light querySelectorAll polyfill for IE < 8. It suits my needs but is restricted to IE CSS support, is no speed demon, and does leave older mobile browsers in the cold (that support neither querySelectorAll nor currentStyle/getComputedStyle). If you want to use a fuller featured selector engine like Qwery, Sizzle et al, just return results to the nodes array: nodes = altselectorengine(selector)
+
+ // IE < 8
+ if (!d.querySelectorAll) {
+ // Polyfill querySelectorAll
+ d.querySelectorAll = function (selector) {
+
+ var style, head = d.getElementsByTagName('head')[0], allnodes, selectednodes = [], i;
+
+ style = d.createElement('STYLE');
+ style.type = 'text/css';
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = selector + ' {a:b}';
+
+ head.appendChild(style);
+
+ allnodes = d.getElementsByTagName('*');
+
+ for (i = 0; i < allnodes.length; i += 1) {
+ if (computeStyle(allnodes[i], 'a') === 'b') {
+ selectednodes.push(allnodes[i]);
+ }
+ }
+
+ head.removeChild(style);
+ }
+
+ return selectednodes;
+ };
+ }
+
+ nodelist = d.querySelectorAll(selector);
+
+ // Convert node list to array so results have full access to array methods
+ // Array.prototype.slice.call not supported in IE < 9 and often slower than loop anyway
+ for (i = 0; i < nodelist.length; i += 1) {
+ nodes[i] = nodelist[i];
+ }
+
+ }
+ }
+
+ // Only attach nodes if not JSON
+ cb = json ? {} : nodes;
+
+ // Public functions
+
+ // Fire on DOM ready
+ cb.ready = function (fn) {
+ if (fn) {
+ if (domready) {
+ fn();
+ return cb;
+ } else {
+ readyfn.push(fn);
+ }
+ }
+ };
+ // Fire on page loaded
+ cb.loaded = function (fn) {
+ if (fn) {
+ if (pageloaded) {
+ fn();
+ return cb;
+ } else {
+ loadedfn.push(fn);
+ }
+ }
+ };
+ // Executes a function on nodes
+ cb.each = function (fn) {
+ if (typeof fn === 'function') {
+ nodeLoop(function (elm) {
+ // <= IE 8 loses scope so need to apply
+ return fn.apply(elm, arguments);
+ }, nodes);
+ }
+ return cb;
+ };
+ // Find first
+ cb.first = function () {
+ return chibi(nodes.shift());
+ };
+ // Find last
+ cb.last = function () {
+ return chibi(nodes.pop());
+ };
+ // Find odd
+ cb.odd = function () {
+ var odds = [], i;
+ for (i = 0; i < nodes.length; i += 2) {
+ odds.push(nodes[i]);
+ }
+ return chibi(odds);
+ };
+ // Find even
+ cb.even = function () {
+ var evens = [], i;
+ for (i = 1; i < nodes.length; i += 2) {
+ evens.push(nodes[i]);
+ }
+ return chibi(evens);
+ };
+ // Hide node
+ cb.hide = function () {
+ nodeLoop(function (elm) {
+ elm.style.display = 'none';
+ }, nodes);
+ return cb;
+ };
+ // Show node
+ cb.show = function () {
+ nodeLoop(function (elm) {
+ showCss(elm);
+ }, nodes);
+ return cb;
+ };
+ // Toggle node display
+ cb.toggle = function (state) {
+ if (typeof state != 'undefined') { // ADDED
+ if (state)
+ cb.show();
+ else
+ cb.hide();
+ } else {
+ nodeLoop(function (elm) {
+ // computeStyle instead of style.display == 'none' catches elements that are hidden via style block
+ if (computeStyle(elm, 'display') === 'none') {
+ showCss(elm);
+ } else {
+ elm.style.display = 'none';
+ }
+
+ }, nodes);
+ }
+ return cb;
+ };
+ // Remove node
+ cb.remove = function () {
+ nodeLoop(function (elm) {
+ // Catch error in unlikely case elm has been removed
+ try {
+ elm.parentNode.removeChild(elm);
+ } catch (e) {
+ }
+ }, nodes);
+ return chibi();
+ };
+ // Get/Set CSS
+ cb.css = function (property, value) {
+ if (property) {
+ if (value || value === '') {
+ nodeLoop(function (elm) {
+ setCss(elm, property, value);
+ }, nodes);
+ return cb;
+ }
+ if (nodes[0]) {
+ if (nodes[0].style[cssCamel(property)]) {
+ return nodes[0].style[cssCamel(property)];
+ }
+ if (computeStyle(nodes[0], property)) {
+ return computeStyle(nodes[0], property);
+ }
+ }
+ }
+ };
+ // Get class(es)
+ cb.getClass = function () {
+ if (nodes[0] && nodes[0].className.length > 0) {
+ // Weak IE trim support
+ return nodes[0].className.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '').replace(/\s+/, ' ');
+ }
+ };
+ // Set (replaces) classes
+ cb.setClass = function (classes) {
+ if (classes || classes === '') {
+ nodeLoop(function (elm) {
+ elm.className = classes;
+ }, nodes);
+ }
+ return cb;
+ };
+ // Add class
+ cb.addClass = function (classes) {
+ if (classes) {
+ nodeLoop(function (elm) {
+ elm.className += ' ' + classes;
+ }, nodes);
+ }
+ return cb;
+ };
+ // Remove class
+ cb.removeClass = function (classes) {
+ classHelper(classes, 'remove', nodes);
+ return cb;
+ };
+ // Toggle class
+ cb.toggleClass = function (classes) {
+ classHelper(classes, 'toggle', nodes);
+ return cb;
+ };
+ // Has class
+ cb.hasClass = function (classes) {
+ return classHelper(classes, 'has', nodes);
+ };
+ // Get/set HTML
+ cb.html = function (value) {
+ if (value || value === '') {
+ nodeLoop(function (elm) {
+ elm.innerHTML = value;
+ }, nodes);
+ return cb;
+ }
+ if (nodes[0]) {
+ return nodes[0].innerHTML;
+ }
+ };
+ // Insert HTML before selector
+ cb.htmlBefore = function (value) {
+ insertHtml(value, 'before', nodes);
+ return cb;
+ };
+ // Insert HTML after selector
+ cb.htmlAfter = function (value) {
+ insertHtml(value, 'after', nodes);
+ return cb;
+ };
+ // Insert HTML after selector innerHTML
+ cb.htmlAppend = function (value) {
+ insertHtml(value, 'append', nodes);
+ return cb;
+ };
+ // Insert HTML before selector innerHTML
+ cb.htmlPrepend = function (value) {
+ insertHtml(value, 'prepend', nodes);
+ return cb;
+ };
+ // Get/Set HTML attributes
+ cb.attr = function (property, value) {
+ if (property) {
+ property = property.toLowerCase();
+ // IE < 9 doesn't allow style or class via get/setAttribute so switch. cssText returns prettier CSS anyway
+ if (typeof value !== 'undefined') {//FIXED BUG HERE
+ nodeLoop(function (elm) {
+ if (property === 'style') {
+ elm.style.cssText = value;
+ } else if (property === 'class') {
+ elm.className = value;
+ } else {
+ elm.setAttribute(property, value);
+ }
+ }, nodes);
+ return cb;
+ }
+ if (nodes[0]) {
+ if (property === 'style') {
+ if (nodes[0].style.cssText) {
+ return nodes[0].style.cssText;
+ }
+ } else if (property === 'class') {
+ if (nodes[0].className) {
+ return nodes[0].className;
+ }
+ } else {
+ if (nodes[0].getAttribute(property)) {
+ return nodes[0].getAttribute(property);
+ }
+ }
+ }
+ }
+ };
+ // Get/Set HTML data property
+ cb.data = function (key, value) {
+ if (key) {
+ return cb.attr('data-' + key, value);
+ }
+ };
+ // Get/Set form element values
+ cb.val = function (value) {
+ var values, i, j;
+ if (!_.isUndefined(value)) { // FIXED A BUG HERE
+ nodeLoop(function (elm) {
+ switch (elm.nodeName) {
+ case 'SELECT':
+ if (typeof value === 'string' || typeof value === 'number') {
+ value = [value];
+ }
+ for (i = 0; i < elm.length; i += 1) {
+ // Multiple select
+ for (j = 0; j < value.length; j += 1) {
+ elm[i].selected = '';
+ if (elm[i].value === value[j]) {
+ elm[i].selected = 'selected';
+ break;
+ }
+ }
+ }
+ break;
+ case 'INPUT':
+ case 'TEXTAREA':
+ case 'BUTTON':
+ elm.value = value;
+ break;
+ }
+ }, nodes);
+
+ return cb;
+ }
+ if (nodes[0]) {
+ switch (nodes[0].nodeName) {
+ case 'SELECT':
+ values = [];
+ for (i = 0; i < nodes[0].length; i += 1) {
+ if (nodes[0][i].selected) {
+ values.push(nodes[0][i].value);
+ }
+ }
+ return (values.length > 1) ? values : values[0];
+ case 'INPUT':
+ case 'TEXTAREA':
+ case 'BUTTON':
+ return nodes[0].value;
+ }
+ }
+ };
+ // Return matching checked checkbox or radios
+ cb.checked = function (check) {
+ if (typeof check === 'boolean') {
+ nodeLoop(function (elm) {
+ if (elm.nodeName === 'INPUT' && (elm.type === 'checkbox' || elm.type === 'radio')) {
+ elm.checked = check;
+ }
+ }, nodes);
+ return cb;
+ }
+ if (nodes[0] && nodes[0].nodeName === 'INPUT' && (nodes[0].type === 'checkbox' || nodes[0].type === 'radio')) {
+ return (!!nodes[0].checked);
+ }
+ };
+ // Add event handler
+ cb.on = function (event, fn) {
+ if (selector === w || selector === d) {
+ nodes = [selector];
+ }
+ nodeLoop(function (elm) {
+ if (d.addEventListener) {
+ elm.addEventListener(event, fn, false);
+ } else if (d.attachEvent) {
+ // <= IE 8 loses scope so need to apply, we add this to object so we can detach later (can't detach anonymous functions)
+ elm[event + fn] = function () {
+ return fn.apply(elm, arguments);
+ };
+ elm.attachEvent('on' + event, elm[event + fn]);
+ }
+ }, nodes);
+ return cb;
+ };
+ // Remove event handler
+ cb.off = function (event, fn) {
+ if (selector === w || selector === d) {
+ nodes = [selector];
+ }
+ nodeLoop(function (elm) {
+ if (d.addEventListener) {
+ elm.removeEventListener(event, fn, false);
+ } else if (d.attachEvent) {
+ elm.detachEvent('on' + event, elm[event + fn]);
+ // Tidy up
+ elm[event + fn] = null;
+ }
+ }, nodes);
+ return cb;
+ };
+ // Basic XHR 1, no file support. Shakes fist at IE
+ cb.ajax = function (url, method, callback, options) { // if options is a number, it's timeout in ms
+ var xhr;
+ var query = serializeData(nodes);
+ var type = (method) ? method.toUpperCase() : 'GET';
+ var abortTmeo;
+
+ if (_.isNumber(options)) options = {timeout: options};
+
+ var opts = Chartist.extend({}, {
+ nocache: true,
+ timeout: 5000,
+ loader: true,
+ }, options);
+
+ //console.log('ajax to = ' + opts.timeout);
+
+ if (query && (type === 'GET')) {
+ url += (url.indexOf('?') === -1) ? '?' + query : '&' + query;
+ query = null;
+ }
+
+ // FIXME the XHR sometimes seemingly silently fails
+
+ xhr = new XMLHttpRequest(); // we dont support IE < 9
+
+ if (xhr) {
+ // prevent caching
+ if (opts.nocache) {
+ var ts = (+(new Date())).toString(36);
+ url += ((url.indexOf('?') === -1) ? '?' : '&') + '_=' + ts;
+ }
+
+ if (opts.loader)
+ $('#loader').addClass('show');
+
+ // Douglas Crockford: "Synchronous programming is disrespectful and should not be employed in applications which are used by people"
+ xhr.open(type, url, true);
+
+ xhr.timeout = opts.timeout;
+
+ abortTmeo = setTimeout(function () {
+ errorMsg("XHR timed out.");
+ xhr.abort();
+ if (opts.loader) $('#loader').removeClass('show');
+ }, opts.timeout + 10); // a bit later, but still.;
+
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState === 4) {
+
+ if (opts.loader)
+ $('#loader').removeClass('show');
+
+ if (callback && xhr.status != 0) { // xhr.status 0 means "aborted"
+ callback(xhr.responseText, xhr.status);
+ }
+
+ clearTimeout(abortTmeo);
+ }
+ };
+
+ xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+
+ if (type === 'POST') {
+ xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+ }
+
+ xhr.send(query);
+ }
+
+ return xhr;
+ };
+ // Alias to cb.ajax(url, 'get', callback)
+ cb.get = function (url, callback, opts) {
+ return cb.ajax(url, 'get', callback, opts);
+ };
+ // Alias to cb.ajax(url, 'post', callback)
+ cb.post = function (url, callback, opts) {
+ return cb.ajax(url, 'post', callback, opts);
+ };
+
+ return cb;
+ }
+
+ // Set Chibi's global namespace here ($)
+ w.$ = chibi;
+
+}());
+
+(function (root, factory) {
+ // if (typeof define === 'function' && define.amd) {
+ // // AMD. Register as an anonymous module unless amdModuleId is set
+ // define([], function () {
+ // return (root['Chartist'] = factory());
+ // });
+ // } else if (typeof exports === 'object') {
+ // // Node. Does not work with strict CommonJS, but
+ // // only CommonJS-like environments that support module.exports,
+ // // like Node.
+ // module.exports = factory();
+ // } else {
+ root['Chartist'] = factory();
+ // }
+}(this, function () {
+
+/* Chartist.js 0.9.7
+ * Copyright © 2016 Gion Kunz
+ * Free to use under either the WTFPL license or the MIT license.
+ * https://raw.githubusercontent.com/gionkunz/chartist-js/master/LICENSE-WTFPL
+ * https://raw.githubusercontent.com/gionkunz/chartist-js/master/LICENSE-MIT
+ */
+/**
+ * The core module of Chartist that is mainly providing static functions and higher level functions for chart modules.
+ *
+ * @module Chartist.Core
+ */
+var Chartist = {
+ version: '0.9.7'
+};
+
+(function (window, document, Chartist) {
+ 'use strict';
+
+ /**
+ * This object contains all namespaces used within Chartist.
+ *
+ * @memberof Chartist.Core
+ * @type {{svg: string, xmlns: string, xhtml: string, xlink: string, ct: string}}
+ */
+ Chartist.namespaces = {
+ svg: 'http://www.w3.org/2000/svg',
+ xmlns: 'http://www.w3.org/2000/xmlns/',
+ xhtml: 'http://www.w3.org/1999/xhtml',
+ xlink: 'http://www.w3.org/1999/xlink',
+ ct: 'http://gionkunz.github.com/chartist-js/ct'
+ };
+
+ /**
+ * Helps to simplify functional style code
+ *
+ * @memberof Chartist.Core
+ * @param {*} n This exact value will be returned by the noop function
+ * @return {*} The same value that was provided to the n parameter
+ */
+ Chartist.noop = function (n) {
+ return n;
+ };
+
+ /**
+ * Generates a-z from a number 0 to 26
+ *
+ * @memberof Chartist.Core
+ * @param {Number} n A number from 0 to 26 that will result in a letter a-z
+ * @return {String} A character from a-z based on the input number n
+ */
+ Chartist.alphaNumerate = function (n) {
+ // Limit to a-z
+ return String.fromCharCode(97 + n % 26);
+ };
+
+ /**
+ * Simple recursive object extend
+ *
+ * @memberof Chartist.Core
+ * @param {Object} target Target object where the source will be merged into
+ * @param {Object...} sources This object (objects) will be merged into target and then target is returned
+ * @return {Object} An object that has the same reference as target but is extended and merged with the properties of source
+ */
+ Chartist.extend = function (target) {
+ target = target || {};
+
+ var sources = Array.prototype.slice.call(arguments, 1);
+ sources.forEach(function(source) {
+ for (var prop in source) {
+ if (typeof source[prop] === 'object' && source[prop] !== null && !(source[prop] instanceof Array)) {
+ target[prop] = Chartist.extend({}, target[prop], source[prop]);
+ } else {
+ target[prop] = source[prop];
+ }
+ }
+ });
+
+ return target;
+ };
+
+ /**
+ * Replaces all occurrences of subStr in str with newSubStr and returns a new string.
+ *
+ * @memberof Chartist.Core
+ * @param {String} str
+ * @param {String} subStr
+ * @param {String} newSubStr
+ * @return {String}
+ */
+ Chartist.replaceAll = function(str, subStr, newSubStr) {
+ return str.replace(new RegExp(subStr, 'g'), newSubStr);
+ };
+
+ /**
+ * Converts a number to a string with a unit. If a string is passed then this will be returned unmodified.
+ *
+ * @memberof Chartist.Core
+ * @param {Number} value
+ * @param {String} unit
+ * @return {String} Returns the passed number value with unit.
+ */
+ Chartist.ensureUnit = function(value, unit) {
+ if(typeof value === 'number') {
+ value = value + unit;
+ }
+
+ return value;
+ };
+
+ /**
+ * Converts a number or string to a quantity object.
+ *
+ * @memberof Chartist.Core
+ * @param {String|Number} input
+ * @return {Object} Returns an object containing the value as number and the unit as string.
+ */
+ Chartist.quantity = function(input) {
+ if (typeof input === 'string') {
+ var match = (/^(\d+)\s*(.*)$/g).exec(input);
+ return {
+ value : +match[1],
+ unit: match[2] || undefined
+ };
+ }
+ return { value: input };
+ };
+
+ /**
+ * This is a wrapper around document.querySelector that will return the query if it's already of type Node
+ *
+ * @memberof Chartist.Core
+ * @param {String|Node} query The query to use for selecting a Node or a DOM node that will be returned directly
+ * @return {Node}
+ */
+ Chartist.querySelector = function(query) {
+ return query instanceof Node ? query : document.querySelector(query);
+ };
+
+ /**
+ * Functional style helper to produce array with given length initialized with undefined values
+ *
+ * @memberof Chartist.Core
+ * @param length
+ * @return {Array}
+ */
+ Chartist.times = function(length) {
+ return Array.apply(null, new Array(length));
+ };
+
+ /**
+ * Sum helper to be used in reduce functions
+ *
+ * @memberof Chartist.Core
+ * @param previous
+ * @param current
+ * @return {*}
+ */
+ Chartist.sum = function(previous, current) {
+ return previous + (current ? current : 0);
+ };
+
+ /**
+ * Multiply helper to be used in `Array.map` for multiplying each value of an array with a factor.
+ *
+ * @memberof Chartist.Core
+ * @param {Number} factor
+ * @returns {Function} Function that can be used in `Array.map` to multiply each value in an array
+ */
+ Chartist.mapMultiply = function(factor) {
+ return function(num) {
+ return num * factor;
+ };
+ };
+
+ /**
+ * Add helper to be used in `Array.map` for adding a addend to each value of an array.
+ *
+ * @memberof Chartist.Core
+ * @param {Number} addend
+ * @returns {Function} Function that can be used in `Array.map` to add a addend to each value in an array
+ */
+ Chartist.mapAdd = function(addend) {
+ return function(num) {
+ return num + addend;
+ };
+ };
+
+ /**
+ * Map for multi dimensional arrays where their nested arrays will be mapped in serial. The output array will have the length of the largest nested array. The callback function is called with variable arguments where each argument is the nested array value (or undefined if there are no more values).
+ *
+ * @memberof Chartist.Core
+ * @param arr
+ * @param cb
+ * @return {Array}
+ */
+ Chartist.serialMap = function(arr, cb) {
+ var result = [],
+ length = Math.max.apply(null, arr.map(function(e) {
+ return e.length;
+ }));
+
+ Chartist.times(length).forEach(function(e, index) {
+ var args = arr.map(function(e) {
+ return e[index];
+ });
+
+ result[index] = cb.apply(null, args);
+ });
+
+ return result;
+ };
+
+ /**
+ * This helper function can be used to round values with certain precision level after decimal. This is used to prevent rounding errors near float point precision limit.
+ *
+ * @memberof Chartist.Core
+ * @param {Number} value The value that should be rounded with precision
+ * @param {Number} [digits] The number of digits after decimal used to do the rounding
+ * @returns {number} Rounded value
+ */
+ Chartist.roundWithPrecision = function(value, digits) {
+ var precision = Math.pow(10, digits || Chartist.precision);
+ return Math.round(value * precision) / precision;
+ };
+
+ /**
+ * Precision level used internally in Chartist for rounding. If you require more decimal places you can increase this number.
+ *
+ * @memberof Chartist.Core
+ * @type {number}
+ */
+ Chartist.precision = 8;
+
+ /**
+ * A map with characters to escape for strings to be safely used as attribute values.
+ *
+ * @memberof Chartist.Core
+ * @type {Object}
+ */
+ // Chartist.escapingMap = {
+ // '&': '&',
+ // '<': '<',
+ // '>': '>',
+ // '"': '"',
+ // '\'': '''
+ // };
+
+ /**
+ * This function serializes arbitrary data to a string. In case of data that can't be easily converted to a string, this function will create a wrapper object and serialize the data using JSON.stringify. The outcoming string will always be escaped using Chartist.escapingMap.
+ * If called with null or undefined the function will return immediately with null or undefined.
+ *
+ * @memberof Chartist.Core
+ * @param {Number|String|Object} data
+ * @return {String}
+ */
+ Chartist.serialize = function(data) {
+ if(data === null || data === undefined) {
+ return data;
+ } else if(typeof data === 'number') {
+ data = ''+data;
+ } else if(typeof data === 'object') {
+ data = JSON.stringify({data: data});
+ }
+
+ return _.escape(data);
+
+ // return Object.keys(Chartist.escapingMap).reduce(function(result, key) {
+ // return Chartist.replaceAll(result, key, Chartist.escapingMap[key]);
+ // }, data);
+ };
+
+ /**
+ * This function de-serializes a string previously serialized with Chartist.serialize. The string will always be unescaped using Chartist.escapingMap before it's returned. Based on the input value the return type can be Number, String or Object. JSON.parse is used with try / catch to see if the unescaped string can be parsed into an Object and this Object will be returned on success.
+ *
+ * @memberof Chartist.Core
+ * @param {String} data
+ * @return {String|Number|Object}
+ */
+ Chartist.deserialize = function(data) {
+ if(typeof data !== 'string') {
+ return data;
+ }
+
+ // data = Object.keys(Chartist.escapingMap).reduce(function(result, key) {
+ // return Chartist.replaceAll(result, Chartist.escapingMap[key], key);
+ // }, data);
+ data = _.unescape(data);
+
+ try {
+ data = JSON.parse(data);
+ data = data.data !== undefined ? data.data : data;
+ } catch(e) {}
+
+ return data;
+ };
+
+ /**
+ * Create or reinitialize the SVG element for the chart
+ *
+ * @memberof Chartist.Core
+ * @param {Node} container The containing DOM Node object that will be used to plant the SVG element
+ * @param {String} width Set the width of the SVG element. Default is 100%
+ * @param {String} height Set the height of the SVG element. Default is 100%
+ * @param {String} className Specify a class to be added to the SVG element
+ * @return {Object} The created/reinitialized SVG element
+ */
+ Chartist.createSvg = function (container, width, height, className) {
+ var svg;
+
+ width = width || '100%';
+ height = height || '100%';
+
+ // Check if there is a previous SVG element in the container that contains the Chartist XML namespace and remove it
+ // Since the DOM API does not support namespaces we need to manually search the returned list http://www.w3.org/TR/selectors-api/
+ Array.prototype.slice.call(container.querySelectorAll('svg')).filter(function filterChartistSvgObjects(svg) {
+ return svg.getAttributeNS(Chartist.namespaces.xmlns, 'ct');
+ }).forEach(function removePreviousElement(svg) {
+ container.removeChild(svg);
+ });
+
+ // Create svg object with width and height or use 100% as default
+ svg = new Chartist.Svg('svg').attr({
+ width: width,
+ height: height
+ }).addClass(className).attr({
+ style: 'width: ' + width + '; height: ' + height + ';'
+ });
+
+ // Add the DOM node to our container
+ container.appendChild(svg._node);
+
+ return svg;
+ };
+
+ /**
+ * Ensures that the data object passed as second argument to the charts is present and correctly initialized.
+ *
+ * @param {Object} data The data object that is passed as second argument to the charts
+ * @return {Object} The normalized data object
+ */
+ Chartist.normalizeData = function(data) {
+ // Ensure data is present otherwise enforce
+ data = data || {series: [], labels: []};
+ data.series = data.series || [];
+ data.labels = data.labels || [];
+
+ // Check if we should generate some labels based on existing series data
+ if (data.series.length > 0 && data.labels.length === 0) {
+ var normalized = Chartist.getDataArray(data),
+ labelCount;
+
+ // If all elements of the normalized data array are arrays we're dealing with
+ // data from Bar or Line charts and we need to find the largest series if they are un-even
+ if (normalized.every(function(value) {
+ return value instanceof Array;
+ })) {
+ // Getting the series with the the most elements
+ labelCount = Math.max.apply(null, normalized.map(function(series) {
+ return series.length;
+ }));
+ } else {
+ // We're dealing with Pie data so we just take the normalized array length
+ labelCount = normalized.length;
+ }
+
+ // Setting labels to an array with emptry strings using our labelCount estimated above
+ data.labels = Chartist.times(labelCount).map(function() {
+ return '';
+ });
+ }
+ return data;
+ };
+
+ /**
+ * Reverses the series, labels and series data arrays.
+ *
+ * @memberof Chartist.Core
+ * @param data
+ */
+ Chartist.reverseData = function(data) {
+ data.labels.reverse();
+ data.series.reverse();
+ for (var i = 0; i < data.series.length; i++) {
+ if(typeof(data.series[i]) === 'object' && data.series[i].data !== undefined) {
+ data.series[i].data.reverse();
+ } else if(data.series[i] instanceof Array) {
+ data.series[i].reverse();
+ }
+ }
+ };
+
+ /**
+ * Convert data series into plain array
+ *
+ * @memberof Chartist.Core
+ * @param {Object} data The series object that contains the data to be visualized in the chart
+ * @param {Boolean} reverse If true the whole data is reversed by the getDataArray call. This will modify the data object passed as first parameter. The labels as well as the series order is reversed. The whole series data arrays are reversed too.
+ * @param {Boolean} multi Create a multi dimensional array from a series data array where a value object with `x` and `y` values will be created.
+ * @return {Array} A plain array that contains the data to be visualized in the chart
+ */
+ Chartist.getDataArray = function (data, reverse, multi) {
+ // If the data should be reversed but isn't we need to reverse it
+ // If it's reversed but it shouldn't we need to reverse it back
+ // That's required to handle data updates correctly and to reflect the responsive configurations
+ if(reverse && !data.reversed || !reverse && data.reversed) {
+ Chartist.reverseData(data);
+ data.reversed = !data.reversed;
+ }
+
+ // Recursively walks through nested arrays and convert string values to numbers and objects with value properties
+ // to values. Check the tests in data core -> data normalization for a detailed specification of expected values
+ function recursiveConvert(value) {
+ if(Chartist.isFalseyButZero(value)) {
+ // This is a hole in data and we should return undefined
+ return undefined;
+ } else if((value.data || value) instanceof Array) {
+ return (value.data || value).map(recursiveConvert);
+ } else if(value.hasOwnProperty('value')) {
+ return recursiveConvert(value.value);
+ } else {
+ if(multi) {
+ var multiValue = {};
+
+ // Single series value arrays are assumed to specify the Y-Axis value
+ // For example: [1, 2] => [{x: undefined, y: 1}, {x: undefined, y: 2}]
+ // If multi is a string then it's assumed that it specified which dimension should be filled as default
+ if(typeof multi === 'string') {
+ multiValue[multi] = Chartist.getNumberOrUndefined(value);
+ } else {
+ multiValue.y = Chartist.getNumberOrUndefined(value);
+ }
+
+ multiValue.x = value.hasOwnProperty('x') ? Chartist.getNumberOrUndefined(value.x) : multiValue.x;
+ multiValue.y = value.hasOwnProperty('y') ? Chartist.getNumberOrUndefined(value.y) : multiValue.y;
+
+ return multiValue;
+
+ } else {
+ return Chartist.getNumberOrUndefined(value);
+ }
+ }
+ }
+
+ return data.series.map(recursiveConvert);
+ };
+
+ /**
+ * Converts a number into a padding object.
+ *
+ * @memberof Chartist.Core
+ * @param {Object|Number} padding
+ * @param {Number} [fallback] This value is used to fill missing values if a incomplete padding object was passed
+ * @returns {Object} Returns a padding object containing top, right, bottom, left properties filled with the padding number passed in as argument. If the argument is something else than a number (presumably already a correct padding object) then this argument is directly returned.
+ */
+ Chartist.normalizePadding = function(padding, fallback) {
+ fallback = fallback || 0;
+
+ return typeof padding === 'number' ? {
+ top: padding,
+ right: padding,
+ bottom: padding,
+ left: padding
+ } : {
+ top: typeof padding.top === 'number' ? padding.top : fallback,
+ right: typeof padding.right === 'number' ? padding.right : fallback,
+ bottom: typeof padding.bottom === 'number' ? padding.bottom : fallback,
+ left: typeof padding.left === 'number' ? padding.left : fallback
+ };
+ };
+
+ Chartist.getMetaData = function(series, index) {
+ var value = series.data ? series.data[index] : series[index];
+ return value ? Chartist.serialize(value.meta) : undefined;
+ };
+
+ /**
+ * Calculate the order of magnitude for the chart scale
+ *
+ * @memberof Chartist.Core
+ * @param {Number} value The value Range of the chart
+ * @return {Number} The order of magnitude
+ */
+ Chartist.orderOfMagnitude = function (value) {
+ return Math.floor(Math.log(Math.abs(value)) / Math.LN10);
+ };
+
+ /**
+ * Project a data length into screen coordinates (pixels)
+ *
+ * @memberof Chartist.Core
+ * @param {Object} axisLength The svg element for the chart
+ * @param {Number} length Single data value from a series array
+ * @param {Object} bounds All the values to set the bounds of the chart
+ * @return {Number} The projected data length in pixels
+ */
+ Chartist.projectLength = function (axisLength, length, bounds) {
+ return length / bounds.range * axisLength;
+ };
+
+ /**
+ * Get the height of the area in the chart for the data series
+ *
+ * @memberof Chartist.Core
+ * @param {Object} svg The svg element for the chart
+ * @param {Object} options The Object that contains all the optional values for the chart
+ * @return {Number} The height of the area in the chart for the data series
+ */
+ Chartist.getAvailableHeight = function (svg, options) {
+ return Math.max((Chartist.quantity(options.height).value || svg.height()) - (options.chartPadding.top + options.chartPadding.bottom) - options.axisX.offset, 0);
+ };
+
+ /**
+ * Get highest and lowest value of data array. This Array contains the data that will be visualized in the chart.
+ *
+ * @memberof Chartist.Core
+ * @param {Array} data The array that contains the data to be visualized in the chart
+ * @param {Object} options The Object that contains the chart options
+ * @param {String} dimension Axis dimension 'x' or 'y' used to access the correct value and high / low configuration
+ * @return {Object} An object that contains the highest and lowest value that will be visualized on the chart.
+ */
+ Chartist.getHighLow = function (data, options, dimension) {
+ // TODO: Remove workaround for deprecated global high / low config. Axis high / low configuration is preferred
+ options = Chartist.extend({}, options, dimension ? options['axis' + dimension.toUpperCase()] : {});
+
+ var highLow = {
+ high: options.high === undefined ? -Number.MAX_VALUE : +options.high,
+ low: options.low === undefined ? Number.MAX_VALUE : +options.low
+ };
+ var findHigh = options.high === undefined;
+ var findLow = options.low === undefined;
+
+ // Function to recursively walk through arrays and find highest and lowest number
+ function recursiveHighLow(data) {
+ if(data === undefined) {
+ return undefined;
+ } else if(data instanceof Array) {
+ for (var i = 0; i < data.length; i++) {
+ recursiveHighLow(data[i]);
+ }
+ } else {
+ var value = dimension ? +data[dimension] : +data;
+
+ if (findHigh && value > highLow.high) {
+ highLow.high = value;
+ }
+
+ if (findLow && value < highLow.low) {
+ highLow.low = value;
+ }
+ }
+ }
+
+ // Start to find highest and lowest number recursively
+ if(findHigh || findLow) {
+ recursiveHighLow(data);
+ }
+
+ // Overrides of high / low based on reference value, it will make sure that the invisible reference value is
+ // used to generate the chart. This is useful when the chart always needs to contain the position of the
+ // invisible reference value in the view i.e. for bipolar scales.
+ if (options.referenceValue || options.referenceValue === 0) {
+ highLow.high = Math.max(options.referenceValue, highLow.high);
+ highLow.low = Math.min(options.referenceValue, highLow.low);
+ }
+
+ // If high and low are the same because of misconfiguration or flat data (only the same value) we need
+ // to set the high or low to 0 depending on the polarity
+ if (highLow.high <= highLow.low) {
+ // If both values are 0 we set high to 1
+ if (highLow.low === 0) {
+ highLow.high = 1;
+ } else if (highLow.low < 0) {
+ // If we have the same negative value for the bounds we set bounds.high to 0
+ highLow.high = 0;
+ } else if (highLow.high > 0) {
+ // If we have the same positive value for the bounds we set bounds.low to 0
+ highLow.low = 0;
+ } else {
+ // If data array was empty, values are Number.MAX_VALUE and -Number.MAX_VALUE. Set bounds to prevent errors
+ highLow.high = 1;
+ highLow.low = 0;
+ }
+ }
+
+ return highLow;
+ };
+
+ /**
+ * Checks if the value is a valid number or string with a number.
+ *
+ * @memberof Chartist.Core
+ * @param value
+ * @returns {Boolean}
+ */
+ Chartist.isNum = function(value) {
+ return !isNaN(value) && isFinite(value);
+ };
+
+ /**
+ * Returns true on all falsey values except the numeric value 0.
+ *
+ * @memberof Chartist.Core
+ * @param value
+ * @returns {boolean}
+ */
+ Chartist.isFalseyButZero = function(value) {
+ return !value && value !== 0;
+ };
+
+ /**
+ * Returns a number if the passed parameter is a valid number or the function will return undefined. On all other values than a valid number, this function will return undefined.
+ *
+ * @memberof Chartist.Core
+ * @param value
+ * @returns {*}
+ */
+ Chartist.getNumberOrUndefined = function(value) {
+ return isNaN(+value) ? undefined : +value;
+ };
+
+ /**
+ * Gets a value from a dimension `value.x` or `value.y` while returning value directly if it's a valid numeric value. If the value is not numeric and it's falsey this function will return undefined.
+ *
+ * @param value
+ * @param dimension
+ * @returns {*}
+ */
+ Chartist.getMultiValue = function(value, dimension) {
+ if(Chartist.isNum(value)) {
+ return +value;
+ } else if(value) {
+ return value[dimension || 'y'] || 0;
+ } else {
+ return 0;
+ }
+ };
+
+ /**
+ * Pollard Rho Algorithm to find smallest factor of an integer value. There are more efficient algorithms for factorization, but this one is quite efficient and not so complex.
+ *
+ * @memberof Chartist.Core
+ * @param {Number} num An integer number where the smallest factor should be searched for
+ * @returns {Number} The smallest integer factor of the parameter num.
+ */
+ Chartist.rho = function(num) {
+ if(num === 1) {
+ return num;
+ }
+
+ function gcd(p, q) {
+ if (p % q === 0) {
+ return q;
+ } else {
+ return gcd(q, p % q);
+ }
+ }
+
+ function f(x) {
+ return x * x + 1;
+ }
+
+ var x1 = 2, x2 = 2, divisor;
+ if (num % 2 === 0) {
+ return 2;
+ }
+
+ do {
+ x1 = f(x1) % num;
+ x2 = f(f(x2)) % num;
+ divisor = gcd(Math.abs(x1 - x2), num);
+ } while (divisor === 1);
+
+ return divisor;
+ };
+
+ /**
+ * Calculate and retrieve all the bounds for the chart and return them in one array
+ *
+ * @memberof Chartist.Core
+ * @param {Number} axisLength The length of the Axis used for
+ * @param {Object} highLow An object containing a high and low property indicating the value range of the chart.
+ * @param {Number} scaleMinSpace The minimum projected length a step should result in
+ * @param {Boolean} onlyInteger
+ * @return {Object} All the values to set the bounds of the chart
+ */
+ Chartist.getBounds = function (axisLength, highLow, scaleMinSpace, onlyInteger) {
+ var i,
+ optimizationCounter = 0,
+ newMin,
+ newMax,
+ bounds = {
+ high: highLow.high,
+ low: highLow.low
+ };
+
+ bounds.valueRange = bounds.high - bounds.low;
+ bounds.oom = Chartist.orderOfMagnitude(bounds.valueRange);
+ bounds.step = Math.pow(10, bounds.oom);
+ bounds.min = Math.floor(bounds.low / bounds.step) * bounds.step;
+ bounds.max = Math.ceil(bounds.high / bounds.step) * bounds.step;
+ bounds.range = bounds.max - bounds.min;
+ bounds.numberOfSteps = Math.round(bounds.range / bounds.step);
+
+ // Optimize scale step by checking if subdivision is possible based on horizontalGridMinSpace
+ // If we are already below the scaleMinSpace value we will scale up
+ var length = Chartist.projectLength(axisLength, bounds.step, bounds);
+ var scaleUp = length < scaleMinSpace;
+ var smallestFactor = onlyInteger ? Chartist.rho(bounds.range) : 0;
+
+ // First check if we should only use integer steps and if step 1 is still larger than scaleMinSpace so we can use 1
+ if(onlyInteger && Chartist.projectLength(axisLength, 1, bounds) >= scaleMinSpace) {
+ bounds.step = 1;
+ } else if(onlyInteger && smallestFactor < bounds.step && Chartist.projectLength(axisLength, smallestFactor, bounds) >= scaleMinSpace) {
+ // If step 1 was too small, we can try the smallest factor of range
+ // If the smallest factor is smaller than the current bounds.step and the projected length of smallest factor
+ // is larger than the scaleMinSpace we should go for it.
+ bounds.step = smallestFactor;
+ } else {
+ // Trying to divide or multiply by 2 and find the best step value
+ while (true) {
+ if (scaleUp && Chartist.projectLength(axisLength, bounds.step, bounds) <= scaleMinSpace) {
+ bounds.step *= 2;
+ } else if (!scaleUp && Chartist.projectLength(axisLength, bounds.step / 2, bounds) >= scaleMinSpace) {
+ bounds.step /= 2;
+ if(onlyInteger && bounds.step % 1 !== 0) {
+ bounds.step *= 2;
+ break;
+ }
+ } else {
+ break;
+ }
+
+ if(optimizationCounter++ > 1000) {
+ throw new Error('Exceeded maximum number of iterations while optimizing scale step!');
+ }
+ }
+ }
+
+ // Narrow min and max based on new step
+ newMin = bounds.min;
+ newMax = bounds.max;
+ while(newMin + bounds.step <= bounds.low) {
+ newMin += bounds.step;
+ }
+ while(newMax - bounds.step >= bounds.high) {
+ newMax -= bounds.step;
+ }
+ bounds.min = newMin;
+ bounds.max = newMax;
+ bounds.range = bounds.max - bounds.min;
+
+ bounds.values = [];
+ for (i = bounds.min; i <= bounds.max; i += bounds.step) {
+ bounds.values.push(Chartist.roundWithPrecision(i));
+ }
+
+ return bounds;
+ };
+
+ // /**
+ // * Calculate cartesian coordinates of polar coordinates
+ // *
+ // * @memberof Chartist.Core
+ // * @param {Number} centerX X-axis coordinates of center point of circle segment
+ // * @param {Number} centerY X-axis coordinates of center point of circle segment
+ // * @param {Number} radius Radius of circle segment
+ // * @param {Number} angleInDegrees Angle of circle segment in degrees
+ // * @return {{x:Number, y:Number}} Coordinates of point on circumference
+ // */
+ // Chartist.polarToCartesian = function (centerX, centerY, radius, angleInDegrees) {
+ // var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
+ //
+ // return {
+ // x: centerX + (radius * Math.cos(angleInRadians)),
+ // y: centerY + (radius * Math.sin(angleInRadians))
+ // };
+ // };
+
+ /**
+ * Initialize chart drawing rectangle (area where chart is drawn) x1,y1 = bottom left / x2,y2 = top right
+ *
+ * @memberof Chartist.Core
+ * @param {Object} svg The svg element for the chart
+ * @param {Object} options The Object that contains all the optional values for the chart
+ * @param {Number} [fallbackPadding] The fallback padding if partial padding objects are used
+ * @return {Object} The chart rectangles coordinates inside the svg element plus the rectangles measurements
+ */
+ Chartist.createChartRect = function (svg, options, fallbackPadding) {
+ var hasAxis = !!(options.axisX || options.axisY);
+ var yAxisOffset = hasAxis ? options.axisY.offset : 0;
+ var xAxisOffset = hasAxis ? options.axisX.offset : 0;
+ // If width or height results in invalid value (including 0) we fallback to the unitless settings or even 0
+ var width = svg.width() || Chartist.quantity(options.width).value || 0;
+ var height = svg.height() || Chartist.quantity(options.height).value || 0;
+ var normalizedPadding = Chartist.normalizePadding(options.chartPadding, fallbackPadding);
+
+ // If settings were to small to cope with offset (legacy) and padding, we'll adjust
+ width = Math.max(width, yAxisOffset + normalizedPadding.left + normalizedPadding.right);
+ height = Math.max(height, xAxisOffset + normalizedPadding.top + normalizedPadding.bottom);
+
+ var chartRect = {
+ padding: normalizedPadding,
+ width: function () {
+ return this.x2 - this.x1;
+ },
+ height: function () {
+ return this.y1 - this.y2;
+ }
+ };
+
+ if(hasAxis) {
+ if (options.axisX.position === 'start') {
+ chartRect.y2 = normalizedPadding.top + xAxisOffset;
+ chartRect.y1 = Math.max(height - normalizedPadding.bottom, chartRect.y2 + 1);
+ } else {
+ chartRect.y2 = normalizedPadding.top;
+ chartRect.y1 = Math.max(height - normalizedPadding.bottom - xAxisOffset, chartRect.y2 + 1);
+ }
+
+ if (options.axisY.position === 'start') {
+ chartRect.x1 = normalizedPadding.left + yAxisOffset;
+ chartRect.x2 = Math.max(width - normalizedPadding.right, chartRect.x1 + 1);
+ } else {
+ chartRect.x1 = normalizedPadding.left;
+ chartRect.x2 = Math.max(width - normalizedPadding.right - yAxisOffset, chartRect.x1 + 1);
+ }
+ } else {
+ chartRect.x1 = normalizedPadding.left;
+ chartRect.x2 = Math.max(width - normalizedPadding.right, chartRect.x1 + 1);
+ chartRect.y2 = normalizedPadding.top;
+ chartRect.y1 = Math.max(height - normalizedPadding.bottom, chartRect.y2 + 1);
+ }
+
+ return chartRect;
+ };
+
+ /**
+ * Creates a grid line based on a projected value.
+ *
+ * @memberof Chartist.Core
+ * @param position
+ * @param index
+ * @param axis
+ * @param offset
+ * @param length
+ * @param group
+ * @param classes
+ * @param eventEmitter
+ */
+ Chartist.createGrid = function(position, index, axis, offset, length, group, classes, eventEmitter) {
+ var positionalData = {};
+ positionalData[axis.units.pos + '1'] = Math.round(position)+0.5;
+ positionalData[axis.units.pos + '2'] = Math.round(position)+0.5; // EDITED: fix blurred grid
+ positionalData[axis.counterUnits.pos + '1'] = offset;
+ positionalData[axis.counterUnits.pos + '2'] = offset + length;
+
+ var gridElement = group.elem('line', positionalData, classes.join(' '));
+
+ // Event for grid draw
+ eventEmitter.emit('draw',
+ Chartist.extend({
+ type: 'grid',
+ axis: axis,
+ index: index,
+ group: group,
+ element: gridElement
+ }, positionalData)
+ );
+ };
+
+ /**
+ * Creates a label based on a projected value and an axis.
+ *
+ * @memberof Chartist.Core
+ * @param position
+ * @param length
+ * @param index
+ * @param labels
+ * @param axis
+ * @param axisOffset
+ * @param labelOffset
+ * @param group
+ * @param classes
+ * @param useForeignObject
+ * @param eventEmitter
+ */
+ Chartist.createLabel = function(position, length, index, labels, axis, axisOffset, labelOffset, group, classes, useForeignObject, eventEmitter) {
+ var labelElement;
+ var positionalData = {};
+
+ positionalData[axis.units.pos] = position + labelOffset[axis.units.pos];
+ positionalData[axis.counterUnits.pos] = labelOffset[axis.counterUnits.pos];
+ positionalData[axis.units.len] = length;
+ positionalData[axis.counterUnits.len] = axisOffset - 10;
+
+ var lblText = labels[index];
+
+ if (_.isNumber(lblText)) {
+ lblText = Chartist.roundWithPrecision(lblText, 2);
+ }
+
+ if(useForeignObject) {
+ // We need to set width and height explicitly to px as span will not expand with width and height being
+ // 100% in all browsers
+ var content = '' +
+ lblText + '';
+
+ labelElement = group.foreignObject(content, Chartist.extend({
+ style: 'overflow: visible;'
+ }, positionalData));
+ } else {
+ labelElement = group.elem('text', positionalData, classes.join(' ')).text(lblText);
+ }
+
+ eventEmitter.emit('draw', Chartist.extend({
+ type: 'label',
+ axis: axis,
+ index: index,
+ group: group,
+ element: labelElement,
+ text: lblText
+ }, positionalData));
+ };
+
+ /**
+ * Helper to read series specific options from options object. It automatically falls back to the global option if
+ * there is no option in the series options.
+ *
+ * @param {Object} series Series object
+ * @param {Object} options Chartist options object
+ * @param {string} key The options key that should be used to obtain the options
+ * @returns {*}
+ */
+ Chartist.getSeriesOption = function(series, options, key) {
+ if(series.name && options.series && options.series[series.name]) {
+ var seriesOptions = options.series[series.name];
+ return seriesOptions.hasOwnProperty(key) ? seriesOptions[key] : options[key];
+ } else {
+ return options[key];
+ }
+ };
+
+ /**
+ * Provides options handling functionality with callback for options changes triggered by responsive options and media query matches
+ *
+ * @memberof Chartist.Core
+ * @param {Object} options Options set by user
+ * @param {Array} responsiveOptions Optional functions to add responsive behavior to chart
+ * @param {Object} eventEmitter The event emitter that will be used to emit the options changed events
+ * @return {Object} The consolidated options object from the defaults, base and matching responsive options
+ */
+ Chartist.optionsProvider = function (options, responsiveOptions, eventEmitter) {
+ var baseOptions = Chartist.extend({}, options),
+ currentOptions,
+ mediaQueryListeners = [],
+ i;
+
+ function updateCurrentOptions(preventChangedEvent) {
+ var previousOptions = currentOptions;
+ currentOptions = Chartist.extend({}, baseOptions);
+
+ if (responsiveOptions) {
+ for (i = 0; i < responsiveOptions.length; i++) {
+ var mql = window.matchMedia(responsiveOptions[i][0]);
+ if (mql.matches) {
+ currentOptions = Chartist.extend(currentOptions, responsiveOptions[i][1]);
+ }
+ }
+ }
+
+ if(eventEmitter && !preventChangedEvent) {
+ eventEmitter.emit('optionsChanged', {
+ previousOptions: previousOptions,
+ currentOptions: currentOptions
+ });
+ }
+ }
+
+ function removeMediaQueryListeners() {
+ mediaQueryListeners.forEach(function(mql) {
+ mql.removeListener(updateCurrentOptions);
+ });
+ }
+
+ if (!window.matchMedia) {
+ throw 'window.matchMedia not found! Make sure you\'re using a polyfill.';
+ } else if (responsiveOptions) {
+
+ for (i = 0; i < responsiveOptions.length; i++) {
+ var mql = window.matchMedia(responsiveOptions[i][0]);
+ mql.addListener(updateCurrentOptions);
+ mediaQueryListeners.push(mql);
+ }
+ }
+ // Execute initially so we get the correct options
+ updateCurrentOptions(true);
+
+ return {
+ removeMediaQueryListeners: removeMediaQueryListeners,
+ getCurrentOptions: function getCurrentOptions() {
+ return Chartist.extend({}, currentOptions);
+ }
+ };
+ };
+
+}(window, document, Chartist));
+;/**
+ * Chartist path interpolation functions.
+ *
+ * @module Chartist.Interpolation
+ */
+/* global Chartist */
+(function(window, document, Chartist) {
+ 'use strict';
+
+ Chartist.Interpolation = {};
+
+ /**
+ * This interpolation function does not smooth the path and the result is only containing lines and no curves.
+ *
+ * @example
+ * var chart = new Chartist.Line('.ct-chart', {
+ * labels: [1, 2, 3, 4, 5],
+ * series: [[1, 2, 8, 1, 7]]
+ * }, {
+ * lineSmooth: Chartist.Interpolation.none({
+ * fillHoles: false
+ * })
+ * });
+ *
+ *
+ * @memberof Chartist.Interpolation
+ * @return {Function}
+ */
+ Chartist.Interpolation.none = function(options) {
+ var defaultOptions = {
+ fillHoles: false
+ };
+ options = Chartist.extend({}, defaultOptions, options);
+ return function none(pathCoordinates, valueData) {
+ var path = new Chartist.Svg.Path();
+ var hole = true;
+
+ for(var i = 0; i < pathCoordinates.length; i += 2) {
+ var currX = pathCoordinates[i];
+ var currY = pathCoordinates[i + 1];
+ var currData = valueData[i / 2];
+
+ if(currData.value !== undefined) {
+
+ if(hole) {
+ path.move(currX, currY, false, currData);
+ } else {
+ path.line(currX, currY, false, currData);
+ }
+
+ hole = false;
+ } else if(!options.fillHoles) {
+ hole = true;
+ }
+ }
+
+ return path;
+ };
+ };
+
+ /**
+ * Simple smoothing creates horizontal handles that are positioned with a fraction of the length between two data points. You can use the divisor option to specify the amount of smoothing.
+ *
+ * Simple smoothing can be used instead of `Chartist.Smoothing.cardinal` if you'd like to get rid of the artifacts it produces sometimes. Simple smoothing produces less flowing lines but is accurate by hitting the points and it also doesn't swing below or above the given data point.
+ *
+ * All smoothing functions within Chartist are factory functions that accept an options parameter. The simple interpolation function accepts one configuration parameter `divisor`, between 1 and ∞, which controls the smoothing characteristics.
+ *
+ * @example
+ * var chart = new Chartist.Line('.ct-chart', {
+ * labels: [1, 2, 3, 4, 5],
+ * series: [[1, 2, 8, 1, 7]]
+ * }, {
+ * lineSmooth: Chartist.Interpolation.simple({
+ * divisor: 2,
+ * fillHoles: false
+ * })
+ * });
+ *
+ *
+ * @memberof Chartist.Interpolation
+ * @param {Object} options The options of the simple interpolation factory function.
+ * @return {Function}
+ */
+ Chartist.Interpolation.simple = function(options) {
+ var defaultOptions = {
+ divisor: 2,
+ fillHoles: false
+ };
+ options = Chartist.extend({}, defaultOptions, options);
+
+ var d = 1 / Math.max(1, options.divisor);
+
+ return function simple(pathCoordinates, valueData) {
+ var path = new Chartist.Svg.Path();
+ var prevX, prevY, prevData;
+
+ for(var i = 0; i < pathCoordinates.length; i += 2) {
+ var currX = pathCoordinates[i];
+ var currY = pathCoordinates[i + 1];
+ var length = (currX - prevX) * d;
+ var currData = valueData[i / 2];
+
+ if(currData.value !== undefined) {
+
+ if(prevData === undefined) {
+ path.move(currX, currY, false, currData);
+ } else {
+ path.curve(
+ prevX + length,
+ prevY,
+ currX - length,
+ currY,
+ currX,
+ currY,
+ false,
+ currData
+ );
+ }
+
+ prevX = currX;
+ prevY = currY;
+ prevData = currData;
+ } else if(!options.fillHoles) {
+ prevX = currX = prevData = undefined;
+ }
+ }
+
+ return path;
+ };
+ };
+
+ // /**
+ // * Cardinal / Catmull-Rome spline interpolation is the default smoothing function in Chartist. It produces nice results where the splines will always meet the points. It produces some artifacts though when data values are increased or decreased rapidly. The line may not follow a very accurate path and if the line should be accurate this smoothing function does not produce the best results.
+ // *
+ // * Cardinal splines can only be created if there are more than two data points. If this is not the case this smoothing will fallback to `Chartist.Smoothing.none`.
+ // *
+ // * All smoothing functions within Chartist are factory functions that accept an options parameter. The cardinal interpolation function accepts one configuration parameter `tension`, between 0 and 1, which controls the smoothing intensity.
+ // *
+ // * @example
+ // * var chart = new Chartist.Line('.ct-chart', {
+ // * labels: [1, 2, 3, 4, 5],
+ // * series: [[1, 2, 8, 1, 7]]
+ // * }, {
+ // * lineSmooth: Chartist.Interpolation.cardinal({
+ // * tension: 1,
+ // * fillHoles: false
+ // * })
+ // * });
+ // *
+ // * @memberof Chartist.Interpolation
+ // * @param {Object} options The options of the cardinal factory function.
+ // * @return {Function}
+ // */
+ // Chartist.Interpolation.cardinal = function(options) {
+ // var defaultOptions = {
+ // tension: 1,
+ // fillHoles: false
+ // };
+ //
+ // options = Chartist.extend({}, defaultOptions, options);
+ //
+ // var t = Math.min(1, Math.max(0, options.tension)),
+ // c = 1 - t;
+ //
+ // // This function will help us to split pathCoordinates and valueData into segments that also contain pathCoordinates
+ // // and valueData. This way the existing functions can be reused and the segment paths can be joined afterwards.
+ // // This functionality is necessary to treat "holes" in the line charts
+ // function splitIntoSegments(pathCoordinates, valueData) {
+ // var segments = [];
+ // var hole = true;
+ //
+ // for(var i = 0; i < pathCoordinates.length; i += 2) {
+ // // If this value is a "hole" we set the hole flag
+ // if(valueData[i / 2].value === undefined) {
+ // if(!options.fillHoles) {
+ // hole = true;
+ // }
+ // } else {
+ // // If it's a valid value we need to check if we're coming out of a hole and create a new empty segment
+ // if(hole) {
+ // segments.push({
+ // pathCoordinates: [],
+ // valueData: []
+ // });
+ // // As we have a valid value now, we are not in a "hole" anymore
+ // hole = false;
+ // }
+ //
+ // // Add to the segment pathCoordinates and valueData
+ // segments[segments.length - 1].pathCoordinates.push(pathCoordinates[i], pathCoordinates[i + 1]);
+ // segments[segments.length - 1].valueData.push(valueData[i / 2]);
+ // }
+ // }
+ //
+ // return segments;
+ // }
+ //
+ // return function cardinal(pathCoordinates, valueData) {
+ // // First we try to split the coordinates into segments
+ // // This is necessary to treat "holes" in line charts
+ // var segments = splitIntoSegments(pathCoordinates, valueData);
+ //
+ // if(!segments.length) {
+ // // If there were no segments return 'Chartist.Interpolation.none'
+ // return Chartist.Interpolation.none()([]);
+ // } else if(segments.length > 1) {
+ // // If the split resulted in more that one segment we need to interpolate each segment individually and join them
+ // // afterwards together into a single path.
+ // var paths = [];
+ // // For each segment we will recurse the cardinal function
+ // segments.forEach(function(segment) {
+ // paths.push(cardinal(segment.pathCoordinates, segment.valueData));
+ // });
+ // // Join the segment path data into a single path and return
+ // return Chartist.Svg.Path.join(paths);
+ // } else {
+ // // If there was only one segment we can proceed regularly by using pathCoordinates and valueData from the first
+ // // segment
+ // pathCoordinates = segments[0].pathCoordinates;
+ // valueData = segments[0].valueData;
+ //
+ // // If less than two points we need to fallback to no smoothing
+ // if(pathCoordinates.length <= 4) {
+ // return Chartist.Interpolation.none()(pathCoordinates, valueData);
+ // }
+ //
+ // var path = new Chartist.Svg.Path().move(pathCoordinates[0], pathCoordinates[1], false, valueData[0]),
+ // z;
+ //
+ // for (var i = 0, iLen = pathCoordinates.length; iLen - 2 * !z > i; i += 2) {
+ // var p = [
+ // {x: +pathCoordinates[i - 2], y: +pathCoordinates[i - 1]},
+ // {x: +pathCoordinates[i], y: +pathCoordinates[i + 1]},
+ // {x: +pathCoordinates[i + 2], y: +pathCoordinates[i + 3]},
+ // {x: +pathCoordinates[i + 4], y: +pathCoordinates[i + 5]}
+ // ];
+ // if (z) {
+ // if (!i) {
+ // p[0] = {x: +pathCoordinates[iLen - 2], y: +pathCoordinates[iLen - 1]};
+ // } else if (iLen - 4 === i) {
+ // p[3] = {x: +pathCoordinates[0], y: +pathCoordinates[1]};
+ // } else if (iLen - 2 === i) {
+ // p[2] = {x: +pathCoordinates[0], y: +pathCoordinates[1]};
+ // p[3] = {x: +pathCoordinates[2], y: +pathCoordinates[3]};
+ // }
+ // } else {
+ // if (iLen - 4 === i) {
+ // p[3] = p[2];
+ // } else if (!i) {
+ // p[0] = {x: +pathCoordinates[i], y: +pathCoordinates[i + 1]};
+ // }
+ // }
+ //
+ // path.curve(
+ // (t * (-p[0].x + 6 * p[1].x + p[2].x) / 6) + (c * p[2].x),
+ // (t * (-p[0].y + 6 * p[1].y + p[2].y) / 6) + (c * p[2].y),
+ // (t * (p[1].x + 6 * p[2].x - p[3].x) / 6) + (c * p[2].x),
+ // (t * (p[1].y + 6 * p[2].y - p[3].y) / 6) + (c * p[2].y),
+ // p[2].x,
+ // p[2].y,
+ // false,
+ // valueData[(i + 2) / 2]
+ // );
+ // }
+ //
+ // return path;
+ // }
+ // };
+ // };
+
+
+ /**
+ * Monotone Cubic spline interpolation produces a smooth curve which preserves monotonicity. Unlike cardinal splines, the curve will not extend beyond the range of y-values of the original data points.
+ *
+ * Monotone Cubic splines can only be created if there are more than two data points. If this is not the case this smoothing will fallback to `Chartist.Smoothing.none`.
+ *
+ * The x-values of subsequent points must be increasing to fit a Monotone Cubic spline. If this condition is not met for a pair of adjacent points, then there will be a break in the curve between those data points.
+ *
+ * All smoothing functions within Chartist are factory functions that accept an options parameter.
+ *
+ * @example
+ * var chart = new Chartist.Line('.ct-chart', {
+ * labels: [1, 2, 3, 4, 5],
+ * series: [[1, 2, 8, 1, 7]]
+ * }, {
+ * lineSmooth: Chartist.Interpolation.monotoneCubic({
+ * fillHoles: false
+ * })
+ * });
+ *
+ * @memberof Chartist.Interpolation
+ * @param {Object} options The options of the monotoneCubic factory function.
+ * @return {Function}
+ */
+ Chartist.Interpolation.monotoneCubic = function(options) {
+ var defaultOptions = {
+ fillHoles: false
+ };
+
+ options = Chartist.extend({}, defaultOptions, options);
+
+ // This function will help us to split pathCoordinates and valueData into segments that also contain pathCoordinates
+ // and valueData. This way the existing functions can be reused and the segment paths can be joined afterwards.
+ // This functionality is necessary to treat "holes" in the line charts
+ function splitIntoSegments(pathCoordinates, valueData) {
+ var segments = [];
+ var hole = true;
+
+ for(var i = 0; i < pathCoordinates.length; i += 2) {
+ // If this value is a "hole" we set the hole flag
+ if(valueData[i / 2].value === undefined) {
+ if(!options.fillHoles) {
+ hole = true;
+ }
+ } else if(i >= 2 && pathCoordinates[i] <= pathCoordinates[i-2]) {
+ // Because we are doing monotone interpolation, curve fitting only makes sense for
+ // increasing x values. Therefore if two subsequent points have the same x value, or
+ // the x value is decreasing, then we create a hole at this point. (Which cannot be
+ // filled in even with the 'fillHoles' option)
+
+ hole = true;
+ } else {
+ // If it's a valid value we need to check if we're coming out of a hole and create a new empty segment
+ if(hole) {
+ segments.push({
+ pathCoordinates: [],
+ valueData: []
+ });
+ // As we have a valid value now, we are not in a "hole" anymore
+ hole = false;
+ }
+
+ // Add to the segment pathCoordinates and valueData
+ segments[segments.length - 1].pathCoordinates.push(pathCoordinates[i], pathCoordinates[i + 1]);
+ segments[segments.length - 1].valueData.push(valueData[i / 2]);
+ }
+ }
+
+ return segments;
+ }
+
+ return function monotoneCubic(pathCoordinates, valueData) {
+ // First we try to split the coordinates into segments
+ // This is necessary to treat "holes" in line charts
+ var segments = splitIntoSegments(pathCoordinates, valueData);
+
+ if(!segments.length) {
+ // If there were no segments return 'Chartist.Interpolation.none'
+ return Chartist.Interpolation.none()([]);
+ } else if(segments.length > 1) {
+ // If the split resulted in more that one segment we need to interpolate each segment individually and join them
+ // afterwards together into a single path.
+ var paths = [];
+ // For each segment we will recurse the monotoneCubic fn function
+ segments.forEach(function(segment) {
+ paths.push(monotoneCubic(segment.pathCoordinates, segment.valueData));
+ });
+ // Join the segment path data into a single path and return
+ return Chartist.Svg.Path.join(paths);
+ } else {
+ // If there was only one segment we can proceed regularly by using pathCoordinates and valueData from the first
+ // segment
+ pathCoordinates = segments[0].pathCoordinates;
+ valueData = segments[0].valueData;
+
+ // If less than three points we need to fallback to no smoothing
+ if(pathCoordinates.length <= 4) {
+ return Chartist.Interpolation.none()(pathCoordinates, valueData);
+ }
+
+ var xs = [],
+ ys = [],
+ i,
+ n = pathCoordinates.length / 2,
+ ms = [],
+ ds = [], dys = [], dxs = [],
+ path;
+
+ // Populate x and y coordinates into separate arrays, for readability
+
+ for(i = 0; i < n; i++) {
+ xs[i] = pathCoordinates[i * 2];
+ ys[i] = pathCoordinates[i * 2 + 1];
+ }
+
+ // Calculate deltas and derivative
+
+ for(i = 0; i < n - 1; i++) {
+ dys[i] = ys[i + 1] - ys[i];
+ dxs[i] = xs[i + 1] - xs[i];
+ ds[i] = dys[i] / dxs[i];
+ }
+
+ // Determine desired slope (m) at each point using Fritsch-Carlson method
+ // See: http://math.stackexchange.com/questions/45218/implementation-of-monotone-cubic-interpolation
+
+ ms[0] = ds[0];
+ ms[n - 1] = ds[n - 2];
+
+ for(i = 1; i < n - 1; i++) {
+ if(ds[i] === 0 || ds[i - 1] === 0 || (ds[i - 1] > 0) !== (ds[i] > 0)) {
+ ms[i] = 0;
+ } else {
+ ms[i] = 3 * (dxs[i - 1] + dxs[i]) / (
+ (2 * dxs[i] + dxs[i - 1]) / ds[i - 1] +
+ (dxs[i] + 2 * dxs[i - 1]) / ds[i]);
+
+ if(!isFinite(ms[i])) {
+ ms[i] = 0;
+ }
+ }
+ }
+
+ // Now build a path from the slopes
+
+ path = new Chartist.Svg.Path().move(xs[0], ys[0], false, valueData[0]);
+
+ for(i = 0; i < n - 1; i++) {
+ path.curve(
+ // First control point
+ xs[i] + dxs[i] / 3,
+ ys[i] + ms[i] * dxs[i] / 3,
+ // Second control point
+ xs[i + 1] - dxs[i] / 3,
+ ys[i + 1] - ms[i + 1] * dxs[i] / 3,
+ // End point
+ xs[i + 1],
+ ys[i + 1],
+
+ false,
+ valueData[i + 1] // changed as per patch on github
+ );
+ }
+
+ return path;
+ }
+ };
+ };
+
+ /**
+ * Step interpolation will cause the line chart to move in steps rather than diagonal or smoothed lines. This interpolation will create additional points that will also be drawn when the `showPoint` option is enabled.
+ *
+ * All smoothing functions within Chartist are factory functions that accept an options parameter. The step interpolation function accepts one configuration parameter `postpone`, that can be `true` or `false`. The default value is `true` and will cause the step to occur where the value actually changes. If a different behaviour is needed where the step is shifted to the left and happens before the actual value, this option can be set to `false`.
+ *
+ * @example
+ * var chart = new Chartist.Line('.ct-chart', {
+ * labels: [1, 2, 3, 4, 5],
+ * series: [[1, 2, 8, 1, 7]]
+ * }, {
+ * lineSmooth: Chartist.Interpolation.step({
+ * postpone: true,
+ * fillHoles: false
+ * })
+ * });
+ *
+ * @memberof Chartist.Interpolation
+ * @param options
+ * @returns {Function}
+ */
+ Chartist.Interpolation.step = function(options) {
+ var defaultOptions = {
+ postpone: true,
+ fillHoles: false
+ };
+
+ options = Chartist.extend({}, defaultOptions, options);
+
+ return function step(pathCoordinates, valueData) {
+ var path = new Chartist.Svg.Path();
+
+ var prevX, prevY, prevData;
+
+ for (var i = 0; i < pathCoordinates.length; i += 2) {
+ var currX = pathCoordinates[i];
+ var currY = pathCoordinates[i + 1];
+ var currData = valueData[i / 2];
+
+ // If the current point is also not a hole we can draw the step lines
+ if(currData.value !== undefined) {
+ if(prevData === undefined) {
+ path.move(currX, currY, false, currData);
+ } else {
+ if(options.postpone) {
+ // If postponed we should draw the step line with the value of the previous value
+ path.line(currX, prevY, false, prevData);
+ } else {
+ // If not postponed we should draw the step line with the value of the current value
+ path.line(prevX, currY, false, currData);
+ }
+ // Line to the actual point (this should only be a Y-Axis movement
+ path.line(currX, currY, false, currData);
+ }
+
+ prevX = currX;
+ prevY = currY;
+ prevData = currData;
+ } else if(!options.fillHoles) {
+ prevX = prevY = prevData = undefined;
+ }
+ }
+
+ return path;
+ };
+ };
+
+}(window, document, Chartist));
+;/**
+ * A very basic event module that helps to generate and catch events.
+ *
+ * @module Chartist.Event
+ */
+/* global Chartist */
+(function (window, document, Chartist) {
+ 'use strict';
+
+ Chartist.EventEmitter = function () {
+ var handlers = [];
+
+ /**
+ * Add an event handler for a specific event
+ *
+ * @memberof Chartist.Event
+ * @param {String} event The event name
+ * @param {Function} handler A event handler function
+ */
+ function addEventHandler(event, handler) {
+ handlers[event] = handlers[event] || [];
+ handlers[event].push(handler);
+ }
+
+ /**
+ * Remove an event handler of a specific event name or remove all event handlers for a specific event.
+ *
+ * @memberof Chartist.Event
+ * @param {String} event The event name where a specific or all handlers should be removed
+ * @param {Function} [handler] An optional event handler function. If specified only this specific handler will be removed and otherwise all handlers are removed.
+ */
+ function removeEventHandler(event, handler) {
+ // Only do something if there are event handlers with this name existing
+ if(handlers[event]) {
+ // If handler is set we will look for a specific handler and only remove this
+ if(handler) {
+ handlers[event].splice(handlers[event].indexOf(handler), 1);
+ if(handlers[event].length === 0) {
+ delete handlers[event];
+ }
+ } else {
+ // If no handler is specified we remove all handlers for this event
+ delete handlers[event];
+ }
+ }
+ }
+
+ /**
+ * Use this function to emit an event. All handlers that are listening for this event will be triggered with the data parameter.
+ *
+ * @memberof Chartist.Event
+ * @param {String} event The event name that should be triggered
+ * @param {*} data Arbitrary data that will be passed to the event handler callback functions
+ */
+ function emit(event, data) {
+ // Only do something if there are event handlers with this name existing
+ if(handlers[event]) {
+ handlers[event].forEach(function(handler) {
+ handler(data);
+ });
+ }
+
+ // Emit event to star event handlers
+ if(handlers['*']) {
+ handlers['*'].forEach(function(starHandler) {
+ starHandler(event, data);
+ });
+ }
+ }
+
+ return {
+ addEventHandler: addEventHandler,
+ removeEventHandler: removeEventHandler,
+ emit: emit
+ };
+ };
+
+}(window, document, Chartist));
+;/**
+ * This module provides some basic prototype inheritance utilities.
+ *
+ * @module Chartist.Class
+ */
+/* global Chartist */
+(function(window, document, Chartist) {
+ 'use strict';
+
+ function listToArray(list) {
+ var arr = [];
+ if (list.length) {
+ for (var i = 0; i < list.length; i++) {
+ arr.push(list[i]);
+ }
+ }
+ return arr;
+ }
+
+ /**
+ * Method to extend from current prototype.
+ *
+ * @memberof Chartist.Class
+ * @param {Object} properties The object that serves as definition for the prototype that gets created for the new class. This object should always contain a constructor property that is the desired constructor for the newly created class.
+ * @param {Object} [superProtoOverride] By default extens will use the current class prototype or Chartist.class. With this parameter you can specify any super prototype that will be used.
+ * @return {Function} Constructor function of the new class
+ *
+ * @example
+ * var Fruit = Class.extend({
+ * color: undefined,
+ * sugar: undefined,
+ *
+ * constructor: function(color, sugar) {
+ * this.color = color;
+ * this.sugar = sugar;
+ * },
+ *
+ * eat: function() {
+ * this.sugar = 0;
+ * return this;
+ * }
+ * });
+ *
+ * var Banana = Fruit.extend({
+ * length: undefined,
+ *
+ * constructor: function(length, sugar) {
+ * Banana.super.constructor.call(this, 'Yellow', sugar);
+ * this.length = length;
+ * }
+ * });
+ *
+ * var banana = new Banana(20, 40);
+ * console.log('banana instanceof Fruit', banana instanceof Fruit);
+ * console.log('Fruit is prototype of banana', Fruit.prototype.isPrototypeOf(banana));
+ * console.log('bananas prototype is Fruit', Object.getPrototypeOf(banana) === Fruit.prototype);
+ * console.log(banana.sugar);
+ * console.log(banana.eat().sugar);
+ * console.log(banana.color);
+ */
+ function extend(properties, superProtoOverride) {
+ var superProto = superProtoOverride || this.prototype || Chartist.Class;
+ var proto = Object.create(superProto);
+
+ Chartist.Class.cloneDefinitions(proto, properties);
+
+ var constr = function() {
+ var fn = proto.constructor || function () {},
+ instance;
+
+ // If this is linked to the Chartist namespace the constructor was not called with new
+ // To provide a fallback we will instantiate here and return the instance
+ instance = this === Chartist ? Object.create(proto) : this;
+ fn.apply(instance, Array.prototype.slice.call(arguments, 0));
+
+ // If this constructor was not called with new we need to return the instance
+ // This will not harm when the constructor has been called with new as the returned value is ignored
+ return instance;
+ };
+
+ constr.prototype = proto;
+ constr['super'] = superProto;
+ constr.extend = this.extend;
+
+ return constr;
+ }
+
+ // Variable argument list clones args > 0 into args[0] and retruns modified args[0]
+ function cloneDefinitions() {
+ var args = listToArray(arguments);
+ var target = args[0];
+
+ args.splice(1, args.length - 1).forEach(function (source) {
+ Object.getOwnPropertyNames(source).forEach(function (propName) {
+ // If this property already exist in target we delete it first
+ delete target[propName];
+ // Define the property with the descriptor from source
+ Object.defineProperty(target, propName,
+ Object.getOwnPropertyDescriptor(source, propName));
+ });
+ });
+
+ return target;
+ }
+
+ Chartist.Class = {
+ extend: extend,
+ cloneDefinitions: cloneDefinitions
+ };
+
+}(window, document, Chartist));
+;/**
+ * Base for all chart types. The methods in Chartist.Base are inherited to all chart types.
+ *
+ * @module Chartist.Base
+ */
+/* global Chartist */
+(function(window, document, Chartist) {
+ 'use strict';
+
+ // TODO: Currently we need to re-draw the chart on window resize. This is usually very bad and will affect performance.
+ // This is done because we can't work with relative coordinates when drawing the chart because SVG Path does not
+ // work with relative positions yet. We need to check if we can do a viewBox hack to switch to percentage.
+ // See http://mozilla.6506.n7.nabble.com/Specyfing-paths-with-percentages-unit-td247474.html
+ // Update: can be done using the above method tested here: http://codepen.io/gionkunz/pen/KDvLj
+ // The problem is with the label offsets that can't be converted into percentage and affecting the chart container
+ /**
+ * Updates the chart which currently does a full reconstruction of the SVG DOM
+ *
+ * @param {Object} [data] Optional data you'd like to set for the chart before it will update. If not specified the update method will use the data that is already configured with the chart.
+ * @param {Object} [options] Optional options you'd like to add to the previous options for the chart before it will update. If not specified the update method will use the options that have been already configured with the chart.
+ * @param {Boolean} [override] If set to true, the passed options will be used to extend the options that have been configured already. Otherwise the chart default options will be used as the base
+ * @memberof Chartist.Base
+ */
+ function update(data, options, override) {
+ if(data) {
+ this.data = data;
+ // Event for data transformation that allows to manipulate the data before it gets rendered in the charts
+ this.eventEmitter.emit('data', {
+ type: 'update',
+ data: this.data
+ });
+ }
+
+ if(options) {
+ this.options = Chartist.extend({}, override ? this.options : this.defaultOptions, options);
+
+ // If chartist was not initialized yet, we just set the options and leave the rest to the initialization
+ // Otherwise we re-create the optionsProvider at this point
+ if(!this.initializeTimeoutId) {
+ this.optionsProvider.removeMediaQueryListeners();
+ this.optionsProvider = Chartist.optionsProvider(this.options, this.responsiveOptions, this.eventEmitter);
+ }
+ }
+
+ // Only re-created the chart if it has been initialized yet
+ if(!this.initializeTimeoutId) {
+ this.createChart(this.optionsProvider.getCurrentOptions());
+ }
+
+ // Return a reference to the chart object to chain up calls
+ return this;
+ }
+
+ /**
+ * This method can be called on the API object of each chart and will un-register all event listeners that were added to other components. This currently includes a window.resize listener as well as media query listeners if any responsive options have been provided. Use this function if you need to destroy and recreate Chartist charts dynamically.
+ *
+ * @memberof Chartist.Base
+ */
+ function detach() {
+ // Only detach if initialization already occurred on this chart. If this chart still hasn't initialized (therefore
+ // the initializationTimeoutId is still a valid timeout reference, we will clear the timeout
+ if(!this.initializeTimeoutId) {
+ window.removeEventListener('resize', this.resizeListener);
+ this.optionsProvider.removeMediaQueryListeners();
+ } else {
+ window.clearTimeout(this.initializeTimeoutId);
+ }
+
+ return this;
+ }
+
+ /**
+ * Use this function to register event handlers. The handler callbacks are synchronous and will run in the main thread rather than the event loop.
+ *
+ * @memberof Chartist.Base
+ * @param {String} event Name of the event. Check the examples for supported events.
+ * @param {Function} handler The handler function that will be called when an event with the given name was emitted. This function will receive a data argument which contains event data. See the example for more details.
+ */
+ function on(event, handler) {
+ this.eventEmitter.addEventHandler(event, handler);
+ return this;
+ }
+
+ /**
+ * Use this function to un-register event handlers. If the handler function parameter is omitted all handlers for the given event will be un-registered.
+ *
+ * @memberof Chartist.Base
+ * @param {String} event Name of the event for which a handler should be removed
+ * @param {Function} [handler] The handler function that that was previously used to register a new event handler. This handler will be removed from the event handler list. If this parameter is omitted then all event handlers for the given event are removed from the list.
+ */
+ function off(event, handler) {
+ this.eventEmitter.removeEventHandler(event, handler);
+ return this;
+ }
+
+ function initialize() {
+ // Add window resize listener that re-creates the chart
+ window.addEventListener('resize', this.resizeListener);
+
+ // Obtain current options based on matching media queries (if responsive options are given)
+ // This will also register a listener that is re-creating the chart based on media changes
+ this.optionsProvider = Chartist.optionsProvider(this.options, this.responsiveOptions, this.eventEmitter);
+ // Register options change listener that will trigger a chart update
+ this.eventEmitter.addEventHandler('optionsChanged', function() {
+ this.update();
+ }.bind(this));
+
+ // Before the first chart creation we need to register us with all plugins that are configured
+ // Initialize all relevant plugins with our chart object and the plugin options specified in the config
+ if(this.options.plugins) {
+ this.options.plugins.forEach(function(plugin) {
+ if(plugin instanceof Array) {
+ plugin[0](this, plugin[1]);
+ } else {
+ plugin(this);
+ }
+ }.bind(this));
+ }
+
+ // Event for data transformation that allows to manipulate the data before it gets rendered in the charts
+ this.eventEmitter.emit('data', {
+ type: 'initial',
+ data: this.data
+ });
+
+ // Create the first chart
+ this.createChart(this.optionsProvider.getCurrentOptions());
+
+ // As chart is initialized from the event loop now we can reset our timeout reference
+ // This is important if the chart gets initialized on the same element twice
+ this.initializeTimeoutId = undefined;
+ }
+
+ /**
+ * Constructor of chart base class.
+ *
+ * @param query
+ * @param data
+ * @param defaultOptions
+ * @param options
+ * @param responsiveOptions
+ * @constructor
+ */
+ function Base(query, data, defaultOptions, options, responsiveOptions) {
+ this.container = Chartist.querySelector(query);
+ this.data = data;
+ this.defaultOptions = defaultOptions;
+ this.options = options;
+ this.responsiveOptions = responsiveOptions;
+ this.eventEmitter = Chartist.EventEmitter();
+ this.supportsForeignObject = Chartist.Svg.isSupported('Extensibility');
+ this.supportsAnimations = Chartist.Svg.isSupported('AnimationEventsAttribute');
+ this.resizeListener = function resizeListener(){
+ this.update();
+ }.bind(this);
+
+ if(this.container) {
+ // If chartist was already initialized in this container we are detaching all event listeners first
+ if(this.container.__chartist__) {
+ this.container.__chartist__.detach();
+ }
+
+ this.container.__chartist__ = this;
+ }
+
+ // Using event loop for first draw to make it possible to register event listeners in the same call stack where
+ // the chart was created.
+ this.initializeTimeoutId = setTimeout(initialize.bind(this), 0);
+ }
+
+ // Creating the chart base class
+ Chartist.Base = Chartist.Class.extend({
+ constructor: Base,
+ optionsProvider: undefined,
+ container: undefined,
+ svg: undefined,
+ eventEmitter: undefined,
+ createChart: function() {
+ throw new Error('Base chart type can\'t be instantiated!');
+ },
+ update: update,
+ detach: detach,
+ on: on,
+ off: off,
+ version: Chartist.version,
+ supportsForeignObject: false
+ });
+
+}(window, document, Chartist));
+;/**
+ * Chartist SVG module for simple SVG DOM abstraction
+ *
+ * @module Chartist.Svg
+ */
+/* global Chartist */
+(function(window, document, Chartist) {
+ 'use strict';
+
+ /**
+ * Chartist.Svg creates a new SVG object wrapper with a starting element. You can use the wrapper to fluently create sub-elements and modify them.
+ *
+ * @memberof Chartist.Svg
+ * @constructor
+ * @param {String|Element} name The name of the SVG element to create or an SVG dom element which should be wrapped into Chartist.Svg
+ * @param {Object} attributes An object with properties that will be added as attributes to the SVG element that is created. Attributes with undefined values will not be added.
+ * @param {String} className This class or class list will be added to the SVG element
+ * @param {Object} parent The parent SVG wrapper object where this newly created wrapper and it's element will be attached to as child
+ * @param {Boolean} insertFirst If this param is set to true in conjunction with a parent element the newly created element will be added as first child element in the parent element
+ */
+ function Svg(name, attributes, className, parent, insertFirst) {
+ // If Svg is getting called with an SVG element we just return the wrapper
+ if(name instanceof Element) {
+ this._node = name;
+ } else {
+ this._node = document.createElementNS(Chartist.namespaces.svg, name);
+
+ // If this is an SVG element created then custom namespace
+ if(name === 'svg') {
+ this.attr({
+ 'xmlns:ct': Chartist.namespaces.ct
+ });
+ }
+ }
+
+ if(attributes) {
+ this.attr(attributes);
+ }
+
+ if(className) {
+ this.addClass(className);
+ }
+
+ if(parent) {
+ if (insertFirst && parent._node.firstChild) {
+ parent._node.insertBefore(this._node, parent._node.firstChild);
+ } else {
+ parent._node.appendChild(this._node);
+ }
+ }
+ }
+
+ /**
+ * Set attributes on the current SVG element of the wrapper you're currently working on.
+ *
+ * @memberof Chartist.Svg
+ * @param {Object|String} attributes An object with properties that will be added as attributes to the SVG element that is created. Attributes with undefined values will not be added. If this parameter is a String then the function is used as a getter and will return the attribute value.
+ * @param {String} ns If specified, the attribute will be obtained using getAttributeNs. In order to write namepsaced attributes you can use the namespace:attribute notation within the attributes object.
+ * @return {Object|String} The current wrapper object will be returned so it can be used for chaining or the attribute value if used as getter function.
+ */
+ function attr(attributes, ns) {
+ if(typeof attributes === 'string') {
+ if(ns) {
+ return this._node.getAttributeNS(ns, attributes);
+ } else {
+ return this._node.getAttribute(attributes);
+ }
+ }
+
+ Object.keys(attributes).forEach(function(key) {
+ // If the attribute value is undefined we can skip this one
+ if(attributes[key] === undefined) {
+ return;
+ }
+
+ if (key.indexOf(':') !== -1) {
+ var namespacedAttribute = key.split(':');
+ this._node.setAttributeNS(Chartist.namespaces[namespacedAttribute[0]], key, attributes[key]);
+ } else {
+ this._node.setAttribute(key, attributes[key]);
+ }
+ }.bind(this));
+
+ return this;
+ }
+
+ /**
+ * Create a new SVG element whose wrapper object will be selected for further operations. This way you can also create nested groups easily.
+ *
+ * @memberof Chartist.Svg
+ * @param {String} name The name of the SVG element that should be created as child element of the currently selected element wrapper
+ * @param {Object} [attributes] An object with properties that will be added as attributes to the SVG element that is created. Attributes with undefined values will not be added.
+ * @param {String} [className] This class or class list will be added to the SVG element
+ * @param {Boolean} [insertFirst] If this param is set to true in conjunction with a parent element the newly created element will be added as first child element in the parent element
+ * @return {Chartist.Svg} Returns a Chartist.Svg wrapper object that can be used to modify the containing SVG data
+ */
+ function elem(name, attributes, className, insertFirst) {
+ return new Chartist.Svg(name, attributes, className, this, insertFirst);
+ }
+
+ /**
+ * Returns the parent Chartist.SVG wrapper object
+ *
+ * @memberof Chartist.Svg
+ * @return {Chartist.Svg} Returns a Chartist.Svg wrapper around the parent node of the current node. If the parent node is not existing or it's not an SVG node then this function will return null.
+ */
+ function parent() {
+ return this._node.parentNode instanceof SVGElement ? new Chartist.Svg(this._node.parentNode) : null;
+ }
+
+ /**
+ * This method returns a Chartist.Svg wrapper around the root SVG element of the current tree.
+ *
+ * @memberof Chartist.Svg
+ * @return {Chartist.Svg} The root SVG element wrapped in a Chartist.Svg element
+ */
+ function root() {
+ var node = this._node;
+ while(node.nodeName !== 'svg') {
+ node = node.parentNode;
+ }
+ return new Chartist.Svg(node);
+ }
+
+ /**
+ * Find the first child SVG element of the current element that matches a CSS selector. The returned object is a Chartist.Svg wrapper.
+ *
+ * @memberof Chartist.Svg
+ * @param {String} selector A CSS selector that is used to query for child SVG elements
+ * @return {Chartist.Svg} The SVG wrapper for the element found or null if no element was found
+ */
+ function querySelector(selector) {
+ var foundNode = this._node.querySelector(selector);
+ return foundNode ? new Chartist.Svg(foundNode) : null;
+ }
+
+ /**
+ * Find the all child SVG elements of the current element that match a CSS selector. The returned object is a Chartist.Svg.List wrapper.
+ *
+ * @memberof Chartist.Svg
+ * @param {String} selector A CSS selector that is used to query for child SVG elements
+ * @return {Chartist.Svg.List} The SVG wrapper list for the element found or null if no element was found
+ */
+ function querySelectorAll(selector) {
+ var foundNodes = this._node.querySelectorAll(selector);
+ return foundNodes.length ? new Chartist.Svg.List(foundNodes) : null;
+ }
+
+ /**
+ * This method creates a foreignObject (see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject) that allows to embed HTML content into a SVG graphic. With the help of foreignObjects you can enable the usage of regular HTML elements inside of SVG where they are subject for SVG positioning and transformation but the Browser will use the HTML rendering capabilities for the containing DOM.
+ *
+ * @memberof Chartist.Svg
+ * @param {Node|String} content The DOM Node, or HTML string that will be converted to a DOM Node, that is then placed into and wrapped by the foreignObject
+ * @param {String} [attributes] An object with properties that will be added as attributes to the foreignObject element that is created. Attributes with undefined values will not be added.
+ * @param {String} [className] This class or class list will be added to the SVG element
+ * @param {Boolean} [insertFirst] Specifies if the foreignObject should be inserted as first child
+ * @return {Chartist.Svg} New wrapper object that wraps the foreignObject element
+ */
+ function foreignObject(content, attributes, className, insertFirst) {
+ // If content is string then we convert it to DOM
+ // TODO: Handle case where content is not a string nor a DOM Node
+ if(typeof content === 'string') {
+ var container = document.createElement('div');
+ container.innerHTML = content;
+ content = container.firstChild;
+ }
+
+ // Adding namespace to content element
+ content.setAttribute('xmlns', Chartist.namespaces.xmlns);
+
+ // Creating the foreignObject without required extension attribute (as described here
+ // http://www.w3.org/TR/SVG/extend.html#ForeignObjectElement)
+ var fnObj = this.elem('foreignObject', attributes, className, insertFirst);
+
+ // Add content to foreignObjectElement
+ fnObj._node.appendChild(content);
+
+ return fnObj;
+ }
+
+ /**
+ * This method adds a new text element to the current Chartist.Svg wrapper.
+ *
+ * @memberof Chartist.Svg
+ * @param {String} t The text that should be added to the text element that is created
+ * @return {Chartist.Svg} The same wrapper object that was used to add the newly created element
+ */
+ function text(t) {
+ this._node.appendChild(document.createTextNode(t));
+ return this;
+ }
+
+ /**
+ * This method will clear all child nodes of the current wrapper object.
+ *
+ * @memberof Chartist.Svg
+ * @return {Chartist.Svg} The same wrapper object that got emptied
+ */
+ function empty() {
+ while (this._node.firstChild) {
+ this._node.removeChild(this._node.firstChild);
+ }
+
+ return this;
+ }
+
+ /**
+ * This method will cause the current wrapper to remove itself from its parent wrapper. Use this method if you'd like to get rid of an element in a given DOM structure.
+ *
+ * @memberof Chartist.Svg
+ * @return {Chartist.Svg} The parent wrapper object of the element that got removed
+ */
+ function remove() {
+ this._node.parentNode.removeChild(this._node);
+ return this.parent();
+ }
+
+ /**
+ * This method will replace the element with a new element that can be created outside of the current DOM.
+ *
+ * @memberof Chartist.Svg
+ * @param {Chartist.Svg} newElement The new Chartist.Svg object that will be used to replace the current wrapper object
+ * @return {Chartist.Svg} The wrapper of the new element
+ */
+ function replace(newElement) {
+ this._node.parentNode.replaceChild(newElement._node, this._node);
+ return newElement;
+ }
+
+ /**
+ * This method will append an element to the current element as a child.
+ *
+ * @memberof Chartist.Svg
+ * @param {Chartist.Svg} element The Chartist.Svg element that should be added as a child
+ * @param {Boolean} [insertFirst] Specifies if the element should be inserted as first child
+ * @return {Chartist.Svg} The wrapper of the appended object
+ */
+ function append(element, insertFirst) {
+ if(insertFirst && this._node.firstChild) {
+ this._node.insertBefore(element._node, this._node.firstChild);
+ } else {
+ this._node.appendChild(element._node);
+ }
+
+ return this;
+ }
+
+ /**
+ * Returns an array of class names that are attached to the current wrapper element. This method can not be chained further.
+ *
+ * @memberof Chartist.Svg
+ * @return {Array} A list of classes or an empty array if there are no classes on the current element
+ */
+ function classes() {
+ return this._node.getAttribute('class') ? this._node.getAttribute('class').trim().split(/\s+/) : [];
+ }
+
+ /**
+ * Adds one or a space separated list of classes to the current element and ensures the classes are only existing once.
+ *
+ * @memberof Chartist.Svg
+ * @param {String} names A white space separated list of class names
+ * @return {Chartist.Svg} The wrapper of the current element
+ */
+ function addClass(names) {
+ this._node.setAttribute('class',
+ this.classes(this._node)
+ .concat(names.trim().split(/\s+/))
+ .filter(function(elem, pos, self) {
+ return self.indexOf(elem) === pos;
+ }).join(' ')
+ );
+
+ return this;
+ }
+
+ /**
+ * Removes one or a space separated list of classes from the current element.
+ *
+ * @memberof Chartist.Svg
+ * @param {String} names A white space separated list of class names
+ * @return {Chartist.Svg} The wrapper of the current element
+ */
+ function removeClass(names) {
+ var removedClasses = names.trim().split(/\s+/);
+
+ this._node.setAttribute('class', this.classes(this._node).filter(function(name) {
+ return removedClasses.indexOf(name) === -1;
+ }).join(' '));
+
+ return this;
+ }
+
+ /**
+ * Removes all classes from the current element.
+ *
+ * @memberof Chartist.Svg
+ * @return {Chartist.Svg} The wrapper of the current element
+ */
+ function removeAllClasses() {
+ this._node.setAttribute('class', '');
+
+ return this;
+ }
+
+ /**
+ * Get element height using `getBoundingClientRect`
+ *
+ * @memberof Chartist.Svg
+ * @return {Number} The elements height in pixels
+ */
+ function height() {
+ return this._node.getBoundingClientRect().height;
+ }
+
+ /**
+ * Get element width using `getBoundingClientRect`
+ *
+ * @memberof Chartist.Core
+ * @return {Number} The elements width in pixels
+ */
+ function width() {
+ return this._node.getBoundingClientRect().width;
+ }
+
+ /**
+ * The animate function lets you animate the current element with SMIL animations. You can add animations for multiple attributes at the same time by using an animation definition object. This object should contain SMIL animation attributes. Please refer to http://www.w3.org/TR/SVG/animate.html for a detailed specification about the available animation attributes. Additionally an easing property can be passed in the animation definition object. This can be a string with a name of an easing function in `Chartist.Svg.Easing` or an array with four numbers specifying a cubic Bézier curve.
+ * **An animations object could look like this:**
+ * ```javascript
+ * element.animate({
+ * opacity: {
+ * dur: 1000,
+ * from: 0,
+ * to: 1
+ * },
+ * x1: {
+ * dur: '1000ms',
+ * from: 100,
+ * to: 200,
+ * easing: 'easeOutQuart'
+ * },
+ * y1: {
+ * dur: '2s',
+ * from: 0,
+ * to: 100
+ * }
+ * });
+ * ```
+ * **Automatic unit conversion**
+ * For the `dur` and the `begin` animate attribute you can also omit a unit by passing a number. The number will automatically be converted to milli seconds.
+ * **Guided mode**
+ * The default behavior of SMIL animations with offset using the `begin` attribute is that the attribute will keep it's original value until the animation starts. Mostly this behavior is not desired as you'd like to have your element attributes already initialized with the animation `from` value even before the animation starts. Also if you don't specify `fill="freeze"` on an animate element or if you delete the animation after it's done (which is done in guided mode) the attribute will switch back to the initial value. This behavior is also not desired when performing simple one-time animations. For one-time animations you'd want to trigger animations immediately instead of relative to the document begin time. That's why in guided mode Chartist.Svg will also use the `begin` property to schedule a timeout and manually start the animation after the timeout. If you're using multiple SMIL definition objects for an attribute (in an array), guided mode will be disabled for this attribute, even if you explicitly enabled it.
+ * If guided mode is enabled the following behavior is added:
+ * - Before the animation starts (even when delayed with `begin`) the animated attribute will be set already to the `from` value of the animation
+ * - `begin` is explicitly set to `indefinite` so it can be started manually without relying on document begin time (creation)
+ * - The animate element will be forced to use `fill="freeze"`
+ * - The animation will be triggered with `beginElement()` in a timeout where `begin` of the definition object is interpreted in milli seconds. If no `begin` was specified the timeout is triggered immediately.
+ * - After the animation the element attribute value will be set to the `to` value of the animation
+ * - The animate element is deleted from the DOM
+ *
+ * @memberof Chartist.Svg
+ * @param {Object} animations An animations object where the property keys are the attributes you'd like to animate. The properties should be objects again that contain the SMIL animation attributes (usually begin, dur, from, and to). The property begin and dur is auto converted (see Automatic unit conversion). You can also schedule multiple animations for the same attribute by passing an Array of SMIL definition objects. Attributes that contain an array of SMIL definition objects will not be executed in guided mode.
+ * @param {Boolean} guided Specify if guided mode should be activated for this animation (see Guided mode). If not otherwise specified, guided mode will be activated.
+ * @param {Object} eventEmitter If specified, this event emitter will be notified when an animation starts or ends.
+ * @return {Chartist.Svg} The current element where the animation was added
+ */
+ function animate(animations, guided, eventEmitter) {
+ if(guided === undefined) {
+ guided = true;
+ }
+
+ Object.keys(animations).forEach(function createAnimateForAttributes(attribute) {
+
+ function createAnimate(animationDefinition, guided) {
+ var attributeProperties = {},
+ animate,
+ timeout,
+ easing;
+
+ // Check if an easing is specified in the definition object and delete it from the object as it will not
+ // be part of the animate element attributes.
+ if(animationDefinition.easing) {
+ // If already an easing Bézier curve array we take it or we lookup a easing array in the Easing object
+ easing = animationDefinition.easing instanceof Array ?
+ animationDefinition.easing :
+ Chartist.Svg.Easing[animationDefinition.easing];
+ delete animationDefinition.easing;
+ }
+
+ // If numeric dur or begin was provided we assume milli seconds
+ animationDefinition.begin = Chartist.ensureUnit(animationDefinition.begin, 'ms');
+ animationDefinition.dur = Chartist.ensureUnit(animationDefinition.dur, 'ms');
+
+ if(easing) {
+ animationDefinition.calcMode = 'spline';
+ animationDefinition.keySplines = easing.join(' ');
+ animationDefinition.keyTimes = '0;1';
+ }
+
+ // Adding "fill: freeze" if we are in guided mode and set initial attribute values
+ if(guided) {
+ animationDefinition.fill = 'freeze';
+ // Animated property on our element should already be set to the animation from value in guided mode
+ attributeProperties[attribute] = animationDefinition.from;
+ this.attr(attributeProperties);
+
+ // In guided mode we also set begin to indefinite so we can trigger the start manually and put the begin
+ // which needs to be in ms aside
+ timeout = Chartist.quantity(animationDefinition.begin || 0).value;
+ animationDefinition.begin = 'indefinite';
+ }
+
+ animate = this.elem('animate', Chartist.extend({
+ attributeName: attribute
+ }, animationDefinition));
+
+ if(guided) {
+ // If guided we take the value that was put aside in timeout and trigger the animation manually with a timeout
+ setTimeout(function() {
+ // If beginElement fails we set the animated attribute to the end position and remove the animate element
+ // This happens if the SMIL ElementTimeControl interface is not supported or any other problems occured in
+ // the browser. (Currently FF 34 does not support animate elements in foreignObjects)
+ try {
+ animate._node.beginElement();
+ } catch(err) {
+ // Set animated attribute to current animated value
+ attributeProperties[attribute] = animationDefinition.to;
+ this.attr(attributeProperties);
+ // Remove the animate element as it's no longer required
+ animate.remove();
+ }
+ }.bind(this), timeout);
+ }
+
+ if(eventEmitter) {
+ animate._node.addEventListener('beginEvent', function handleBeginEvent() {
+ eventEmitter.emit('animationBegin', {
+ element: this,
+ animate: animate._node,
+ params: animationDefinition
+ });
+ }.bind(this));
+ }
+
+ animate._node.addEventListener('endEvent', function handleEndEvent() {
+ if(eventEmitter) {
+ eventEmitter.emit('animationEnd', {
+ element: this,
+ animate: animate._node,
+ params: animationDefinition
+ });
+ }
+
+ if(guided) {
+ // Set animated attribute to current animated value
+ attributeProperties[attribute] = animationDefinition.to;
+ this.attr(attributeProperties);
+ // Remove the animate element as it's no longer required
+ animate.remove();
+ }
+ }.bind(this));
+ }
+
+ // If current attribute is an array of definition objects we create an animate for each and disable guided mode
+ if(animations[attribute] instanceof Array) {
+ animations[attribute].forEach(function(animationDefinition) {
+ createAnimate.bind(this)(animationDefinition, false);
+ }.bind(this));
+ } else {
+ createAnimate.bind(this)(animations[attribute], guided);
+ }
+
+ }.bind(this));
+
+ return this;
+ }
+
+ Chartist.Svg = Chartist.Class.extend({
+ constructor: Svg,
+ attr: attr,
+ elem: elem,
+ parent: parent,
+ root: root,
+ querySelector: querySelector,
+ querySelectorAll: querySelectorAll,
+ foreignObject: foreignObject,
+ text: text,
+ empty: empty,
+ remove: remove,
+ replace: replace,
+ append: append,
+ classes: classes,
+ addClass: addClass,
+ removeClass: removeClass,
+ removeAllClasses: removeAllClasses,
+ height: height,
+ width: width,
+ animate: animate
+ });
+
+ /**
+ * This method checks for support of a given SVG feature like Extensibility, SVG-animation or the like. Check http://www.w3.org/TR/SVG11/feature for a detailed list.
+ *
+ * @memberof Chartist.Svg
+ * @param {String} feature The SVG 1.1 feature that should be checked for support.
+ * @return {Boolean} True of false if the feature is supported or not
+ */
+ Chartist.Svg.isSupported = function(feature) {
+ return document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#' + feature, '1.1');
+ };
+
+ /**
+ * This Object contains some standard easing cubic bezier curves. Then can be used with their name in the `Chartist.Svg.animate`. You can also extend the list and use your own name in the `animate` function. Click the show code button to see the available bezier functions.
+ *
+ * @memberof Chartist.Svg
+ */
+ var easingCubicBeziers = {
+ easeInSine: [0.47, 0, 0.745, 0.715],
+ easeOutSine: [0.39, 0.575, 0.565, 1],
+ easeInOutSine: [0.445, 0.05, 0.55, 0.95],
+ easeInQuad: [0.55, 0.085, 0.68, 0.53],
+ easeOutQuad: [0.25, 0.46, 0.45, 0.94],
+ easeInOutQuad: [0.455, 0.03, 0.515, 0.955],
+ easeInCubic: [0.55, 0.055, 0.675, 0.19],
+ easeOutCubic: [0.215, 0.61, 0.355, 1],
+ easeInOutCubic: [0.645, 0.045, 0.355, 1],
+ easeInQuart: [0.895, 0.03, 0.685, 0.22],
+ easeOutQuart: [0.165, 0.84, 0.44, 1],
+ easeInOutQuart: [0.77, 0, 0.175, 1],
+ easeInQuint: [0.755, 0.05, 0.855, 0.06],
+ easeOutQuint: [0.23, 1, 0.32, 1],
+ easeInOutQuint: [0.86, 0, 0.07, 1],
+ easeInExpo: [0.95, 0.05, 0.795, 0.035],
+ easeOutExpo: [0.19, 1, 0.22, 1],
+ easeInOutExpo: [1, 0, 0, 1],
+ easeInCirc: [0.6, 0.04, 0.98, 0.335],
+ easeOutCirc: [0.075, 0.82, 0.165, 1],
+ easeInOutCirc: [0.785, 0.135, 0.15, 0.86],
+ easeInBack: [0.6, -0.28, 0.735, 0.045],
+ easeOutBack: [0.175, 0.885, 0.32, 1.275],
+ easeInOutBack: [0.68, -0.55, 0.265, 1.55]
+ };
+
+ Chartist.Svg.Easing = easingCubicBeziers;
+
+ /**
+ * This helper class is to wrap multiple `Chartist.Svg` elements into a list where you can call the `Chartist.Svg` functions on all elements in the list with one call. This is helpful when you'd like to perform calls with `Chartist.Svg` on multiple elements.
+ * An instance of this class is also returned by `Chartist.Svg.querySelectorAll`.
+ *
+ * @memberof Chartist.Svg
+ * @param {Array|NodeList} nodeList An Array of SVG DOM nodes or a SVG DOM NodeList (as returned by document.querySelectorAll)
+ * @constructor
+ */
+ function SvgList(nodeList) {
+ var list = this;
+
+ this.svgElements = [];
+ for(var i = 0; i < nodeList.length; i++) {
+ this.svgElements.push(new Chartist.Svg(nodeList[i]));
+ }
+
+ // Add delegation methods for Chartist.Svg
+ Object.keys(Chartist.Svg.prototype).filter(function(prototypeProperty) {
+ return ['constructor',
+ 'parent',
+ 'querySelector',
+ 'querySelectorAll',
+ 'replace',
+ 'append',
+ 'classes',
+ 'height',
+ 'width'].indexOf(prototypeProperty) === -1;
+ }).forEach(function(prototypeProperty) {
+ list[prototypeProperty] = function() {
+ var args = Array.prototype.slice.call(arguments, 0);
+ list.svgElements.forEach(function(element) {
+ Chartist.Svg.prototype[prototypeProperty].apply(element, args);
+ });
+ return list;
+ };
+ });
+ }
+
+ Chartist.Svg.List = Chartist.Class.extend({
+ constructor: SvgList
+ });
+}(window, document, Chartist));
+;/**
+ * Chartist SVG path module for SVG path description creation and modification.
+ *
+ * @module Chartist.Svg.Path
+ */
+/* global Chartist */
+(function(window, document, Chartist) {
+ 'use strict';
+
+ /**
+ * Contains the descriptors of supported element types in a SVG path. Currently only move, line and curve are supported.
+ *
+ * @memberof Chartist.Svg.Path
+ * @type {Object}
+ */
+ var elementDescriptions = {
+ m: ['x', 'y'],
+ l: ['x', 'y'],
+ c: ['x1', 'y1', 'x2', 'y2', 'x', 'y'],
+ a: ['rx', 'ry', 'xAr', 'lAf', 'sf', 'x', 'y']
+ };
+
+ /**
+ * Default options for newly created SVG path objects.
+ *
+ * @memberof Chartist.Svg.Path
+ * @type {Object}
+ */
+ var defaultOptions = {
+ // The accuracy in digit count after the decimal point. This will be used to round numbers in the SVG path. If this option is set to false then no rounding will be performed.
+ accuracy: 3
+ };
+
+ function element(command, params, pathElements, pos, relative, data) {
+ var pathElement = Chartist.extend({
+ command: relative ? command.toLowerCase() : command.toUpperCase()
+ }, params, data ? { data: data } : {} );
+
+ pathElements.splice(pos, 0, pathElement);
+ }
+
+ function forEachParam(pathElements, cb) {
+ pathElements.forEach(function(pathElement, pathElementIndex) {
+ elementDescriptions[pathElement.command.toLowerCase()].forEach(function(paramName, paramIndex) {
+ cb(pathElement, paramName, pathElementIndex, paramIndex, pathElements);
+ });
+ });
+ }
+
+ /**
+ * Used to construct a new path object.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Boolean} close If set to true then this path will be closed when stringified (with a Z at the end)
+ * @param {Object} options Options object that overrides the default objects. See default options for more details.
+ * @constructor
+ */
+ function SvgPath(close, options) {
+ this.pathElements = [];
+ this.pos = 0;
+ this.close = close;
+ this.options = Chartist.extend({}, defaultOptions, options);
+ }
+
+ /**
+ * Gets or sets the current position (cursor) inside of the path. You can move around the cursor freely but limited to 0 or the count of existing elements. All modifications with element functions will insert new elements at the position of this cursor.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} [pos] If a number is passed then the cursor is set to this position in the path element array.
+ * @return {Chartist.Svg.Path|Number} If the position parameter was passed then the return value will be the path object for easy call chaining. If no position parameter was passed then the current position is returned.
+ */
+ function position(pos) {
+ if(pos !== undefined) {
+ this.pos = Math.max(0, Math.min(this.pathElements.length, pos));
+ return this;
+ } else {
+ return this.pos;
+ }
+ }
+
+ /**
+ * Removes elements from the path starting at the current position.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} count Number of path elements that should be removed from the current position.
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function remove(count) {
+ this.pathElements.splice(this.pos, count);
+ return this;
+ }
+
+ /**
+ * Use this function to add a new move SVG path element.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} x The x coordinate for the move element.
+ * @param {Number} y The y coordinate for the move element.
+ * @param {Boolean} [relative] If set to true the move element will be created with relative coordinates (lowercase letter)
+ * @param {*} [data] Any data that should be stored with the element object that will be accessible in pathElement
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function move(x, y, relative, data) {
+ element('M', {
+ x: +x,
+ y: +y
+ }, this.pathElements, this.pos++, relative, data);
+ return this;
+ }
+
+ /**
+ * Use this function to add a new line SVG path element.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} x The x coordinate for the line element.
+ * @param {Number} y The y coordinate for the line element.
+ * @param {Boolean} [relative] If set to true the line element will be created with relative coordinates (lowercase letter)
+ * @param {*} [data] Any data that should be stored with the element object that will be accessible in pathElement
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function line(x, y, relative, data) {
+ element('L', {
+ x: +x,
+ y: +y
+ }, this.pathElements, this.pos++, relative, data);
+ return this;
+ }
+
+ /**
+ * Use this function to add a new curve SVG path element.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} x1 The x coordinate for the first control point of the bezier curve.
+ * @param {Number} y1 The y coordinate for the first control point of the bezier curve.
+ * @param {Number} x2 The x coordinate for the second control point of the bezier curve.
+ * @param {Number} y2 The y coordinate for the second control point of the bezier curve.
+ * @param {Number} x The x coordinate for the target point of the curve element.
+ * @param {Number} y The y coordinate for the target point of the curve element.
+ * @param {Boolean} [relative] If set to true the curve element will be created with relative coordinates (lowercase letter)
+ * @param {*} [data] Any data that should be stored with the element object that will be accessible in pathElement
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function curve(x1, y1, x2, y2, x, y, relative, data) {
+ element('C', {
+ x1: +x1,
+ y1: +y1,
+ x2: +x2,
+ y2: +y2,
+ x: +x,
+ y: +y
+ }, this.pathElements, this.pos++, relative, data);
+ return this;
+ }
+
+ /**
+ * Use this function to add a new non-bezier curve SVG path element.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} rx The radius to be used for the x-axis of the arc.
+ * @param {Number} ry The radius to be used for the y-axis of the arc.
+ * @param {Number} xAr Defines the orientation of the arc
+ * @param {Number} lAf Large arc flag
+ * @param {Number} sf Sweep flag
+ * @param {Number} x The x coordinate for the target point of the curve element.
+ * @param {Number} y The y coordinate for the target point of the curve element.
+ * @param {Boolean} [relative] If set to true the curve element will be created with relative coordinates (lowercase letter)
+ * @param {*} [data] Any data that should be stored with the element object that will be accessible in pathElement
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function arc(rx, ry, xAr, lAf, sf, x, y, relative, data) {
+ element('A', {
+ rx: +rx,
+ ry: +ry,
+ xAr: +xAr,
+ lAf: +lAf,
+ sf: +sf,
+ x: +x,
+ y: +y
+ }, this.pathElements, this.pos++, relative, data);
+ return this;
+ }
+
+ /**
+ * Parses an SVG path seen in the d attribute of path elements, and inserts the parsed elements into the existing path object at the current cursor position. Any closing path indicators (Z at the end of the path) will be ignored by the parser as this is provided by the close option in the options of the path object.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {String} path Any SVG path that contains move (m), line (l) or curve (c) components.
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function parse(path) {
+ // Parsing the SVG path string into an array of arrays [['M', '10', '10'], ['L', '100', '100']]
+ var chunks = path.replace(/([A-Za-z])([0-9])/g, '$1 $2')
+ .replace(/([0-9])([A-Za-z])/g, '$1 $2')
+ .split(/[\s,]+/)
+ .reduce(function(result, element) {
+ if(element.match(/[A-Za-z]/)) {
+ result.push([]);
+ }
+
+ result[result.length - 1].push(element);
+ return result;
+ }, []);
+
+ // If this is a closed path we remove the Z at the end because this is determined by the close option
+ if(chunks[chunks.length - 1][0].toUpperCase() === 'Z') {
+ chunks.pop();
+ }
+
+ // Using svgPathElementDescriptions to map raw path arrays into objects that contain the command and the parameters
+ // For example {command: 'M', x: '10', y: '10'}
+ var elements = chunks.map(function(chunk) {
+ var command = chunk.shift(),
+ description = elementDescriptions[command.toLowerCase()];
+
+ return Chartist.extend({
+ command: command
+ }, description.reduce(function(result, paramName, index) {
+ result[paramName] = +chunk[index];
+ return result;
+ }, {}));
+ });
+
+ // Preparing a splice call with the elements array as var arg params and insert the parsed elements at the current position
+ var spliceArgs = [this.pos, 0];
+ Array.prototype.push.apply(spliceArgs, elements);
+ Array.prototype.splice.apply(this.pathElements, spliceArgs);
+ // Increase the internal position by the element count
+ this.pos += elements.length;
+
+ return this;
+ }
+
+ /**
+ * This function renders to current SVG path object into a final SVG string that can be used in the d attribute of SVG path elements. It uses the accuracy option to round big decimals. If the close parameter was set in the constructor of this path object then a path closing Z will be appended to the output string.
+ *
+ * @memberof Chartist.Svg.Path
+ * @return {String}
+ */
+ function stringify() {
+ var accuracyMultiplier = Math.pow(10, this.options.accuracy);
+
+ return this.pathElements.reduce(function(path, pathElement) {
+ var params = elementDescriptions[pathElement.command.toLowerCase()].map(function(paramName) {
+ return this.options.accuracy ?
+ (Math.round(pathElement[paramName] * accuracyMultiplier) / accuracyMultiplier) :
+ pathElement[paramName];
+ }.bind(this));
+
+ return path + pathElement.command + params.join(',');
+ }.bind(this), '') + (this.close ? 'Z' : '');
+ }
+
+ /**
+ * Scales all elements in the current SVG path object. There is an individual parameter for each coordinate. Scaling will also be done for control points of curves, affecting the given coordinate.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} x The number which will be used to scale the x, x1 and x2 of all path elements.
+ * @param {Number} y The number which will be used to scale the y, y1 and y2 of all path elements.
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function scale(x, y) {
+ forEachParam(this.pathElements, function(pathElement, paramName) {
+ pathElement[paramName] *= paramName[0] === 'x' ? x : y;
+ });
+ return this;
+ }
+
+ /**
+ * Translates all elements in the current SVG path object. The translation is relative and there is an individual parameter for each coordinate. Translation will also be done for control points of curves, affecting the given coordinate.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Number} x The number which will be used to translate the x, x1 and x2 of all path elements.
+ * @param {Number} y The number which will be used to translate the y, y1 and y2 of all path elements.
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function translate(x, y) {
+ forEachParam(this.pathElements, function(pathElement, paramName) {
+ pathElement[paramName] += paramName[0] === 'x' ? x : y;
+ });
+ return this;
+ }
+
+ /**
+ * This function will run over all existing path elements and then loop over their attributes. The callback function will be called for every path element attribute that exists in the current path.
+ * The method signature of the callback function looks like this:
+ * ```javascript
+ * function(pathElement, paramName, pathElementIndex, paramIndex, pathElements)
+ * ```
+ * If something else than undefined is returned by the callback function, this value will be used to replace the old value. This allows you to build custom transformations of path objects that can't be achieved using the basic transformation functions scale and translate.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Function} transformFnc The callback function for the transformation. Check the signature in the function description.
+ * @return {Chartist.Svg.Path} The current path object for easy call chaining.
+ */
+ function transform(transformFnc) {
+ forEachParam(this.pathElements, function(pathElement, paramName, pathElementIndex, paramIndex, pathElements) {
+ var transformed = transformFnc(pathElement, paramName, pathElementIndex, paramIndex, pathElements);
+ if(transformed || transformed === 0) {
+ pathElement[paramName] = transformed;
+ }
+ });
+ return this;
+ }
+
+ /**
+ * This function clones a whole path object with all its properties. This is a deep clone and path element objects will also be cloned.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Boolean} [close] Optional option to set the new cloned path to closed. If not specified or false, the original path close option will be used.
+ * @return {Chartist.Svg.Path}
+ */
+ function clone(close) {
+ var c = new Chartist.Svg.Path(close || this.close);
+ c.pos = this.pos;
+ c.pathElements = this.pathElements.slice().map(function cloneElements(pathElement) {
+ return Chartist.extend({}, pathElement);
+ });
+ c.options = Chartist.extend({}, this.options);
+ return c;
+ }
+
+ /**
+ * Split a Svg.Path object by a specific command in the path chain. The path chain will be split and an array of newly created paths objects will be returned. This is useful if you'd like to split an SVG path by it's move commands, for example, in order to isolate chunks of drawings.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {String} command The command you'd like to use to split the path
+ * @return {Array}
+ */
+ function splitByCommand(command) {
+ var split = [
+ new Chartist.Svg.Path()
+ ];
+
+ this.pathElements.forEach(function(pathElement) {
+ if(pathElement.command === command.toUpperCase() && split[split.length - 1].pathElements.length !== 0) {
+ split.push(new Chartist.Svg.Path());
+ }
+
+ split[split.length - 1].pathElements.push(pathElement);
+ });
+
+ return split;
+ }
+
+ /**
+ * This static function on `Chartist.Svg.Path` is joining multiple paths together into one paths.
+ *
+ * @memberof Chartist.Svg.Path
+ * @param {Array} paths A list of paths to be joined together. The order is important.
+ * @param {boolean} close If the newly created path should be a closed path
+ * @param {Object} options Path options for the newly created path.
+ * @return {Chartist.Svg.Path}
+ */
+
+ function join(paths, close, options) {
+ var joinedPath = new Chartist.Svg.Path(close, options);
+ for(var i = 0; i < paths.length; i++) {
+ var path = paths[i];
+ for(var j = 0; j < path.pathElements.length; j++) {
+ joinedPath.pathElements.push(path.pathElements[j]);
+ }
+ }
+ return joinedPath;
+ }
+
+ Chartist.Svg.Path = Chartist.Class.extend({
+ constructor: SvgPath,
+ position: position,
+ remove: remove,
+ move: move,
+ line: line,
+ curve: curve,
+ arc: arc,
+ scale: scale,
+ translate: translate,
+ transform: transform,
+ parse: parse,
+ stringify: stringify,
+ clone: clone,
+ splitByCommand: splitByCommand
+ });
+
+ Chartist.Svg.Path.elementDescriptions = elementDescriptions;
+ Chartist.Svg.Path.join = join;
+}(window, document, Chartist));
+;/* global Chartist */
+(function (window, document, Chartist) {
+ 'use strict';
+
+ var axisUnits = {
+ x: {
+ pos: 'x',
+ len: 'width',
+ dir: 'horizontal',
+ rectStart: 'x1',
+ rectEnd: 'x2',
+ rectOffset: 'y2'
+ },
+ y: {
+ pos: 'y',
+ len: 'height',
+ dir: 'vertical',
+ rectStart: 'y2',
+ rectEnd: 'y1',
+ rectOffset: 'x1'
+ }
+ };
+
+ function Axis(units, chartRect, ticks, options) {
+ this.units = units;
+ this.counterUnits = units === axisUnits.x ? axisUnits.y : axisUnits.x;
+ this.chartRect = chartRect;
+ this.axisLength = chartRect[units.rectEnd] - chartRect[units.rectStart];
+ this.gridOffset = chartRect[units.rectOffset];
+ this.ticks = ticks;
+ this.options = options;
+ }
+
+ function createGridAndLabels(gridGroup, labelGroup, useForeignObject, chartOptions, eventEmitter) {
+ var xy = this.units.pos.toUpperCase();
+ var axisOptions = chartOptions['axis' + xy];
+ var projectedValues = this.ticks.map(this.projectValue.bind(this));
+ var labelValues = this.ticks.map(axisOptions.labelInterpolationFnc);
+
+ var lastWidth=undefined;
+ projectedValues.forEach(function(projectedValue, index) {
+ var labelOffset = {
+ x: 0,
+ y: 0
+ };
+
+ // TODO: Find better solution for solving this problem
+ // Calculate how much space we have available for the label
+
+
+ var labelLength=0;
+
+
+ if (xy == 'Y') { // X doesnt use this
+ if (projectedValues[index + 1]) {
+ // If we still have one label ahead, we can calculate the distance to the next tick / label
+ labelLength = projectedValues[index + 1] - projectedValue;
+ // lastWidth = labelLength;
+ // } else if (typeof lastWidth != 'undefined') {
+ // labelLength = lastWidth; // EDIT. added the lastWidth thing
+ } else {
+ // If we don't have a label ahead and we have only two labels in total, we just take the remaining distance to
+ // on the whole axis length. We limit that to a minimum of 30 pixel, so that labels close to the border will
+ // still be visible inside of the chart padding.
+ labelLength = Math.max(this.axisLength - projectedValue, 30);
+ }
+ }
+
+ // Skip grid lines and labels where interpolated label values are falsey (execpt for 0)
+ if(Chartist.isFalseyButZero(labelValues[index]) && labelValues[index] !== '') {
+ return;
+ }
+
+ // Transform to global coordinates using the chartRect
+ // We also need to set the label offset for the createLabel function
+ if(this.units.pos === 'x') {
+ projectedValue = this.chartRect.x1 + projectedValue;
+ labelOffset.x = chartOptions.axisX.labelOffset.x;
+
+ // If the labels should be positioned in start position (top side for vertical axis) we need to set a
+ // different offset as for positioned with end (bottom)
+ if(chartOptions.axisX.position === 'start') {
+ labelOffset.y = this.chartRect.padding.top + chartOptions.axisX.labelOffset.y + (useForeignObject ? 5 : 20);
+ } else {
+ labelOffset.y = this.chartRect.y1 + chartOptions.axisX.labelOffset.y + (useForeignObject ? 5 : 20);
+ }
+ } else {
+ projectedValue = this.chartRect.y1 - projectedValue;
+ labelOffset.y = chartOptions.axisY.labelOffset.y - (useForeignObject ? labelLength : 0);
+
+ // If the labels should be positioned in start position (left side for horizontal axis) we need to set a
+ // different offset as for positioned with end (right side)
+ if(chartOptions.axisY.position === 'start') {
+ labelOffset.x = useForeignObject ? this.chartRect.padding.left + chartOptions.axisY.labelOffset.x : this.chartRect.x1 - 10;
+ } else {
+ labelOffset.x = this.chartRect.x2 + chartOptions.axisY.labelOffset.x + 10;
+ }
+ }
+
+ if(axisOptions.showGrid) {
+ Chartist.createGrid(projectedValue, index, this, this.gridOffset, this.chartRect[this.counterUnits.len](), gridGroup, [
+ chartOptions.classNames.grid,
+ chartOptions.classNames[this.units.dir]
+ ], eventEmitter);
+ }
+
+ if(axisOptions.showLabel) {
+ Chartist.createLabel(projectedValue, labelLength, index, labelValues, this, axisOptions.offset, labelOffset, labelGroup, [
+ chartOptions.classNames.label,
+ chartOptions.classNames[this.units.dir],
+ chartOptions.classNames[axisOptions.position]
+ ], useForeignObject, eventEmitter);
+ }
+ }.bind(this));
+ }
+
+ Chartist.Axis = Chartist.Class.extend({
+ constructor: Axis,
+ createGridAndLabels: createGridAndLabels,
+ projectValue: function(value, index, data) {
+ throw new Error('Base axis can\'t be instantiated!');
+ }
+ });
+
+ Chartist.Axis.units = axisUnits;
+
+}(window, document, Chartist));
+;/**
+ * The auto scale axis uses standard linear scale projection of values along an axis. It uses order of magnitude to find a scale automatically and evaluates the available space in order to find the perfect amount of ticks for your chart.
+ * **Options**
+ * The following options are used by this axis in addition to the default axis options outlined in the axis configuration of the chart default settings.
+ * ```javascript
+ * var options = {
+ * // If high is specified then the axis will display values explicitly up to this value and the computed maximum from the data is ignored
+ * high: 100,
+ * // If low is specified then the axis will display values explicitly down to this value and the computed minimum from the data is ignored
+ * low: 0,
+ * // This option will be used when finding the right scale division settings. The amount of ticks on the scale will be determined so that as many ticks as possible will be displayed, while not violating this minimum required space (in pixel).
+ * scaleMinSpace: 20,
+ * // Can be set to true or false. If set to true, the scale will be generated with whole numbers only.
+ * onlyInteger: true,
+ * // The reference value can be used to make sure that this value will always be on the chart. This is especially useful on bipolar charts where the bipolar center always needs to be part of the chart.
+ * referenceValue: 5
+ * };
+ * ```
+ *
+ * @module Chartist.AutoScaleAxis
+ */
+/* global Chartist */
+(function (window, document, Chartist) {
+ 'use strict';
+
+ function AutoScaleAxis(axisUnit, data, chartRect, options) {
+ // Usually we calculate highLow based on the data but this can be overriden by a highLow object in the options
+ var highLow = options.highLow || Chartist.getHighLow(data.normalized, options, axisUnit.pos);
+ this.bounds = Chartist.getBounds(chartRect[axisUnit.rectEnd] - chartRect[axisUnit.rectStart], highLow, options.scaleMinSpace || 20, options.onlyInteger);
+ this.range = {
+ min: this.bounds.min,
+ max: this.bounds.max
+ };
+
+ Chartist.AutoScaleAxis['super'].constructor.call(this,
+ axisUnit,
+ chartRect,
+ this.bounds.values,
+ options);
+ }
+
+ function projectValue(value) {
+ return this.axisLength * (+Chartist.getMultiValue(value, this.units.pos) - this.bounds.min) / this.bounds.range;
+ }
+
+ Chartist.AutoScaleAxis = Chartist.Axis.extend({
+ constructor: AutoScaleAxis,
+ projectValue: projectValue
+ });
+
+}(window, document, Chartist));
+;/**
+ * The fixed scale axis uses standard linear projection of values along an axis. It makes use of a divisor option to divide the range provided from the minimum and maximum value or the options high and low that will override the computed minimum and maximum.
+ * **Options**
+ * The following options are used by this axis in addition to the default axis options outlined in the axis configuration of the chart default settings.
+ * ```javascript
+ * var options = {
+ * // If high is specified then the axis will display values explicitly up to this value and the computed maximum from the data is ignored
+ * high: 100,
+ * // If low is specified then the axis will display values explicitly down to this value and the computed minimum from the data is ignored
+ * low: 0,
+ * // If specified then the value range determined from minimum to maximum (or low and high) will be divided by this number and ticks will be generated at those division points. The default divisor is 1.
+ * divisor: 4,
+ * // If ticks is explicitly set, then the axis will not compute the ticks with the divisor, but directly use the data in ticks to determine at what points on the axis a tick need to be generated.
+ * ticks: [1, 10, 20, 30]
+ * };
+ * ```
+ *
+ * @module Chartist.FixedScaleAxis
+ */
+/* global Chartist */
+(function (window, document, Chartist) {
+ 'use strict';
+
+ function FixedScaleAxis(axisUnit, data, chartRect, options) {
+ var highLow = options.highLow || Chartist.getHighLow(data.normalized, options, axisUnit.pos);
+ this.divisor = options.divisor || 1;
+ this.ticks = options.ticks || Chartist.times(this.divisor).map(function(value, index) {
+ return highLow.low + (highLow.high - highLow.low) / this.divisor * index;
+ }.bind(this));
+ this.ticks.sort(function(a, b) {
+ return a - b;
+ });
+ this.range = {
+ min: highLow.low,
+ max: highLow.high
+ };
+
+ Chartist.FixedScaleAxis['super'].constructor.call(this,
+ axisUnit,
+ chartRect,
+ this.ticks,
+ options);
+
+ this.stepLength = this.axisLength / this.divisor;
+ }
+
+ function projectValue(value) {
+ return this.axisLength * (+Chartist.getMultiValue(value, this.units.pos) - this.range.min) / (this.range.max - this.range.min);
+ }
+
+ Chartist.FixedScaleAxis = Chartist.Axis.extend({
+ constructor: FixedScaleAxis,
+ projectValue: projectValue
+ });
+
+}(window, document, Chartist));
+;/**
+ * The step axis for step based charts like bar chart or step based line charts. It uses a fixed amount of ticks that will be equally distributed across the whole axis length. The projection is done using the index of the data value rather than the value itself and therefore it's only useful for distribution purpose.
+ * **Options**
+ * The following options are used by this axis in addition to the default axis options outlined in the axis configuration of the chart default settings.
+ * ```javascript
+ * var options = {
+ * // Ticks to be used to distribute across the axis length. As this axis type relies on the index of the value rather than the value, arbitrary data that can be converted to a string can be used as ticks.
+ * ticks: ['One', 'Two', 'Three'],
+ * // If set to true the full width will be used to distribute the values where the last value will be at the maximum of the axis length. If false the spaces between the ticks will be evenly distributed instead.
+ * stretch: true
+ * };
+ * ```
+ *
+ * @module Chartist.StepAxis
+ */
+/* global Chartist */
+(function (window, document, Chartist) {
+ 'use strict';
+
+ function StepAxis(axisUnit, data, chartRect, options) {
+ Chartist.StepAxis['super'].constructor.call(this,
+ axisUnit,
+ chartRect,
+ options.ticks,
+ options);
+
+ this.stepLength = this.axisLength / (options.ticks.length - (options.stretch ? 1 : 0));
+ }
+
+ function projectValue(value, index) {
+ return this.stepLength * index;
+ }
+
+ Chartist.StepAxis = Chartist.Axis.extend({
+ constructor: StepAxis,
+ projectValue: projectValue
+ });
+
+}(window, document, Chartist));
+;/**
+ * The Chartist line chart can be used to draw Line or Scatter charts. If used in the browser you can access the global `Chartist` namespace where you find the `Line` function as a main entry point.
+ *
+ * For examples on how to use the line chart please check the examples of the `Chartist.Line` method.
+ *
+ * @module Chartist.Line
+ */
+/* global Chartist */
+(function(window, document, Chartist){
+ 'use strict';
+
+ /**
+ * Default options in line charts. Expand the code view to see a detailed list of options with comments.
+ *
+ * @memberof Chartist.Line
+ */
+ var defaultOptions = {
+ // Options for X-Axis
+ axisX: {
+ // The offset of the labels to the chart area
+ offset: 30,
+ // Position where labels are placed. Can be set to `start` or `end` where `start` is equivalent to left or top on vertical axis and `end` is equivalent to right or bottom on horizontal axis.
+ position: 'end',
+ // Allows you to correct label positioning on this axis by positive or negative x and y offset.
+ labelOffset: {
+ x: 0,
+ y: 0
+ },
+ // If labels should be shown or not
+ showLabel: true,
+ // If the axis grid should be drawn or not
+ showGrid: true,
+ // Interpolation function that allows you to intercept the value from the axis label
+ labelInterpolationFnc: Chartist.noop,
+ // Set the axis type to be used to project values on this axis. If not defined, Chartist.StepAxis will be used for the X-Axis, where the ticks option will be set to the labels in the data and the stretch option will be set to the global fullWidth option. This type can be changed to any axis constructor available (e.g. Chartist.FixedScaleAxis), where all axis options should be present here.
+ type: undefined
+ },
+ // Options for Y-Axis
+ axisY: {
+ // The offset of the labels to the chart area
+ offset: 40,
+ // Position where labels are placed. Can be set to `start` or `end` where `start` is equivalent to left or top on vertical axis and `end` is equivalent to right or bottom on horizontal axis.
+ position: 'start',
+ // Allows you to correct label positioning on this axis by positive or negative x and y offset.
+ labelOffset: {
+ x: 0,
+ y: 0
+ },
+ // If labels should be shown or not
+ showLabel: true,
+ // If the axis grid should be drawn or not
+ showGrid: true,
+ // Interpolation function that allows you to intercept the value from the axis label
+ labelInterpolationFnc: Chartist.noop,
+ // Set the axis type to be used to project values on this axis. If not defined, Chartist.AutoScaleAxis will be used for the Y-Axis, where the high and low options will be set to the global high and low options. This type can be changed to any axis constructor available (e.g. Chartist.FixedScaleAxis), where all axis options should be present here.
+ type: undefined,
+ // This value specifies the minimum height in pixel of the scale steps
+ scaleMinSpace: 20,
+ // Use only integer values (whole numbers) for the scale steps
+ onlyInteger: false
+ },
+ // Specify a fixed width for the chart as a string (i.e. '100px' or '50%')
+ width: undefined,
+ // Specify a fixed height for the chart as a string (i.e. '100px' or '50%')
+ height: undefined,
+ // If the line should be drawn or not
+ showLine: true,
+ // If dots should be drawn or not
+ showPoint: true,
+ // If the line chart should draw an area
+ showArea: false,
+ // The base for the area chart that will be used to close the area shape (is normally 0)
+ areaBase: 0,
+ // Specify if the lines should be smoothed. This value can be true or false where true will result in smoothing using the default smoothing interpolation function Chartist.Interpolation.cardinal and false results in Chartist.Interpolation.none. You can also choose other smoothing / interpolation functions available in the Chartist.Interpolation module, or write your own interpolation function. Check the examples for a brief description.
+ lineSmooth: true,
+ // Overriding the natural low of the chart allows you to zoom in or limit the charts lowest displayed value
+ low: undefined,
+ // Overriding the natural high of the chart allows you to zoom in or limit the charts highest displayed value
+ high: undefined,
+ // Padding of the chart drawing area to the container element and labels as a number or padding object {top: 5, right: 5, bottom: 5, left: 5}
+ chartPadding: {
+ top: 15,
+ right: 15,
+ bottom: 5,
+ left: 10
+ },
+ // When set to true, the last grid line on the x-axis is not drawn and the chart elements will expand to the full available width of the chart. For the last label to be drawn correctly you might need to add chart padding or offset the last label with a draw event handler.
+ fullWidth: false,
+ // If true the whole data is reversed including labels, the series order as well as the whole series data arrays.
+ reverseData: false,
+ // Override the class names that get used to generate the SVG structure of the chart
+ classNames: {
+ chart: 'ct-chart-line',
+ label: 'ct-label',
+ labelGroup: 'ct-labels',
+ series: 'ct-series',
+ line: 'ct-line',
+ point: 'ct-point',
+ area: 'ct-area',
+ grid: 'ct-grid',
+ gridGroup: 'ct-grids',
+ vertical: 'ct-vertical',
+ horizontal: 'ct-horizontal',
+ start: 'ct-start',
+ end: 'ct-end'
+ }
+ };
+
+ /**
+ * Creates a new chart
+ *
+ */
+ function createChart(options) {
+ this.data = Chartist.normalizeData(this.data);
+ var data = {
+ raw: this.data,
+ normalized: Chartist.getDataArray(this.data, options.reverseData, true)
+ };
+
+ // Create new svg object
+ this.svg = Chartist.createSvg(this.container, options.width, options.height, options.classNames.chart);
+ // Create groups for labels, grid and series
+ var gridGroup = this.svg.elem('g').addClass(options.classNames.gridGroup);
+ var seriesGroup = this.svg.elem('g');
+ var labelGroup = this.svg.elem('g').addClass(options.classNames.labelGroup);
+
+ var chartRect = Chartist.createChartRect(this.svg, options, defaultOptions.padding);
+ var axisX, axisY;
+
+ if(options.axisX.type === undefined) {
+ axisX = new Chartist.StepAxis(Chartist.Axis.units.x, data, chartRect, Chartist.extend({}, options.axisX, {
+ ticks: data.raw.labels,
+ stretch: options.fullWidth
+ }));
+ } else {
+ axisX = options.axisX.type.call(Chartist, Chartist.Axis.units.x, data, chartRect, options.axisX);
+ }
+
+ if(options.axisY.type === undefined) {
+ axisY = new Chartist.AutoScaleAxis(Chartist.Axis.units.y, data, chartRect, Chartist.extend({}, options.axisY, {
+ high: Chartist.isNum(options.high) ? options.high : options.axisY.high,
+ low: Chartist.isNum(options.low) ? options.low : options.axisY.low
+ }));
+ } else {
+ axisY = options.axisY.type.call(Chartist, Chartist.Axis.units.y, data, chartRect, options.axisY);
+ }
+
+ axisX.createGridAndLabels(gridGroup, labelGroup, this.supportsForeignObject, options, this.eventEmitter);
+ axisY.createGridAndLabels(gridGroup, labelGroup, this.supportsForeignObject, options, this.eventEmitter);
+
+ // Draw the series
+ data.raw.series.forEach(function(series, seriesIndex) {
+ var seriesElement = seriesGroup.elem('g');
+
+ // Write attributes to series group element. If series name or meta is undefined the attributes will not be written
+ seriesElement.attr({
+ 'ct:series-name': series.name,
+ 'ct:meta': Chartist.serialize(series.meta)
+ });
+
+ // Use series class from series data or if not set generate one
+ seriesElement.addClass([
+ options.classNames.series,
+ (series.className || options.classNames.series + '-' + Chartist.alphaNumerate(seriesIndex))
+ ].join(' '));
+
+ var pathCoordinates = [],
+ pathData = [];
+
+ data.normalized[seriesIndex].forEach(function(value, valueIndex) {
+ var p = {
+ x: chartRect.x1 + axisX.projectValue(value, valueIndex, data.normalized[seriesIndex]),
+ y: chartRect.y1 - axisY.projectValue(value, valueIndex, data.normalized[seriesIndex])
+ };
+ pathCoordinates.push(p.x, p.y);
+ pathData.push({
+ value: value,
+ valueIndex: valueIndex,
+ meta: Chartist.getMetaData(series, valueIndex)
+ });
+ }.bind(this));
+
+ var seriesOptions = {
+ lineSmooth: Chartist.getSeriesOption(series, options, 'lineSmooth'),
+ showPoint: Chartist.getSeriesOption(series, options, 'showPoint'),
+ showLine: Chartist.getSeriesOption(series, options, 'showLine'),
+ showArea: Chartist.getSeriesOption(series, options, 'showArea'),
+ areaBase: Chartist.getSeriesOption(series, options, 'areaBase')
+ };
+
+ var smoothing = typeof seriesOptions.lineSmooth === 'function' ?
+ seriesOptions.lineSmooth : (seriesOptions.lineSmooth ? Chartist.Interpolation.cardinal() : Chartist.Interpolation.none());
+ // Interpolating path where pathData will be used to annotate each path element so we can trace back the original
+ // index, value and meta data
+ var path = smoothing(pathCoordinates, pathData);
+
+ // If we should show points we need to create them now to avoid secondary loop
+ // Points are drawn from the pathElements returned by the interpolation function
+ // Small offset for Firefox to render squares correctly
+ if (seriesOptions.showPoint) {
+
+ path.pathElements.forEach(function(pathElement) {
+ var point = seriesElement.elem('line', {
+ x1: pathElement.x,
+ y1: pathElement.y,
+ x2: pathElement.x + 0.01,
+ y2: pathElement.y
+ }, options.classNames.point).attr({
+ 'ct:value': [pathElement.data.value.x, pathElement.data.value.y].filter(Chartist.isNum).join(','),
+ 'ct:meta': pathElement.data.meta
+ });
+
+ this.eventEmitter.emit('draw', {
+ type: 'point',
+ value: pathElement.data.value,
+ index: pathElement.data.valueIndex,
+ meta: pathElement.data.meta,
+ series: series,
+ seriesIndex: seriesIndex,
+ axisX: axisX,
+ axisY: axisY,
+ group: seriesElement,
+ element: point,
+ x: pathElement.x,
+ y: pathElement.y
+ });
+ }.bind(this));
+ }
+
+ if(seriesOptions.showLine) {
+ var line = seriesElement.elem('path', {
+ d: path.stringify()
+ }, options.classNames.line, true);
+
+ this.eventEmitter.emit('draw', {
+ type: 'line',
+ values: data.normalized[seriesIndex],
+ path: path.clone(),
+ chartRect: chartRect,
+ index: seriesIndex,
+ series: series,
+ seriesIndex: seriesIndex,
+ axisX: axisX,
+ axisY: axisY,
+ group: seriesElement,
+ element: line
+ });
+ }
+
+ // Area currently only works with axes that support a range!
+ if(seriesOptions.showArea && axisY.range) {
+ // If areaBase is outside the chart area (< min or > max) we need to set it respectively so that
+ // the area is not drawn outside the chart area.
+ var areaBase = Math.max(Math.min(seriesOptions.areaBase, axisY.range.max), axisY.range.min);
+
+ // We project the areaBase value into screen coordinates
+ var areaBaseProjected = chartRect.y1 - axisY.projectValue(areaBase);
+
+ // In order to form the area we'll first split the path by move commands so we can chunk it up into segments
+ path.splitByCommand('M').filter(function onlySolidSegments(pathSegment) {
+ // We filter only "solid" segments that contain more than one point. Otherwise there's no need for an area
+ return pathSegment.pathElements.length > 1;
+ }).map(function convertToArea(solidPathSegments) {
+ // Receiving the filtered solid path segments we can now convert those segments into fill areas
+ var firstElement = solidPathSegments.pathElements[0];
+ var lastElement = solidPathSegments.pathElements[solidPathSegments.pathElements.length - 1];
+
+ // Cloning the solid path segment with closing option and removing the first move command from the clone
+ // We then insert a new move that should start at the area base and draw a straight line up or down
+ // at the end of the path we add an additional straight line to the projected area base value
+ // As the closing option is set our path will be automatically closed
+ return solidPathSegments.clone(true)
+ .position(0)
+ .remove(1)
+ .move(firstElement.x, areaBaseProjected)
+ .line(firstElement.x, firstElement.y)
+ .position(solidPathSegments.pathElements.length + 1)
+ .line(lastElement.x, areaBaseProjected);
+
+ }).forEach(function createArea(areaPath) {
+ // For each of our newly created area paths, we'll now create path elements by stringifying our path objects
+ // and adding the created DOM elements to the correct series group
+ var area = seriesElement.elem('path', {
+ d: areaPath.stringify()
+ }, options.classNames.area, true);
+
+ // Emit an event for each area that was drawn
+ this.eventEmitter.emit('draw', {
+ type: 'area',
+ values: data.normalized[seriesIndex],
+ path: areaPath.clone(),
+ series: series,
+ seriesIndex: seriesIndex,
+ axisX: axisX,
+ axisY: axisY,
+ chartRect: chartRect,
+ index: seriesIndex,
+ group: seriesElement,
+ element: area
+ });
+ }.bind(this));
+ }
+ }.bind(this));
+
+ this.eventEmitter.emit('created', {
+ bounds: axisY.bounds,
+ chartRect: chartRect,
+ axisX: axisX,
+ axisY: axisY,
+ svg: this.svg,
+ options: options
+ });
+ }
+
+ /**
+ * This method creates a new line chart.
+ *
+ * @memberof Chartist.Line
+ * @param {String|Node} query A selector query string or directly a DOM element
+ * @param {Object} data The data object that needs to consist of a labels and a series array
+ * @param {Object} [options] The options object with options that override the default options. Check the examples for a detailed list.
+ * @param {Array} [responsiveOptions] Specify an array of responsive option arrays which are a media query and options object pair => [[mediaQueryString, optionsObject],[more...]]
+ * @return {Object} An object which exposes the API for the created chart
+ *
+ * @example
+ * // Create a simple line chart
+ * var data = {
+ * // A labels array that can contain any sort of values
+ * labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+ * // Our series array that contains series objects or in this case series data arrays
+ * series: [
+ * [5, 2, 4, 2, 0]
+ * ]
+ * };
+ *
+ * // As options we currently only set a static size of 300x200 px
+ * var options = {
+ * width: '300px',
+ * height: '200px'
+ * };
+ *
+ * // In the global name space Chartist we call the Line function to initialize a line chart. As a first parameter we pass in a selector where we would like to get our chart created. Second parameter is the actual data object and as a third parameter we pass in our options
+ * new Chartist.Line('.ct-chart', data, options);
+ *
+ * @example
+ * // Use specific interpolation function with configuration from the Chartist.Interpolation module
+ *
+ * var chart = new Chartist.Line('.ct-chart', {
+ * labels: [1, 2, 3, 4, 5],
+ * series: [
+ * [1, 1, 8, 1, 7]
+ * ]
+ * }, {
+ * lineSmooth: Chartist.Interpolation.cardinal({
+ * tension: 0.2
+ * })
+ * });
+ *
+ * @example
+ * // Create a line chart with responsive options
+ *
+ * var data = {
+ * // A labels array that can contain any sort of values
+ * labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+ * // Our series array that contains series objects or in this case series data arrays
+ * series: [
+ * [5, 2, 4, 2, 0]
+ * ]
+ * };
+ *
+ * // In addition to the regular options we specify responsive option overrides that will override the default configutation based on the matching media queries.
+ * var responsiveOptions = [
+ * ['screen and (min-width: 641px) and (max-width: 1024px)', {
+ * showPoint: false,
+ * axisX: {
+ * labelInterpolationFnc: function(value) {
+ * // Will return Mon, Tue, Wed etc. on medium screens
+ * return value.slice(0, 3);
+ * }
+ * }
+ * }],
+ * ['screen and (max-width: 640px)', {
+ * showLine: false,
+ * axisX: {
+ * labelInterpolationFnc: function(value) {
+ * // Will return M, T, W etc. on small screens
+ * return value[0];
+ * }
+ * }
+ * }]
+ * ];
+ *
+ * new Chartist.Line('.ct-chart', data, null, responsiveOptions);
+ *
+ */
+ function Line(query, data, options, responsiveOptions) {
+ Chartist.Line['super'].constructor.call(this,
+ query,
+ data,
+ defaultOptions,
+ Chartist.extend({}, defaultOptions, options),
+ responsiveOptions);
+ }
+
+ // Creating line chart type in Chartist namespace
+ Chartist.Line = Chartist.Base.extend({
+ constructor: Line,
+ createChart: createChart
+ });
+
+}(window, document, Chartist));
+;/**
+ * The bar chart module of Chartist that can be used to draw unipolar or bipolar bar and grouped bar charts.
+ *
+ * @module Chartist.Bar
+ */
+/* global Chartist */
+(function(window, document, Chartist){
+ 'use strict';
+
+ /**
+ * Default options in bar charts. Expand the code view to see a detailed list of options with comments.
+ *
+ * @memberof Chartist.Bar
+ */
+ var defaultOptions = {
+ // Options for X-Axis
+ axisX: {
+ // The offset of the chart drawing area to the border of the container
+ offset: 30,
+ // Position where labels are placed. Can be set to `start` or `end` where `start` is equivalent to left or top on vertical axis and `end` is equivalent to right or bottom on horizontal axis.
+ position: 'end',
+ // Allows you to correct label positioning on this axis by positive or negative x and y offset.
+ labelOffset: {
+ x: 0,
+ y: 0
+ },
+ // If labels should be shown or not
+ showLabel: true,
+ // If the axis grid should be drawn or not
+ showGrid: true,
+ // Interpolation function that allows you to intercept the value from the axis label
+ labelInterpolationFnc: Chartist.noop,
+ // This value specifies the minimum width in pixel of the scale steps
+ scaleMinSpace: 30,
+ // Use only integer values (whole numbers) for the scale steps
+ onlyInteger: false
+ },
+ // Options for Y-Axis
+ axisY: {
+ // The offset of the chart drawing area to the border of the container
+ offset: 40,
+ // Position where labels are placed. Can be set to `start` or `end` where `start` is equivalent to left or top on vertical axis and `end` is equivalent to right or bottom on horizontal axis.
+ position: 'start',
+ // Allows you to correct label positioning on this axis by positive or negative x and y offset.
+ labelOffset: {
+ x: 0,
+ y: 0
+ },
+ // If labels should be shown or not
+ showLabel: true,
+ // If the axis grid should be drawn or not
+ showGrid: true,
+ // Interpolation function that allows you to intercept the value from the axis label
+ labelInterpolationFnc: Chartist.noop,
+ // This value specifies the minimum height in pixel of the scale steps
+ scaleMinSpace: 20,
+ // Use only integer values (whole numbers) for the scale steps
+ onlyInteger: false
+ },
+ // Specify a fixed width for the chart as a string (i.e. '100px' or '50%')
+ width: undefined,
+ // Specify a fixed height for the chart as a string (i.e. '100px' or '50%')
+ height: undefined,
+ // Overriding the natural high of the chart allows you to zoom in or limit the charts highest displayed value
+ high: undefined,
+ // Overriding the natural low of the chart allows you to zoom in or limit the charts lowest displayed value
+ low: undefined,
+ // Padding of the chart drawing area to the container element and labels as a number or padding object {top: 5, right: 5, bottom: 5, left: 5}
+ chartPadding: {
+ top: 15,
+ right: 15,
+ bottom: 5,
+ left: 10
+ },
+ // Specify the distance in pixel of bars in a group
+ seriesBarDistance: 15,
+ // If set to true this property will cause the series bars to be stacked. Check the `stackMode` option for further stacking options.
+ stackBars: false,
+ // If set to 'overlap' this property will force the stacked bars to draw from the zero line.
+ // If set to 'accumulate' this property will form a total for each series point. This will also influence the y-axis and the overall bounds of the chart. In stacked mode the seriesBarDistance property will have no effect.
+ stackMode: 'accumulate',
+ // Inverts the axes of the bar chart in order to draw a horizontal bar chart. Be aware that you also need to invert your axis settings as the Y Axis will now display the labels and the X Axis the values.
+ horizontalBars: false,
+ // If set to true then each bar will represent a series and the data array is expected to be a one dimensional array of data values rather than a series array of series. This is useful if the bar chart should represent a profile rather than some data over time.
+ distributeSeries: false,
+ // If true the whole data is reversed including labels, the series order as well as the whole series data arrays.
+ reverseData: false,
+ // Override the class names that get used to generate the SVG structure of the chart
+ classNames: {
+ chart: 'ct-chart-bar',
+ horizontalBars: 'ct-horizontal-bars',
+ label: 'ct-label',
+ labelGroup: 'ct-labels',
+ series: 'ct-series',
+ bar: 'ct-bar',
+ grid: 'ct-grid',
+ gridGroup: 'ct-grids',
+ vertical: 'ct-vertical',
+ horizontal: 'ct-horizontal',
+ start: 'ct-start',
+ end: 'ct-end'
+ }
+ };
+
+ /**
+ * Creates a new chart
+ *
+ */
+ function createChart(options) {
+ this.data = Chartist.normalizeData(this.data);
+ var data = {
+ raw: this.data,
+ normalized: options.distributeSeries ? Chartist.getDataArray(this.data, options.reverseData, options.horizontalBars ? 'x' : 'y').map(function(value) {
+ return [value];
+ }) : Chartist.getDataArray(this.data, options.reverseData, options.horizontalBars ? 'x' : 'y')
+ };
+
+ var highLow;
+
+ // Create new svg element
+ this.svg = Chartist.createSvg(
+ this.container,
+ options.width,
+ options.height,
+ options.classNames.chart + (options.horizontalBars ? ' ' + options.classNames.horizontalBars : '')
+ );
+
+ // Drawing groups in correct order
+ var gridGroup = this.svg.elem('g').addClass(options.classNames.gridGroup);
+ var seriesGroup = this.svg.elem('g');
+ var labelGroup = this.svg.elem('g').addClass(options.classNames.labelGroup);
+
+ if(options.stackBars && data.normalized.length !== 0) {
+ // If stacked bars we need to calculate the high low from stacked values from each series
+ var serialSums = Chartist.serialMap(data.normalized, function serialSums() {
+ return Array.prototype.slice.call(arguments).map(function(value) {
+ return value;
+ }).reduce(function(prev, curr) {
+ return {
+ x: prev.x + (curr && curr.x) || 0,
+ y: prev.y + (curr && curr.y) || 0
+ };
+ }, {x: 0, y: 0});
+ });
+
+ highLow = Chartist.getHighLow([serialSums], Chartist.extend({}, options, {
+ referenceValue: 0
+ }), options.horizontalBars ? 'x' : 'y');
+ } else {
+ highLow = Chartist.getHighLow(data.normalized, Chartist.extend({}, options, {
+ referenceValue: 0
+ }), options.horizontalBars ? 'x' : 'y');
+ }
+ // Overrides of high / low from settings
+ highLow.high = +options.high || (options.high === 0 ? 0 : highLow.high);
+ highLow.low = +options.low || (options.low === 0 ? 0 : highLow.low);
+
+ var chartRect = Chartist.createChartRect(this.svg, options, defaultOptions.padding);
+
+ var valueAxis,
+ labelAxisTicks,
+ labelAxis,
+ axisX,
+ axisY;
+
+ // We need to set step count based on some options combinations
+ if(options.distributeSeries && options.stackBars) {
+ // If distributed series are enabled and bars need to be stacked, we'll only have one bar and therefore should
+ // use only the first label for the step axis
+ labelAxisTicks = data.raw.labels.slice(0, 1);
+ } else {
+ // If distributed series are enabled but stacked bars aren't, we should use the series labels
+ // If we are drawing a regular bar chart with two dimensional series data, we just use the labels array
+ // as the bars are normalized
+ labelAxisTicks = data.raw.labels;
+ }
+
+ // Set labelAxis and valueAxis based on the horizontalBars setting. This setting will flip the axes if necessary.
+ if(options.horizontalBars) {
+ if(options.axisX.type === undefined) {
+ valueAxis = axisX = new Chartist.AutoScaleAxis(Chartist.Axis.units.x, data, chartRect, Chartist.extend({}, options.axisX, {
+ highLow: highLow,
+ referenceValue: 0
+ }));
+ } else {
+ valueAxis = axisX = options.axisX.type.call(Chartist, Chartist.Axis.units.x, data, chartRect, Chartist.extend({}, options.axisX, {
+ highLow: highLow,
+ referenceValue: 0
+ }));
+ }
+
+ if(options.axisY.type === undefined) {
+ labelAxis = axisY = new Chartist.StepAxis(Chartist.Axis.units.y, data, chartRect, {
+ ticks: labelAxisTicks
+ });
+ } else {
+ labelAxis = axisY = options.axisY.type.call(Chartist, Chartist.Axis.units.y, data, chartRect, options.axisY);
+ }
+ } else {
+ if(options.axisX.type === undefined) {
+ labelAxis = axisX = new Chartist.StepAxis(Chartist.Axis.units.x, data, chartRect, {
+ ticks: labelAxisTicks
+ });
+ } else {
+ labelAxis = axisX = options.axisX.type.call(Chartist, Chartist.Axis.units.x, data, chartRect, options.axisX);
+ }
+
+ if(options.axisY.type === undefined) {
+ valueAxis = axisY = new Chartist.AutoScaleAxis(Chartist.Axis.units.y, data, chartRect, Chartist.extend({}, options.axisY, {
+ highLow: highLow,
+ referenceValue: 0
+ }));
+ } else {
+ valueAxis = axisY = options.axisY.type.call(Chartist, Chartist.Axis.units.y, data, chartRect, Chartist.extend({}, options.axisY, {
+ highLow: highLow,
+ referenceValue: 0
+ }));
+ }
+ }
+
+ // Projected 0 point
+ var zeroPoint = options.horizontalBars ? (chartRect.x1 + valueAxis.projectValue(0)) : (chartRect.y1 - valueAxis.projectValue(0));
+ // Used to track the screen coordinates of stacked bars
+ var stackedBarValues = [];
+
+ labelAxis.createGridAndLabels(gridGroup, labelGroup, this.supportsForeignObject, options, this.eventEmitter);
+ valueAxis.createGridAndLabels(gridGroup, labelGroup, this.supportsForeignObject, options, this.eventEmitter);
+
+ // Draw the series
+ data.raw.series.forEach(function(series, seriesIndex) {
+ // Calculating bi-polar value of index for seriesOffset. For i = 0..4 biPol will be -1.5, -0.5, 0.5, 1.5 etc.
+ var biPol = seriesIndex - (data.raw.series.length - 1) / 2;
+ // Half of the period width between vertical grid lines used to position bars
+ var periodHalfLength;
+ // Current series SVG element
+ var seriesElement;
+
+ // We need to set periodHalfLength based on some options combinations
+ if(options.distributeSeries && !options.stackBars) {
+ // If distributed series are enabled but stacked bars aren't, we need to use the length of the normaizedData array
+ // which is the series count and divide by 2
+ periodHalfLength = labelAxis.axisLength / data.normalized.length / 2;
+ } else if(options.distributeSeries && options.stackBars) {
+ // If distributed series and stacked bars are enabled we'll only get one bar so we should just divide the axis
+ // length by 2
+ periodHalfLength = labelAxis.axisLength / 2;
+ } else {
+ // On regular bar charts we should just use the series length
+ periodHalfLength = labelAxis.axisLength / data.normalized[seriesIndex].length / 2;
+ }
+
+ // Adding the series group to the series element
+ seriesElement = seriesGroup.elem('g');
+
+ // Write attributes to series group element. If series name or meta is undefined the attributes will not be written
+ seriesElement.attr({
+ 'ct:series-name': series.name,
+ 'ct:meta': Chartist.serialize(series.meta)
+ });
+
+ // Use series class from series data or if not set generate one
+ seriesElement.addClass([
+ options.classNames.series,
+ (series.className || options.classNames.series + '-' + Chartist.alphaNumerate(seriesIndex))
+ ].join(' '));
+
+ data.normalized[seriesIndex].forEach(function(value, valueIndex) {
+ var projected,
+ bar,
+ previousStack,
+ labelAxisValueIndex;
+
+ // We need to set labelAxisValueIndex based on some options combinations
+ if(options.distributeSeries && !options.stackBars) {
+ // If distributed series are enabled but stacked bars aren't, we can use the seriesIndex for later projection
+ // on the step axis for label positioning
+ labelAxisValueIndex = seriesIndex;
+ } else if(options.distributeSeries && options.stackBars) {
+ // If distributed series and stacked bars are enabled, we will only get one bar and therefore always use
+ // 0 for projection on the label step axis
+ labelAxisValueIndex = 0;
+ } else {
+ // On regular bar charts we just use the value index to project on the label step axis
+ labelAxisValueIndex = valueIndex;
+ }
+
+ // We need to transform coordinates differently based on the chart layout
+ if(options.horizontalBars) {
+ projected = {
+ x: chartRect.x1 + valueAxis.projectValue(value && value.x ? value.x : 0, valueIndex, data.normalized[seriesIndex]),
+ y: chartRect.y1 - labelAxis.projectValue(value && value.y ? value.y : 0, labelAxisValueIndex, data.normalized[seriesIndex])
+ };
+ } else {
+ projected = {
+ x: chartRect.x1 + labelAxis.projectValue(value && value.x ? value.x : 0, labelAxisValueIndex, data.normalized[seriesIndex]),
+ y: chartRect.y1 - valueAxis.projectValue(value && value.y ? value.y : 0, valueIndex, data.normalized[seriesIndex])
+ }
+ }
+
+ // If the label axis is a step based axis we will offset the bar into the middle of between two steps using
+ // the periodHalfLength value. Also we do arrange the different series so that they align up to each other using
+ // the seriesBarDistance. If we don't have a step axis, the bar positions can be chosen freely so we should not
+ // add any automated positioning.
+ if(labelAxis instanceof Chartist.StepAxis) {
+ // Offset to center bar between grid lines, but only if the step axis is not stretched
+ if(!labelAxis.options.stretch) {
+ projected[labelAxis.units.pos] += periodHalfLength * (options.horizontalBars ? -1 : 1);
+ }
+ // Using bi-polar offset for multiple series if no stacked bars or series distribution is used
+ projected[labelAxis.units.pos] += (options.stackBars || options.distributeSeries) ? 0 : biPol * options.seriesBarDistance * (options.horizontalBars ? -1 : 1);
+ }
+
+ // Enter value in stacked bar values used to remember previous screen value for stacking up bars
+ previousStack = stackedBarValues[valueIndex] || zeroPoint;
+ stackedBarValues[valueIndex] = previousStack - (zeroPoint - projected[labelAxis.counterUnits.pos]);
+
+ // Skip if value is undefined
+ if(value === undefined) {
+ return;
+ }
+
+ var positions = {};
+ positions[labelAxis.units.pos + '1'] = projected[labelAxis.units.pos];
+ positions[labelAxis.units.pos + '2'] = projected[labelAxis.units.pos];
+
+ if(options.stackBars && (options.stackMode === 'accumulate' || !options.stackMode)) {
+ // Stack mode: accumulate (default)
+ // If bars are stacked we use the stackedBarValues reference and otherwise base all bars off the zero line
+ // We want backwards compatibility, so the expected fallback without the 'stackMode' option
+ // to be the original behaviour (accumulate)
+ positions[labelAxis.counterUnits.pos + '1'] = previousStack;
+ positions[labelAxis.counterUnits.pos + '2'] = stackedBarValues[valueIndex];
+ } else {
+ // Draw from the zero line normally
+ // This is also the same code for Stack mode: overlap
+ positions[labelAxis.counterUnits.pos + '1'] = zeroPoint;
+ positions[labelAxis.counterUnits.pos + '2'] = projected[labelAxis.counterUnits.pos];
+ }
+
+ // Limit x and y so that they are within the chart rect
+ positions.x1 = Math.min(Math.max(positions.x1, chartRect.x1), chartRect.x2);
+ positions.x2 = Math.min(Math.max(positions.x2, chartRect.x1), chartRect.x2);
+ positions.y1 = Math.min(Math.max(positions.y1, chartRect.y2), chartRect.y1);
+ positions.y2 = Math.min(Math.max(positions.y2, chartRect.y2), chartRect.y1);
+
+ // Create bar element
+ bar = seriesElement.elem('line', positions, options.classNames.bar).attr({
+ 'ct:value': [value.x, value.y].filter(Chartist.isNum).join(','),
+ 'ct:meta': Chartist.getMetaData(series, valueIndex)
+ });
+
+ this.eventEmitter.emit('draw', Chartist.extend({
+ type: 'bar',
+ value: value,
+ index: valueIndex,
+ meta: Chartist.getMetaData(series, valueIndex),
+ series: series,
+ seriesIndex: seriesIndex,
+ axisX: axisX,
+ axisY: axisY,
+ chartRect: chartRect,
+ group: seriesElement,
+ element: bar
+ }, positions));
+ }.bind(this));
+ }.bind(this));
+
+ this.eventEmitter.emit('created', {
+ bounds: valueAxis.bounds,
+ chartRect: chartRect,
+ axisX: axisX,
+ axisY: axisY,
+ svg: this.svg,
+ options: options
+ });
+ }
+
+ /**
+ * This method creates a new bar chart and returns API object that you can use for later changes.
+ *
+ * @memberof Chartist.Bar
+ * @param {String|Node} query A selector query string or directly a DOM element
+ * @param {Object} data The data object that needs to consist of a labels and a series array
+ * @param {Object} [options] The options object with options that override the default options. Check the examples for a detailed list.
+ * @param {Array} [responsiveOptions] Specify an array of responsive option arrays which are a media query and options object pair => [[mediaQueryString, optionsObject],[more...]]
+ * @return {Object} An object which exposes the API for the created chart
+ *
+ * @example
+ * // Create a simple bar chart
+ * var data = {
+ * labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+ * series: [
+ * [5, 2, 4, 2, 0]
+ * ]
+ * };
+ *
+ * // In the global name space Chartist we call the Bar function to initialize a bar chart. As a first parameter we pass in a selector where we would like to get our chart created and as a second parameter we pass our data object.
+ * new Chartist.Bar('.ct-chart', data);
+ *
+ * @example
+ * // This example creates a bipolar grouped bar chart where the boundaries are limitted to -10 and 10
+ * new Chartist.Bar('.ct-chart', {
+ * labels: [1, 2, 3, 4, 5, 6, 7],
+ * series: [
+ * [1, 3, 2, -5, -3, 1, -6],
+ * [-5, -2, -4, -1, 2, -3, 1]
+ * ]
+ * }, {
+ * seriesBarDistance: 12,
+ * low: -10,
+ * high: 10
+ * });
+ *
+ */
+ function Bar(query, data, options, responsiveOptions) {
+ Chartist.Bar['super'].constructor.call(this,
+ query,
+ data,
+ defaultOptions,
+ Chartist.extend({}, defaultOptions, options),
+ responsiveOptions);
+ }
+
+ // Creating bar chart type in Chartist namespace
+ Chartist.Bar = Chartist.Base.extend({
+ constructor: Bar,
+ createChart: createChart
+ });
+
+}(window, document, Chartist));
+;
+return Chartist;
+
+}));
+
+(function (root, factory) {
+ // if (typeof define === 'function' && define.amd) {
+ // // AMD. Register as an anonymous module.
+ // define([], function () {
+ // return (root.returnExportsGlobal = factory());
+ // });
+ // } else if (typeof exports === 'object') {
+ // // Node. Does not work with strict CommonJS, but
+ // // only CommonJS-like enviroments that support module.exports,
+ // // like Node.
+ // module.exports = factory();
+ // } else {
+ root['Chartist.plugins.ctAxisTitle'] = factory();
+ // }
+}(this, function () {
+
+ /**
+ * Chartist.js plugin to display a title for 1 or 2 axises.
+ *
+ */
+ /* global Chartist */
+ (function (window, document, Chartist) {
+ 'use strict';
+
+ var axisDefaults = {
+ axisTitle: '',
+ axisClass: 'ct-axis-title',
+ offset: {
+ x: 0,
+ y: 0
+ },
+ textAnchor: 'middle',
+ flipText: false
+ };
+ var defaultOptions = {
+ axisX: axisDefaults,
+ axisY: axisDefaults
+ };
+
+ Chartist.plugins = Chartist.plugins || {};
+ Chartist.plugins.ctAxisTitle = function (options) {
+
+ options = Chartist.extend({}, defaultOptions, options);
+
+ return function ctAxisTitle(chart) {
+
+ chart.on('created', function (data) {
+ //
+ // if (!options.axisX.axisTitle && !options.axisY.axisTitle) {
+ // throw new Error('ctAxisTitle plugin - You must provide at least one axis title');
+ // } else if (!data.axisX && !data.axisY) {
+ // throw new Error('ctAxisTitle plugin can only be used on charts that have at least one axis');
+ // }
+
+ var xPos;
+ var yPos;
+ var title;
+
+ //position axis X title
+ if (options.axisX.axisTitle && data.axisX) {
+
+ xPos = (data.axisX.axisLength / 2) + data.options.axisY.offset + data.options.chartPadding.left;
+
+ yPos = data.options.chartPadding.top;
+
+ if (data.options.axisY.position === 'end') {
+ xPos -= data.options.axisY.offset;
+ }
+
+ if (data.options.axisX.position === 'end') {
+ yPos += data.axisY.axisLength;
+ }
+
+ title = new Chartist.Svg("text");
+ title.addClass(options.axisX.axisClass);
+ title.text(options.axisX.axisTitle);
+ title.attr({
+ x: xPos + options.axisX.offset.x,
+ y: yPos + options.axisX.offset.y,
+ "text-anchor": options.axisX.textAnchor
+ });
+
+ data.svg.append(title, true);
+
+ }
+
+ //position axis Y title
+ if (options.axisY.axisTitle && data.axisY) {
+ xPos = 0;
+
+
+ yPos = (data.axisY.axisLength / 2) + data.options.chartPadding.top;
+
+ if (data.options.axisX.position === 'start') {
+ yPos += data.options.axisX.offset;
+ }
+
+ if (data.options.axisY.position === 'end') {
+ xPos = data.axisX.axisLength;
+ }
+
+ var transform = 'rotate(' + (options.axisY.flipText ? -90 : 90) + ', ' + xPos + ', ' + yPos + ')';
+
+ title = new Chartist.Svg("text");
+ title.addClass(options.axisY.axisClass);
+ title.text(options.axisY.axisTitle);
+ title.attr({
+ x: xPos + options.axisY.offset.x,
+ y: yPos + options.axisY.offset.y,
+ transform: transform,
+ "text-anchor": options.axisY.textAnchor
+ });
+
+ data.svg.append(title, true);
+
+ }
+
+ });
+ };
+ };
+
+ }(window, document, Chartist));
+
+ return Chartist.plugins.ctAxisTitle;
+
+}));
+
+(function (root, factory) {
+ // if (typeof define === 'function' && define.amd) {
+ // // AMD. Register as an anonymous module.
+ // define([], function () {
+ // return (root.returnExportsGlobal = factory());
+ // });
+ // } else if (typeof exports === 'object') {
+ // // Node. Does not work with strict CommonJS, but
+ // // only CommonJS-like enviroments that support module.exports,
+ // // like Node.
+ // module.exports = factory();
+ // } else {
+ root['Chartist.plugins.zoom'] = factory();
+ // }
+}(this, function () {
+
+ /**
+ * Chartist.js zoom plugin.
+ *
+ */
+ (function (window, document, Chartist) {
+ 'use strict';
+
+ var defaultOptions = {
+ // onZoom
+ // resetOnRightMouseBtn
+ };
+
+
+ Chartist.plugins = Chartist.plugins || {};
+ Chartist.plugins.zoom = function (options) {
+
+ options = Chartist.extend({}, defaultOptions, options);
+
+ return function zoom(chart) {
+
+ if (!(chart instanceof Chartist.Line)) {
+ return;
+ }
+
+ var rect, svg, axisX, axisY, chartRect;
+ var downPosition;
+ var onZoom = options.onZoom;
+ var ongoingTouches = [];
+
+ chart.on('draw', function (data) {
+ var type = data.type;
+ if (type === 'line' || type === 'bar' || type === 'area' || type === 'point') {
+ data.element.attr({
+ 'clip-path': 'url(#zoom-mask)'
+ });
+ }
+ });
+
+ chart.on('created', function (data) {
+ axisX = data.axisX;
+ axisY = data.axisY;
+ chartRect = data.chartRect;
+ svg = data.svg._node;
+ rect = data.svg.elem('rect', {
+ x: 10,
+ y: 10,
+ width: 100,
+ height: 100,
+ }, 'ct-zoom-rect');
+ hide(rect);
+
+ var defs = data.svg.querySelector('defs') || data.svg.elem('defs');
+ var width = chartRect.width();
+ var height = chartRect.height();
+
+ defs
+ .elem('clipPath', {
+ id: 'zoom-mask'
+ })
+ .elem('rect', {
+ x: chartRect.x1,
+ y: chartRect.y2,
+ width: width,
+ height: height,
+ fill: 'white'
+ });
+
+ svg.addEventListener('mousedown', onMouseDown);
+ svg.addEventListener('mouseup', onMouseUp);
+ svg.addEventListener('mousemove', onMouseMove);
+ svg.addEventListener('touchstart', onTouchStart);
+ svg.addEventListener('touchmove', onTouchMove);
+ svg.addEventListener('touchend', onTouchEnd);
+ svg.addEventListener('touchcancel', onTouchCancel);
+ });
+
+ function copyTouch(touch) {
+ var p = position(touch, svg);
+ p.id = touch.identifier;
+ return p;
+ }
+
+ function ongoingTouchIndexById(idToFind) {
+ for (var i = 0; i < ongoingTouches.length; i++) {
+ var id = ongoingTouches[i].id;
+ if (id === idToFind) {
+ return i;
+ }
+ }
+ return -1;
+ }
+
+ function onTouchStart(event) {
+ var touches = event.changedTouches;
+ for (var i = 0; i < touches.length; i++) {
+ ongoingTouches.push(copyTouch(touches[i]));
+ }
+
+ if (ongoingTouches.length > 1) {
+ rect.attr(getRect(ongoingTouches[0], ongoingTouches[1]));
+ show(rect);
+ }
+ }
+
+ function onTouchMove(event) {
+ var touches = event.changedTouches;
+ for (var i = 0; i < touches.length; i++) {
+ var idx = ongoingTouchIndexById(touches[i].identifier);
+ ongoingTouches.splice(idx, 1, copyTouch(touches[i]));
+ }
+
+ if (ongoingTouches.length > 1) {
+ rect.attr(getRect(ongoingTouches[0], ongoingTouches[1]));
+ show(rect);
+ event.preventDefault();
+ }
+ }
+
+ function onTouchCancel(event) {
+ removeTouches(event.changedTouches);
+ }
+
+ function removeTouches(touches) {
+ for (var i = 0; i < touches.length; i++) {
+ var idx = ongoingTouchIndexById(touches[i].identifier);
+ if (idx >= 0) {
+ ongoingTouches.splice(idx, 1);
+ }
+ }
+ }
+
+ function onTouchEnd(event) {
+ if (ongoingTouches.length > 1) {
+ zoomIn(getRect(ongoingTouches[0], ongoingTouches[1]));
+ }
+ removeTouches(event.changedTouches);
+ hide(rect);
+ }
+
+ function onMouseDown(event) {
+ if (event.button === 0) {
+ downPosition = position(event, svg);
+ rect.attr(getRect(downPosition, downPosition));
+ show(rect);
+ event.preventDefault();
+ }
+ }
+
+ var reset = function () {
+ chart.options.axisX.highLow = null;
+ chart.options.axisY.highLow = null;
+ chart.update(chart.data, chart.options);
+ };
+
+ function onMouseUp(event) {
+ if (event.button === 0) {
+ var box = getRect(downPosition, position(event, svg));
+ zoomIn(box);
+ downPosition = null;
+ hide(rect);
+ event.preventDefault();
+ }
+ else if (options.resetOnRightMouseBtn && event.button === 2) {
+ reset();
+ event.preventDefault();
+ }
+ }
+
+ function zoomIn(rect) {
+ if (rect.width > 5 && rect.height > 5) {
+ var x1 = rect.x - chartRect.x1;
+ var x2 = x1 + rect.width;
+ var y2 = chartRect.y1 - rect.y;
+ var y1 = y2 - rect.height;
+
+ var xLow = project(x1, axisX);
+ var xHigh = project(x2, axisX);
+ var yLow = project(y1, axisY);
+ var yHigh = project(y2, axisY);
+
+ var explb = chart.options.explicitBounds;
+ if (!_.isUndefined(explb)) {
+ if (!_.isUndefined(explb.xLow)) xLow = Math.max(explb.xLow, xLow);
+ if (!_.isUndefined(explb.xHigh)) xHigh = Math.min(explb.xHigh, xHigh);
+ if (!_.isUndefined(explb.yLow)) yLow = Math.max(explb.yLow, yLow);
+ if (!_.isUndefined(explb.yHigh)) yHigh = Math.min(explb.yHigh, yHigh);
+ }
+
+ chart.options.axisX.highLow = {low: xLow, high: xHigh};
+ chart.options.axisY.highLow = {low: yLow, high: yHigh};
+
+ chart.update(chart.data, chart.options);
+ onZoom && onZoom(chart, reset);
+ }
+ }
+
+ function onMouseMove(event) {
+ if (downPosition) {
+ var point = position(event, svg);
+ rect.attr(getRect(downPosition, point));
+ event.preventDefault();
+ }
+ }
+ };
+
+ };
+
+ function hide(rect) {
+ rect.attr({style: 'display:none'});
+ }
+
+ function show(rect) {
+ rect.attr({style: 'display:block'});
+ }
+
+ function getRect(firstPoint, secondPoint) {
+ var x = firstPoint.x;
+ var y = firstPoint.y;
+ var width = secondPoint.x - x;
+ var height = secondPoint.y - y;
+ if (width < 0) {
+ width = -width;
+ x = secondPoint.x;
+ }
+ if (height < 0) {
+ height = -height;
+ y = secondPoint.y;
+ }
+ return {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ };
+ }
+
+ function position(event, svg) {
+ return transform(event.clientX, event.clientY, svg);
+ }
+
+ function transform(x, y, svgElement) {
+ var svg = svgElement.tagName === 'svg' ? svgElement : svgElement.ownerSVGElement;
+ var matrix = svg.getScreenCTM();
+ var point = svg.createSVGPoint();
+ point.x = x;
+ point.y = y;
+ point = point.matrixTransform(matrix.inverse());
+ return point || {x: 0, y: 0};
+ }
+
+ function project(value, axis) {
+ var max = axis.bounds.max;
+ var min = axis.bounds.min;
+ if (axis.scale && axis.scale.type === 'log') {
+ var base = axis.scale.base;
+ return Math.pow(base,
+ value * baseLog(max / min, base) / axis.axisLength) * min;
+ }
+ return (value * axis.bounds.range / axis.axisLength) + min;
+ }
+
+ function baseLog(val, base) {
+ return Math.log(val) / Math.log(base);
+ }
+
+ }(window, document, Chartist));
+ return Chartist.plugins.zoom;
+
+}));
+
+/**
+ * @license
+ * lodash 4.6.1 (Custom Build)
+ * Build: `lodash include="range,isArray,isObject,escape,unescape,escapeRegExp,each,replace,map,isNumber,isUndefined" exports="global" -d`
+ * Copyright 2012-2016 The Dojo Foundation
+ * Based on Underscore.js 1.8.3
+ * Copyright 2009-2016 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ * Available under MIT license
+ */
+;(function() {
+
+ /** Used as a safe reference for `undefined` in pre-ES5 environments. */
+ var undefined;
+
+ /** Used as the semantic version number. */
+ var VERSION = '4.6.1';
+
+ /** Used as the size to enable large array optimizations. */
+ var LARGE_ARRAY_SIZE = 200;
+
+ /** Used to stand-in for `undefined` hash values. */
+ var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+ /** Used to compose bitmasks for comparison styles. */
+ var UNORDERED_COMPARE_FLAG = 1,
+ PARTIAL_COMPARE_FLAG = 2;
+
+ /** Used as references for various `Number` constants. */
+ var INFINITY = 1 / 0,
+ MAX_SAFE_INTEGER = 9007199254740991,
+ NAN = 0 / 0;
+
+ /** `Object#toString` result references. */
+ var argsTag = '[object Arguments]',
+ arrayTag = '[object Array]',
+ boolTag = '[object Boolean]',
+ dateTag = '[object Date]',
+ errorTag = '[object Error]',
+ funcTag = '[object Function]',
+ genTag = '[object GeneratorFunction]',
+ mapTag = '[object Map]',
+ numberTag = '[object Number]',
+ objectTag = '[object Object]',
+ regexpTag = '[object RegExp]',
+ setTag = '[object Set]',
+ stringTag = '[object String]',
+ symbolTag = '[object Symbol]',
+ weakMapTag = '[object WeakMap]';
+
+ var arrayBufferTag = '[object ArrayBuffer]',
+ float32Tag = '[object Float32Array]',
+ float64Tag = '[object Float64Array]',
+ int8Tag = '[object Int8Array]',
+ int16Tag = '[object Int16Array]',
+ int32Tag = '[object Int32Array]',
+ uint8Tag = '[object Uint8Array]',
+ uint8ClampedTag = '[object Uint8ClampedArray]',
+ uint16Tag = '[object Uint16Array]',
+ uint32Tag = '[object Uint32Array]';
+
+ /** Used to match HTML entities and HTML characters. */
+ var reEscapedHtml = /&(?:amp|lt|gt|quot|#39|#96);/g,
+ reUnescapedHtml = /[&<>"'`]/g,
+ reHasEscapedHtml = RegExp(reEscapedHtml.source),
+ reHasUnescapedHtml = RegExp(reUnescapedHtml.source);
+
+ /** Used to match property names within property paths. */
+ var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
+ reIsPlainProp = /^\w*$/,
+ rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]/g;
+
+ /** Used to match `RegExp` [syntax characters](http://ecma-international.org/ecma-262/6.0/#sec-patterns). */
+ var reRegExpChar = /[\\^$.*+?()[\]{}|]/g,
+ reHasRegExpChar = RegExp(reRegExpChar.source);
+
+ /** Used to match leading and trailing whitespace. */
+ var reTrim = /^\s+|\s+$/g;
+
+ /** Used to match backslashes in property paths. */
+ var reEscapeChar = /\\(\\)?/g;
+
+ /** Used to match `RegExp` flags from their coerced string values. */
+ var reFlags = /\w*$/;
+
+ /** Used to detect bad signed hexadecimal string values. */
+ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+ /** Used to detect binary string values. */
+ var reIsBinary = /^0b[01]+$/i;
+
+ /** Used to detect host constructors (Safari > 5). */
+ var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+ /** Used to detect octal string values. */
+ var reIsOctal = /^0o[0-7]+$/i;
+
+ /** Used to detect unsigned integer values. */
+ var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+ /** Used to identify `toStringTag` values of typed arrays. */
+ var typedArrayTags = {};
+ typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
+ typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
+ typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
+ typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
+ typedArrayTags[uint32Tag] = true;
+ typedArrayTags[argsTag] = typedArrayTags[arrayTag] =
+ typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
+ typedArrayTags[dateTag] = typedArrayTags[errorTag] =
+ typedArrayTags[funcTag] = typedArrayTags[mapTag] =
+ typedArrayTags[numberTag] = typedArrayTags[objectTag] =
+ typedArrayTags[regexpTag] = typedArrayTags[setTag] =
+ typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+
+ /** Used to identify `toStringTag` values supported by `_.clone`. */
+ var cloneableTags = {};
+ cloneableTags[argsTag] = cloneableTags[arrayTag] =
+ cloneableTags[arrayBufferTag] = cloneableTags[boolTag] =
+ cloneableTags[dateTag] = cloneableTags[float32Tag] =
+ cloneableTags[float64Tag] = cloneableTags[int8Tag] =
+ cloneableTags[int16Tag] = cloneableTags[int32Tag] =
+ cloneableTags[mapTag] = cloneableTags[numberTag] =
+ cloneableTags[objectTag] = cloneableTags[regexpTag] =
+ cloneableTags[setTag] = cloneableTags[stringTag] =
+ cloneableTags[symbolTag] = cloneableTags[uint8Tag] =
+ cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] =
+ cloneableTags[uint32Tag] = true;
+ cloneableTags[errorTag] = cloneableTags[funcTag] =
+ cloneableTags[weakMapTag] = false;
+
+ /** Used to map characters to HTML entities. */
+ var htmlEscapes = {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"',
+ "'": ''',
+ '`': '`'
+ };
+
+ /** Used to map HTML entities to characters. */
+ var htmlUnescapes = {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"',
+ ''': "'",
+ '`': '`'
+ };
+
+ /** Used to determine if values are of the language type `Object`. */
+ var objectTypes = {
+ 'function': true,
+ 'object': true
+ };
+
+ /** Built-in method references without a dependency on `root`. */
+ var freeParseInt = parseInt;
+
+ /** Detect free variable `exports`. */
+ var freeExports = (objectTypes[typeof exports] && exports && !exports.nodeType)
+ ? exports
+ : undefined;
+
+ /** Detect free variable `module`. */
+ var freeModule = (objectTypes[typeof module] && module && !module.nodeType)
+ ? module
+ : undefined;
+
+ /** Detect the popular CommonJS extension `module.exports`. */
+ var moduleExports = (freeModule && freeModule.exports === freeExports)
+ ? freeExports
+ : undefined;
+
+ /** Detect free variable `global` from Node.js. */
+ var freeGlobal = checkGlobal(freeExports && freeModule && typeof global == 'object' && global);
+
+ /** Detect free variable `self`. */
+ var freeSelf = checkGlobal(objectTypes[typeof self] && self);
+
+ /** Detect free variable `window`. */
+ var freeWindow = checkGlobal(objectTypes[typeof window] && window);
+
+ /** Detect `this` as the global object. */
+ var thisGlobal = checkGlobal(objectTypes[typeof this] && this);
+
+ /**
+ * Used as a reference to the global object.
+ *
+ * The `this` value is used if it's the global object to avoid Greasemonkey's
+ * restricted `window` object, otherwise the `window` object is used.
+ */
+ var root = freeGlobal ||
+ ((freeWindow !== (thisGlobal && thisGlobal.window)) && freeWindow) ||
+ freeSelf || thisGlobal || Function('return this')();
+
+ /*--------------------------------------------------------------------------*/
+
+ /**
+ * Adds the key-value `pair` to `map`.
+ *
+ * @private
+ * @param {Object} map The map to modify.
+ * @param {Array} pair The key-value pair to add.
+ * @returns {Object} Returns `map`.
+ */
+ function addMapEntry(map, pair) {
+ // Don't return `Map#set` because it doesn't return the map instance in IE 11.
+ map.set(pair[0], pair[1]);
+ return map;
+ }
+
+ /**
+ * Adds `value` to `set`.
+ *
+ * @private
+ * @param {Object} set The set to modify.
+ * @param {*} value The value to add.
+ * @returns {Object} Returns `set`.
+ */
+ function addSetEntry(set, value) {
+ set.add(value);
+ return set;
+ }
+
+ /**
+ * A specialized version of `_.forEach` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns `array`.
+ */
+ function arrayEach(array, iteratee) {
+ var index = -1,
+ length = array.length;
+
+ while (++index < length) {
+ if (iteratee(array[index], index, array) === false) {
+ break;
+ }
+ }
+ return array;
+ }
+
+ /**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} array The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+ function arrayMap(array, iteratee) {
+ var index = -1,
+ length = array.length,
+ result = Array(length);
+
+ while (++index < length) {
+ result[index] = iteratee(array[index], index, array);
+ }
+ return result;
+ }
+
+ /**
+ * A specialized version of `_.reduce` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @param {*} [accumulator] The initial value.
+ * @param {boolean} [initAccum] Specify using the first element of `array` as the initial value.
+ * @returns {*} Returns the accumulated value.
+ */
+ function arrayReduce(array, iteratee, accumulator, initAccum) {
+ var index = -1,
+ length = array.length;
+
+ if (initAccum && length) {
+ accumulator = array[++index];
+ }
+ while (++index < length) {
+ accumulator = iteratee(accumulator, array[index], index, array);
+ }
+ return accumulator;
+ }
+
+ /**
+ * A specialized version of `_.some` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} array The array to iterate over.
+ * @param {Function} predicate The function invoked per iteration.
+ * @returns {boolean} Returns `true` if any element passes the predicate check, else `false`.
+ */
+ function arraySome(array, predicate) {
+ var index = -1,
+ length = array.length;
+
+ while (++index < length) {
+ if (predicate(array[index], index, array)) {
+ return true;
+ }
+ }
+ return false;
+ }
+
+ /**
+ * The base implementation of `_.times` without support for iteratee shorthands
+ * or max array length checks.
+ *
+ * @private
+ * @param {number} n The number of times to invoke `iteratee`.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the array of results.
+ */
+ function baseTimes(n, iteratee) {
+ var index = -1,
+ result = Array(n);
+
+ while (++index < n) {
+ result[index] = iteratee(index);
+ }
+ return result;
+ }
+
+ /**
+ * The base implementation of `_.toPairs` and `_.toPairsIn` which creates an array
+ * of key-value pairs for `object` corresponding to the property names of `props`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array} props The property names to get values for.
+ * @returns {Object} Returns the new array of key-value pairs.
+ */
+ function baseToPairs(object, props) {
+ return arrayMap(props, function(key) {
+ return [key, object[key]];
+ });
+ }
+
+ /**
+ * Checks if `value` is a global object.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {null|Object} Returns `value` if it's a global object, else `null`.
+ */
+ function checkGlobal(value) {
+ return (value && value.Object === Object) ? value : null;
+ }
+
+ /**
+ * Used by `_.escape` to convert characters to HTML entities.
+ *
+ * @private
+ * @param {string} chr The matched character to escape.
+ * @returns {string} Returns the escaped character.
+ */
+ function escapeHtmlChar(chr) {
+ return htmlEscapes[chr];
+ }
+
+ /**
+ * Checks if `value` is a host object in IE < 9.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a host object, else `false`.
+ */
+ function isHostObject(value) {
+ // Many host objects are `Object` objects that can coerce to strings
+ // despite having improperly defined `toString` methods.
+ var result = false;
+ if (value != null && typeof value.toString != 'function') {
+ try {
+ result = !!(value + '');
+ } catch (e) {}
+ }
+ return result;
+ }
+
+ /**
+ * Checks if `value` is a valid array-like index.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+ * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+ */
+ function isIndex(value, length) {
+ value = (typeof value == 'number' || reIsUint.test(value)) ? +value : -1;
+ length = length == null ? MAX_SAFE_INTEGER : length;
+ return value > -1 && value % 1 == 0 && value < length;
+ }
+
+ /**
+ * Converts `map` to an array.
+ *
+ * @private
+ * @param {Object} map The map to convert.
+ * @returns {Array} Returns the converted array.
+ */
+ function mapToArray(map) {
+ var index = -1,
+ result = Array(map.size);
+
+ map.forEach(function(value, key) {
+ result[++index] = [key, value];
+ });
+ return result;
+ }
+
+ /**
+ * Converts `set` to an array.
+ *
+ * @private
+ * @param {Object} set The set to convert.
+ * @returns {Array} Returns the converted array.
+ */
+ function setToArray(set) {
+ var index = -1,
+ result = Array(set.size);
+
+ set.forEach(function(value) {
+ result[++index] = value;
+ });
+ return result;
+ }
+
+ /**
+ * Used by `_.unescape` to convert HTML entities to characters.
+ *
+ * @private
+ * @param {string} chr The matched character to unescape.
+ * @returns {string} Returns the unescaped character.
+ */
+ function unescapeHtmlChar(chr) {
+ return htmlUnescapes[chr];
+ }
+
+ /*--------------------------------------------------------------------------*/
+
+ /** Used for built-in method references. */
+ var arrayProto = Array.prototype,
+ objectProto = Object.prototype;
+
+ /** Used to resolve the decompiled source of functions. */
+ var funcToString = Function.prototype.toString;
+
+ /** Used to check objects for own properties. */
+ var hasOwnProperty = objectProto.hasOwnProperty;
+
+ /**
+ * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+ var objectToString = objectProto.toString;
+
+ /** Used to detect if a method is native. */
+ var reIsNative = RegExp('^' +
+ funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&')
+ .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
+ );
+
+ /** Built-in value references. */
+ var Buffer = moduleExports ? root.Buffer : undefined,
+ Symbol = root.Symbol,
+ Uint8Array = root.Uint8Array,
+ getPrototypeOf = Object.getPrototypeOf,
+ getOwnPropertySymbols = Object.getOwnPropertySymbols,
+ objectCreate = Object.create,
+ propertyIsEnumerable = objectProto.propertyIsEnumerable,
+ splice = arrayProto.splice;
+
+ /* Built-in method references for those with the same name as other `lodash` methods. */
+ var nativeCeil = Math.ceil,
+ nativeKeys = Object.keys,
+ nativeMax = Math.max;
+
+ /* Built-in method references that are verified to be native. */
+ var Map = getNative(root, 'Map'),
+ Set = getNative(root, 'Set'),
+ WeakMap = getNative(root, 'WeakMap'),
+ nativeCreate = getNative(Object, 'create');
+
+ /** Used to lookup unminified function names. */
+ var realNames = {};
+
+ /** Used to detect maps, sets, and weakmaps. */
+ var mapCtorString = Map ? funcToString.call(Map) : '',
+ setCtorString = Set ? funcToString.call(Set) : '',
+ weakMapCtorString = WeakMap ? funcToString.call(WeakMap) : '';
+
+ /** Used to convert symbols to primitives and strings. */
+ var symbolProto = Symbol ? Symbol.prototype : undefined,
+ symbolValueOf = symbolProto ? symbolProto.valueOf : undefined,
+ symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Creates a `lodash` object which wraps `value` to enable implicit method
+ * chaining. Methods that operate on and return arrays, collections, and
+ * functions can be chained together. Methods that retrieve a single value or
+ * may return a primitive value will automatically end the chain sequence and
+ * return the unwrapped value. Otherwise, the value must be unwrapped with
+ * `_#value`.
+ *
+ * Explicit chaining, which must be unwrapped with `_#value` in all cases,
+ * may be enabled using `_.chain`.
+ *
+ * The execution of chained methods is lazy, that is, it's deferred until
+ * `_#value` is implicitly or explicitly called.
+ *
+ * Lazy evaluation allows several methods to support shortcut fusion. Shortcut
+ * fusion is an optimization to merge iteratee calls; this avoids the creation
+ * of intermediate arrays and can greatly reduce the number of iteratee executions.
+ * Sections of a chain sequence qualify for shortcut fusion if the section is
+ * applied to an array of at least two hundred elements and any iteratees
+ * accept only one argument. The heuristic for whether a section qualifies
+ * for shortcut fusion is subject to change.
+ *
+ * Chaining is supported in custom builds as long as the `_#value` method is
+ * directly or indirectly included in the build.
+ *
+ * In addition to lodash methods, wrappers have `Array` and `String` methods.
+ *
+ * The wrapper `Array` methods are:
+ * `concat`, `join`, `pop`, `push`, `shift`, `sort`, `splice`, and `unshift`
+ *
+ * The wrapper `String` methods are:
+ * `replace` and `split`
+ *
+ * The wrapper methods that support shortcut fusion are:
+ * `at`, `compact`, `drop`, `dropRight`, `dropWhile`, `filter`, `find`,
+ * `findLast`, `head`, `initial`, `last`, `map`, `reject`, `reverse`, `slice`,
+ * `tail`, `take`, `takeRight`, `takeRightWhile`, `takeWhile`, and `toArray`
+ *
+ * The chainable wrapper methods are:
+ * `after`, `ary`, `assign`, `assignIn`, `assignInWith`, `assignWith`, `at`,
+ * `before`, `bind`, `bindAll`, `bindKey`, `castArray`, `chain`, `chunk`,
+ * `commit`, `compact`, `concat`, `conforms`, `constant`, `countBy`, `create`,
+ * `curry`, `debounce`, `defaults`, `defaultsDeep`, `defer`, `delay`,
+ * `difference`, `differenceBy`, `differenceWith`, `drop`, `dropRight`,
+ * `dropRightWhile`, `dropWhile`, `extend`, `extendWith`, `fill`, `filter`,
+ * `flatten`, `flattenDeep`, `flattenDepth`, `flip`, `flow`, `flowRight`,
+ * `fromPairs`, `functions`, `functionsIn`, `groupBy`, `initial`, `intersection`,
+ * `intersectionBy`, `intersectionWith`, `invert`, `invertBy`, `invokeMap`,
+ * `iteratee`, `keyBy`, `keys`, `keysIn`, `map`, `mapKeys`, `mapValues`,
+ * `matches`, `matchesProperty`, `memoize`, `merge`, `mergeWith`, `method`,
+ * `methodOf`, `mixin`, `negate`, `nthArg`, `omit`, `omitBy`, `once`, `orderBy`,
+ * `over`, `overArgs`, `overEvery`, `overSome`, `partial`, `partialRight`,
+ * `partition`, `pick`, `pickBy`, `plant`, `property`, `propertyOf`, `pull`,
+ * `pullAll`, `pullAllBy`, `pullAllWith`, `pullAt`, `push`, `range`,
+ * `rangeRight`, `rearg`, `reject`, `remove`, `rest`, `reverse`, `sampleSize`,
+ * `set`, `setWith`, `shuffle`, `slice`, `sort`, `sortBy`, `splice`, `spread`,
+ * `tail`, `take`, `takeRight`, `takeRightWhile`, `takeWhile`, `tap`, `throttle`,
+ * `thru`, `toArray`, `toPairs`, `toPairsIn`, `toPath`, `toPlainObject`,
+ * `transform`, `unary`, `union`, `unionBy`, `unionWith`, `uniq`, `uniqBy`,
+ * `uniqWith`, `unset`, `unshift`, `unzip`, `unzipWith`, `update`, `values`,
+ * `valuesIn`, `without`, `wrap`, `xor`, `xorBy`, `xorWith`, `zip`, `zipObject`,
+ * `zipObjectDeep`, and `zipWith`
+ *
+ * The wrapper methods that are **not** chainable by default are:
+ * `add`, `attempt`, `camelCase`, `capitalize`, `ceil`, `clamp`, `clone`,
+ * `cloneDeep`, `cloneDeepWith`, `cloneWith`, `deburr`, `each`, `eachRight`,
+ * `endsWith`, `eq`, `escape`, `escapeRegExp`, `every`, `find`, `findIndex`,
+ * `findKey`, `findLast`, `findLastIndex`, `findLastKey`, `first`, `floor`,
+ * `forEach`, `forEachRight`, `forIn`, `forInRight`, `forOwn`, `forOwnRight`,
+ * `get`, `gt`, `gte`, `has`, `hasIn`, `head`, `identity`, `includes`,
+ * `indexOf`, `inRange`, `invoke`, `isArguments`, `isArray`, `isArrayBuffer`,
+ * `isArrayLike`, `isArrayLikeObject`, `isBoolean`, `isBuffer`, `isDate`,
+ * `isElement`, `isEmpty`, `isEqual`, `isEqualWith`, `isError`, `isFinite`,
+ * `isFunction`, `isInteger`, `isLength`, `isMap`, `isMatch`, `isMatchWith`,
+ * `isNaN`, `isNative`, `isNil`, `isNull`, `isNumber`, `isObject`, `isObjectLike`,
+ * `isPlainObject`, `isRegExp`, `isSafeInteger`, `isSet`, `isString`,
+ * `isUndefined`, `isTypedArray`, `isWeakMap`, `isWeakSet`, `join`, `kebabCase`,
+ * `last`, `lastIndexOf`, `lowerCase`, `lowerFirst`, `lt`, `lte`, `max`,
+ * `maxBy`, `mean`, `min`, `minBy`, `noConflict`, `noop`, `now`, `pad`,
+ * `padEnd`, `padStart`, `parseInt`, `pop`, `random`, `reduce`, `reduceRight`,
+ * `repeat`, `result`, `round`, `runInContext`, `sample`, `shift`, `size`,
+ * `snakeCase`, `some`, `sortedIndex`, `sortedIndexBy`, `sortedLastIndex`,
+ * `sortedLastIndexBy`, `startCase`, `startsWith`, `subtract`, `sum`, `sumBy`,
+ * `template`, `times`, `toInteger`, `toJSON`, `toLength`, `toLower`,
+ * `toNumber`, `toSafeInteger`, `toString`, `toUpper`, `trim`, `trimEnd`,
+ * `trimStart`, `truncate`, `unescape`, `uniqueId`, `upperCase`, `upperFirst`,
+ * `value`, and `words`
+ *
+ * @name _
+ * @constructor
+ * @category Seq
+ * @param {*} value The value to wrap in a `lodash` instance.
+ * @returns {Object} Returns the new `lodash` wrapper instance.
+ * @example
+ *
+ * function square(n) {
+ * return n * n;
+ * }
+ *
+ * var wrapped = _([1, 2, 3]);
+ *
+ * // Returns an unwrapped value.
+ * wrapped.reduce(_.add);
+ * // => 6
+ *
+ * // Returns a wrapped value.
+ * var squares = wrapped.map(square);
+ *
+ * _.isArray(squares);
+ * // => false
+ *
+ * _.isArray(squares.value());
+ * // => true
+ */
+ function lodash() {
+ // No operation performed.
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Creates an hash object.
+ *
+ * @private
+ * @constructor
+ * @returns {Object} Returns the new hash object.
+ */
+ function Hash() {}
+
+ /**
+ * Removes `key` and its value from the hash.
+ *
+ * @private
+ * @param {Object} hash The hash to modify.
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+ function hashDelete(hash, key) {
+ return hashHas(hash, key) && delete hash[key];
+ }
+
+ /**
+ * Gets the hash value for `key`.
+ *
+ * @private
+ * @param {Object} hash The hash to query.
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+ function hashGet(hash, key) {
+ if (nativeCreate) {
+ var result = hash[key];
+ return result === HASH_UNDEFINED ? undefined : result;
+ }
+ return hasOwnProperty.call(hash, key) ? hash[key] : undefined;
+ }
+
+ /**
+ * Checks if a hash value for `key` exists.
+ *
+ * @private
+ * @param {Object} hash The hash to query.
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+ function hashHas(hash, key) {
+ return nativeCreate ? hash[key] !== undefined : hasOwnProperty.call(hash, key);
+ }
+
+ /**
+ * Sets the hash `key` to `value`.
+ *
+ * @private
+ * @param {Object} hash The hash to modify.
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ */
+ function hashSet(hash, key, value) {
+ hash[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Creates a map cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [values] The values to cache.
+ */
+ function MapCache(values) {
+ var index = -1,
+ length = values ? values.length : 0;
+
+ this.clear();
+ while (++index < length) {
+ var entry = values[index];
+ this.set(entry[0], entry[1]);
+ }
+ }
+
+ /**
+ * Removes all key-value entries from the map.
+ *
+ * @private
+ * @name clear
+ * @memberOf MapCache
+ */
+ function mapClear() {
+ this.__data__ = {
+ 'hash': new Hash,
+ 'map': Map ? new Map : [],
+ 'string': new Hash
+ };
+ }
+
+ /**
+ * Removes `key` and its value from the map.
+ *
+ * @private
+ * @name delete
+ * @memberOf MapCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+ function mapDelete(key) {
+ var data = this.__data__;
+ if (isKeyable(key)) {
+ return hashDelete(typeof key == 'string' ? data.string : data.hash, key);
+ }
+ return Map ? data.map['delete'](key) : assocDelete(data.map, key);
+ }
+
+ /**
+ * Gets the map value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf MapCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+ function mapGet(key) {
+ var data = this.__data__;
+ if (isKeyable(key)) {
+ return hashGet(typeof key == 'string' ? data.string : data.hash, key);
+ }
+ return Map ? data.map.get(key) : assocGet(data.map, key);
+ }
+
+ /**
+ * Checks if a map value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf MapCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+ function mapHas(key) {
+ var data = this.__data__;
+ if (isKeyable(key)) {
+ return hashHas(typeof key == 'string' ? data.string : data.hash, key);
+ }
+ return Map ? data.map.has(key) : assocHas(data.map, key);
+ }
+
+ /**
+ * Sets the map `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf MapCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the map cache object.
+ */
+ function mapSet(key, value) {
+ var data = this.__data__;
+ if (isKeyable(key)) {
+ hashSet(typeof key == 'string' ? data.string : data.hash, key, value);
+ } else if (Map) {
+ data.map.set(key, value);
+ } else {
+ assocSet(data.map, key, value);
+ }
+ return this;
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Creates a stack cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [values] The values to cache.
+ */
+ function Stack(values) {
+ var index = -1,
+ length = values ? values.length : 0;
+
+ this.clear();
+ while (++index < length) {
+ var entry = values[index];
+ this.set(entry[0], entry[1]);
+ }
+ }
+
+ /**
+ * Removes all key-value entries from the stack.
+ *
+ * @private
+ * @name clear
+ * @memberOf Stack
+ */
+ function stackClear() {
+ this.__data__ = { 'array': [], 'map': null };
+ }
+
+ /**
+ * Removes `key` and its value from the stack.
+ *
+ * @private
+ * @name delete
+ * @memberOf Stack
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+ function stackDelete(key) {
+ var data = this.__data__,
+ array = data.array;
+
+ return array ? assocDelete(array, key) : data.map['delete'](key);
+ }
+
+ /**
+ * Gets the stack value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Stack
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+ function stackGet(key) {
+ var data = this.__data__,
+ array = data.array;
+
+ return array ? assocGet(array, key) : data.map.get(key);
+ }
+
+ /**
+ * Checks if a stack value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Stack
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+ function stackHas(key) {
+ var data = this.__data__,
+ array = data.array;
+
+ return array ? assocHas(array, key) : data.map.has(key);
+ }
+
+ /**
+ * Sets the stack `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Stack
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the stack cache object.
+ */
+ function stackSet(key, value) {
+ var data = this.__data__,
+ array = data.array;
+
+ if (array) {
+ if (array.length < (LARGE_ARRAY_SIZE - 1)) {
+ assocSet(array, key, value);
+ } else {
+ data.array = null;
+ data.map = new MapCache(array);
+ }
+ }
+ var map = data.map;
+ if (map) {
+ map.set(key, value);
+ }
+ return this;
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Removes `key` and its value from the associative array.
+ *
+ * @private
+ * @param {Array} array The array to query.
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+ function assocDelete(array, key) {
+ var index = assocIndexOf(array, key);
+ if (index < 0) {
+ return false;
+ }
+ var lastIndex = array.length - 1;
+ if (index == lastIndex) {
+ array.pop();
+ } else {
+ splice.call(array, index, 1);
+ }
+ return true;
+ }
+
+ /**
+ * Gets the associative array value for `key`.
+ *
+ * @private
+ * @param {Array} array The array to query.
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+ function assocGet(array, key) {
+ var index = assocIndexOf(array, key);
+ return index < 0 ? undefined : array[index][1];
+ }
+
+ /**
+ * Checks if an associative array value for `key` exists.
+ *
+ * @private
+ * @param {Array} array The array to query.
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+ function assocHas(array, key) {
+ return assocIndexOf(array, key) > -1;
+ }
+
+ /**
+ * Gets the index at which the first occurrence of `key` is found in `array`
+ * of key-value pairs.
+ *
+ * @private
+ * @param {Array} array The array to search.
+ * @param {*} key The key to search for.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+ function assocIndexOf(array, key) {
+ var length = array.length;
+ while (length--) {
+ if (eq(array[length][0], key)) {
+ return length;
+ }
+ }
+ return -1;
+ }
+
+ /**
+ * Sets the associative array `key` to `value`.
+ *
+ * @private
+ * @param {Array} array The array to modify.
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ */
+ function assocSet(array, key, value) {
+ var index = assocIndexOf(array, key);
+ if (index < 0) {
+ array.push([key, value]);
+ } else {
+ array[index][1] = value;
+ }
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Assigns `value` to `key` of `object` if the existing value is not equivalent
+ * using [`SameValueZero`](http://ecma-international.org/ecma-262/6.0/#sec-samevaluezero)
+ * for equality comparisons.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+ function assignValue(object, key, value) {
+ var objValue = object[key];
+ if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||
+ (value === undefined && !(key in object))) {
+ object[key] = value;
+ }
+ }
+
+ /**
+ * The base implementation of `_.assign` without support for multiple sources
+ * or `customizer` functions.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @returns {Object} Returns `object`.
+ */
+ function baseAssign(object, source) {
+ return object && copyObject(source, keys(source), object);
+ }
+
+ /**
+ * Casts `value` to `identity` if it's not a function.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {Array} Returns the array-like object.
+ */
+ function baseCastFunction(value) {
+ return typeof value == 'function' ? value : identity;
+ }
+
+ /**
+ * Casts `value` to a path array if it's not one.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {Array} Returns the cast property path array.
+ */
+ function baseCastPath(value) {
+ return isArray(value) ? value : stringToPath(value);
+ }
+
+ /**
+ * The base implementation of `_.clone` and `_.cloneDeep` which tracks
+ * traversed objects.
+ *
+ * @private
+ * @param {*} value The value to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @param {boolean} [isFull] Specify a clone including symbols.
+ * @param {Function} [customizer] The function to customize cloning.
+ * @param {string} [key] The key of `value`.
+ * @param {Object} [object] The parent object of `value`.
+ * @param {Object} [stack] Tracks traversed objects and their clone counterparts.
+ * @returns {*} Returns the cloned value.
+ */
+ function baseClone(value, isDeep, isFull, customizer, key, object, stack) {
+ var result;
+ if (customizer) {
+ result = object ? customizer(value, key, object, stack) : customizer(value);
+ }
+ if (result !== undefined) {
+ return result;
+ }
+ if (!isObject(value)) {
+ return value;
+ }
+ var isArr = isArray(value);
+ if (isArr) {
+ result = initCloneArray(value);
+ if (!isDeep) {
+ return copyArray(value, result);
+ }
+ } else {
+ var tag = getTag(value),
+ isFunc = tag == funcTag || tag == genTag;
+
+ if (isBuffer(value)) {
+ return cloneBuffer(value, isDeep);
+ }
+ if (tag == objectTag || tag == argsTag || (isFunc && !object)) {
+ if (isHostObject(value)) {
+ return object ? value : {};
+ }
+ result = initCloneObject(isFunc ? {} : value);
+ if (!isDeep) {
+ result = baseAssign(result, value);
+ return isFull ? copySymbols(value, result) : result;
+ }
+ } else {
+ if (!cloneableTags[tag]) {
+ return object ? value : {};
+ }
+ result = initCloneByTag(value, tag, isDeep);
+ }
+ }
+ // Check for circular references and return its corresponding clone.
+ stack || (stack = new Stack);
+ var stacked = stack.get(value);
+ if (stacked) {
+ return stacked;
+ }
+ stack.set(value, result);
+
+ // Recursively populate clone (susceptible to call stack limits).
+ (isArr ? arrayEach : baseForOwn)(value, function(subValue, key) {
+ assignValue(result, key, baseClone(subValue, isDeep, isFull, customizer, key, value, stack));
+ });
+ return (isFull && !isArr) ? copySymbols(value, result) : result;
+ }
+
+ /**
+ * The base implementation of `_.create` without support for assigning
+ * properties to the created object.
+ *
+ * @private
+ * @param {Object} prototype The object to inherit from.
+ * @returns {Object} Returns the new object.
+ */
+ function baseCreate(proto) {
+ return isObject(proto) ? objectCreate(proto) : {};
+ }
+
+ /**
+ * The base implementation of `_.forEach` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array|Object} Returns `collection`.
+ */
+ var baseEach = createBaseEach(baseForOwn);
+
+ /**
+ * The base implementation of `baseForIn` and `baseForOwn` which iterates
+ * over `object` properties returned by `keysFunc` invoking `iteratee` for
+ * each property. Iteratee functions may exit iteration early by explicitly
+ * returning `false`.
+ *
+ * @private
+ * @param {Object} object The object to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @param {Function} keysFunc The function to get the keys of `object`.
+ * @returns {Object} Returns `object`.
+ */
+ var baseFor = createBaseFor();
+
+ /**
+ * The base implementation of `_.forOwn` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Object} object The object to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Object} Returns `object`.
+ */
+ function baseForOwn(object, iteratee) {
+ return object && baseFor(object, iteratee, keys);
+ }
+
+ /**
+ * The base implementation of `_.get` without support for default values.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @returns {*} Returns the resolved value.
+ */
+ function baseGet(object, path) {
+ path = isKey(path, object) ? [path + ''] : baseCastPath(path);
+
+ var index = 0,
+ length = path.length;
+
+ while (object != null && index < length) {
+ object = object[path[index++]];
+ }
+ return (index && index == length) ? object : undefined;
+ }
+
+ /**
+ * The base implementation of `_.has` without support for deep paths.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} key The key to check.
+ * @returns {boolean} Returns `true` if `key` exists, else `false`.
+ */
+ function baseHas(object, key) {
+ // Avoid a bug in IE 10-11 where objects with a [[Prototype]] of `null`,
+ // that are composed entirely of index properties, return `false` for
+ // `hasOwnProperty` checks of them.
+ return hasOwnProperty.call(object, key) ||
+ (typeof object == 'object' && key in object && getPrototypeOf(object) === null);
+ }
+
+ /**
+ * The base implementation of `_.hasIn` without support for deep paths.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} key The key to check.
+ * @returns {boolean} Returns `true` if `key` exists, else `false`.
+ */
+ function baseHasIn(object, key) {
+ return key in Object(object);
+ }
+
+ /**
+ * The base implementation of `_.isEqual` which supports partial comparisons
+ * and tracks traversed objects.
+ *
+ * @private
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @param {Function} [customizer] The function to customize comparisons.
+ * @param {boolean} [bitmask] The bitmask of comparison flags.
+ * The bitmask may be composed of the following flags:
+ * 1 - Unordered comparison
+ * 2 - Partial comparison
+ * @param {Object} [stack] Tracks traversed `value` and `other` objects.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ */
+ function baseIsEqual(value, other, customizer, bitmask, stack) {
+ if (value === other) {
+ return true;
+ }
+ if (value == null || other == null || (!isObject(value) && !isObjectLike(other))) {
+ return value !== value && other !== other;
+ }
+ return baseIsEqualDeep(value, other, baseIsEqual, customizer, bitmask, stack);
+ }
+
+ /**
+ * A specialized version of `baseIsEqual` for arrays and objects which performs
+ * deep comparisons and tracks traversed objects enabling objects with circular
+ * references to be compared.
+ *
+ * @private
+ * @param {Object} object The object to compare.
+ * @param {Object} other The other object to compare.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Function} [customizer] The function to customize comparisons.
+ * @param {number} [bitmask] The bitmask of comparison flags. See `baseIsEqual` for more details.
+ * @param {Object} [stack] Tracks traversed `object` and `other` objects.
+ * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+ */
+ function baseIsEqualDeep(object, other, equalFunc, customizer, bitmask, stack) {
+ var objIsArr = isArray(object),
+ othIsArr = isArray(other),
+ objTag = arrayTag,
+ othTag = arrayTag;
+
+ if (!objIsArr) {
+ objTag = getTag(object);
+ objTag = objTag == argsTag ? objectTag : objTag;
+ }
+ if (!othIsArr) {
+ othTag = getTag(other);
+ othTag = othTag == argsTag ? objectTag : othTag;
+ }
+ var objIsObj = objTag == objectTag && !isHostObject(object),
+ othIsObj = othTag == objectTag && !isHostObject(other),
+ isSameTag = objTag == othTag;
+
+ if (isSameTag && !objIsObj) {
+ stack || (stack = new Stack);
+ return (objIsArr || isTypedArray(object))
+ ? equalArrays(object, other, equalFunc, customizer, bitmask, stack)
+ : equalByTag(object, other, objTag, equalFunc, customizer, bitmask, stack);
+ }
+ if (!(bitmask & PARTIAL_COMPARE_FLAG)) {
+ var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'),
+ othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__');
+
+ if (objIsWrapped || othIsWrapped) {
+ stack || (stack = new Stack);
+ return equalFunc(objIsWrapped ? object.value() : object, othIsWrapped ? other.value() : other, customizer, bitmask, stack);
+ }
+ }
+ if (!isSameTag) {
+ return false;
+ }
+ stack || (stack = new Stack);
+ return equalObjects(object, other, equalFunc, customizer, bitmask, stack);
+ }
+
+ /**
+ * The base implementation of `_.isMatch` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Object} object The object to inspect.
+ * @param {Object} source The object of property values to match.
+ * @param {Array} matchData The property names, values, and compare flags to match.
+ * @param {Function} [customizer] The function to customize comparisons.
+ * @returns {boolean} Returns `true` if `object` is a match, else `false`.
+ */
+ function baseIsMatch(object, source, matchData, customizer) {
+ var index = matchData.length,
+ length = index,
+ noCustomizer = !customizer;
+
+ if (object == null) {
+ return !length;
+ }
+ object = Object(object);
+ while (index--) {
+ var data = matchData[index];
+ if ((noCustomizer && data[2])
+ ? data[1] !== object[data[0]]
+ : !(data[0] in object)
+ ) {
+ return false;
+ }
+ }
+ while (++index < length) {
+ data = matchData[index];
+ var key = data[0],
+ objValue = object[key],
+ srcValue = data[1];
+
+ if (noCustomizer && data[2]) {
+ if (objValue === undefined && !(key in object)) {
+ return false;
+ }
+ } else {
+ var stack = new Stack,
+ result = customizer ? customizer(objValue, srcValue, key, object, source, stack) : undefined;
+
+ if (!(result === undefined
+ ? baseIsEqual(srcValue, objValue, customizer, UNORDERED_COMPARE_FLAG | PARTIAL_COMPARE_FLAG, stack)
+ : result
+ )) {
+ return false;
+ }
+ }
+ }
+ return true;
+ }
+
+ /**
+ * The base implementation of `_.iteratee`.
+ *
+ * @private
+ * @param {*} [value=_.identity] The value to convert to an iteratee.
+ * @returns {Function} Returns the iteratee.
+ */
+ function baseIteratee(value) {
+ var type = typeof value;
+ if (type == 'function') {
+ return value;
+ }
+ if (value == null) {
+ return identity;
+ }
+ if (type == 'object') {
+ return isArray(value)
+ ? baseMatchesProperty(value[0], value[1])
+ : baseMatches(value);
+ }
+ return property(value);
+ }
+
+ /**
+ * The base implementation of `_.keys` which doesn't skip the constructor
+ * property of prototypes or treat sparse arrays as dense.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+ function baseKeys(object) {
+ return nativeKeys(Object(object));
+ }
+
+ /**
+ * The base implementation of `_.map` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+ function baseMap(collection, iteratee) {
+ var index = -1,
+ result = isArrayLike(collection) ? Array(collection.length) : [];
+
+ baseEach(collection, function(value, key, collection) {
+ result[++index] = iteratee(value, key, collection);
+ });
+ return result;
+ }
+
+ /**
+ * The base implementation of `_.matches` which doesn't clone `source`.
+ *
+ * @private
+ * @param {Object} source The object of property values to match.
+ * @returns {Function} Returns the new function.
+ */
+ function baseMatches(source) {
+ var matchData = getMatchData(source);
+ if (matchData.length == 1 && matchData[0][2]) {
+ var key = matchData[0][0],
+ value = matchData[0][1];
+
+ return function(object) {
+ if (object == null) {
+ return false;
+ }
+ return object[key] === value &&
+ (value !== undefined || (key in Object(object)));
+ };
+ }
+ return function(object) {
+ return object === source || baseIsMatch(object, source, matchData);
+ };
+ }
+
+ /**
+ * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.
+ *
+ * @private
+ * @param {string} path The path of the property to get.
+ * @param {*} srcValue The value to match.
+ * @returns {Function} Returns the new function.
+ */
+ function baseMatchesProperty(path, srcValue) {
+ return function(object) {
+ var objValue = get(object, path);
+ return (objValue === undefined && objValue === srcValue)
+ ? hasIn(object, path)
+ : baseIsEqual(srcValue, objValue, undefined, UNORDERED_COMPARE_FLAG | PARTIAL_COMPARE_FLAG);
+ };
+ }
+
+ /**
+ * The base implementation of `_.property` without support for deep paths.
+ *
+ * @private
+ * @param {string} key The key of the property to get.
+ * @returns {Function} Returns the new function.
+ */
+ function baseProperty(key) {
+ return function(object) {
+ return object == null ? undefined : object[key];
+ };
+ }
+
+ /**
+ * A specialized version of `baseProperty` which supports deep paths.
+ *
+ * @private
+ * @param {Array|string} path The path of the property to get.
+ * @returns {Function} Returns the new function.
+ */
+ function basePropertyDeep(path) {
+ return function(object) {
+ return baseGet(object, path);
+ };
+ }
+
+ /**
+ * The base implementation of `_.range` and `_.rangeRight` which doesn't
+ * coerce arguments to numbers.
+ *
+ * @private
+ * @param {number} start The start of the range.
+ * @param {number} end The end of the range.
+ * @param {number} step The value to increment or decrement by.
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Array} Returns the new array of numbers.
+ */
+ function baseRange(start, end, step, fromRight) {
+ var index = -1,
+ length = nativeMax(nativeCeil((end - start) / (step || 1)), 0),
+ result = Array(length);
+
+ while (length--) {
+ result[fromRight ? length : ++index] = start;
+ start += step;
+ }
+ return result;
+ }
+
+ /**
+ * The base implementation of `_.slice` without an iteratee call guard.
+ *
+ * @private
+ * @param {Array} array The array to slice.
+ * @param {number} [start=0] The start position.
+ * @param {number} [end=array.length] The end position.
+ * @returns {Array} Returns the slice of `array`.
+ */
+ function baseSlice(array, start, end) {
+ var index = -1,
+ length = array.length;
+
+ if (start < 0) {
+ start = -start > length ? 0 : (length + start);
+ }
+ end = end > length ? length : end;
+ if (end < 0) {
+ end += length;
+ }
+ length = start > end ? 0 : ((end - start) >>> 0);
+ start >>>= 0;
+
+ var result = Array(length);
+ while (++index < length) {
+ result[index] = array[index + start];
+ }
+ return result;
+ }
+
+ /**
+ * Creates a clone of `buffer`.
+ *
+ * @private
+ * @param {Buffer} buffer The buffer to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Buffer} Returns the cloned buffer.
+ */
+ function cloneBuffer(buffer, isDeep) {
+ if (isDeep) {
+ return buffer.slice();
+ }
+ var result = new buffer.constructor(buffer.length);
+ buffer.copy(result);
+ return result;
+ }
+
+ /**
+ * Creates a clone of `arrayBuffer`.
+ *
+ * @private
+ * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
+ * @returns {ArrayBuffer} Returns the cloned array buffer.
+ */
+ function cloneArrayBuffer(arrayBuffer) {
+ var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+ new Uint8Array(result).set(new Uint8Array(arrayBuffer));
+ return result;
+ }
+
+ /**
+ * Creates a clone of `map`.
+ *
+ * @private
+ * @param {Object} map The map to clone.
+ * @returns {Object} Returns the cloned map.
+ */
+ function cloneMap(map) {
+ return arrayReduce(mapToArray(map), addMapEntry, new map.constructor);
+ }
+
+ /**
+ * Creates a clone of `regexp`.
+ *
+ * @private
+ * @param {Object} regexp The regexp to clone.
+ * @returns {Object} Returns the cloned regexp.
+ */
+ function cloneRegExp(regexp) {
+ var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+ result.lastIndex = regexp.lastIndex;
+ return result;
+ }
+
+ /**
+ * Creates a clone of `set`.
+ *
+ * @private
+ * @param {Object} set The set to clone.
+ * @returns {Object} Returns the cloned set.
+ */
+ function cloneSet(set) {
+ return arrayReduce(setToArray(set), addSetEntry, new set.constructor);
+ }
+
+ /**
+ * Creates a clone of the `symbol` object.
+ *
+ * @private
+ * @param {Object} symbol The symbol object to clone.
+ * @returns {Object} Returns the cloned symbol object.
+ */
+ function cloneSymbol(symbol) {
+ return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};
+ }
+
+ /**
+ * Creates a clone of `typedArray`.
+ *
+ * @private
+ * @param {Object} typedArray The typed array to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Object} Returns the cloned typed array.
+ */
+ function cloneTypedArray(typedArray, isDeep) {
+ var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+ return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+ }
+
+ /**
+ * Copies the values of `source` to `array`.
+ *
+ * @private
+ * @param {Array} source The array to copy values from.
+ * @param {Array} [array=[]] The array to copy values to.
+ * @returns {Array} Returns `array`.
+ */
+ function copyArray(source, array) {
+ var index = -1,
+ length = source.length;
+
+ array || (array = Array(length));
+ while (++index < length) {
+ array[index] = source[index];
+ }
+ return array;
+ }
+
+ /**
+ * Copies properties of `source` to `object`.
+ *
+ * @private
+ * @param {Object} source The object to copy properties from.
+ * @param {Array} props The property names to copy.
+ * @param {Object} [object={}] The object to copy properties to.
+ * @returns {Object} Returns `object`.
+ */
+ function copyObject(source, props, object) {
+ return copyObjectWith(source, props, object);
+ }
+
+ /**
+ * This function is like `copyObject` except that it accepts a function to
+ * customize copied values.
+ *
+ * @private
+ * @param {Object} source The object to copy properties from.
+ * @param {Array} props The property names to copy.
+ * @param {Object} [object={}] The object to copy properties to.
+ * @param {Function} [customizer] The function to customize copied values.
+ * @returns {Object} Returns `object`.
+ */
+ function copyObjectWith(source, props, object, customizer) {
+ object || (object = {});
+
+ var index = -1,
+ length = props.length;
+
+ while (++index < length) {
+ var key = props[index];
+
+ var newValue = customizer
+ ? customizer(object[key], source[key], key, object, source)
+ : source[key];
+
+ assignValue(object, key, newValue);
+ }
+ return object;
+ }
+
+ /**
+ * Copies own symbol properties of `source` to `object`.
+ *
+ * @private
+ * @param {Object} source The object to copy symbols from.
+ * @param {Object} [object={}] The object to copy symbols to.
+ * @returns {Object} Returns `object`.
+ */
+ function copySymbols(source, object) {
+ return copyObject(source, getSymbols(source), object);
+ }
+
+ /**
+ * Creates a `baseEach` or `baseEachRight` function.
+ *
+ * @private
+ * @param {Function} eachFunc The function to iterate over a collection.
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Function} Returns the new base function.
+ */
+ function createBaseEach(eachFunc, fromRight) {
+ return function(collection, iteratee) {
+ if (collection == null) {
+ return collection;
+ }
+ if (!isArrayLike(collection)) {
+ return eachFunc(collection, iteratee);
+ }
+ var length = collection.length,
+ index = fromRight ? length : -1,
+ iterable = Object(collection);
+
+ while ((fromRight ? index-- : ++index < length)) {
+ if (iteratee(iterable[index], index, iterable) === false) {
+ break;
+ }
+ }
+ return collection;
+ };
+ }
+
+ /**
+ * Creates a base function for methods like `_.forIn`.
+ *
+ * @private
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Function} Returns the new base function.
+ */
+ function createBaseFor(fromRight) {
+ return function(object, iteratee, keysFunc) {
+ var index = -1,
+ iterable = Object(object),
+ props = keysFunc(object),
+ length = props.length;
+
+ while (length--) {
+ var key = props[fromRight ? length : ++index];
+ if (iteratee(iterable[key], key, iterable) === false) {
+ break;
+ }
+ }
+ return object;
+ };
+ }
+
+ /**
+ * Creates a `_.range` or `_.rangeRight` function.
+ *
+ * @private
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {Function} Returns the new range function.
+ */
+ function createRange(fromRight) {
+ return function(start, end, step) {
+ if (step && typeof step != 'number' && isIterateeCall(start, end, step)) {
+ end = step = undefined;
+ }
+ // Ensure the sign of `-0` is preserved.
+ start = toNumber(start);
+ start = start === start ? start : 0;
+ if (end === undefined) {
+ end = start;
+ start = 0;
+ } else {
+ end = toNumber(end) || 0;
+ }
+ step = step === undefined ? (start < end ? 1 : -1) : (toNumber(step) || 0);
+ return baseRange(start, end, step, fromRight);
+ };
+ }
+
+ /**
+ * A specialized version of `baseIsEqualDeep` for arrays with support for
+ * partial deep comparisons.
+ *
+ * @private
+ * @param {Array} array The array to compare.
+ * @param {Array} other The other array to compare.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {number} bitmask The bitmask of comparison flags. See `baseIsEqual` for more details.
+ * @param {Object} stack Tracks traversed `array` and `other` objects.
+ * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
+ */
+ function equalArrays(array, other, equalFunc, customizer, bitmask, stack) {
+ var index = -1,
+ isPartial = bitmask & PARTIAL_COMPARE_FLAG,
+ isUnordered = bitmask & UNORDERED_COMPARE_FLAG,
+ arrLength = array.length,
+ othLength = other.length;
+
+ if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
+ return false;
+ }
+ // Assume cyclic values are equal.
+ var stacked = stack.get(array);
+ if (stacked) {
+ return stacked == other;
+ }
+ var result = true;
+ stack.set(array, other);
+
+ // Ignore non-index properties.
+ while (++index < arrLength) {
+ var arrValue = array[index],
+ othValue = other[index];
+
+ if (customizer) {
+ var compared = isPartial
+ ? customizer(othValue, arrValue, index, other, array, stack)
+ : customizer(arrValue, othValue, index, array, other, stack);
+ }
+ if (compared !== undefined) {
+ if (compared) {
+ continue;
+ }
+ result = false;
+ break;
+ }
+ // Recursively compare arrays (susceptible to call stack limits).
+ if (isUnordered) {
+ if (!arraySome(other, function(othValue) {
+ return arrValue === othValue || equalFunc(arrValue, othValue, customizer, bitmask, stack);
+ })) {
+ result = false;
+ break;
+ }
+ } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, customizer, bitmask, stack))) {
+ result = false;
+ break;
+ }
+ }
+ stack['delete'](array);
+ return result;
+ }
+
+ /**
+ * A specialized version of `baseIsEqualDeep` for comparing objects of
+ * the same `toStringTag`.
+ *
+ * **Note:** This function only supports comparing values with tags of
+ * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
+ *
+ * @private
+ * @param {Object} object The object to compare.
+ * @param {Object} other The other object to compare.
+ * @param {string} tag The `toStringTag` of the objects to compare.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {number} bitmask The bitmask of comparison flags. See `baseIsEqual` for more details.
+ * @param {Object} stack Tracks traversed `object` and `other` objects.
+ * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+ */
+ function equalByTag(object, other, tag, equalFunc, customizer, bitmask, stack) {
+ switch (tag) {
+ case arrayBufferTag:
+ if ((object.byteLength != other.byteLength) ||
+ !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
+ return false;
+ }
+ return true;
+
+ case boolTag:
+ case dateTag:
+ // Coerce dates and booleans to numbers, dates to milliseconds and booleans
+ // to `1` or `0` treating invalid dates coerced to `NaN` as not equal.
+ return +object == +other;
+
+ case errorTag:
+ return object.name == other.name && object.message == other.message;
+
+ case numberTag:
+ // Treat `NaN` vs. `NaN` as equal.
+ return (object != +object) ? other != +other : object == +other;
+
+ case regexpTag:
+ case stringTag:
+ // Coerce regexes to strings and treat strings primitives and string
+ // objects as equal. See https://es5.github.io/#x15.10.6.4 for more details.
+ return object == (other + '');
+
+ case mapTag:
+ var convert = mapToArray;
+
+ case setTag:
+ var isPartial = bitmask & PARTIAL_COMPARE_FLAG;
+ convert || (convert = setToArray);
+
+ if (object.size != other.size && !isPartial) {
+ return false;
+ }
+ // Assume cyclic values are equal.
+ var stacked = stack.get(object);
+ if (stacked) {
+ return stacked == other;
+ }
+ // Recursively compare objects (susceptible to call stack limits).
+ return equalArrays(convert(object), convert(other), equalFunc, customizer, bitmask | UNORDERED_COMPARE_FLAG, stack.set(object, other));
+
+ case symbolTag:
+ if (symbolValueOf) {
+ return symbolValueOf.call(object) == symbolValueOf.call(other);
+ }
+ }
+ return false;
+ }
+
+ /**
+ * A specialized version of `baseIsEqualDeep` for objects with support for
+ * partial deep comparisons.
+ *
+ * @private
+ * @param {Object} object The object to compare.
+ * @param {Object} other The other object to compare.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {number} bitmask The bitmask of comparison flags. See `baseIsEqual` for more details.
+ * @param {Object} stack Tracks traversed `object` and `other` objects.
+ * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
+ */
+ function equalObjects(object, other, equalFunc, customizer, bitmask, stack) {
+ var isPartial = bitmask & PARTIAL_COMPARE_FLAG,
+ objProps = keys(object),
+ objLength = objProps.length,
+ othProps = keys(other),
+ othLength = othProps.length;
+
+ if (objLength != othLength && !isPartial) {
+ return false;
+ }
+ var index = objLength;
+ while (index--) {
+ var key = objProps[index];
+ if (!(isPartial ? key in other : baseHas(other, key))) {
+ return false;
+ }
+ }
+ // Assume cyclic values are equal.
+ var stacked = stack.get(object);
+ if (stacked) {
+ return stacked == other;
+ }
+ var result = true;
+ stack.set(object, other);
+
+ var skipCtor = isPartial;
+ while (++index < objLength) {
+ key = objProps[index];
+ var objValue = object[key],
+ othValue = other[key];
+
+ if (customizer) {
+ var compared = isPartial
+ ? customizer(othValue, objValue, key, other, object, stack)
+ : customizer(objValue, othValue, key, object, other, stack);
+ }
+ // Recursively compare objects (susceptible to call stack limits).
+ if (!(compared === undefined
+ ? (objValue === othValue || equalFunc(objValue, othValue, customizer, bitmask, stack))
+ : compared
+ )) {
+ result = false;
+ break;
+ }
+ skipCtor || (skipCtor = key == 'constructor');
+ }
+ if (result && !skipCtor) {
+ var objCtor = object.constructor,
+ othCtor = other.constructor;
+
+ // Non `Object` object instances with different constructors are not equal.
+ if (objCtor != othCtor &&
+ ('constructor' in object && 'constructor' in other) &&
+ !(typeof objCtor == 'function' && objCtor instanceof objCtor &&
+ typeof othCtor == 'function' && othCtor instanceof othCtor)) {
+ result = false;
+ }
+ }
+ stack['delete'](object);
+ return result;
+ }
+
+ /**
+ * Gets the appropriate "iteratee" function. If the `_.iteratee` method is
+ * customized this function returns the custom method, otherwise it returns
+ * `baseIteratee`. If arguments are provided the chosen function is invoked
+ * with them and its result is returned.
+ *
+ * @private
+ * @param {*} [value] The value to convert to an iteratee.
+ * @param {number} [arity] The arity of the created iteratee.
+ * @returns {Function} Returns the chosen function or its result.
+ */
+ function getIteratee() {
+ var result = lodash.iteratee || iteratee;
+ result = result === iteratee ? baseIteratee : result;
+ return arguments.length ? result(arguments[0], arguments[1]) : result;
+ }
+
+ /**
+ * Gets the "length" property value of `object`.
+ *
+ * **Note:** This function is used to avoid a [JIT bug](https://bugs.webkit.org/show_bug.cgi?id=142792)
+ * that affects Safari on at least iOS 8.1-8.3 ARM64.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {*} Returns the "length" value.
+ */
+ var getLength = baseProperty('length');
+
+ /**
+ * Gets the property names, values, and compare flags of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the match data of `object`.
+ */
+ function getMatchData(object) {
+ var result = toPairs(object),
+ length = result.length;
+
+ while (length--) {
+ result[length][2] = isStrictComparable(result[length][1]);
+ }
+ return result;
+ }
+
+ /**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+ function getNative(object, key) {
+ var value = object[key];
+ return isNative(value) ? value : undefined;
+ }
+
+ /**
+ * Creates an array of the own symbol properties of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of symbols.
+ */
+ var getSymbols = getOwnPropertySymbols || function() {
+ return [];
+ };
+
+ /**
+ * Gets the `toStringTag` of `value`.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+ function getTag(value) {
+ return objectToString.call(value);
+ }
+
+ // Fallback for IE 11 providing `toStringTag` values for maps, sets, and weakmaps.
+ if ((Map && getTag(new Map) != mapTag) ||
+ (Set && getTag(new Set) != setTag) ||
+ (WeakMap && getTag(new WeakMap) != weakMapTag)) {
+ getTag = function(value) {
+ var result = objectToString.call(value),
+ Ctor = result == objectTag ? value.constructor : null,
+ ctorString = typeof Ctor == 'function' ? funcToString.call(Ctor) : '';
+
+ if (ctorString) {
+ switch (ctorString) {
+ case mapCtorString: return mapTag;
+ case setCtorString: return setTag;
+ case weakMapCtorString: return weakMapTag;
+ }
+ }
+ return result;
+ };
+ }
+
+ /**
+ * Checks if `path` exists on `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path to check.
+ * @param {Function} hasFunc The function to check properties.
+ * @returns {boolean} Returns `true` if `path` exists, else `false`.
+ */
+ function hasPath(object, path, hasFunc) {
+ if (object == null) {
+ return false;
+ }
+ var result = hasFunc(object, path);
+ if (!result && !isKey(path)) {
+ path = baseCastPath(path);
+ object = parent(object, path);
+ if (object != null) {
+ path = last(path);
+ result = hasFunc(object, path);
+ }
+ }
+ var length = object ? object.length : undefined;
+ return result || (
+ !!length && isLength(length) && isIndex(path, length) &&
+ (isArray(object) || isString(object) || isArguments(object))
+ );
+ }
+
+ /**
+ * Initializes an array clone.
+ *
+ * @private
+ * @param {Array} array The array to clone.
+ * @returns {Array} Returns the initialized clone.
+ */
+ function initCloneArray(array) {
+ var length = array.length,
+ result = array.constructor(length);
+
+ // Add properties assigned by `RegExp#exec`.
+ if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {
+ result.index = array.index;
+ result.input = array.input;
+ }
+ return result;
+ }
+
+ /**
+ * Initializes an object clone.
+ *
+ * @private
+ * @param {Object} object The object to clone.
+ * @returns {Object} Returns the initialized clone.
+ */
+ function initCloneObject(object) {
+ return (typeof object.constructor == 'function' && !isPrototype(object))
+ ? baseCreate(getPrototypeOf(object))
+ : {};
+ }
+
+ /**
+ * Initializes an object clone based on its `toStringTag`.
+ *
+ * **Note:** This function only supports cloning values with tags of
+ * `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
+ *
+ * @private
+ * @param {Object} object The object to clone.
+ * @param {string} tag The `toStringTag` of the object to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Object} Returns the initialized clone.
+ */
+ function initCloneByTag(object, tag, isDeep) {
+ var Ctor = object.constructor;
+ switch (tag) {
+ case arrayBufferTag:
+ return cloneArrayBuffer(object);
+
+ case boolTag:
+ case dateTag:
+ return new Ctor(+object);
+
+ case float32Tag: case float64Tag:
+ case int8Tag: case int16Tag: case int32Tag:
+ case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag:
+ return cloneTypedArray(object, isDeep);
+
+ case mapTag:
+ return cloneMap(object);
+
+ case numberTag:
+ case stringTag:
+ return new Ctor(object);
+
+ case regexpTag:
+ return cloneRegExp(object);
+
+ case setTag:
+ return cloneSet(object);
+
+ case symbolTag:
+ return cloneSymbol(object);
+ }
+ }
+
+ /**
+ * Creates an array of index keys for `object` values of arrays,
+ * `arguments` objects, and strings, otherwise `null` is returned.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array|null} Returns index keys, else `null`.
+ */
+ function indexKeys(object) {
+ var length = object ? object.length : undefined;
+ if (isLength(length) &&
+ (isArray(object) || isString(object) || isArguments(object))) {
+ return baseTimes(length, String);
+ }
+ return null;
+ }
+
+ /**
+ * Checks if the given arguments are from an iteratee call.
+ *
+ * @private
+ * @param {*} value The potential iteratee value argument.
+ * @param {*} index The potential iteratee index or key argument.
+ * @param {*} object The potential iteratee object argument.
+ * @returns {boolean} Returns `true` if the arguments are from an iteratee call, else `false`.
+ */
+ function isIterateeCall(value, index, object) {
+ if (!isObject(object)) {
+ return false;
+ }
+ var type = typeof index;
+ if (type == 'number'
+ ? (isArrayLike(object) && isIndex(index, object.length))
+ : (type == 'string' && index in object)) {
+ return eq(object[index], value);
+ }
+ return false;
+ }
+
+ /**
+ * Checks if `value` is a property name and not a property path.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {Object} [object] The object to query keys on.
+ * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
+ */
+ function isKey(value, object) {
+ if (typeof value == 'number') {
+ return true;
+ }
+ return !isArray(value) &&
+ (reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
+ (object != null && value in Object(object)));
+ }
+
+ /**
+ * Checks if `value` is suitable for use as unique object key.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+ */
+ function isKeyable(value) {
+ var type = typeof value;
+ return type == 'number' || type == 'boolean' ||
+ (type == 'string' && value != '__proto__') || value == null;
+ }
+
+ /**
+ * Checks if `value` is likely a prototype object.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
+ */
+ function isPrototype(value) {
+ var Ctor = value && value.constructor,
+ proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;
+
+ return value === proto;
+ }
+
+ /**
+ * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` if suitable for strict
+ * equality comparisons, else `false`.
+ */
+ function isStrictComparable(value) {
+ return value === value && !isObject(value);
+ }
+
+ /**
+ * Gets the parent value at `path` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array} path The path to get the parent value of.
+ * @returns {*} Returns the parent value.
+ */
+ function parent(object, path) {
+ return path.length == 1 ? object : get(object, baseSlice(path, 0, -1));
+ }
+
+ /**
+ * Converts `string` to a property path array.
+ *
+ * @private
+ * @param {string} string The string to convert.
+ * @returns {Array} Returns the property path array.
+ */
+ function stringToPath(string) {
+ var result = [];
+ toString(string).replace(rePropName, function(match, number, quote, string) {
+ result.push(quote ? string.replace(reEscapeChar, '$1') : (number || match));
+ });
+ return result;
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Gets the last element of `array`.
+ *
+ * @static
+ * @memberOf _
+ * @category Array
+ * @param {Array} array The array to query.
+ * @returns {*} Returns the last element of `array`.
+ * @example
+ *
+ * _.last([1, 2, 3]);
+ * // => 3
+ */
+ function last(array) {
+ var length = array ? array.length : 0;
+ return length ? array[length - 1] : undefined;
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Iterates over elements of `collection` invoking `iteratee` for each element.
+ * The iteratee is invoked with three arguments: (value, index|key, collection).
+ * Iteratee functions may exit iteration early by explicitly returning `false`.
+ *
+ * **Note:** As with other "Collections" methods, objects with a "length" property
+ * are iterated like arrays. To avoid this behavior use `_.forIn` or `_.forOwn`
+ * for object iteration.
+ *
+ * @static
+ * @memberOf _
+ * @alias each
+ * @category Collection
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+ * @returns {Array|Object} Returns `collection`.
+ * @example
+ *
+ * _([1, 2]).forEach(function(value) {
+ * console.log(value);
+ * });
+ * // => logs `1` then `2`
+ *
+ * _.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
+ * console.log(key);
+ * });
+ * // => logs 'a' then 'b' (iteration order is not guaranteed)
+ */
+ function forEach(collection, iteratee) {
+ return (typeof iteratee == 'function' && isArray(collection))
+ ? arrayEach(collection, iteratee)
+ : baseEach(collection, baseCastFunction(iteratee));
+ }
+
+ /**
+ * Creates an array of values by running each element in `collection` through
+ * `iteratee`. The iteratee is invoked with three arguments:
+ * (value, index|key, collection).
+ *
+ * Many lodash methods are guarded to work as iteratees for methods like
+ * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.
+ *
+ * The guarded methods are:
+ * `ary`, `curry`, `curryRight`, `drop`, `dropRight`, `every`, `fill`,
+ * `invert`, `parseInt`, `random`, `range`, `rangeRight`, `slice`, `some`,
+ * `sortBy`, `take`, `takeRight`, `template`, `trim`, `trimEnd`, `trimStart`,
+ * and `words`
+ *
+ * @static
+ * @memberOf _
+ * @category Collection
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function|Object|string} [iteratee=_.identity] The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ * @example
+ *
+ * function square(n) {
+ * return n * n;
+ * }
+ *
+ * _.map([4, 8], square);
+ * // => [16, 64]
+ *
+ * _.map({ 'a': 4, 'b': 8 }, square);
+ * // => [16, 64] (iteration order is not guaranteed)
+ *
+ * var users = [
+ * { 'user': 'barney' },
+ * { 'user': 'fred' }
+ * ];
+ *
+ * // The `_.property` iteratee shorthand.
+ * _.map(users, 'user');
+ * // => ['barney', 'fred']
+ */
+ function map(collection, iteratee) {
+ var func = isArray(collection) ? arrayMap : baseMap;
+ return func(collection, getIteratee(iteratee, 3));
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Performs a [`SameValueZero`](http://ecma-international.org/ecma-262/6.0/#sec-samevaluezero)
+ * comparison between two values to determine if they are equivalent.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'user': 'fred' };
+ * var other = { 'user': 'fred' };
+ *
+ * _.eq(object, object);
+ * // => true
+ *
+ * _.eq(object, other);
+ * // => false
+ *
+ * _.eq('a', 'a');
+ * // => true
+ *
+ * _.eq('a', Object('a'));
+ * // => false
+ *
+ * _.eq(NaN, NaN);
+ * // => true
+ */
+ function eq(value, other) {
+ return value === other || (value !== value && other !== other);
+ }
+
+ /**
+ * Checks if `value` is likely an `arguments` object.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
+ * @example
+ *
+ * _.isArguments(function() { return arguments; }());
+ * // => true
+ *
+ * _.isArguments([1, 2, 3]);
+ * // => false
+ */
+ function isArguments(value) {
+ // Safari 8.1 incorrectly makes `arguments.callee` enumerable in strict mode.
+ return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') &&
+ (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag);
+ }
+
+ /**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @type {Function}
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+ var isArray = Array.isArray;
+
+ /**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+ function isArrayLike(value) {
+ return value != null && isLength(getLength(value)) && !isFunction(value);
+ }
+
+ /**
+ * This method is like `_.isArrayLike` except that it also checks if `value`
+ * is an object.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array-like object, else `false`.
+ * @example
+ *
+ * _.isArrayLikeObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLikeObject(document.body.children);
+ * // => true
+ *
+ * _.isArrayLikeObject('abc');
+ * // => false
+ *
+ * _.isArrayLikeObject(_.noop);
+ * // => false
+ */
+ function isArrayLikeObject(value) {
+ return isObjectLike(value) && isArrayLike(value);
+ }
+
+ /**
+ * Checks if `value` is a buffer.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
+ * @example
+ *
+ * _.isBuffer(new Buffer(2));
+ * // => true
+ *
+ * _.isBuffer(new Uint8Array(2));
+ * // => false
+ */
+ var isBuffer = !Buffer ? constant(false) : function(value) {
+ return value instanceof Buffer;
+ };
+
+ /**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+ function isFunction(value) {
+ // The use of `Object#toString` avoids issues with the `typeof` operator
+ // in Safari 8 which returns 'object' for typed array and weak map constructors,
+ // and PhantomJS 1.9 which returns 'function' for `NodeList` instances.
+ var tag = isObject(value) ? objectToString.call(value) : '';
+ return tag == funcTag || tag == genTag;
+ }
+
+ /**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This function is loosely based on [`ToLength`](http://ecma-international.org/ecma-262/6.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+ function isLength(value) {
+ return typeof value == 'number' &&
+ value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+ }
+
+ /**
+ * Checks if `value` is the [language type](https://es5.github.io/#x8) of `Object`.
+ * (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+ function isObject(value) {
+ var type = typeof value;
+ return !!value && (type == 'object' || type == 'function');
+ }
+
+ /**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+ function isObjectLike(value) {
+ return !!value && typeof value == 'object';
+ }
+
+ /**
+ * Checks if `value` is a native function.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a native function, else `false`.
+ * @example
+ *
+ * _.isNative(Array.prototype.push);
+ * // => true
+ *
+ * _.isNative(_);
+ * // => false
+ */
+ function isNative(value) {
+ if (value == null) {
+ return false;
+ }
+ if (isFunction(value)) {
+ return reIsNative.test(funcToString.call(value));
+ }
+ return isObjectLike(value) &&
+ (isHostObject(value) ? reIsNative : reIsHostCtor).test(value);
+ }
+
+ /**
+ * Checks if `value` is classified as a `Number` primitive or object.
+ *
+ * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are classified
+ * as numbers, use the `_.isFinite` method.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
+ * @example
+ *
+ * _.isNumber(3);
+ * // => true
+ *
+ * _.isNumber(Number.MIN_VALUE);
+ * // => true
+ *
+ * _.isNumber(Infinity);
+ * // => true
+ *
+ * _.isNumber('3');
+ * // => false
+ */
+ function isNumber(value) {
+ return typeof value == 'number' ||
+ (isObjectLike(value) && objectToString.call(value) == numberTag);
+ }
+
+ /**
+ * Checks if `value` is classified as a `String` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
+ * @example
+ *
+ * _.isString('abc');
+ * // => true
+ *
+ * _.isString(1);
+ * // => false
+ */
+ function isString(value) {
+ return typeof value == 'string' ||
+ (!isArray(value) && isObjectLike(value) && objectToString.call(value) == stringTag);
+ }
+
+ /**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+ function isSymbol(value) {
+ return typeof value == 'symbol' ||
+ (isObjectLike(value) && objectToString.call(value) == symbolTag);
+ }
+
+ /**
+ * Checks if `value` is classified as a typed array.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
+ * @example
+ *
+ * _.isTypedArray(new Uint8Array);
+ * // => true
+ *
+ * _.isTypedArray([]);
+ * // => false
+ */
+ function isTypedArray(value) {
+ return isObjectLike(value) &&
+ isLength(value.length) && !!typedArrayTags[objectToString.call(value)];
+ }
+
+ /**
+ * Checks if `value` is `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
+ * @example
+ *
+ * _.isUndefined(void 0);
+ * // => true
+ *
+ * _.isUndefined(null);
+ * // => false
+ */
+ function isUndefined(value) {
+ return value === undefined;
+ }
+
+ /**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3);
+ * // => 3
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3');
+ * // => 3
+ */
+ function toNumber(value) {
+ if (isObject(value)) {
+ var other = isFunction(value.valueOf) ? value.valueOf() : value;
+ value = isObject(other) ? (other + '') : other;
+ }
+ if (typeof value != 'string') {
+ return value === 0 ? value : +value;
+ }
+ value = value.replace(reTrim, '');
+ var isBinary = reIsBinary.test(value);
+ return (isBinary || reIsOctal.test(value))
+ ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+ : (reIsBadHex.test(value) ? NAN : +value);
+ }
+
+ /**
+ * Converts `value` to a string if it's not one. An empty string is returned
+ * for `null` and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+ function toString(value) {
+ // Exit early for strings to avoid a performance hit in some environments.
+ if (typeof value == 'string') {
+ return value;
+ }
+ if (value == null) {
+ return '';
+ }
+ if (isSymbol(value)) {
+ return symbolToString ? symbolToString.call(value) : '';
+ }
+ var result = (value + '');
+ return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Gets the value at `path` of `object`. If the resolved value is
+ * `undefined` the `defaultValue` is used in its place.
+ *
+ * @static
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @param {*} [defaultValue] The value returned if the resolved value is `undefined`.
+ * @returns {*} Returns the resolved value.
+ * @example
+ *
+ * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+ *
+ * _.get(object, 'a[0].b.c');
+ * // => 3
+ *
+ * _.get(object, ['a', '0', 'b', 'c']);
+ * // => 3
+ *
+ * _.get(object, 'a.b.c', 'default');
+ * // => 'default'
+ */
+ function get(object, path, defaultValue) {
+ var result = object == null ? undefined : baseGet(object, path);
+ return result === undefined ? defaultValue : result;
+ }
+
+ /**
+ * Checks if `path` is a direct or inherited property of `object`.
+ *
+ * @static
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path to check.
+ * @returns {boolean} Returns `true` if `path` exists, else `false`.
+ * @example
+ *
+ * var object = _.create({ 'a': _.create({ 'b': _.create({ 'c': 3 }) }) });
+ *
+ * _.hasIn(object, 'a');
+ * // => true
+ *
+ * _.hasIn(object, 'a.b.c');
+ * // => true
+ *
+ * _.hasIn(object, ['a', 'b', 'c']);
+ * // => true
+ *
+ * _.hasIn(object, 'b');
+ * // => false
+ */
+ function hasIn(object, path) {
+ return hasPath(object, path, baseHasIn);
+ }
+
+ /**
+ * Creates an array of the own enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects. See the
+ * [ES spec](http://ecma-international.org/ecma-262/6.0/#sec-object.keys)
+ * for more details.
+ *
+ * @static
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ * this.a = 1;
+ * this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keys(new Foo);
+ * // => ['a', 'b'] (iteration order is not guaranteed)
+ *
+ * _.keys('hi');
+ * // => ['0', '1']
+ */
+ function keys(object) {
+ var isProto = isPrototype(object);
+ if (!(isProto || isArrayLike(object))) {
+ return baseKeys(object);
+ }
+ var indexes = indexKeys(object),
+ skipIndexes = !!indexes,
+ result = indexes || [],
+ length = result.length;
+
+ for (var key in object) {
+ if (baseHas(object, key) &&
+ !(skipIndexes && (key == 'length' || isIndex(key, length))) &&
+ !(isProto && key == 'constructor')) {
+ result.push(key);
+ }
+ }
+ return result;
+ }
+
+ /**
+ * Creates an array of own enumerable key-value pairs for `object` which
+ * can be consumed by `_.fromPairs`.
+ *
+ * @static
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the new array of key-value pairs.
+ * @example
+ *
+ * function Foo() {
+ * this.a = 1;
+ * this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.toPairs(new Foo);
+ * // => [['a', 1], ['b', 2]] (iteration order is not guaranteed)
+ */
+ function toPairs(object) {
+ return baseToPairs(object, keys(object));
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Converts the characters "&", "<", ">", '"', "'", and "\`" in `string` to
+ * their corresponding HTML entities.
+ *
+ * **Note:** No other characters are escaped. To escape additional
+ * characters use a third-party library like [_he_](https://mths.be/he).
+ *
+ * Though the ">" character is escaped for symmetry, characters like
+ * ">" and "/" don't need escaping in HTML and have no special meaning
+ * unless they're part of a tag or unquoted attribute value.
+ * See [Mathias Bynens's article](https://mathiasbynens.be/notes/ambiguous-ampersands)
+ * (under "semi-related fun fact") for more details.
+ *
+ * Backticks are escaped because in IE < 9, they can break out of
+ * attribute values or HTML comments. See [#59](https://html5sec.org/#59),
+ * [#102](https://html5sec.org/#102), [#108](https://html5sec.org/#108), and
+ * [#133](https://html5sec.org/#133) of the [HTML5 Security Cheatsheet](https://html5sec.org/)
+ * for more details.
+ *
+ * When working with HTML you should always [quote attribute values](http://wonko.com/post/html-escaping)
+ * to reduce XSS vectors.
+ *
+ * @static
+ * @memberOf _
+ * @category String
+ * @param {string} [string=''] The string to escape.
+ * @returns {string} Returns the escaped string.
+ * @example
+ *
+ * _.escape('fred, barney, & pebbles');
+ * // => 'fred, barney, & pebbles'
+ */
+ function escape(string) {
+ string = toString(string);
+ return (string && reHasUnescapedHtml.test(string))
+ ? string.replace(reUnescapedHtml, escapeHtmlChar)
+ : string;
+ }
+
+ /**
+ * Escapes the `RegExp` special characters "^", "$", "\", ".", "*", "+",
+ * "?", "(", ")", "[", "]", "{", "}", and "|" in `string`.
+ *
+ * @static
+ * @memberOf _
+ * @category String
+ * @param {string} [string=''] The string to escape.
+ * @returns {string} Returns the escaped string.
+ * @example
+ *
+ * _.escapeRegExp('[lodash](https://lodash.com/)');
+ * // => '\[lodash\]\(https://lodash\.com/\)'
+ */
+ function escapeRegExp(string) {
+ string = toString(string);
+ return (string && reHasRegExpChar.test(string))
+ ? string.replace(reRegExpChar, '\\$&')
+ : string;
+ }
+
+ /**
+ * Replaces matches for `pattern` in `string` with `replacement`.
+ *
+ * **Note:** This method is based on [`String#replace`](https://mdn.io/String/replace).
+ *
+ * @static
+ * @memberOf _
+ * @category String
+ * @param {string} [string=''] The string to modify.
+ * @param {RegExp|string} pattern The pattern to replace.
+ * @param {Function|string} replacement The match replacement.
+ * @returns {string} Returns the modified string.
+ * @example
+ *
+ * _.replace('Hi Fred', 'Fred', 'Barney');
+ * // => 'Hi Barney'
+ */
+ function replace() {
+ var args = arguments,
+ string = toString(args[0]);
+
+ return args.length < 3 ? string : string.replace(args[1], args[2]);
+ }
+
+ /**
+ * The inverse of `_.escape`; this method converts the HTML entities
+ * `&`, `<`, `>`, `"`, `'`, and ``` in `string` to their
+ * corresponding characters.
+ *
+ * **Note:** No other HTML entities are unescaped. To unescape additional HTML
+ * entities use a third-party library like [_he_](https://mths.be/he).
+ *
+ * @static
+ * @memberOf _
+ * @category String
+ * @param {string} [string=''] The string to unescape.
+ * @returns {string} Returns the unescaped string.
+ * @example
+ *
+ * _.unescape('fred, barney, & pebbles');
+ * // => 'fred, barney, & pebbles'
+ */
+ function unescape(string) {
+ string = toString(string);
+ return (string && reHasEscapedHtml.test(string))
+ ? string.replace(reEscapedHtml, unescapeHtmlChar)
+ : string;
+ }
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * Creates a function that returns `value`.
+ *
+ * @static
+ * @memberOf _
+ * @category Util
+ * @param {*} value The value to return from the new function.
+ * @returns {Function} Returns the new function.
+ * @example
+ *
+ * var object = { 'user': 'fred' };
+ * var getter = _.constant(object);
+ *
+ * getter() === object;
+ * // => true
+ */
+ function constant(value) {
+ return function() {
+ return value;
+ };
+ }
+
+ /**
+ * This method returns the first argument given to it.
+ *
+ * @static
+ * @memberOf _
+ * @category Util
+ * @param {*} value Any value.
+ * @returns {*} Returns `value`.
+ * @example
+ *
+ * var object = { 'user': 'fred' };
+ *
+ * _.identity(object) === object;
+ * // => true
+ */
+ function identity(value) {
+ return value;
+ }
+
+ /**
+ * Creates a function that invokes `func` with the arguments of the created
+ * function. If `func` is a property name the created callback returns the
+ * property value for a given element. If `func` is an object the created
+ * callback returns `true` for elements that contain the equivalent object
+ * properties, otherwise it returns `false`.
+ *
+ * @static
+ * @memberOf _
+ * @category Util
+ * @param {*} [func=_.identity] The value to convert to a callback.
+ * @returns {Function} Returns the callback.
+ * @example
+ *
+ * var users = [
+ * { 'user': 'barney', 'age': 36 },
+ * { 'user': 'fred', 'age': 40 }
+ * ];
+ *
+ * // Create custom iteratee shorthands.
+ * _.iteratee = _.wrap(_.iteratee, function(callback, func) {
+ * var p = /^(\S+)\s*([<>])\s*(\S+)$/.exec(func);
+ * return !p ? callback(func) : function(object) {
+ * return (p[2] == '>' ? object[p[1]] > p[3] : object[p[1]] < p[3]);
+ * };
+ * });
+ *
+ * _.filter(users, 'age > 36');
+ * // => [{ 'user': 'fred', 'age': 40 }]
+ */
+ function iteratee(func) {
+ return baseIteratee(typeof func == 'function' ? func : baseClone(func, true));
+ }
+
+ /**
+ * Creates a function that returns the value at `path` of a given object.
+ *
+ * @static
+ * @memberOf _
+ * @category Util
+ * @param {Array|string} path The path of the property to get.
+ * @returns {Function} Returns the new function.
+ * @example
+ *
+ * var objects = [
+ * { 'a': { 'b': { 'c': 2 } } },
+ * { 'a': { 'b': { 'c': 1 } } }
+ * ];
+ *
+ * _.map(objects, _.property('a.b.c'));
+ * // => [2, 1]
+ *
+ * _.map(_.sortBy(objects, _.property(['a', 'b', 'c'])), 'a.b.c');
+ * // => [1, 2]
+ */
+ function property(path) {
+ return isKey(path) ? baseProperty(path) : basePropertyDeep(path);
+ }
+
+ /**
+ * Creates an array of numbers (positive and/or negative) progressing from
+ * `start` up to, but not including, `end`. A step of `-1` is used if a negative
+ * `start` is specified without an `end` or `step`. If `end` is not specified
+ * it's set to `start` with `start` then set to `0`.
+ *
+ * **Note:** JavaScript follows the IEEE-754 standard for resolving
+ * floating-point values which can produce unexpected results.
+ *
+ * @static
+ * @memberOf _
+ * @category Util
+ * @param {number} [start=0] The start of the range.
+ * @param {number} end The end of the range.
+ * @param {number} [step=1] The value to increment or decrement by.
+ * @returns {Array} Returns the new array of numbers.
+ * @example
+ *
+ * _.range(4);
+ * // => [0, 1, 2, 3]
+ *
+ * _.range(-4);
+ * // => [0, -1, -2, -3]
+ *
+ * _.range(1, 5);
+ * // => [1, 2, 3, 4]
+ *
+ * _.range(0, 20, 5);
+ * // => [0, 5, 10, 15]
+ *
+ * _.range(0, -4, -1);
+ * // => [0, -1, -2, -3]
+ *
+ * _.range(1, 4, 0);
+ * // => [1, 1, 1]
+ *
+ * _.range(0);
+ * // => []
+ */
+ var range = createRange();
+
+ /*------------------------------------------------------------------------*/
+
+ // Avoid inheriting from `Object.prototype` when possible.
+ Hash.prototype = nativeCreate ? nativeCreate(null) : objectProto;
+
+ // Add functions to the `MapCache`.
+ MapCache.prototype.clear = mapClear;
+ MapCache.prototype['delete'] = mapDelete;
+ MapCache.prototype.get = mapGet;
+ MapCache.prototype.has = mapHas;
+ MapCache.prototype.set = mapSet;
+
+ // Add functions to the `Stack` cache.
+ Stack.prototype.clear = stackClear;
+ Stack.prototype['delete'] = stackDelete;
+ Stack.prototype.get = stackGet;
+ Stack.prototype.has = stackHas;
+ Stack.prototype.set = stackSet;
+
+ // Add functions that return wrapped values when chaining.
+ lodash.constant = constant;
+ lodash.iteratee = iteratee;
+ lodash.keys = keys;
+ lodash.map = map;
+ lodash.property = property;
+ lodash.range = range;
+ lodash.toPairs = toPairs;
+
+ /*------------------------------------------------------------------------*/
+
+ // Add functions that return unwrapped values when chaining.
+ lodash.eq = eq;
+ lodash.escape = escape;
+ lodash.escapeRegExp = escapeRegExp;
+ lodash.forEach = forEach;
+ lodash.get = get;
+ lodash.hasIn = hasIn;
+ lodash.identity = identity;
+ lodash.isArguments = isArguments;
+ lodash.isArray = isArray;
+ lodash.isArrayLike = isArrayLike;
+ lodash.isArrayLikeObject = isArrayLikeObject;
+ lodash.isBuffer = isBuffer;
+ lodash.isFunction = isFunction;
+ lodash.isLength = isLength;
+ lodash.isNative = isNative;
+ lodash.isNumber = isNumber;
+ lodash.isObject = isObject;
+ lodash.isObjectLike = isObjectLike;
+ lodash.isString = isString;
+ lodash.isSymbol = isSymbol;
+ lodash.isTypedArray = isTypedArray;
+ lodash.isUndefined = isUndefined;
+ lodash.last = last;
+ lodash.replace = replace;
+ lodash.toNumber = toNumber;
+ lodash.toString = toString;
+ lodash.unescape = unescape;
+
+ // Add aliases.
+ lodash.each = forEach;
+
+ /*------------------------------------------------------------------------*/
+
+ /**
+ * The semantic version number.
+ *
+ * @static
+ * @memberOf _
+ * @type {string}
+ */
+ lodash.VERSION = VERSION;
+
+ /*--------------------------------------------------------------------------*/
+
+ // Expose lodash on the free variable `window` or `self` when available. This
+ // prevents errors in cases where lodash is loaded by a script tag in the presence
+ // of an AMD loader. See http://requirejs.org/docs/errors.html#mismatch for more details.
+ (freeWindow || freeSelf || {})._ = lodash;
+
+ // Export to the global object.
+ root._ = lodash;
+}.call(this));
+
+function bool(x) {
+ return (x === 1 || x === '1' || x === true || x === 'true');
+}
+
+function numfmt(x, places) {
+ var pow = Math.pow(10, places);
+ return Math.round(x*pow) / pow;
+}
+
+function estimateLoadTime(fs, n) {
+ return (1000/fs)*n+1500;
+}
+
+function msNow() {
+ return +(new Date);
+}
+
+function msElapsed(start) {
+ return msNow() - start;
+}
+
+Math.log10 = Math.log10 || function(x) {
+ return Math.log(x) / Math.LN10;
+};
+
+/**
+ * Perform a substitution in the given string.
+ *
+ * Arguments - array or list of replacements.
+ * Arguments numeric keys will replace {0}, {1} etc.
+ * Named keys also work, ie. {foo: "bar"} -> replaces {foo} with bar.
+ *
+ * Braces are added to keys if missing.
+ *
+ * @returns {String} result
+ */
+String.prototype.format = function () {
+ var out = this;
+
+ var repl = arguments;
+
+ if (arguments.length == 1 && (_.isArray(arguments[0]) || _.isObject(arguments[0]))) {
+ repl = arguments[0];
+ }
+
+ for (var ph in repl) {
+ if (repl.hasOwnProperty(ph)) {
+ var ph_orig = ph;
+
+ if (!ph.match(/^\{.*\}$/)) {
+ ph = '{' + ph + '}';
+ }
+
+ // replace all occurrences
+ var pattern = new RegExp(_.escapeRegExp(ph), "g");
+ out = out.replace(pattern, repl[ph_orig]);
+ }
+ }
+
+ return out;
+};
+
+function copyToClipboard(string) {
+ if (!document.execCommand) return false;
+
+ // create hidden text element, if it doesn't already exist
+ var targetId = "_hiddenCopyText_";
+
+ // must use a temporary form element for the selection and copy
+ target = document.getElementById(targetId);
+ if (!target) {
+ var target = document.createElement("textarea");
+ target.style.position = "absolute";
+ target.style.left = "-9999px";
+ target.style.top = "0";
+ target.id = targetId;
+ document.body.appendChild(target);
+ }
+ target.textContent = string;
+
+ // select the content
+ var currentFocus = document.activeElement;
+ target.focus();
+ target.setSelectionRange(0, target.value.length);
+
+ // copy the selection
+ var succeed;
+ try {
+ succeed = document.execCommand("copy");
+ } catch(e) {
+ succeed = false;
+ }
+ // restore original focus
+ if (currentFocus && typeof currentFocus.focus === "function") {
+ currentFocus.focus();
+ }
+
+ // clear temporary content
+ target.textContent = "";
+
+ return succeed;
+}
+
+/** Module for toggling a modal overlay */
+var modal = (function () {
+ var modal = {};
+
+ modal.show = function (sel) {
+ var $m = $(sel);
+ $m.removeClass('hidden visible');
+ setTimeout(function () {
+ $m.addClass('visible');
+ }, 1);
+ };
+
+ modal.hide = function (sel) {
+ var $m = $(sel);
+ $m.removeClass('visible');
+ setTimeout(function () {
+ $m.addClass('hidden');
+ }, 500); // transition time
+ };
+
+ modal.init = function () {
+ // close modal by click outside the dialog
+ $('.Modal').on('click', function () {
+ if ($(this).hasClass('no-close')) return; // this is a no-close modal
+ modal.hide(this);
+ });
+
+ $('.Dialog').on('click', function (e) {
+ e.stopImmediatePropagation();
+ });
+
+ // Hide all modals on esc
+ $(window).on('keydown', function (e) {
+ if (e.which == 27) {
+ modal.hide('.Modal');
+ }
+ });
+ };
+
+ return modal;
+})();
+
+var notify = (function () {
+ var nt = {};
+ var sel = '#notif';
+
+ var hideTmeo1;
+ var hideTmeo2;
+
+ nt.show = function (message, timeout) {
+ $(sel).html(message);
+ modal.show(sel);
+
+ clearTimeout(hideTmeo1);
+ clearTimeout(hideTmeo2);
+
+ if (!_.isUndefined(timeout)) {
+ hideTmeo1 = setTimeout(nt.hide, timeout);
+ }
+ };
+
+ nt.hide = function () {
+ var $m = $(sel);
+ $m.removeClass('visible');
+ hideTmeo2 = setTimeout(function () {
+ $m.addClass('hidden');
+ }, 250); // transition time
+ };
+
+ nt.init = function() {
+ $(sel).on('click', function() {
+ nt.hide(this);
+ });
+ };
+
+ return nt;
+})();
+
+// requires other modules...
+
+// - utils.js
+// - modal.js
+// - wifi.js
+
+// all must be included after 3rd party libs
+
+
+/** Global generic init */
+$().ready(function () {
+
+ // loader dots...
+ setInterval(function () {
+ $('.anim-dots').each(function (x) {
+ var $x = $(x);
+ var dots = $x.html() + '.';
+ if (dots.length == 5) dots = '.';
+ $x.html(dots);
+ });
+ }, 1000);
+
+ $('input[type=number]').on('mousewheel', function(e) {
+ var val = +$(this).val();
+ var step = +($(this).attr('step') || 1);
+ var min = $(this).attr('min');
+ var max = $(this).attr('max');
+ if(e.wheelDelta > 0) {
+ val += step;
+ } else {
+ val -= step;
+ }
+ if (!_.isUndefined(min)) val = Math.max(val, min);
+ if (!_.isUndefined(max)) val = Math.min(val, max);
+ $(this).val(val);
+
+ if ("createEvent" in document) {
+ var evt = document.createEvent("HTMLEvents");
+ evt.initEvent("change", false, true);
+ $(this)[0].dispatchEvent(evt);
+ } else {
+ $(this)[0].fireEvent("onchange");
+ }
+
+ e.preventDefault();
+ });
+
+ modal.init();
+ notify.init();
+});
+
+
+function errorMsg(msg, time) {
+ $('#notif').addClass('error');
+ notify.show(msg, time || 3000);
+}
+
+function infoMsg(msg, time) {
+ $('#notif').removeClass('error');
+ notify.show(msg, time || 3000);
+}
+
+/** Wifi page */
+var page_wifi = (function () {
+ var wifi = {};
+ var authStr = ['Open', 'WEP', 'WPA', 'WPA2', 'WPA/WPA2'];
+
+ /** Update display for received response */
+ function onScan(resp, status) {
+ if (status != 200) {
+ // bad response
+ rescan(5000); // wait 5sm then retry
+ return;
+ }
+
+ resp = JSON.parse(resp);
+
+ var done = !bool(resp.result.inProgress) && (resp.result.APs.length > 0);
+ rescan(done ? 15000 : 1000);
+ if (!done) return; // no redraw yet
+
+ // clear the AP list
+ var $list = $('#ap-list');
+ // remove old APs
+ $('.AP').remove();
+
+ $list.toggle(done);
+ $('#ap-loader').toggle(!done);
+
+ // scan done
+ resp.result.APs
+ .sort(function (a, b) {
+ return b.rssi - a.rssi
+ })
+ .forEach(function (ap) {
+ ap.enc = parseInt(ap.enc);
+
+ if (ap.enc > 4) return; // hide unsupported auths
+
+ var item = document.createElement('div');
+
+ var $item = $(item)
+ .data('ssid', ap.essid)
+ .data('pwd', ap.enc != 0)
+ .addClass('AP');
+
+ // mark current SSID
+ if (ap.essid == wifi.current) {
+ $item.addClass('selected');
+ }
+
+ var inner = document.createElement('div');
+ var $inner = $(inner).addClass('inner')
+ .htmlAppend(''.format(ap.rssi_perc))
+ .htmlAppend('{0}
'.format(_.escape(ap.essid)))
+ .htmlAppend('{0}
'.format(authStr[ap.enc]));
+
+ $item.on('click', function () {
+ var $th = $(this);
+
+ // populate the form
+ $('#conn-essid').val($th.data('ssid'));
+ $('#conn-passwd').val(''); // clear
+
+ if ($th.data('pwd')) {
+ // this AP needs a password
+ modal.show('#psk-modal');
+ } else {
+ $('#conn-form').submit();
+ }
+ });
+
+
+ item.appendChild(inner);
+ $list[0].appendChild(item);
+ });
+ }
+
+ /** Ask the CGI what APs are visible (async) */
+ function scanAPs() {
+ $().get(_root+'/wifi/scan', onScan); // no cache, no jsonp
+ }
+
+ function rescan(time) {
+ setTimeout(scanAPs, time);
+ }
+
+ /** Set up the WiFi page */
+ wifi.init = function () {
+ //var ap_json = {
+ // "result": {
+ // "inProgress": "0",
+ // "APs": [
+ // {"essid": "Chlivek", "bssid": "88:f7:c7:52:b3:99", "rssi": "204", "enc": "4", "channel": "1"},
+ // {"essid": "TyNikdy", "bssid": "5c:f4:ab:0d:f1:1b", "rssi": "164", "enc": "3", "channel": "1"},
+ // ]
+ // }
+ //};
+
+ scanAPs();
+ };
+
+ return wifi;
+})();
+
+var page_waveform = (function () {
+ var wfm = {};
+
+ var zoomResetFn;
+ var dataFormat;
+
+ var readoutPending = false;
+ var autoReload = false;
+ var autoReloadTime = 1;
+ var arTimeout = -1;
+
+ var lastLoadMs;
+
+ var zoomSavedX, zoomSavedY;
+
+ var readXhr; // read xhr
+
+ var lastObj = null; // samples are stored here
+
+ var opts = {
+ count: 0, // sample count
+ freq: 0 // sampling freq
+ };
+
+ function buildChart(j) {
+ // Build the chart
+ var mql = window.matchMedia('screen and (min-width: 544px)');
+ var isPhone = !mql.matches;
+
+ var fft = (j.stats.format == 'FFT');
+
+ var xLabel, yLabel;
+ if (fft) {
+ xLabel = 'Frequency - [ Hz ]';
+ yLabel = 'Magnitude - [ mA ]';
+ } else {
+ xLabel = 'Sample time - [ ms ]';
+ yLabel = 'Current - [ mA ]';
+ }
+
+ var peak = Math.max(-j.stats.min, j.stats.max);
+ var displayPeak = Math.max(peak, 10);
+
+ // Sidebar
+
+ $('#stat-count').html(j.stats.count);
+ $('#stat-f-s').html(numfmt(j.stats.freq, 2));
+ $('#stat-i-peak').html(numfmt(peak, 2));
+ $('#stat-i-rms').html(numfmt(j.stats.rms, 2));
+ $('.stats').removeClass('invis');
+
+ // --- chart ---
+
+ // Generate point entries
+ // add synthetic properties
+ var step = fft ? (j.stats.freq/j.stats.count) : (1000/j.stats.freq);
+ var points = _.map(j.samples, function (a, i) {
+ return {
+ x: i * step,
+ y: a
+ };
+ });
+
+ var plugins = [
+ Chartist.plugins.zoom({
+ resetOnRightMouseBtn: true,
+ onZoom: function (chart, reset) {
+ zoomResetFn = reset;
+
+ zoomSavedX = chart.options.axisX.highLow;
+ zoomSavedY = chart.options.axisY.highLow;
+ }
+ })
+ ];
+
+ if (!isPhone) plugins.push( // larger than phone
+ Chartist.plugins.ctAxisTitle({
+ axisX: {
+ axisTitle: xLabel,
+ offset: {
+ x: 0,
+ y: 55
+ }
+ },
+ axisY: {
+ axisTitle: yLabel,
+ flipText: true,
+ offset: {
+ x: 0,
+ y: 15
+ }
+ }
+ })
+ );
+
+ var xHigh, xLow, yHigh, yLow;
+
+ if (zoomSavedX) {
+ // we have saved coords of the zoom rect, restore the zoom.
+ xHigh = zoomSavedX.high;
+ xLow = zoomSavedX.low;
+ yHigh = zoomSavedY.high;
+ yLow = zoomSavedY.low;
+ } else {
+ yHigh = fft ? undefined : displayPeak;
+ yLow = fft ? 0 : -displayPeak;
+ }
+
+ new Chartist.Line('#chart', {
+ series: [
+ {
+ name: 'a',
+ data: points
+ },
+ ]
+ }, {
+ showPoint: false,
+ showArea: fft,
+ fullWidth: true,
+ chartPadding: (isPhone ? {right: 20, bottom: 5, left: 0} : {right: 25, bottom: 30, left: 25}),
+ series: {
+ 'a': {
+ lineSmooth: Chartist.Interpolation.monotoneCubic()
+ }
+ },
+ axisX: {
+ type: Chartist.AutoScaleAxis,
+ //onlyInteger: !fft // only for raw
+ high: xHigh,
+ low: xLow,
+ },
+ axisY: {
+ type: Chartist.AutoScaleAxis,
+ //onlyInteger: true
+ high: yHigh,
+ low: yLow,
+ },
+ explicitBounds: {
+ xLow: 0,
+ yLow: fft ? 0 : undefined,
+ xHigh: points[points.length-1].x
+ },
+ plugins: plugins
+ });
+ }
+
+ function onRxData(resp, status) {
+ readoutPending = false;
+
+ if (status != 200) {
+ errorMsg("Request failed.", 1000);
+ } else {
+ var j = JSON.parse(resp);
+ if (!j.success) {
+ errorMsg("Sampling failed.", 1000);
+ } else {
+ $('.chartexport').removeClass('hidden');
+ lastObj = j;
+ buildChart(j);
+ }
+ }
+
+ if (autoReload)
+ arTimeout = setTimeout(requestReload, Math.max(0, autoReloadTime - msElapsed(lastLoadMs)));
+ }
+
+ function readInputs() {
+ opts.count = $('#count').val();
+ opts.freq = $('#freq').val() * (dataFormat == 'fft' ? 2 : 1); // bw 2x -> f_s
+ }
+
+ function requestReload() {
+ if (readoutPending) {
+ errorMsg("Request already pending - aborting.");
+ readXhr.abort();
+ }
+
+ readoutPending = true;
+ lastLoadMs = msNow();
+
+ var n = opts.count;
+ var fs = opts.freq;
+ var url = _root+'/measure/'+dataFormat+'?n='+n+'&fs='+fs;
+ readXhr = $().get(url, onRxData, estimateLoadTime(fs,n));
+
+ return true;
+ }
+
+ function toggleAutoReload() {
+ autoReloadTime = +$('#ar-time').val(); // ms
+
+ readInputs();
+
+ autoReload = !autoReload;
+ if (autoReload) {
+ requestReload();
+ } else {
+ clearTimeout(arTimeout);
+ }
+
+ $('#ar-btn')
+ .toggleClass('btn-blue')
+ .toggleClass('btn-red')
+ .val(autoReload ? 'Stop' : 'Auto');
+ }
+
+ wfm.init = function (format) {
+ // --- Load data ---
+ dataFormat = format;
+
+ function onLoadClick() {
+ readInputs();
+ requestReload();
+ }
+
+ $('#load').on('click', onLoadClick);
+
+ $('.chartexport a').on('click', function() {
+ var sep = $(this).data('sep');
+ var str = '';
+
+ // for fft
+ var fftStep = (lastObj.stats.freq/lastObj.stats.count);
+
+ switch (sep) {
+ case 'space': str = lastObj.samples.join(' '); break;
+ case 'comma': str = lastObj.samples.join(','); break;
+ case 'newline': str = lastObj.samples.join('\n'); break;
+
+ case 'fft-csv':
+ str = _.map(lastObj.samples, function (a, i) {
+ return numfmt(i * fftStep,3) + "," + a;
+ }).join('\n');
+ break;
+
+ case 'fft-json':
+ str = JSON.stringify(_.map(lastObj.samples, function (a, i) {
+ return {f: +numfmt(i * fftStep, 3), m: a}
+ }));
+ break;
+ }
+
+ if (!copyToClipboard(str)) {
+ var $cb = $('#copybox');
+ $cb.removeClass('hidden');
+ $cb.val(str);
+ } else {
+ infoMsg('Copy success!');
+ }
+ });
+
+ $('#count,#freq').on('keyup', function (e) {
+ if (e.which == 13) {
+ onLoadClick();
+ }
+ });
+
+ // --- zooming ---
+
+ $('#chart').on('contextmenu', function (e) { // right click on the chart -> reset
+ zoomResetFn && zoomResetFn();
+ zoomResetFn = null;
+
+ zoomSavedX = null;
+ zoomSavedY = null;
+
+ e.preventDefault();
+ return false;
+ });
+
+ // auto-reload button
+ $('#ar-btn').on('click', toggleAutoReload);
+ };
+
+ return wfm;
+})();
+
+var page_spectrogram = (function () {
+ var sg = {};
+
+ var ctx;
+
+ // drawing area
+ var plot = {
+ x:50,
+ y:10,
+ w:740,//860 total
+ h:512,
+ dx: 1, // bin
+ dy: 1
+ };
+
+ var opts = {
+ interval: 0,
+ sampCount: 0,
+ freq:0
+ };
+
+ var interval = 1000;
+ var running = false;
+ var readTimeout; // timer
+ var readoutPending;
+ var readXhr;
+
+ var lastLoadMs;
+ var lastMarkMs;
+ var lastMark10s;
+
+ var colormap = [
+ /* [val, r, g, b] */
+ [0.00, 0, 0, 0],
+ [0.10, 41, 17, 41],
+ [0.25, 34, 17, 78],
+ [0.6, 17, 30, 105],
+ [1.0, 17, 57, 126],
+ [1.2, 17, 84, 128],
+ [1.3, 17, 111, 115],
+ [1.4, 17, 134, 96],
+ [1.5, 17, 155, 71],
+ [1.6, 68, 194, 17],
+ [1.75, 111, 209, 17],
+ [1.84, 180, 213, 17],
+ [1.90, 223, 217, 86],
+ [1.97, 248, 222, 176],
+ [1.99, 255, 237, 222],
+ [2.00, 255, 255, 255],
+ ];
+
+ function val2color(val) {
+ var x1, x2, c1, c2;
+
+ val = Math.log10(1+val);
+
+ if (val > 2) val = 2;
+ if (val < 0) val = 0;
+
+ for (var i = 0; i < colormap.length; i++) {
+ var c = colormap[i];
+ var point = c[0];
+ if (val >= point) {
+ x1 = point;
+ c1 = c;
+ }
+
+ if (val <= point) {
+ x2 = point;
+ c2 = c;
+ break;
+ }
+ }
+
+ var rate = ((val - x1)/(x2 - x1));
+ if (x1 == x2) rate=0;
+
+ var r = Math.round((c1[1] + (c2[1] - c1[1])*rate));
+ var g = Math.round((c1[2] + (c2[2] - c1[2])*rate));
+ var b = Math.round((c1[3] + (c2[3] - c1[3])*rate));
+ return 'rgb('+r+','+g+','+b+')';
+ }
+
+ function shiftSg() {
+ var imageData = ctx.getImageData(plot.x+plot.dx, plot.y, plot.w-plot.dx, plot.h+10);
+
+ ctx.fillStyle = 'black';
+ ctx.fillRect(plot.x, plot.y, plot.w, plot.h);
+ ctx.clearRect(plot.x, plot.y+plot.h+1, plot.w, 10); // clear the second marks box
+
+ ctx.putImageData(imageData, plot.x, plot.y);
+ }
+
+ function drawSg(col) {
+ shiftSg();
+
+ var bc = opts.sampCount/2;
+ for (var i = 0; i < bc; i++) {
+ // resolve color from the value
+ var clr;
+
+ if (i*plot.dy > plot.h) {
+ break;
+ }
+
+ if (i > col.length) {
+ clr = '#000';
+ } else {
+ clr = val2color(col[i]);
+ }
+ ctx.fillStyle = clr;
+
+ var tx = plot.x+plot.w-plot.dx;
+ var ty = plot.y+plot.h-(i+1)*plot.dy;
+ var tw = plot.dx;
+ var th = plot.dy;
+
+ if (ty= 950) {
+ lastMarkMs = msNow();
+
+ var long = false;
+ if (msElapsed(lastMark10s) > 9500) {
+ long = true;
+ lastMark10s = msNow();
+ }
+
+ ctx.strokeStyle = 'white';
+ ctx.beginPath();
+ ctx.moveTo(plot.x+plot.w-.5, plot.y+plot.h+1);
+ ctx.lineTo(plot.x+plot.w-.5, plot.y+plot.h+1+(long?6:2));
+ ctx.stroke();
+ }
+ }
+
+
+ function onRxData(resp, status) {
+ readoutPending = false;
+ if (status == 200) {
+ try {
+ var j = JSON.parse(resp);
+ if (j.success) {
+ // display
+ drawSg(j.samples);
+ } else {
+ errorMsg("Sampling failed.", 1000);
+ }
+ } catch(e) {
+ errorMsg(e);
+ }
+ } else {
+ errorMsg("Request failed.", 1000);
+ }
+
+ if (running)
+ readTimeout = setTimeout(requestData, Math.max(0, opts.interval - msElapsed(lastLoadMs))); // TODO should actually compute time remaining, this adds interval to the request time.
+ }
+
+ function requestData() {
+ if (readoutPending) {
+ errorMsg("Request already pending - aborting.");
+ readXhr.abort();
+ }
+ readoutPending = true;
+ lastLoadMs = msNow();
+
+ var fs = opts.freq;
+ var n = opts.sampCount;
+ var url = _root+'/measure/fft?n='+n+'&fs='+fs;
+
+ readXhr = $().get(url, onRxData, estimateLoadTime(fs,n));
+
+ return true;
+ }
+
+ function drawLegend() {
+ var gap = 8;
+ var barW = 10;
+ var barH = plot.h-12;
+ var barY = plot.y+6;
+ var barX = plot.x - gap - barW;
+ var vStep = (100 / barH);
+ for (var i = 0; i < barH; i++) {
+ var c1 = val2color(i * vStep);
+ var c2 = val2color((i + 1) * vStep);
+
+ var y = Math.floor(barY + barH - (i + 1));
+
+ var gradient = ctx.createLinearGradient(0, y + 1, 0, y);
+ gradient.addColorStop(0, c1);
+ gradient.addColorStop(1, c2);
+ ctx.fillStyle = gradient;
+
+ ctx.fillRect(barX, y, barW, 1);
+ }
+
+ // border
+ ctx.strokeStyle = '#000';
+ ctx.strokeRect(barX-.5, barY-.5, barW+1, barH+1);
+
+ vStep = (100 / barH);
+ ctx.font = '12px sans-serif';
+ ctx.fillStyle = 'white';
+ ctx.textAlign = 'right';
+ for (var i = 0; i <= plot.h; i+=barH/10) {
+ ctx.fillText(Math.round(i*vStep)+"", plot.x - gap - barW - gap, barY+barH-i+3);
+ }
+ }
+
+ function drawAxis() {
+ var gap = 8;
+ var rX0 = plot.x+plot.w;
+ var rX = rX0+gap;
+ var rY = plot.y;
+ var rH = plot.h;
+ var rW = 70;
+ ctx.clearRect(rX0+.5, rY-10, rW, rH+20);
+
+ var perBin = (opts.freq/2) / (opts.sampCount/2);
+
+ var totalBins = (plot.h / plot.dy);
+ var totalHz = totalBins*perBin;
+
+ //console.log("perbin=",perBin,"totalBins=",totalBins,"totalHz=",totalHz);
+
+ var step;
+
+ // get the best step size
+ var steps = [10, 25, 50];
+ var multiplier = 1;
+ var suc = false;
+ do {
+ for (var i = 0; i < steps.length; i++) {
+ if ((totalHz / (steps[i] * multiplier)) <= 21) {
+ step = (steps[i] * multiplier);
+ suc = true;
+ break;
+ }
+ }
+ if (suc) break;
+ multiplier *= 10;
+ } while (true);
+
+ step = step/perBin;
+
+ // every step-th bin has a label
+ ctx.font = '12px sans-serif';
+ ctx.fillStyle = 'white';
+ ctx.strokeStyle = 'white';
+ ctx.textAlign = 'left';
+
+ // labels and dashes
+ for(var i = 0; i <= totalBins+step; i+= step) {
+ if (i >= totalBins) {
+ var dist = i - totalBins;
+ if (dist > step/2) break;// make sure not too close
+ i = totalBins;
+ }
+
+ var hz = i*(totalHz/totalBins);
+ if (hz>=1000000) hz = numfmt(hz/1e6,2)+'M';
+ else if (hz>=1000) hz = numfmt(hz/1e3,2)+'k';
+ else hz = numfmt(hz,1);
+
+ var yy = Math.round(rY+rH-(plot.dy*i));
+ ctx.fillText(hz, rX, yy+4);
+
+ ctx.beginPath();
+ ctx.moveTo(rX0, yy+.5);
+ ctx.lineTo(rX0+gap/2, yy+.5);
+ ctx.stroke();
+
+ if (i >= totalBins) break;
+ }
+
+ // Hz label
+ ctx.font = '16px sans-serif';
+ ctx.save();
+ ctx.translate(rX0+50, plot.y+plot.h/2);
+ ctx.rotate(Math.PI/2);
+ ctx.textAlign = "center";
+ ctx.fillText("Frequency - [Hz]", 0, 0);
+ ctx.restore();
+ }
+
+ function readOpts() {
+ opts.interval = +$('#interval').val(); // ms
+ opts.freq = +$('#freq').val()*2;
+ opts.sampCount = +$('#count').val();
+
+ plot.dx = +$('#tile-x').val();
+ plot.dy = +$('#tile-y').val();
+ }
+
+ function clearSgArea() {
+ ctx.fillStyle = '#000';
+ ctx.fillRect(plot.x, plot.y, plot.w, plot.h);
+ ctx.strokeStyle = 'white';
+ ctx.strokeRect(plot.x-.5, plot.y-.5, plot.w+1, plot.h+1);
+ }
+
+ sg.init = function () {
+ var canvas = $('#sg')[0];
+ ctx = canvas.getContext('2d');
+
+ // CLS
+ clearSgArea();
+ readOpts();
+ drawLegend();
+ drawAxis();
+ lastMarkMs = msNow()-10000;
+ lastMark10s = msNow()-10000;
+
+ // update tile size on bin count selection
+ $('#count').on('change', function() {
+ var count = +$('#count').val();
+ var tile = Math.max(1, plot.h/(count/2));
+
+ $('#tile-x').val(Math.max(4, tile)); // use width 4 for smaller by default (rolls more nicely)
+ $('#tile-y').val(tile);
+ });
+
+ // chain Y with X
+ $('#tile-y').on('change', function() {
+ $('#tile-x').val(Math.max(4,$(this).val()));
+ });
+
+ $('#go-btn').on('click', function() {
+ running = !running;
+ if (running) {
+ readOpts();
+ drawAxis();
+
+ requestData();
+ } else {
+ clearTimeout(readTimeout);
+ }
+
+ $('#go-btn')
+ .toggleClass('btn-green')
+ .toggleClass('btn-red')
+ .html(running ? 'Stop' : 'Start');
+ });
+ };
+
+ return sg;
+})();
+
+var page_status = (function() {
+ var st = {};
+ st.j = {};
+
+ var updateTime = 10000;
+
+ var updateInhibited = false;
+
+ st.trigReset = function() {
+ var modal_sel = '#reset-modal';
+ $().get(_root + '/system/reset', function(resp, status) {
+ if (status == 200) {
+
+ modal.show(modal_sel);
+ updateInhibited = true;
+
+ var ping_i = setInterval(function() {
+ $().get(_root+'/system/ping', function(resp, code){
+ if (code == 200) {
+ // device is ready
+ modal.hide(modal_sel);
+ requestUpdate();
+ clearInterval(ping_i);
+ updateInhibited = false;
+ }
+ }, {timeout: 500});
+ }, 1000);
+ }
+ });
+ };
+
+ function onUpdate(resp, status) {
+ if (status != 200) {
+ // bad response
+ errorMsg('Update failed.');
+ } else {
+ try {
+ // OK
+ var j = JSON.parse(resp);
+ st.j = j; // store for global access
+
+ $('.sta-only').toggle(j.sta);
+ $('.ap-only').toggle(j.ap);
+
+ $('#uptime').html(j.uptime);
+ $('#heap').html(j.heap + " bytes");
+ $('#wmode').html(j.wifiMode);
+
+ if (j.sta) {
+ $('#staSSID').html(j.sta.SSID);
+ $('#staRSSIperc').html(j.sta.RSSIperc);
+ $('#staRSSI').html(j.sta.RSSI);
+ $('#staMAC').html(j.sta.MAC);
+ }
+
+ if (j.ap) {
+ $('#apSSID').html(j.ap.SSID);
+ $('#apHidden').html(j.ap.hidden ? "Yes" : "No");
+ $('#apAuth').html(j.ap.auth);
+
+ // hide the password row if auth is Open
+ $('.ap-auth-only').toggle(j.ap.auth != 'Open');
+
+ $('#apPwd').html(j.ap.pwd);
+ $('#apChan').html(j.ap.chan);
+ $('#apMAC').html(j.ap.MAC);
+ }
+ // chip ID & macs don't change
+ } catch(e) {
+ errorMsg(e);
+ }
+ }
+
+ if (!updateInhibited) {
+ setTimeout(requestUpdate, updateTime);
+ }
+ }
+
+ function requestUpdate() {
+ $().get(_root+'/system/status', onUpdate);
+ }
+
+ st.init = function() {
+ requestUpdate();
+ };
+
+ return st;
+})();
+
+var page_mon = (function() {
+ var mon = {};
+
+ function updRefInfoField(ok) {
+ $('#hasref').html(ok ? 'OK' : 'Not set!');
+ }
+
+ /** Capture reference & save to flash */
+ mon.captureRef = function() {
+ $().get(_root + '/mon/setref', function(resp, status) {
+ if (status != 200) {
+ // bad response
+ errorMsg('Operation failed.');
+ } else {
+ try {
+ // OK
+ var j = JSON.parse(resp);
+ updRefInfoField(j.success);
+ } catch(e) {
+ errorMsg(e);
+ updRefInfoField(false);
+ }
+ }
+ });
+ };
+
+ /** Capture waveform and compare with reference */
+ mon.compareNow = function() {
+ $().get(_root + '/mon/compare', function(resp, status) {
+ if (status != 200) {
+ // bad response
+ errorMsg('Operation failed.');
+ } else {
+ try {
+ // OK
+ var j = JSON.parse(resp);
+ if (j.success) {
+ $('#actual-dev').html(numfmt(j.deviation, 2));
+ $('#actual-rms').html(numfmt(j.rms, 2));
+ } else {
+ throw 'Capture failed.';
+ }
+ } catch(e) {
+ errorMsg(e);
+ $('#actual-dev').html('--');
+ $('#actual-rms').html('--');
+ }
+ }
+ });
+ };
+
+ function updateXvOnly() {
+ // is xively
+ var isXv = $('#rep-svc-xv')[0].checked;
+
+ if (isXv) {
+ $('.xv-only').removeClass('hidden');
+ } else {
+ $('.xv-only').addClass('hidden');
+ }
+ }
+
+ mon.init = function() {
+ updateXvOnly();
+
+ $('#rep-svc-xv,#rep-svc-ts').on('change', updateXvOnly);
+
+ setInterval(function() {
+ $().get(_root + '/mon/status', function(resp, status) {
+ if (status == 200) {
+ try {
+ // OK
+ var j = JSON.parse(resp);
+ if (j.success) {
+ $('#actual-dev').html(numfmt(j.deviation, 2));
+ $('#actual-rms').html(numfmt(j.rms, 2));
+ } else {
+ console.error('Capture failed.');
+ }
+ } catch(e) {
+ errorMsg(e);
+ $('#actual-dev').html('--');
+ $('#actual-rms').html('--');
+ }
+ }
+ });
+ }, 10000);
+ };
+
+ return mon;
+})();
+
+//# sourceMappingURL=all.js.map
diff --git a/html_src/page_about.php b/html_src/page_about.php
index 2d816a3..3af3d03 100644
--- a/html_src/page_about.php
+++ b/html_src/page_about.php
@@ -37,7 +37,7 @@
- The webserver is built using the great esp-httpd
+ The webserver was built using the great esp-httpd
library by Jeroen Domburg.