From 5193718ce475f03da5b80236f04818532357395c Mon Sep 17 00:00:00 2001 From: Eric Londaits Date: Thu, 21 Mar 2024 17:32:57 -0300 Subject: [PATCH] feat: Add a 'showDemo' config setting to activate demo mode. --- README.md | 1 + ...-68545de719.css => default-62a114e65a.css} | 3 +- assets/css/default-62a114e65a.css.map | 1 + assets/css/default-68545de719.css.map | 1 - assets/js/bundle-0dc89b22da.min.js | 2 + assets/js/bundle-0dc89b22da.min.js.map | 1 + assets/js/bundle-269e3ae9b2.min.js | 2 - assets/js/bundle-269e3ae9b2.min.js.map | 1 - assets/js/bundle.js | 84 ++++++++++--------- index.html | 4 +- src/js/game-mode-demo.js | 15 ++-- src/js/game-mode-title.js | 15 ++++ src/js/game.js | 15 ++-- src/pug/rev-manifest.scripts.json | 2 +- src/pug/rev-manifest.styles.json | 2 +- src/sass/_mod_app.scss | 1 + 16 files changed, 84 insertions(+), 66 deletions(-) rename assets/css/{default-68545de719.css => default-62a114e65a.css} (99%) create mode 100644 assets/css/default-62a114e65a.css.map delete mode 100644 assets/css/default-68545de719.css.map create mode 100644 assets/js/bundle-0dc89b22da.min.js create mode 100644 assets/js/bundle-0dc89b22da.min.js.map delete mode 100644 assets/js/bundle-269e3ae9b2.min.js delete mode 100644 assets/js/bundle-269e3ae9b2.min.js.map diff --git a/README.md b/README.md index 6181367..baf7f0f 100644 --- a/README.md +++ b/README.md @@ -37,6 +37,7 @@ A config file is loaded when opening the application. It supports the following supplied map. See [below](#setting-a-sea-floor-map) for details. - **continuousGame** (boolean, default: `false`): Skip the title screen and time limit, auto-restart. +- **showDemo** (boolean, default: `false`): Alternate between the title screen and demo mode. - **fullScreenButton** (boolean, default: `true`): Show a button to toggle full-screen mode. - **languageButton** (boolean, default: `true`): Show a button to cycle through the languages defined via `languages`. - **debugControls** (boolean, default: `false`): Shows debugging data for controls. diff --git a/assets/css/default-68545de719.css b/assets/css/default-62a114e65a.css similarity index 99% rename from assets/css/default-68545de719.css rename to assets/css/default-62a114e65a.css index baa7604..522b0b1 100644 --- a/assets/css/default-68545de719.css +++ b/assets/css/default-62a114e65a.css @@ -238,6 +238,7 @@ body { .title-press-to-start { position: absolute; top: 80%; + color: #33c6ff; } .menu-title { @@ -459,4 +460,4 @@ body { margin-top: -0.1ex; font-size: 188%; } -/*# sourceMappingURL=default-68545de719.css.map */ +/*# sourceMappingURL=default-62a114e65a.css.map */ diff --git a/assets/css/default-62a114e65a.css.map b/assets/css/default-62a114e65a.css.map new file mode 100644 index 0000000..8ddc618 --- /dev/null +++ b/assets/css/default-62a114e65a.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["_warning.scss","_util.scss","_util_exhibits.scss","_base.scss","_colors.scss","_mod_controls.scss","_mod_debug.scss","_mod_text.scss","_mod_app.scss","_fonts.scss","_mod_play.scss","_mod_language.scss","_mod_fullscreen.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;ACmCA;AAEA;AAAA;EAEI;EACA;;;AAEJ;EACI;;;AAEJ;AACA;EACI;;;AClDJ;EACE;EACA;EACA;EACA;;;ACGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE,OCba;EDcb,kBCpBiB;;;ADuBnB;EACE;IACE;;;AAIJ;EACE;IACE;;;AE/BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,ODRW;;ACUX;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKF;EACE;;AAKF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAMJ;EACE;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AAYJ;EAPE,OD3ES;;AC4ET;EACE,ODvEW;ECwEX;;AAQJ;EAXE,OD1EQ;;AC2ER;EACE,ODtEU;ECuEV;;AAYJ;EAfE,ODzEU;;AC0EV;EACE,ODrEY;ECsEZ;;AAgBJ;EAnBE,ODxEW;;ACyEX;EACE,ODpEa;ECqEb;;;ACvFN;EACE;EACA,OFIa;EEHb;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;;;ACxBJ;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;IAAQ;;EACR;IAAQ;;EACR;IAAQ;;EACR;IAAQ;;EACR;IAAQ;;;AAGV;EACE;;;ACnBF;ECCE;EACA;EDAA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,kBJRU;EISV;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;;AAKN;EChCE;EACA;EDiCA;EACA;;;AAGF;EAIE;EACA;EACA,OJ1CgB;;;AI6ClB;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,cJhES;EIiET;EACA;;;AAKN;EACE;EACA;EACA;EACA,OJ1EiB;;;AMPnB;EACE;EACA;EACA;EACA;;;AAoBA;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AADlB;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AADlB;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AADlB;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AAIpB;EAjBE,ONNa;;AMQb;EACE,QNTW;;AMYb;EACE,MNbW;;;AM2Bf;EACE;EACA,MNhCY;;;AMmCd;EACE,QNjBY;;;AMoBd;EACE,QNpBa;EMqBb,MNzCY;;;AMgDd;EACE,QN5Be;;;AMgCf;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGJ;EACE;;;AC/IN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;ACnBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA","file":"default-62a114e65a.css","sourcesContent":["/*************************************************/\n/* This file was automatically generated by sass */\n/* Don't edit it directly */\n/*************************************************/","@mixin image-replace {\n display: block;\n text-align: left;\n text-indent: -100em;\n white-space: nowrap;\n overflow: hidden;\n background-repeat: no-repeat;\n}\n\n@mixin image-replace-src($image, $width, $height) {\n background-image: url($image);\n width: $width;\n height: $height;\n}\n\n@mixin opacity($opacity) {\n filter: unquote(\"progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})\");\n opacity: $opacity;\n}\n\n@mixin unselectable {\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n\n@mixin clearfix {\n &:before, &:after {\n content: \"\";\n display: table;\n }\n &:after {\n clear: both;\n }\n}\n\n/* Clearfix */\n\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n display: table;\n}\n.clearfix:after {\n clear: both;\n}\n/* For IE 6/7 only */\n.clearfix {\n *zoom: 1;\n}\n","body.lock-position {\n height: 100%;\n overflow: hidden;\n width: 100%;\n position: fixed; // Needed to avoid scroll in iOS\n}","@use \"sass:math\";\n\n$width: 1920;\n$height: 1080;\n$aspect-ratio-wh: math.div($width, $height);\n$aspect-ratio-hw: math.div($height, $width);\n\n:root {\n color-scheme: light dark;\n}\n\nhtml, body {\n padding: 0;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\nbody {\n color: $color-yellow;\n background-color: $color-black-real;\n}\n\n@media (min-aspect-ratio: #{$width} / #{$height}), (aspect-ratio: #{$width} / #{$height}) {\n body {\n font-size: 4vh;\n }\n}\n\n@media (max-aspect-ratio: #{$width} / #{$height}) {\n body {\n font-size: #{4 * $aspect-ratio-hw}vw;\n }\n}\n","$color-black-real: #000;\n$color-white-real: #fff;\n\n$color-black: #151515;\n$color-white: $color-white-real;\n\n$color-yellow: #ffec02;\n$color-yellow-dim: #8b811e;\n$color-turquoise: #33c6ff;\n$color-blue: #2197ff;\n$color-red: #ff2d2d;\n$color-green: #29da29;\n$color-orange: #FF8D18;\n\n$color-yellow-lit: #fffbcd;\n$color-blue-lit: #c2e2ff;\n$color-red-lit: #ffcaca;\n$color-green-lit: #b4ffb4;\n$color-orange-lit: #fad0a5;\n\n$color-bg: $color-black;\n\n$color-water: #9999ff;\n$color-ground: #ffe699;\n$color-treasure: #F99C2D;\n\n$color-player-0: $color-blue;\n$color-player-1: $color-red;\n$color-player-2: $color-green;\n$color-player-3: $color-orange;\n$color-player-bot: $color-yellow;\n\n@mixin neg {\n -webkit-font-smoothing: antialiased;\n}\n",".screen-controls {\n width: 100%;\n height: 15vh;\n max-height: #{15 * $aspect-ratio-hw}vw;\n position: absolute;\n bottom: 0;\n left: 0;\n overflow: visible;\n\n .screen-control {\n display: inline-block;\n width: 25%;\n height: 100%;\n text-align: center;\n color: $color-yellow;\n\n button {\n border: none;\n background-color: transparent;\n color: inherit;\n width: 1em;\n padding: 0;\n font-size: 400%;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n\n &:after {\n display: block;\n font-family: 'Font Awesome 5 Free', sans-serif;\n font-weight: 900;\n }\n\n &:focus {\n outline: none;\n }\n }\n\n .left {\n &:after {\n content: \"\"; // fa-caret-left\n }\n }\n\n .right {\n &:after {\n content: \"\"; // fa-caret-right\n }\n }\n\n .action {\n font-size: 250%;\n\n &:after {\n content: \"\"; // fa-circle\n }\n }\n }\n\n &.with-1-controls {\n .screen-control {\n width: 100%;\n }\n }\n\n &.with-2-controls {\n .screen-control {\n width: 50%;\n }\n }\n\n &.with-3-controls {\n .screen-control {\n width: 33.33%;\n }\n }\n\n &.with-4-controls {\n .screen-control {\n width: 25%;\n }\n }\n\n @mixin control-color($color, $color-lit) {\n color: $color;\n button.active {\n color: $color-lit;\n text-shadow: 0 0 1ex $color;\n }\n }\n\n .screen-control-0 {\n @include control-color($color-blue, $color-blue-lit);\n }\n\n .screen-control-1 {\n @include control-color($color-red, $color-red-lit);\n }\n\n .screen-control-2 {\n @include control-color($color-green, $color-green-lit);\n }\n\n .screen-control-3 {\n @include control-color($color-orange, $color-orange-lit);\n }\n}\n\n\n",".debug-pane {\n font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n color: $color-yellow;\n opacity: 0.6;\n font-size: 1ex;\n pointer-events: none;\n}\n\n.debug-pane-controls {\n position: absolute;\n}\n\n@media (min-aspect-ratio: #{$width} / #{$height}), (aspect-ratio: #{$width} / #{$height}) {\n .debug-pane-controls {\n position: absolute;\n bottom: 1vh;\n left: 1vh;\n }\n}\n\n@media (max-aspect-ratio: #{$width} / #{$height}) {\n .debug-pane-controls {\n position: absolute;\n bottom: #{$aspect-ratio-hw}vh;\n left: #{$aspect-ratio-hw}vh;\n }\n}\n\n",".text {\n text-transform: uppercase;\n}\n\n.text-center {\n width: 100%;\n text-align: center;\n}\n\n\n@keyframes blinking{\n 0% {\topacity: 1;\t}\n 49% {\topacity: 1;\t}\n 75% {\topacity: 0;\t}\n 99% {\topacity: 0;\t}\n 100% {\topacity: 1;\t}\n}\n\n.blinking {\n animation: blinking 1.25s infinite;\n}\n",".main {\n @include regularText;\n width: 100%;\n height: 100%;\n\n .min-aspect-ratio {\n position: relative;\n width: 100%;\n height: 100%;\n max-width: #{$aspect-ratio-wh * 100}vh;\n margin: auto;\n background-color: $color-bg;\n overflow: hidden;\n font-size: 100%;\n\n .game-view, .overlay {\n position: absolute;\n top: 0px;\n height: #{$aspect-ratio-hw * 80}vw;\n max-height: 80vh;\n width: 100%;\n }\n\n .game-view {\n & > svg {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n }\n\n .overlay {\n background-color: transparent;\n pointer-events: none;\n }\n }\n}\n\n.title-logo {\n @include lightText;\n text-transform: uppercase;\n font-size: 40px;\n}\n\n.title-press-to-start {\n @extend .blinking;\n @extend .text;\n @extend .text-center;\n position: absolute;\n top: 80%;\n color: $color-turquoise;\n}\n\n.menu-title {\n margin-top: 15%;\n}\n\n.menu-selector {\n text-align: center;\n margin-top: 10%;\n\n .item {\n position: relative;\n display: inline-block;\n margin: 0 5%;\n padding-top: 0.16ex;\n padding-bottom: 0.16ex;\n box-sizing: content-box;\n\n &.selected {\n border-color: $color-yellow;\n border-bottom: 0.09ex solid;\n border-top: 0.09ex solid;\n }\n }\n}\n\n.menu-tip {\n max-width: 75%;\n margin: 6% auto 0;\n line-height: 1;\n color: $color-yellow-dim;\n}\n","@mixin fs-gradient-vector-regular {\n font-family: 'gradient-vector', sans-serif;\n font-weight: 400;\n}\n\n@mixin fs-gradient-vector-light {\n font-family: 'gradient-vector', sans-serif;\n font-weight: 300;\n}\n",".play {\n color: lightgray;\n stroke-width: 3;\n stroke: none;\n fill: none;\n}\n\n$player-colors: $color-player-0, $color-player-1, $color-player-2, $color-player-3;\n\n@mixin player($color) {\n $player-color: $color;\n\n color: $player-color;\n\n .draw &, &.draw {\n stroke: $player-color;\n }\n\n .fill &, &.fill {\n fill: $player-color;\n }\n}\n\n@for $i from 0 through 3 {\n .player-#{$i} {\n @include player(nth($player-colors, 1 + $i));\n }\n}\n\n.player-bot {\n @include player($color-player-bot);\n}\n\n.cover {\n stroke: none;\n fill: $color-bg;\n}\n\n.water {\n stroke: $color-water;\n}\n\n.ground {\n stroke: $color-ground;\n fill: $color-bg;\n}\n\n.ground-cover {\n @extend .cover;\n}\n\n.treasure {\n stroke: $color-treasure;\n}\n\n.overlay {\n .announcement-sequences-text {\n text-align: center;\n text-transform: uppercase;\n padding-bottom: 0.25ex;\n\n .line {\n margin-bottom: 0.4ex;\n }\n }\n\n .announcement-sequences-text-anchor {\n position: absolute;\n }\n\n .game-stats {\n position: relative;\n text-align: right;\n margin: 1ex 8ex 1ex 8ex;\n\n .remaining-time {\n position: absolute;\n right: 0;\n }\n\n .remaining-probes {\n position: absolute;\n left: 0;\n }\n\n * .counter {\n margin-left: 1ex;\n }\n }\n\n @keyframes slideOut {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(-100%);\n }\n }\n\n @keyframes slideIn {\n 0% {\n transform: translateX(100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n .demo-explanation {\n position: absolute;\n text-align: center;\n text-transform: uppercase;\n line-height: 1;\n width: 75%;\n height: 8ex;\n padding: 0 12.5% 0.25ex 12.5%;\n\n .demo-explanation-page {\n transform: translateX(100%);\n width: 75%;\n position: absolute;\n top: 0;\n left: 0;\n padding: 0 12.5% 0.25ex 12.5%;\n background-color: rgb($color-black, 50%);\n\n &.active {\n animation: slideIn 1s linear;\n transform: translateX(0);\n }\n\n &.first {\n animation: none;\n }\n\n &.leave {\n animation: slideOut 1s linear;\n transform: translateX(-100%);\n }\n }\n .line {\n margin-bottom: 0.4ex;\n }\n }\n}\n",".language-button {\n position: absolute;\n top: 0;\n left: 0;\n margin: 1ex 1ex 1ex 1ex;\n padding: 0ex 2ex 2ex 0ex;\n color: $color-yellow;\n opacity: 0.6;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:active {\n opacity: 1.0;\n }\n\n & * {\n margin-top: -0.1ex;\n font-size: 188%;\n }\n}\n",".fullscreen-button {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1ex 1ex 1ex 1ex;\n padding: 0ex 0ex 2ex 2ex;\n color: $color-yellow;\n opacity: 0.6;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:active {\n opacity: 1.0;\n }\n\n & * {\n margin-top: -0.1ex;\n font-size: 188%;\n }\n}\n"]} \ No newline at end of file diff --git a/assets/css/default-68545de719.css.map b/assets/css/default-68545de719.css.map deleted file mode 100644 index e152e71..0000000 --- a/assets/css/default-68545de719.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_warning.scss","_util.scss","_util_exhibits.scss","_base.scss","_colors.scss","_mod_controls.scss","_mod_debug.scss","_mod_text.scss","_mod_app.scss","_fonts.scss","_mod_play.scss","_mod_language.scss","_mod_fullscreen.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;ACmCA;AAEA;AAAA;EAEI;EACA;;;AAEJ;EACI;;;AAEJ;AACA;EACI;;;AClDJ;EACE;EACA;EACA;EACA;;;ACGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE,OCba;EDcb,kBCpBiB;;;ADuBnB;EACE;IACE;;;AAIJ;EACE;IACE;;;AE/BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,ODRW;;ACUX;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKF;EACE;;AAKF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAMJ;EACE;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AAYJ;EAPE,OD3ES;;AC4ET;EACE,ODvEW;ECwEX;;AAQJ;EAXE,OD1EQ;;AC2ER;EACE,ODtEU;ECuEV;;AAYJ;EAfE,ODzEU;;AC0EV;EACE,ODrEY;ECsEZ;;AAgBJ;EAnBE,ODxEW;;ACyEX;EACE,ODpEa;ECqEb;;;ACvFN;EACE;EACA,OFIa;EEHb;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;;;ACxBJ;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;IAAQ;;EACR;IAAQ;;EACR;IAAQ;;EACR;IAAQ;;EACR;IAAQ;;;AAGV;EACE;;;ACnBF;ECCE;EACA;EDAA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,kBJRU;EISV;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;;AAKN;EChCE;EACA;EDiCA;EACA;;;AAGF;EAIE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,cJ/DS;EIgET;EACA;;;AAKN;EACE;EACA;EACA;EACA,OJzEiB;;;AMPnB;EACE;EACA;EACA;EACA;;;AAoBA;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AADlB;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AADlB;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AADlB;EAZA,OAakB;;AAXlB;EACE,QAUgB;;AAPlB;EACE,MAMgB;;;AAIpB;EAjBE,ONNa;;AMQb;EACE,QNTW;;AMYb;EACE,MNbW;;;AM2Bf;EACE;EACA,MNhCY;;;AMmCd;EACE,QNjBY;;;AMoBd;EACE,QNpBa;EMqBb,MNzCY;;;AMgDd;EACE,QN5Be;;;AMgCf;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGJ;EACE;;;AC/IN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;ACnBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA","file":"default-68545de719.css","sourcesContent":["/*************************************************/\n/* This file was automatically generated by sass */\n/* Don't edit it directly */\n/*************************************************/","@mixin image-replace {\n display: block;\n text-align: left;\n text-indent: -100em;\n white-space: nowrap;\n overflow: hidden;\n background-repeat: no-repeat;\n}\n\n@mixin image-replace-src($image, $width, $height) {\n background-image: url($image);\n width: $width;\n height: $height;\n}\n\n@mixin opacity($opacity) {\n filter: unquote(\"progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})\");\n opacity: $opacity;\n}\n\n@mixin unselectable {\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n\n@mixin clearfix {\n &:before, &:after {\n content: \"\";\n display: table;\n }\n &:after {\n clear: both;\n }\n}\n\n/* Clearfix */\n\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n display: table;\n}\n.clearfix:after {\n clear: both;\n}\n/* For IE 6/7 only */\n.clearfix {\n *zoom: 1;\n}\n","body.lock-position {\n height: 100%;\n overflow: hidden;\n width: 100%;\n position: fixed; // Needed to avoid scroll in iOS\n}","@use \"sass:math\";\n\n$width: 1920;\n$height: 1080;\n$aspect-ratio-wh: math.div($width, $height);\n$aspect-ratio-hw: math.div($height, $width);\n\n:root {\n color-scheme: light dark;\n}\n\nhtml, body {\n padding: 0;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\nbody {\n color: $color-yellow;\n background-color: $color-black-real;\n}\n\n@media (min-aspect-ratio: #{$width} / #{$height}), (aspect-ratio: #{$width} / #{$height}) {\n body {\n font-size: 4vh;\n }\n}\n\n@media (max-aspect-ratio: #{$width} / #{$height}) {\n body {\n font-size: #{4 * $aspect-ratio-hw}vw;\n }\n}\n","$color-black-real: #000;\n$color-white-real: #fff;\n\n$color-black: #151515;\n$color-white: $color-white-real;\n\n$color-yellow: #ffec02;\n$color-yellow-dim: #8b811e;\n$color-turquoise: #33c6ff;\n$color-blue: #2197ff;\n$color-red: #ff2d2d;\n$color-green: #29da29;\n$color-orange: #FF8D18;\n\n$color-yellow-lit: #fffbcd;\n$color-blue-lit: #c2e2ff;\n$color-red-lit: #ffcaca;\n$color-green-lit: #b4ffb4;\n$color-orange-lit: #fad0a5;\n\n$color-bg: $color-black;\n\n$color-water: #9999ff;\n$color-ground: #ffe699;\n$color-treasure: #F99C2D;\n\n$color-player-0: $color-blue;\n$color-player-1: $color-red;\n$color-player-2: $color-green;\n$color-player-3: $color-orange;\n$color-player-bot: $color-yellow;\n\n@mixin neg {\n -webkit-font-smoothing: antialiased;\n}\n",".screen-controls {\n width: 100%;\n height: 15vh;\n max-height: #{15 * $aspect-ratio-hw}vw;\n position: absolute;\n bottom: 0;\n left: 0;\n overflow: visible;\n\n .screen-control {\n display: inline-block;\n width: 25%;\n height: 100%;\n text-align: center;\n color: $color-yellow;\n\n button {\n border: none;\n background-color: transparent;\n color: inherit;\n width: 1em;\n padding: 0;\n font-size: 400%;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n\n &:after {\n display: block;\n font-family: 'Font Awesome 5 Free', sans-serif;\n font-weight: 900;\n }\n\n &:focus {\n outline: none;\n }\n }\n\n .left {\n &:after {\n content: \"\"; // fa-caret-left\n }\n }\n\n .right {\n &:after {\n content: \"\"; // fa-caret-right\n }\n }\n\n .action {\n font-size: 250%;\n\n &:after {\n content: \"\"; // fa-circle\n }\n }\n }\n\n &.with-1-controls {\n .screen-control {\n width: 100%;\n }\n }\n\n &.with-2-controls {\n .screen-control {\n width: 50%;\n }\n }\n\n &.with-3-controls {\n .screen-control {\n width: 33.33%;\n }\n }\n\n &.with-4-controls {\n .screen-control {\n width: 25%;\n }\n }\n\n @mixin control-color($color, $color-lit) {\n color: $color;\n button.active {\n color: $color-lit;\n text-shadow: 0 0 1ex $color;\n }\n }\n\n .screen-control-0 {\n @include control-color($color-blue, $color-blue-lit);\n }\n\n .screen-control-1 {\n @include control-color($color-red, $color-red-lit);\n }\n\n .screen-control-2 {\n @include control-color($color-green, $color-green-lit);\n }\n\n .screen-control-3 {\n @include control-color($color-orange, $color-orange-lit);\n }\n}\n\n\n",".debug-pane {\n font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n color: $color-yellow;\n opacity: 0.6;\n font-size: 1ex;\n pointer-events: none;\n}\n\n.debug-pane-controls {\n position: absolute;\n}\n\n@media (min-aspect-ratio: #{$width} / #{$height}), (aspect-ratio: #{$width} / #{$height}) {\n .debug-pane-controls {\n position: absolute;\n bottom: 1vh;\n left: 1vh;\n }\n}\n\n@media (max-aspect-ratio: #{$width} / #{$height}) {\n .debug-pane-controls {\n position: absolute;\n bottom: #{$aspect-ratio-hw}vh;\n left: #{$aspect-ratio-hw}vh;\n }\n}\n\n",".text {\n text-transform: uppercase;\n}\n\n.text-center {\n width: 100%;\n text-align: center;\n}\n\n\n@keyframes blinking{\n 0% {\topacity: 1;\t}\n 49% {\topacity: 1;\t}\n 75% {\topacity: 0;\t}\n 99% {\topacity: 0;\t}\n 100% {\topacity: 1;\t}\n}\n\n.blinking {\n animation: blinking 1.25s infinite;\n}\n",".main {\n @include regularText;\n width: 100%;\n height: 100%;\n\n .min-aspect-ratio {\n position: relative;\n width: 100%;\n height: 100%;\n max-width: #{$aspect-ratio-wh * 100}vh;\n margin: auto;\n background-color: $color-bg;\n overflow: hidden;\n font-size: 100%;\n\n .game-view, .overlay {\n position: absolute;\n top: 0px;\n height: #{$aspect-ratio-hw * 80}vw;\n max-height: 80vh;\n width: 100%;\n }\n\n .game-view {\n & > svg {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n }\n\n .overlay {\n background-color: transparent;\n pointer-events: none;\n }\n }\n}\n\n.title-logo {\n @include lightText;\n text-transform: uppercase;\n font-size: 40px;\n}\n\n.title-press-to-start {\n @extend .blinking;\n @extend .text;\n @extend .text-center;\n position: absolute;\n top: 80%;\n}\n\n.menu-title {\n margin-top: 15%;\n}\n\n.menu-selector {\n text-align: center;\n margin-top: 10%;\n\n .item {\n position: relative;\n display: inline-block;\n margin: 0 5%;\n padding-top: 0.16ex;\n padding-bottom: 0.16ex;\n box-sizing: content-box;\n\n &.selected {\n border-color: $color-yellow;\n border-bottom: 0.09ex solid;\n border-top: 0.09ex solid;\n }\n }\n}\n\n.menu-tip {\n max-width: 75%;\n margin: 6% auto 0;\n line-height: 1;\n color: $color-yellow-dim;\n}\n","@mixin fs-gradient-vector-regular {\n font-family: 'gradient-vector', sans-serif;\n font-weight: 400;\n}\n\n@mixin fs-gradient-vector-light {\n font-family: 'gradient-vector', sans-serif;\n font-weight: 300;\n}\n",".play {\n color: lightgray;\n stroke-width: 3;\n stroke: none;\n fill: none;\n}\n\n$player-colors: $color-player-0, $color-player-1, $color-player-2, $color-player-3;\n\n@mixin player($color) {\n $player-color: $color;\n\n color: $player-color;\n\n .draw &, &.draw {\n stroke: $player-color;\n }\n\n .fill &, &.fill {\n fill: $player-color;\n }\n}\n\n@for $i from 0 through 3 {\n .player-#{$i} {\n @include player(nth($player-colors, 1 + $i));\n }\n}\n\n.player-bot {\n @include player($color-player-bot);\n}\n\n.cover {\n stroke: none;\n fill: $color-bg;\n}\n\n.water {\n stroke: $color-water;\n}\n\n.ground {\n stroke: $color-ground;\n fill: $color-bg;\n}\n\n.ground-cover {\n @extend .cover;\n}\n\n.treasure {\n stroke: $color-treasure;\n}\n\n.overlay {\n .announcement-sequences-text {\n text-align: center;\n text-transform: uppercase;\n padding-bottom: 0.25ex;\n\n .line {\n margin-bottom: 0.4ex;\n }\n }\n\n .announcement-sequences-text-anchor {\n position: absolute;\n }\n\n .game-stats {\n position: relative;\n text-align: right;\n margin: 1ex 8ex 1ex 8ex;\n\n .remaining-time {\n position: absolute;\n right: 0;\n }\n\n .remaining-probes {\n position: absolute;\n left: 0;\n }\n\n * .counter {\n margin-left: 1ex;\n }\n }\n\n @keyframes slideOut {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(-100%);\n }\n }\n\n @keyframes slideIn {\n 0% {\n transform: translateX(100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n .demo-explanation {\n position: absolute;\n text-align: center;\n text-transform: uppercase;\n line-height: 1;\n width: 75%;\n height: 8ex;\n padding: 0 12.5% 0.25ex 12.5%;\n\n .demo-explanation-page {\n transform: translateX(100%);\n width: 75%;\n position: absolute;\n top: 0;\n left: 0;\n padding: 0 12.5% 0.25ex 12.5%;\n background-color: rgb($color-black, 50%);\n\n &.active {\n animation: slideIn 1s linear;\n transform: translateX(0);\n }\n\n &.first {\n animation: none;\n }\n\n &.leave {\n animation: slideOut 1s linear;\n transform: translateX(-100%);\n }\n }\n .line {\n margin-bottom: 0.4ex;\n }\n }\n}\n",".language-button {\n position: absolute;\n top: 0;\n left: 0;\n margin: 1ex 1ex 1ex 1ex;\n padding: 0ex 2ex 2ex 0ex;\n color: $color-yellow;\n opacity: 0.6;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:active {\n opacity: 1.0;\n }\n\n & * {\n margin-top: -0.1ex;\n font-size: 188%;\n }\n}\n",".fullscreen-button {\n position: absolute;\n top: 0;\n right: 0;\n margin: 1ex 1ex 1ex 1ex;\n padding: 0ex 0ex 2ex 2ex;\n color: $color-yellow;\n opacity: 0.6;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:active {\n opacity: 1.0;\n }\n\n & * {\n margin-top: -0.1ex;\n font-size: 188%;\n }\n}\n"]} \ No newline at end of file diff --git a/assets/js/bundle-0dc89b22da.min.js b/assets/js/bundle-0dc89b22da.min.js new file mode 100644 index 0000000..75d7b14 --- /dev/null +++ b/assets/js/bundle-0dc89b22da.min.js @@ -0,0 +1,2 @@ +!function r(o,i,a){function u(t,e){if(!i[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(s)return s(t,!0);throw(n=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",n}n=i[t]={exports:{}},o[t][0].call(n.exports,function(e){return u(o[t][1][e]||e)},n,n.exports,r,o,i,a)}return i[t].exports}for(var s="function"==typeof require&&require,e=0;ee.length)&&(t=e.length);for(var n=0,r=new Array(t);n=t.treasureWidth}).reduce(function(e,t){return t.right.x-t.left.x>e.right.x-e.left.x?t:e})}}])&&i(e.prototype,t),n&&i(e,n),r}();n.default=a},{"../debug-console":9}],2:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=r(e("./base")),a=r(e("../debug-console"));function r(e){return e&&e.__esModule?e:{default:e}}function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;ne.value?t:e},0),e=t.filter(function(e){return e.value>=r&&!n.locations.has(e.x)}),e=e.reduce(function(e,t){return e.value>t.value?e:t});return this.locations.add(e.x),this.gda=null,this.getNextProbeLocationLocal(e)}catch(e){this.gda=null;var o=this.findLargestUnknownTerritory(t);return(o.left.x+o.right.x)/2}}}]),o}();n.default=e;var h=function(){function e(){u(this,e),this.lastArmijoTangent=null,this.alpha=d}return c(e,[{key:"step",value:function(e){if(this.lastArmijoTangent||(this.lastArmijoTangent=e,this.alpha=d),e.value>this.lastArmijoTangent.value+.5*this.alpha*Math.abs(this.lastArmijoTangent.slope))return this.lastArmijoTangent=e,this.alpha=d,this.step(e);var t=this.lastArmijoTangent.x+this.alpha*this.lastArmijoTangent.slope;return a.default.log("alpha",this.alpha,"t",e,"x",t),this.alpha*=.5,t}}]),e}()},{"../debug-console":9,"./base":1}],3:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r,i=(r=e("./base"))&&r.__esModule?r:{default:r};function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){for(var n=0;n=u.treasureWidth}).map(function(e){return o=e.left,i=e.right,a=u.treasureWidth/2,t=function(e,t){var n={x:e.x,y:e.value},r={x:1,y:e.slope},o={x:t.x,y:t.value},i={x:-1,y:-t.slope},r={start:n,end:f(n,r)},i={start:o,end:f(o,i)},i=function(e,t){var n=e.end.x-e.start.x,r=e.end.y-e.start.y,o=t.end.x-t.start.x,i=t.end.y-t.start.y,a=i*n-o*r;if(0==a)return null;var u=e.start.x-t.start.x,t=e.start.y-t.start.y,a=(o*t-i*u)/a;return{x:e.start.x+a*n,y:e.start.y+a*r}}(r,i);return null!==i&&e.xt.weight?e:t}),r=o.x+a,e=i.x-a,n.x=Math.max(r,Math.min(n.x,e)),n;var o,i,a,t,n,r}).reduce(function(e,t){return e.weight>t.weight?e:t}).x}}])&&a(e.prototype,t),n&&a(e,n),o}();function f(e,t){return{x:e.x+t.x,y:e.y+t.y}}n.default=l},{"./base":1}],5:[function(e,t,n){"use strict";function o(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);nthis.options.duration)return this.demoOver(),void this.triggerEvent("timeout");var i=Math.floor(this.elapsedTime/this.options.duration*3);i!==this.currPage&&this.setPage(i),e=e.slice(0,o),n=n.slice(0,o),null!==this.bot&&(o=(i=a.default.buildBotInput(this.bot)).input,i=i.lastInput,e.push(o),n.push(i)),this.processInputs(e,n,t,r)}},{key:"gameOver",value:(n=c(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}},e)})),function(e){return n.apply(this,arguments)})},{key:"demoOver",value:(t=c(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(this.players.map(function(e){return e.probingDone()}));case 2:case"end":return e.stop()}},e,this)})),function(){return t.apply(this,arguments)})},{key:"showGameStartSequence",value:(e=c(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",null);case 1:case"end":return e.stop()}},e)})),function(){return e.apply(this,arguments)})},{key:"showDemoText",value:function(){var e=33800/this.game.draw.height();this.$demoExplanationContainer=$("
").addClass("demo-explanation").css("top","".concat(e,"%")).appendTo(this.$overlay),this.$demoExplanationPages=[];for(var t=0;t<3;t+=1){var n=$("
").addClass("demo-explanation-page").appendTo(this.$demoExplanationContainer);0===t&&n.addClass(["active","first"]),this.$demoExplanationPages.push(n);for(var r=0;r<2;r+=1){var o=$("
").addClass("line").appendTo(n);(0,u.localeInit)(o,"demo-explanation",t,r)}}this.$pressToStart=$("
").addClass("title-press-to-start").appendTo(this.$overlay),(0,u.localeInit)(this.$pressToStart,"press-to-start")}},{key:"setPage",value:function(n){this.currPage=n,this.$demoExplanationPages.forEach(function(e,t){t===n?e.addClass("active"):e.hasClass("active")&&(e.removeClass("active"),e.addClass("leave"))})}}]),i}();(n.default=b).defaultOptions={duration:18e3}},{"./game-mode-play":15,"./i18n":19}],13:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r,u=(r=e("./game-mode"))&&r.__esModule?r:{default:r},c=e("./i18n");function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n').appendTo(t),c.localeInit.apply(void 0,[o].concat(l(this.getMenuTitleKeys()))),i=$('
').addClass("menu-selector-with-".concat(n.length)).appendTo(t),a=0;a').addClass("item-".concat(a)).toggleClass("selected",this.selectedIndex===a).appendTo(i),"string"==typeof u?s.text(u):Array.isArray(u)?c.localeInit.apply(void 0,[s].concat(l(u))):console.error("Menu item ".concat(a," must be of type (string|string[])[]."));this.$selectorItems=i.children(),r&&(this.$menuTip=$('
').appendTo(t),this.updateMenuTip());case 10:case"end":return e.stop()}},e,this)})),function(){return o.apply(this,arguments)})},{key:"updateMenuTip",value:function(){var e;this.$menuTip&&("string"==typeof(e=this.getMenuItemTips())?this.$menuTip.text(e[this.selectedIndex]):Array.isArray(e)&&c.localeInit.apply(void 0,[this.$menuTip].concat(l(e[this.selectedIndex]))))}},{key:"handleExitMode",value:(r=f(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}},e)})),function(){return r.apply(this,arguments)})},{key:"handleInputs",value:function(e,t){for(var n,r=this,o=0;oe.length)&&(t=e.length);for(var n=0,r=new Array(t);n').appendTo(this.game.overlay),h=$('
').appendTo(this.$overlay),r=$('
').appendTo(h),(0,j.localeInit)($("").appendTo(r),"remaining-time"),f.maxTime===Number.POSITIVE_INFINITY&&r.hide(),h=$('
').appendTo(h),(0,j.localeInit)($("").appendTo(h),"remaining-probes"),this.$remainingTime=$('').appendTo(r),this.$remainingProbes=$("").appendTo(h),f.maxProbes===Number.POSITIVE_INFINITY&&h.hide(),this.$endingSequenceContainer=$("
").appendTo(this.$overlay),p=l.group().addClass("play").addClass("draw").translate(0,260),d=function(e){return L(e,String(m.game.config.maxProbes).length," ")},o=function(e,t,n){var r=(e+1)/(t+1),o=p.group();o.addClass(n).transform({translateX:r*l.width()});var i,a=o.use(m.shipSymbol).center(0,18),u=o.group().group(),s=u.line(0,18,0,85),c=u.circle(10).center(0,90),t=$('').concat(f.maxProbes,"")).appendTo(m.$remainingProbes);return a.front(),{id:e,cssClass:n,group:o,boat:a,probe:u,doProbe:function(e){var t=this;this.probing=!0,this.remainingProbes=Math.max(0,this.remainingProbes-1),this.$remainingProbes.text(d(this.remainingProbes)),0===this.remainingProbes&&this.$remainingProbes.addClass("blinking");var n=R+300*e,r=500/R*n,o=c.animate(r,0,"now").cy(n),e=s.animate(r,0,"now").plot(0,18,0,n-5),n=0"),"objective"),(0,j.localeInit)($(""),"go"),function(){return m.discardInputs=!1});case 45:case"end":return e.stop()}},e,this)})),function(){return f.apply(this,arguments)})},{key:"handleExitMode",value:(l=S(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:null!==this.bot&&this.events.removeListener("new-tangent",this.bot.tangentListener);case 1:case"end":return e.stop()}},e,this)})),function(){return l.apply(this,arguments)})},{key:"handleInputs",value:function(e,n,t,r){var o=this,i=this.game,a=(i.draw,i.config,i.numPlayers);if(!this.discardInputs){if(!this.isGameOver){i=Math.max(0,this.remainingTime-t);return(this.remainingTime!==i&&(this.remainingTime=i),0===this.remainingTime)?(g.default.log("Time is up - GAME OVER!"),void this.gameOver(S(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",o.showLoseSequenceTimeIsUp());case 1:case"end":return e.stop()}},e)})))):0!==this.players.reduce(function(e,t){return e+t.remainingProbes},0)||this.players.reduce(function(e,t){return e||t.probing},!1)?(e=e.slice(0,a),n=n.slice(0,a),null!==this.bot&&(a=(i=h.buildBotInput(this.bot)).input,i=i.lastInput,e.push(a),n.push(i)),void this.processInputs(e,n,t,r)):(g.default.log("No probes left - GAME OVER!"),void this.gameOver(S(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",o.showLoseSequenceNoProbesLeft());case 1:case"end":return e.stop()}},e)}))))}e=-1!==e.findIndex(function(e,t){return A(e,n[t])});this.isGameOver&&e&&(this.discardInputs=!0,this.triggerEvent("done"))}}},{key:"processInputs",value:function(e,a,u){var s=this;e.forEach(function(e,t){var n,r,o=A(e,a[t]),i=s.players[t];!i||i.probing||s.isGameOver||(i.lastX=i.x,i.x+=u*e.direction*2e-4,i.x=Math.min(Math.max(.1,i.x),.9),i.flipX=0===e.direction?i.flipX:-1===e.direction,o&&0r[e]?n:e},0));return{x:n/(this.terrainHeights.length-1),y:this.terrainHeights[n]}}},{key:"addTangent",value:function(e){this.tangentGroup.find(e.cssClass).each(function(){var e,t,t=(e=this.opacity(),(t=.25)+(e-t)*.9);this.animate(500).opacity(t)});var t=this.game.draw.width(),n=this.terrainHeightExt(e.x),r=n.x,o=n.value,i=n.slope,i=180*Math.atan2(300*i,t)/Math.PI;this.tangentGroup.line(.02*-t/2,0,.02*t/2,0).addClass(e.cssClass).transform({translateX:t*r,translateY:300*o,rotate:i}),this.tangents.push(n),this.tangents.sort(function(e,t){return e.x-t.x}),this.events.emit("new-tangent",n,this.tangents.indexOf(n),this.tangents)}},{key:"gameOver",value:(c=S(regeneratorRuntime.mark(function e(t){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.isGameOver=!0,this.discardInputs=!0,n=this.uncoverGround(),e.next=5,Promise.all(this.players.map(function(e){return e.probingDone()}));case 5:return e.next=7,t();case 7:return this.discardInputs=!1,e.next=10,n;case 10:case"end":return e.stop()}},e,this)})),function(e){return c.apply(this,arguments)})},{key:"uncoverGround",value:(s=S(regeneratorRuntime.mark(function e(){var n,t,r,o,i=arguments;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=0').append(t),a=$('
').append(n).css("visibility","hidden"),u=$('
').addClass(o).append([u,$("
"),a]),s=56e3/s.height(),s=$('
').css({left:"50%",top:"".concat(s,"%"),width:"0px",height:"0px"}),e.next=11,i(500);case 11:return this.$endingSequenceContainer.empty().append([s,u]),C(s.get(0),u.get(0),{placement:"top"}),e.next=15,i(2e3);case 15:return a.css("visibility","visible"),r(),e.next=19,i(1e3);case 19:this.$endingSequenceContainer.empty();case 20:case"end":return e.stop()}},e,this)})),function(e,t){return u.apply(this,arguments)})},{key:"showWinSequence",value:(a=S(regeneratorRuntime.mark(function e(t){var n,r,o,i=this;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=$("").append((0,j.localeInit)($(""),"win-announcement-begin"),$("").text(t.id+1),(0,j.localeInit)($(""),"win-announcement-end")),o=function(e){return Math.floor(Math.random()*(e.length-1))},r=(0,j.localeInit)($(""),"treasures",o(IMAGINARY.i18n.t("treasures"))),o=function(){i.treasureOpened.show(),i.treasureClosed.hide()},e.next=6,this.showGameOverSequence(n,r,o,[t.cssClass]);case 6:case"end":return e.stop()}},e,this)})),function(e){return a.apply(this,arguments)})},{key:"showLoseSequenceTimeIsUp",value:(i=S(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.showGameOverSequence((0,j.localeInit)($(""),"time-is-up"),(0,j.localeInit)($(""),"game-over"));case 2:case"end":return e.stop()}},e,this)})),function(){return i.apply(this,arguments)})},{key:"showLoseSequenceNoProbesLeft",value:(o=S(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.showGameOverSequence((0,j.localeInit)($(""),"no-probes-left"),(0,j.localeInit)($(""),"game-over"));case 2:case"end":return e.stop()}},e,this)})),function(){return o.apply(this,arguments)})},{key:"showGameOverSequence",value:(r=S(regeneratorRuntime.mark(function e(t,n){var r,o,i,a,u,s,c,l=arguments;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=2').append(t),i=$('
').append(n).css("visibility","hidden"),a=$('
').css("visibility","hidden"),(0,j.localeInit)(a,"press-to-restart"),u=$('
').addClass(u).append([s,i,$("
"),a]),s=100*this.treasureLocation.x,c=56e3/c.height(),c=$('
').css({left:"".concat(s,"%"),top:"".concat(c,"%"),width:"0px",height:"0px"}),e.next=14,o(0);case 14:return this.$endingSequenceContainer.empty().append([c,u]),C(c.get(0),u.get(0),{placement:"top"}),e.next=18,o(1e3);case 18:return i.css("visibility","visible"),r(),e.next=22,o(1e3);case 22:a.css("visibility","visible");case 23:case"end":return e.stop()}},e,this)})),function(e,t){return r.apply(this,arguments)})}],n=[{key:"buildBotInput",value:function(e){var t={direction:0,action:!1},n=e.player,r=e.targetX,o=n.x,i=n.lastX,e=m(othis.options.duration&&this.triggerEvent("timeout")}},{key:"draw",value:function(e,t){this.wavyStep(e,t)}}])&&h(e.prototype,t),n&&h(e,n),u}();(n.default=e).defaultOptions={duration:8e3}},{"./game-mode":17,"./i18n":19,"./wavy-animation":24}],17:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r,u=(r=e("events"))&&r.__esModule?r:{default:r};function s(e,t,n,r,o,i,a){try{var u=e[i](a),s=u.value}catch(e){return void n(e)}u.done?t(s):Promise.resolve(s).then(r,o)}function c(u){return function(){var e=this,a=arguments;return new Promise(function(t,n){var r=u.apply(e,a);function o(e){s(r,t,n,o,i,"next",e)}function i(e){s(r,t,n,o,i,"throw",e)}o(void 0)})}}function l(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=(t-1)*(e[i][0]-n)/r;)++i;var u=(n+a/(t-1)*r-e[i-1][0])/(e[i][0]-e[i-1][0]);o[a]=e[i-1][1]+(e[i][1]-e[i-1][1])*u}return o[o.length-1]=e[e.length-1][1],o}(function e(n,t){var r=!(2e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);nr.duration||(u+=e,n=Math.min(u,r.duration)/r.duration,o.forEach(function(e,t){e.plot(i[t].map(function(e){var t=s(e,2),e=t[0],t=t[1];return[e+Math.sin((t/a+n*r.cycles)*Math.PI*2)*r.xAmplitude*(1-Math.pow(n,2)),t]}))}))}}},{}],25:[function(e,t,xe){(function(we){(function(){"use strict";function p(e){e=e.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function h(e){if("[object Window]"===e.toString())return e;e=e.ownerDocument;return e&&e.defaultView||window}function l(e){e=h(e);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function v(e){return e instanceof h(e).Element||e instanceof Element}function f(e){return e instanceof h(e).HTMLElement||e instanceof HTMLElement}function u(e){return e?(e.nodeName||"").toLowerCase():null}function m(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function d(e){return p(m(e)).left+l(e).scrollLeft}function y(e){return h(e).getComputedStyle(e)}function s(e){var t=y(e),n=t.overflow,e=t.overflowX,t=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+t+e)}function g(e,t,n){void 0===n&&(n=!1);var r=m(t),o=p(e),i=f(t),a={scrollLeft:0,scrollTop:0},e={x:0,y:0};return!i&&(i||n)||("body"===u(t)&&!s(r)||(a=(i=t)!==h(i)&&f(i)?{scrollLeft:(n=i).scrollLeft,scrollTop:n.scrollTop}:l(i)),f(t)?((e=p(t)).x+=t.clientLeft,e.y+=t.clientTop):r&&(e.x=d(r))),{x:o.left+a.scrollLeft-e.x,y:o.top+a.scrollTop-e.y,width:o.width,height:o.height}}function P(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function a(e){return"html"===u(e)?e:e.assignedSlot||e.parentNode||e.host||m(e)}function b(e,t){void 0===t&&(t=[]);var n=function e(t){return 0<=["html","body","#document"].indexOf(u(t))?t.ownerDocument.body:f(t)&&s(t)?t:e(a(t))}(e),r="body"===u(n),e=h(n),n=r?[e].concat(e.visualViewport||[],s(n)?n:[]):n,t=t.concat(n);return r?t:t.concat(b(a(n)))}function r(e){if(!f(e)||"fixed"===y(e).position)return null;var t=e.offsetParent;if(t){e=m(t);if("body"===u(t)&&"static"===y(t).position&&"static"!==y(e).position)return e}return t}function E(e){for(var t=h(e),n=r(e);n&&0<=["table","td","th"].indexOf(u(n))&&"static"===y(n).position;)n=r(n);return(!n||"body"!==u(n)||"static"!==y(n).position)&&(n||function(e){for(var t=a(e);f(t)&&["html","body"].indexOf(u(t))<0;){var n=y(t);if("none"!==n.transform||"none"!==n.perspective||n.willChange&&"auto"!==n.willChange)return t;t=t.parentNode}return null}(e))||t}Object.defineProperty(xe,"__esModule",{value:!0});var T="top",_="bottom",k="right",M="left",I="auto",R=[T,_,k,M],A="start",c="end",w="clippingParents",x="viewport",O="popper",j="reference",L=R.reduce(function(e,t){return e.concat([t+"-"+A,t+"-"+c])},[]),C=[].concat(R,[I]).reduce(function(e,t){return e.concat([t,t+"-"+A,t+"-"+c])},[]),S=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function D(e){var n=new Map,r=new Set,o=[];return e.forEach(function(e){n.set(e.name,e)}),e.forEach(function(e){r.has(e.name)||!function t(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){r.has(e)||(e=n.get(e))&&t(e)}),o.push(e)}(e)}),o}function N(e){for(var t=arguments.length,n=new Array(1v[E]&&(P=ue(P));O=ue(P),E=[];if(i&&E.push(j[x]<=0),a&&E.push(j[P]<=0,j[O]<=0),E.every(function(e){return e})){g=w,y=!1;break}m.set(w,E)}if(y)for(var S=f?3:1;0r&&(i.warned=!0,(r=new Error("Possible EventEmitter memory leak detected. "+i.length+' "'+String(t)+'" listeners added. Use emitter.setMaxListeners() to increase limit.')).name="MaxListenersExceededWarning",r.emitter=e,r.type=t,r.count=i.length,"object"==typeof console&&console.warn&&console.warn("%s: %s",r.name,r.message))):(i=o[t]=n,++e._eventsCount),e}function p(){if(!this.fired)switch(this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length){case 0:return this.listener.call(this.target);case 1:return this.listener.call(this.target,arguments[0]);case 2:return this.listener.call(this.target,arguments[0],arguments[1]);case 3:return this.listener.call(this.target,arguments[0],arguments[1],arguments[2]);default:for(var e=new Array(arguments.length),t=0;t this.lower <= t.x && t.x < this.upper)\n .reduce((acc, cur) => acc.add(cur.x), new Set())\n .add(this.lower)\n .add(this.upper);\n const sortedPositions = Array.from(positions.values()).sort();\n\n const rightIndex = sortedPositions.findIndex(p => x <= p);\n const left = sortedPositions[Math.max(0, rightIndex - 1)];\n const right = sortedPositions[rightIndex];\n\n debugConsole.log(sortedPositions, x, rightIndex);\n\n return right - left;\n }\n\n getOppositeTangentDistance(tangentX, x, tangents, lowerValue, lowerSlope, upperValue, upperSlope) {\n debugConsole.assert(\n this.lower <= x && x <= this.upper,\n `x=${x} out of range [${this.lower},${this.upper}]`\n );\n debugConsole.assert(\n this.lower <= tangentX && tangentX <= this.upper,\n `tangentX=${tangentX} out of range [${this.lower},${this.upper}]`\n );\n\n const lowerTangent = { x: this.lower, value: lowerValue, slope: lowerSlope };\n const upperTangent = { x: this.upper, value: upperValue, slope: upperSlope };\n\n if (tangentX < x) {\n const rightIndex = tangents.map(t => t.x).findIndex(tx => x <= tx);\n const right = rightIndex === -1 ? upperTangent : tangents[rightIndex];\n return right;\n } else {\n const tangentsRev = [...tangents].reverse();\n const leftIndex = tangentsRev.map(t => t.x).findIndex(tx => tx <= x);\n const left = leftIndex === -1 ? lowerTangent : tangentsRev[leftIndex];\n return left;\n }\n }\n\n buildTangentPairsInRange(tangents, lowerValue, lowerSlope, upperValue, upperSlope) {\n // Filter out-of-range tangents\n tangents = tangents.filter(t => this.lower <= t.x && t.x <= this.upper);\n\n // Add sentinel tangents for left and right border\n tangents.unshift({ x: this.lower, value: lowerValue, slope: lowerSlope });\n tangents.push({ x: this.upper, value: upperValue, slope: upperSlope });\n\n // Build list of pairs of adjacent tangents\n const tangentPairs = Array.from(\n { length: tangents.length - 1 },\n (_, i) => ({ left: tangents[i], right: tangents[i + 1] })\n )\n\n return tangentPairs;\n }\n\n findLargestUnknownTerritory(tangents) {\n // Build list of pairs of adjacent tangents and remove pairs that are too close together\n const tangentPairs = this.buildTangentPairsInRange(tangents, 0, 0, 0, 0)\n .filter(pair => pair.right.x - pair.left.x >= this.treasureWidth);\n\n const largestUnknownTerritory = tangentPairs.reduce(\n (acc, cur) => cur.right.x - cur.left.x > acc.right.x - acc.left.x ? cur : acc\n );\n\n return largestUnknownTerritory;\n }\n}\n","import BotStrategyBase from './base';\nimport debugConsole from '../debug-console';\n\nconst INITIAL_ALPHA = 1.0 / Math.pow(2, 7);\nconst SIGMA = 0.5;\nconst RHO = 0.5;\nconst LOCAL_MIN_SLOPE = 0.2;\n\n/**\n * This is a backtracking gradient descent strategy using the Armijo step size condition.\n */\nexport default class BotStrategyGradientDescent extends BotStrategyBase {\n\n constructor(lower, upper, treasureWidth) {\n super(lower, upper, treasureWidth);\n this.gda = null;\n this.lastTarget = null;\n this.locations = new Set();\n }\n\n /**\n * Return next probe location based on gradient descent.\n *\n * @param tangents {[{x:number,value:number,slope:number}]}\n * @param player\n * @param playerIndex {number}\n * @param players {[]}\n * @returns {number}\n */\n getNextProbeLocation(tangents, player, playerIndex, players) {\n let x;\n if (this.lastTarget === null) {\n // There is no last target -> probe at the current location\n x = player.x;\n } else {\n // There is a last target\n const lastTargetTangent = tangents.find(t => t.x === this.lastTarget) || null;\n if (lastTargetTangent === null) {\n // The player didn't probe at the last target yet -> send the player there again\n x = this.lastTarget;\n } else {\n // There is a tangent for the last target -> continue from there\n try {\n // Try to do a local step\n x = this.getNextProbeLocationLocal(lastTargetTangent, tangents);\n } catch (e) {\n debugConsole.log('BotStrategyGradientDescent', e.message);\n // Local step failed -> do a global step\n x = this.getNextProbeLocationGlobal(tangents);\n }\n }\n }\n\n this.locations.add(x);\n this.lastTarget = x;\n return x;\n }\n\n getNextProbeLocationLocal(currentTangent, tangents) {\n debugConsole.log('BotStrategyGradientDescent', 'Local step with ', currentTangent);\n\n if (Math.abs(currentTangent.slope) < LOCAL_MIN_SLOPE) {\n throw new Error('Local minimum reached');\n }\n\n if (this.gda === null) {\n this.locations.add(currentTangent.x);\n this.gda = new GradientDescentArmijo();\n }\n\n let x;\n do {\n x = this.clamp(this.gda.step(currentTangent));\n // TODO: Do not look for the adjacent tangents but for the last Armijo tangents and the\n // TODO: tangent on the opposite side of x\n // NOTE: This doesn't care about overshooting. Even though it could easily be prevented,\n // the regular gradient descent algorithm doesn't do it so we don't do it either\n const oppositeTangent = this.getOppositeTangentDistance(\n this.gda.lastArmijoTangent.x,\n x,\n tangents\n );\n const oppositeTangentDistance = Math.abs(this.gda.lastArmijoTangent.x - oppositeTangent.x);\n const localMinimumInBetween = this.gda.lastArmijoTangent.slope * oppositeTangent.slope < 0;\n const tooNarrow = oppositeTangentDistance < this.treasureWidth;\n debugConsole.log(\n \"oppositeTangentDistance\", oppositeTangentDistance,\n \"tooNarrow\", tooNarrow\n );\n if (x === this.gda.lastArmijoTangent.x || (localMinimumInBetween && tooNarrow)) {\n // No useful progress possible -> do global search step\n throw new Error('No local progress possible');\n }\n }\n while (this.locations.has(x)); // don't probe the same position twice\n\n return x;\n }\n\n getNextProbeLocationGlobal(tangents) {\n debugConsole.log('BotStrategyGradientDescent', 'Global step');\n\n try {\n // Try to find a tangent that we didn't use so far and that's above all currently known local maxima\n\n const bestLocalMaximum = tangents\n .filter(t => Math.abs(t.slope) < LOCAL_MIN_SLOPE)\n .reduce((acc, cur) => cur.value > acc.value ? cur : acc, 0);\n const unknownTangentsEqualGreaterLocalMaximum = tangents\n .filter(t => t.value >= bestLocalMaximum && !this.locations.has(t.x));\n const bestTangentReducer = (acc, cur) => acc.value > cur.value ? acc : cur;\n\n // The following will throw an error if the array is empty -> continue with catch-clause.\n const bestTangent = unknownTangentsEqualGreaterLocalMaximum.reduce(bestTangentReducer);\n\n // We didn't probe at that location ourselves, but we can assume we did\n this.locations.add(bestTangent.x);\n\n // Start a local search from the new starting point\n this.gda = null;\n return this.getNextProbeLocationLocal(bestTangent)\n } catch (e) {\n // Jump to the mid point of the largest unknown territory\n this.gda = null;\n const largestUnknownTerritory = this.findLargestUnknownTerritory(tangents);\n return (largestUnknownTerritory.left.x + largestUnknownTerritory.right.x) / 2;\n }\n }\n}\n\nclass GradientDescentArmijo {\n constructor() {\n this.lastArmijoTangent = null;\n this.alpha = INITIAL_ALPHA;\n }\n\n step(tangent) {\n if (!this.lastArmijoTangent) {\n this.lastArmijoTangent = tangent;\n this.alpha = INITIAL_ALPHA;\n }\n\n const armijo = tangent.value > this.lastArmijoTangent.value\n + this.alpha * SIGMA * Math.abs(this.lastArmijoTangent.slope);\n if (armijo) {\n this.lastArmijoTangent = tangent;\n this.alpha = INITIAL_ALPHA;\n return this.step(tangent);\n } else {\n const x = this.lastArmijoTangent.x + this.alpha * this.lastArmijoTangent.slope;\n debugConsole.log('alpha', this.alpha, 't', tangent, 'x', x);\n this.alpha *= RHO;\n return x;\n }\n }\n}\n","import BotStrategyBase from './base';\n\nexport default class BotStrategyRandom extends BotStrategyBase {\n /**\n * Return a random next probe location.\n *\n * @param tangents {[{x:number,value:number,slope:number}]}\n * @param player\n * @param playerIndex {number}\n * @param players {[]}\n * @returns {number}\n */\n getNextProbeLocation(tangents, player, playerIndex, players) {\n return this.lower + (this.upper - this.lower) * Math.random();\n }\n}\n","import BotStrategyBase from './base';\n\nexport default class BotStrategyTangentIntersection extends BotStrategyBase {\n /**\n * TODO: Document\n *\n * @param tangents {[{x:number,value:number,slope:number}]}\n * @param player\n * @param playerIndex {number}\n * @param players {[]}\n * @returns {number}\n */\n getNextProbeLocation(tangents, player, playerIndex, players) {\n // Build list of pairs of adjacent tangents and remove pairs that are too close together\n const tangentPairs = this.buildTangentPairsInRange(tangents, 0, 0.5, 0, -0.5)\n .filter(pair => pair.right.x - pair.left.x >= this.treasureWidth);\n\n // Compute a new weighted point for each pair of tangents\n const inBetweenPoints = tangentPairs.map(pair => computePointBetweenTangents(\n pair.left,\n pair.right,\n this.treasureWidth / 2\n ));\n\n // Choose the one with the highest weight\n const newX = inBetweenPoints.reduce((acc, cur) => acc.weight > cur.weight ? acc : cur).x;\n\n return newX;\n }\n}\n\nfunction computePointBetweenTangents(left, right, margin) {\n const intersectionPoint = intersectTangents(left, right);\n const midPoint = {\n x: (left.x + right.x) / 2,\n y: (left.value + right.value) / 2,\n };\n const leftAtCenter = {\n x: midPoint.x,\n y: left.value + left.slope * (right.x - left.x),\n }\n const rightAtCenter = {\n x: midPoint.x,\n y: right.value - right.slope * (right.x - left.x),\n }\n\n const all = [intersectionPoint, midPoint, leftAtCenter, rightAtCenter];\n const best = all.filter(p => p !== null)\n .map(p => Object.assign(p, { weight: weighIntersection(left, right, p, margin) }))\n .reduce((acc, cur) => acc.weight > cur.weight ? acc : cur);\n\n // Make sure the new x is far away from both ends\n const minX = left.x + margin;\n const maxX = right.x - margin;\n best.x = Math.max(minX, Math.min(best.x, maxX));\n\n return best;\n}\n\nfunction weighIntersection(left, right, intersection, margin) {\n if (left.value <= intersection.y && right.value <= intersection.y) {\n // high weight if intersection point probably improves upon its endpoints\n return 1 + intersection.y;\n } else {\n return intersection.y * (right.x - left.x - 2 * margin);\n }\n}\n\nfunction intersectTangents(left, right) {\n const pl = { x: left.x, y: left.value };\n const vl = { x: 1, y: left.slope };\n const pr = { x: right.x, y: right.value };\n const vr = { x: -1, y: -right.slope };\n const ll = { start: pl, end: add(pl, vl) };\n const lr = { start: pr, end: add(pr, vr) };\n const p = intersectLines(ll, lr);\n const inInterval = p !== null // the two lines intersect\n && left.x < p.x && p.x < right.x; // intersection point is in between the two endpoints\n return inInterval ? p : null;\n}\n\nfunction add(p, v) {\n return { x: p.x + v.x, y: p.y + v.y }\n}\n\nfunction intersectLines(l1, l2) {\n const d1x = l1.end.x - l1.start.x;\n const d1y = l1.end.y - l1.start.y;\n const d2x = l2.end.x - l2.start.x;\n const d2y = l2.end.y - l2.start.y;\n const denominator = (d2y * d1x) - (d2x * d1y);\n if (denominator === 0) {\n return null;\n }\n\n const d12x = l1.start.x - l2.start.x;\n const d12y = l1.start.y - l2.start.y;\n const numerator = (d2x * d12y) - (d2y * d12x);\n const t = numerator / denominator;\n\n return {\n x: l1.start.x + t * d1x,\n y: l1.start.y + t * d1y,\n };\n}\n","/**\n * Component that handles gamepad controls\n *\n */\nexport default class Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to handle\n */\n constructor(count) {\n this.states = Array(count)\n .fill(null)\n .map(_ => ({\n left: false,\n right: false,\n action: false,\n language: false,\n }));\n this.statesModified = false;\n }\n\n /**\n * Builds a single on-screen controller\n *\n * @protected\n */\n modifyState(id, key, value) {\n if (this.states[id][key] !== value) {\n this.states[id][key] = value;\n this.statesModified = true;\n }\n }\n\n /**\n * Returns state of all controllers\n *\n * State is returned as an array with one object per controller\n * with properties indicating the state of each button.\n *\n * @return {[{\n * left: Boolean,\n * right: Boolean,\n * action: Boolean,\n * language: Boolean,\n * }]}\n */\n getStates() {\n if (this.statesModified) {\n const result = this.states;\n this.states = this.states.map(s => Object.assign({}, s)); // immutability: use cloned array for future changes\n this.statesModified = false;\n return result;\n } else {\n return this.states;\n }\n }\n}\n","import Controls from \"./controls\";\n\n/**\n * Component that handles gamepad controls\n *\n */\nexport default class GamepadControls extends Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to show\n */\n constructor(count) {\n super(count);\n }\n\n updateState() {\n // clone the current state such state objects are immutable\n this.states = [...this.states];\n Array.from(navigator.getGamepads())\n .filter(gp => gp !== null && gp.index < this.states.length)\n .forEach(gp => {\n this.modifyState(gp.index, \"left\", gp.axes[0] < -0.5 || (gp.buttons[14]?.pressed ?? false));\n this.modifyState(gp.index, \"right\", gp.axes[0] > 0.5 || (gp.buttons[15]?.pressed ?? false));\n this.modifyState(gp.index, \"action\", (gp.buttons[1]?.pressed ?? false) || (gp.buttons[2]?.pressed ?? false));\n this.modifyState(gp.index, \"language\", gp.buttons[8]?.pressed ?? false);\n });\n }\n\n /**\n * Returns state of all controllers\n *\n * State is returned as an array with one object per controller\n * with properties indicating the state of each button.\n *\n * @return {[{\n * left: Boolean,\n * right: Boolean,\n * action: Boolean,\n * language: Boolean,\n * }]}\n */\n getStates() {\n this.updateState();\n return super.getStates();\n }\n}\n","import Controls from \"./controls\";\n\nconst keyMap = {\n 'ArrowLeft': { id: 0, prop: 'left' },\n 'ArrowRight': { id: 0, prop: 'right' },\n 'ArrowDown': { id: 0, prop: 'action' },\n 'Space': { id: 0, prop: 'action' },\n 'KeyL': { id: 0, prop: 'language' },\n 'KeyA': { id: 1, prop: 'left' },\n 'KeyD': { id: 1, prop: 'right' },\n 'KeyS': { id: 1, prop: 'action' },\n};\nconst keyCodes = Object.keys(keyMap);\n\n/**\n * Certain default actions like scrolling should be prevented for the keys used for the game.\n */\nfunction preventDefaultActionForKeys(e) {\n if (keyCodes.includes(e.code))\n e.preventDefault();\n}\n\n/**\n * Component that handles keyboard controls\n *\n * Supports up to two players at the moment.\n *\n */\nexport default class KeyboardControls extends Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to show\n */\n constructor(count) {\n super(count);\n\n const keyCallback = ev => {\n const key = keyMap[ev.code];\n if (key && key.id < count)\n this.modifyState(key.id, key.prop, ev.type === 'keydown');\n };\n\n window.addEventListener('keydown', keyCallback);\n window.addEventListener('keyup', keyCallback);\n window.addEventListener(\"keydown\", preventDefaultActionForKeys, false);\n }\n}\n","import Controls from \"./controls\";\n\n/**\n * Component that handles on-screen controls\n *\n * Supports both mouse and multitouch input.\n *\n */\nexport default class ScreenControls extends Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to show\n */\n constructor(count) {\n super(count);\n this.element = document.createElement('div');\n this.element.classList.add('screen-controls');\n this.element.classList.add(`with-${count}-controls`);\n\n for (let i = 0; i < this.states.length; ++i)\n this.element.appendChild(this.buildControl(i));\n\n // Global mouseup handling for all buttons\n this.mousePressedButton = null;\n window.addEventListener('mouseup', () => {\n if (this.mousePressedButton !== null) {\n this.modifyState(this.mousePressedButton.id, this.mousePressedButton.name, false);\n this.mousePressedButton.element.classList.remove('active');\n this.mousePressedButton = null;\n }\n });\n }\n\n /**\n * Builds a single on-screen controller\n *\n * @private\n * @param {Number} id\n * Zero-based integer index of the controller\n * @return {HTMLDivElement}\n */\n buildControl(id) {\n const root = document.createElement('div');\n root.classList.add('screen-control', `screen-control-${id}`);\n\n const newButton = (name) => {\n const button = document.createElement('button');\n button.setAttribute('type', 'button');\n button.classList.add(name);\n\n const checkTouches = (ev) => {\n if (ev.targetTouches.length > 0) {\n this.modifyState(id, name, true);\n button.classList.add('active');\n } else {\n this.modifyState(id, name, false);\n button.classList.remove('active');\n }\n ev.preventDefault();\n };\n\n button.addEventListener('touchstart', checkTouches, { passive: false });\n button.addEventListener('touchmove', checkTouches, { passive: false });\n button.addEventListener('touchend', checkTouches, { passive: false });\n button.addEventListener('touchcancel', checkTouches, { passive: false });\n\n button.addEventListener('mousedown', () => {\n this.modifyState(id, name, true);\n button.classList.add('active');\n this.mousePressedButton = {\n id,\n name,\n element: button,\n };\n });\n\n return button;\n };\n\n root.appendChild(newButton('left'));\n root.appendChild(newButton('action'));\n root.appendChild(newButton('right'));\n\n return root;\n }\n}\n","class DebugConsole {\n constructor() {\n this.active = false;\n }\n\n setActive(state) {\n this.active = state;\n }\n\n log(...args) {\n if (this.active) {\n console.log(...args);\n }\n }\n\n assert(...args) {\n console.assert(...args);\n }\n}\n\nconst singleton = new DebugConsole();\nexport default singleton;\n","import debugConsole from './debug-console';\n\nexport default class FullScreenToggle {\n constructor() {\n this.fullScreenButton = document.createElement('div');\n this.fullScreenButton.classList.add('fullscreen-button');\n\n this.expandIcon = document.createElement('i');\n this.expandIcon.classList.add('fas', 'fa-sm', 'fa-expand');\n this.fullScreenButton.appendChild(this.expandIcon);\n\n this.compressIcon = document.createElement('i');\n this.compressIcon.classList.add('fas', 'fa-compress');\n this.fullScreenButton.appendChild(this.compressIcon);\n\n window.addEventListener('fullscreenchange', () => this.fullScreenChangeHandler());\n this.fullScreenChangeHandler();\n\n this.fullScreenButton.onpointerup = () => this.toggleFullScreen();\n\n this.element = this.fullScreenButton;\n }\n\n fullScreenChangeHandler() {\n this.expandIcon.style.display = document.fullscreenElement ? 'none' : 'block';\n this.compressIcon.style.display = !document.fullscreenElement ? 'none' : 'block';\n }\n\n toggleFullScreen() {\n if (document.fullscreenEnabled) {\n if (!document.fullscreenElement) {\n document.documentElement.requestFullscreen().catch(err => console.log(err));\n } else {\n document.exitFullscreen().catch(err => console.log(err));\n }\n } else {\n console.log('Your browser cannot use fullscreen right now');\n }\n }\n}\n","/* globals IMAGINARY */\nimport MenuMode from './game-mode-menu';\n\nconst BOT_TYPE_ORDER = ['none', 'random', 'gradient-descent', 'tangent-intersection'];\n\nexport default class BotTypeMode extends MenuMode {\n getMenuTitleKeys() {\n return ['choose-bot-type', this.game.config.botTypeLabels];\n }\n\n getMenuItems() {\n const keysPrefix = ['bot-types', this.game.config.botTypeLabels];\n return BOT_TYPE_ORDER.map(key => [...keysPrefix, key]);\n }\n\n getMenuItemTips() {\n if (this.game.config.showBotTypeTips) {\n const keysPrefix = ['bot-types', this.game.config.botTypeLabels];\n return BOT_TYPE_ORDER.map(key => [...keysPrefix, `${key}-tip`]);\n }\n return null;\n }\n\n getDefaultItemIndex() {\n const index = BOT_TYPE_ORDER.indexOf(this.game.botType);\n return index !== -1 ? index : 0;\n }\n\n processSelection(selectedIndex) {\n super.processSelection(selectedIndex);\n this.game.botType = BOT_TYPE_ORDER[selectedIndex];\n }\n}\n","import PlayMode from './game-mode-play';\nimport { localeInit } from './i18n';\n\nconst PAGE_COUNT = 3;\nconst LINE_COUNT = 2;\n// todo: The constant below was copied from game-mode-play.js\n// but they really should be exported by the PlayMode class\nconst WATER_DISTANCE = 260;\n\nclass DemoGame {\n constructor(propOverrides) {\n this.propOverrides = propOverrides;\n }\n\n get(target, prop, receiver) {\n if (this.propOverrides[prop] !== undefined) {\n return this.propOverrides[prop];\n }\n return Reflect.get(...arguments);\n }\n}\n\nexport default class DemoMode extends PlayMode {\n constructor(game, options) {\n const config = {...game.config, ...{\n maxProbes: Infinity,\n maxTime: Infinity,\n }};\n const demoGame = new Proxy(game, new DemoGame({\n config,\n numPlayers: 0,\n botType: 'tangent-intersection',\n }));\n super(demoGame);\n this.options = {...DemoMode.defaultOptions, ...options};\n this.currPage = 0;\n }\n\n async handleEnterMode() {\n await super.handleEnterMode();\n this.elapsedTime = 0;\n this.showDemoText();\n }\n\n handleInputs(inputs, lastInputs, delta, ts) {\n const { numPlayers } = this.game;\n\n if (inputs.find((ctrl, i) => ctrl.action && !lastInputs[i].action)) {\n this.demoOver();\n this.triggerEvent('done');\n return;\n }\n\n // Update remaining time\n this.elapsedTime = this.elapsedTime + delta;\n if (this.elapsedTime > this.options.duration) {\n this.demoOver();\n this.triggerEvent('timeout');\n return;\n }\n\n const expectedPage = Math.floor((this.elapsedTime / this.options.duration) * PAGE_COUNT);\n if (expectedPage !== this.currPage) {\n this.setPage(expectedPage);\n }\n\n // Discard inputs that don't belong to an active player\n inputs = inputs.slice(0, numPlayers);\n lastInputs = lastInputs.slice(0, numPlayers);\n\n if (this.bot !== null) {\n const { input, lastInput } = PlayMode.buildBotInput(this.bot);\n inputs.push(input);\n lastInputs.push(lastInput);\n }\n\n // Regular move & probe logic\n this.processInputs(inputs, lastInputs, delta, ts);\n }\n\n async gameOver(endingSequenceCallback) {\n // Do nothing. The demo cannot be won.\n }\n\n async demoOver() {\n await Promise.all(this.players.map(p => p.probingDone()));\n }\n\n async showGameStartSequence() {\n return null;\n }\n\n showDemoText() {\n const { draw } = this.game;\n const top = 100 * (WATER_DISTANCE * 1.3 ) / draw.height();\n this.$demoExplanationContainer = $('
')\n .addClass('demo-explanation')\n .css('top', `${top}%`)\n .appendTo(this.$overlay);\n\n this.$demoExplanationPages = [];\n // Todo: This below should be more flexible, but there are potential\n // problems with how i18n is currently handled.\n for (let i = 0; i < PAGE_COUNT; i += 1) {\n const $page = $('
')\n .addClass('demo-explanation-page')\n .appendTo(this.$demoExplanationContainer);\n if (i === 0) {\n $page.addClass(['active', 'first']);\n }\n this.$demoExplanationPages.push($page);\n for (let j = 0; j < LINE_COUNT; j += 1) {\n const $line = $('
').addClass('line').appendTo($page);\n localeInit($line, 'demo-explanation', i, j);\n }\n }\n\n this.$pressToStart = $('
')\n .addClass('title-press-to-start')\n .appendTo(this.$overlay);\n localeInit(this.$pressToStart,'press-to-start');\n }\n\n setPage(pageNumber) {\n this.currPage = pageNumber;\n this.$demoExplanationPages.forEach(($page, i) => {\n if (i === pageNumber) {\n $page.addClass('active');\n } else {\n if ($page.hasClass('active')) {\n $page.removeClass('active');\n $page.addClass('leave');\n }\n }\n });\n }\n}\n\nDemoMode.defaultOptions = {\n duration: 18 * 1000,\n};\n","/* globals IMAGINARY */\nimport GameMode from './game-mode';\nimport {localeInit} from \"./i18n\";\n\nexport default class MenuMode extends GameMode {\n\n constructor(game) {\n super(game);\n }\n\n async handleEnterMode() {\n const $overlay = $(this.game.overlay);\n\n const menuItemsSpecs = this.getMenuItems();\n const menuItemTipsSpecs = this.getMenuItemTips();\n\n this.selectedIndex = this.getDefaultItemIndex();\n const $menuTitle = $('
')\n .appendTo($overlay);\n localeInit($menuTitle, ...this.getMenuTitleKeys());\n const $selector = $('
')\n .addClass(`menu-selector-with-${menuItemsSpecs.length}`)\n .appendTo($overlay);\n // Build menu items\n for (let i = 0; i < menuItemsSpecs.length; ++i) {\n const menuItemSpec = menuItemsSpecs[i];\n const $menuItem = $('
')\n .addClass(`item-${i}`)\n .toggleClass('selected', this.selectedIndex === i)\n .appendTo($selector);\n\n if (typeof menuItemSpec === 'string') {\n $menuItem.text(menuItemSpec);\n } else if (Array.isArray(menuItemSpec)) {\n localeInit($menuItem, ...menuItemSpec);\n } else {\n console.error(`Menu item ${i} must be of type (string|string[])[].`);\n }\n }\n this.$selectorItems = $selector.children();\n if (menuItemTipsSpecs) {\n this.$menuTip = $('
')\n .appendTo($overlay);\n this.updateMenuTip();\n }\n }\n\n updateMenuTip() {\n if (this.$menuTip) {\n const tipsSpec = this.getMenuItemTips();\n if (typeof tipsSpec === 'string') {\n this.$menuTip.text(tipsSpec[this.selectedIndex]);\n } else if (Array.isArray(tipsSpec)) {\n localeInit(this.$menuTip, ...tipsSpec[this.selectedIndex]);\n }\n }\n }\n\n async handleExitMode() {\n // Cleanup timers, etc. created on handleEnterMode\n }\n\n handleInputs(inputs, lastInputs, delta, ts) {\n const clampIndex = i => Math.max(0, Math.min(i, this.$selectorItems.length - 1));\n\n for (let i = 0; i < inputs.length; ++i) {\n const [input, lastInput] = [inputs[i], lastInputs[i]];\n\n if (input.direction !== 0 && input.direction * lastInput.direction <= 0) {\n this.$selectorItems.eq(this.selectedIndex).removeClass('selected');\n this.selectedIndex = clampIndex(this.selectedIndex + input.direction);\n this.$selectorItems.eq(this.selectedIndex).addClass('selected');\n this.updateMenuTip();\n }\n\n if (input.action && !lastInput.action) {\n this.processSelection(this.selectedIndex);\n this.triggerEvent('done');\n break;\n }\n }\n }\n\n /**\n * Get the menu title i18n key.\n *\n * Overwrite this method in a subclass to provide the menu title.\n * I will be called whenever this game mode is entered.\n *\n * @returns {string[]}\n */\n getMenuTitleKeys() {\n return [\"menu\"];\n }\n\n /**\n * Get the menu items.\n *\n * Overwrite this method in a subclass to provide the list of menu items.\n * I will be called whenever this game mode is entered to also reflect possible language changes.\n *\n * @returns {(string|string[])[]} Either an array of strings to use as labels or and an array of arrays of strings\n * that will be used as keys into the i18n database.\n */\n getMenuItems() {\n return ['One', 'Two'];\n }\n\n /**\n * Get the menu item tips.\n *\n * Menu items tips are longer descriptions about each menu item that are shown when the user\n * moves through them.\n *\n * Overwrite this method in a subclass to provide the list of menu item tips.\n * I will be called whenever this game mode is entered to also reflect possible language changes.\n *\n * @returns {null|(string|string[])[]}\n * Either an array of strings to use as labels or and an array of arrays of strings\n * that will be used as keys into the i18n database. Can be null if no tips are available.\n */\n getMenuItemTips() {\n return null;\n }\n\n /**\n * Get the index of the default menu item. This can be used to preselect menu items in subclasses.\n *\n * @returns {number}\n */\n getDefaultItemIndex() {\n return 0;\n }\n\n processSelection(itemIndex) {\n }\n}\n","/* globals IMAGINARY */\nimport MenuMode from './game-mode-menu';\n\nexport default class PlayerNumberMode extends MenuMode {\n constructor(game) {\n super(game);\n this._menuItems = Array.from(\n { length: this.game.config.maxPlayers },\n (_, id) => String(id + 1));\n }\n\n getMenuTitleKeys() {\n return ['choose-num-players'];\n }\n\n getMenuItems() {\n return this._menuItems;\n }\n\n getDefaultItemIndex() {\n return this.game.numPlayers - 1;\n }\n\n processSelection(selectedIndex) {\n super.processSelection(selectedIndex);\n this.game.numPlayers = selectedIndex + 1;\n }\n}\n","import EventEmitter from 'events';\nimport { createPopper } from '@popperjs/core';\n\nimport debugConsole from './debug-console';\nimport GameMode from './game-mode';\nimport terrain from './terrain';\nimport * as waves from './waves';\nimport BotStrategyBase from './bot-strategies/base';\nimport BotStrategyRandom from './bot-strategies/random';\nimport BotStrategyTangentIntersection from './bot-strategies/tangent-intersection';\nimport BotStrategyGradientDescent from './bot-strategies/gradient-descent';\nimport {localeInit} from \"./i18n\";\n\nconst WATER_HEIGHT_SCALE = 10;\nconst NUM_WATER_POINTS = 300;\nconst WATER_FPS = 5;\nconst WATER_DISTANCE = 260;\nconst WATER_LOOP_DURATION = 20 * 1000;\n\nconst BOAT_DRAFT = 18;\n\nconst TERRAIN_HEIGHT_SCALE = 300;\nconst NUM_TERRAIN_POINTS = 300;\nconst MAX_TERRAIN_EXTREMA = 20;\nconst TERRAIN_MARGIN_WIDTH = 0.1;\nconst TERRAIN_DISTANCE = 300;\n\n// How far should the boat move on user input per ms\nconst SPEED_FACTOR = 0.2 / 1000.0;\n\nconst PROBE_SIZE = 10;\nconst PROBE_DISTANCE_AT_REST = 0.3;\nconst PROBE_MIN_DURATION = 500;\nconst PROBE_DELAY = 500;\n\nconst TANGENT_LENGTH = 0.02;\nconst TANGENT_MIN_OPACITY = 0.25;\nconst TANGENT_OPACITY_FADEOUT_FACTOR = 0.9;\nconst TANGENT_OPACITY_FADEOUT_DURATION = 500;\n\nconst TREASURE_SIZE = 0.03;\n\nconst START_SEQUENCE_FST_DELAY = 500;\nconst START_SEQUENCE_AFTER_FST_DELAY = 2000;\nconst START_SEQUENCE_AFTER_SND_DELAY = 1000;\n\nconst UNCOVER_DURATION = 2000;\nconst ENDING_SEQUENCE_FST_DELAY = 0;\nconst ENDING_SEQUENCE_SND_DELAY = 1000;\nconst ENDING_SEQUENCE_RESTART_DELAY = 1000;\n\nexport default class PlayMode extends GameMode {\n\n constructor(game) {\n super(game);\n const wavesPoints = Array(NUM_WATER_POINTS).fill(null);\n this.wavesPoints = t => waves.points(wavesPoints, t, game.draw.width(), WATER_HEIGHT_SCALE);\n this.bot = null;\n }\n\n async preLoadAssets() {\n this.shipSymbol = await this.game.loadSVGSymbol('assets/img/ship.svg');\n this.shipSymbol.attr({ overflow: 'visible' });\n this.treasureClosedSymbol = await this.game.loadSVGSymbol('assets/img/treasure-closed.svg');\n this.treasureClosedSymbol.attr({ overflow: 'visible' });\n this.treasureOpenedSymbol = await this.game.loadSVGSymbol('assets/img/treasure-opened.svg');\n this.treasureOpenedSymbol.attr({ overflow: 'visible' });\n }\n\n async handleEnterMode() {\n const { draw, config, numPlayers, botType } = this.game;\n\n this.isGameOver = false;\n this.discardInputs = false;\n\n this.remainingTime = config.maxTime * 1000;\n\n this.tangents = [];\n\n this.$overlay = $('
').appendTo(this.game.overlay);\n const $gameStats = $('
').appendTo(this.$overlay);\n\n const $remainingTimeContainer = $('
')\n .appendTo($gameStats);\n localeInit($('').appendTo($remainingTimeContainer), 'remaining-time');\n if (config.maxTime === Number.POSITIVE_INFINITY)\n $remainingTimeContainer.hide()\n\n const $remainingProbesContainer = $('
')\n .appendTo($gameStats);\n localeInit($('').appendTo($remainingProbesContainer), 'remaining-probes');\n this.$remainingTime = $('')\n .appendTo($remainingTimeContainer);\n this.$remainingProbes = $('').appendTo($remainingProbesContainer);\n if (config.maxProbes === Number.POSITIVE_INFINITY)\n $remainingProbesContainer.hide()\n\n this.$endingSequenceContainer = $('
').appendTo(this.$overlay);\n\n const modeGroup = draw.group()\n .addClass('play')\n .addClass('draw')\n .translate(0, WATER_DISTANCE);\n\n\n const padRemainingProbes = num => pad(num, String(this.game.config.maxProbes).length, ' ');\n const createPlayer = (playerIndex, numPlayers, cssClass) => {\n const x = (playerIndex + 1) / (numPlayers + 1);\n const group = modeGroup.group();\n group\n .addClass(cssClass)\n .transform({ translateX: x * draw.width() });\n\n const boat = group.use(this.shipSymbol)\n .center(0, BOAT_DRAFT);\n\n const probeParent = group.group();\n const probe = probeParent.group();\n const probeY = TERRAIN_DISTANCE * PROBE_DISTANCE_AT_REST;\n const probeRope = probe.line(0, BOAT_DRAFT, 0, probeY - PROBE_SIZE / 2);\n const probeCircle = probe.circle(PROBE_SIZE).center(0, probeY);\n\n const doProbe = function (terrainHeight) {\n this.probing = true;\n this.remainingProbes = Math.max(0, this.remainingProbes - 1);\n this.$remainingProbes.text(padRemainingProbes(this.remainingProbes));\n if (this.remainingProbes === 0)\n this.$remainingProbes.addClass(\"blinking\");\n const probeHeight = TERRAIN_DISTANCE + TERRAIN_HEIGHT_SCALE * terrainHeight;\n const probeDuration = probeHeight * (PROBE_MIN_DURATION / TERRAIN_DISTANCE);\n\n const probeDown = probeCircle.animate(probeDuration, 0, 'now')\n .cy(probeHeight);\n const probeRopeDown = probeRope.animate(probeDuration, 0, 'now')\n .plot(0, BOAT_DRAFT, 0, probeHeight - PROBE_SIZE / 2);\n\n const yUp = this.remainingProbes > 0 ? TERRAIN_DISTANCE\n * PROBE_DISTANCE_AT_REST : BOAT_DRAFT + PROBE_SIZE;\n const probeUp = probeDown.animate(probeDuration, PROBE_DELAY)\n .cy(yUp)\n .after(() => this.probing = false);\n const probeRopeUp = probeRopeDown.animate(probeDuration, PROBE_DELAY)\n .plot(0, BOAT_DRAFT, 0, yUp - PROBE_SIZE / 2);\n\n return {\n down: new Promise(resolve => probeDown.after(resolve)),\n up: new Promise(resolve => probeUp.after(resolve)),\n }\n }\n\n // Add an element for displaying the number of remaining probes\n const $remainingProbes = $(`${config.maxProbes}`)\n .appendTo(this.$remainingProbes);\n\n // Move boat in front of the probe\n boat.front();\n\n return {\n id: playerIndex,\n cssClass: cssClass,\n group: group,\n boat: boat,\n probe: probe,\n doProbe: doProbe,\n x: x,\n lastX: x,\n flipX: false,\n _probing: false,\n _probeEventEmitter: new EventEmitter(),\n set probing(p) {\n const probeTurnedOff = this._probing && !p;\n this._probing = p;\n if (probeTurnedOff)\n this._probeEventEmitter.emit(\"probe-off\");\n },\n get probing() {\n return this._probing;\n },\n probingDone: async function () {\n if (!this.probing)\n return;\n await new Promise(resolve => this._probeEventEmitter.addListener(\"probe-off\", resolve));\n },\n remainingProbes: config.maxProbes,\n $remainingProbes: $remainingProbes,\n };\n };\n\n // Create a boat for each player\n const addBot = botType && botType !== 'none';\n this.players = Array(numPlayers)\n .fill(null)\n .map((_, playerIndex) => createPlayer(\n playerIndex,\n numPlayers + (addBot ? 1 : 0),\n `player-${playerIndex}`)\n );\n if (addBot) {\n const botStrategyClass = (() => {\n switch (botType) {\n case 'random':\n return BotStrategyRandom;\n case 'newton':\n return BotStrategyNewton;\n case 'gradient-descent':\n return BotStrategyGradientDescent;\n case 'tangent-intersection':\n return BotStrategyTangentIntersection;\n default:\n return BotStrategyBase;\n }\n })();\n const botStrategy = new botStrategyClass(\n TERRAIN_MARGIN_WIDTH,\n 1 - TERRAIN_MARGIN_WIDTH,\n TREASURE_SIZE\n );\n const bot = {};\n bot.type = botType;\n bot.player = createPlayer(numPlayers, numPlayers + 1, 'player-bot');\n const nextTarget = () => botStrategy.getNextProbeLocation(\n this.tangents,\n bot.player,\n bot.player.id,\n this.players,\n );\n bot.targetX = nextTarget();\n bot.tangentListener = () => bot.targetX = nextTarget();\n this.players.push(bot.player);\n this.events.addListener('new-tangent', bot.tangentListener);\n this.bot = bot;\n } else {\n this.bot = null;\n }\n\n this.water = modeGroup.group().attr('id', 'water').addClass('water');\n waves.animatedSVGPolyline(this.water,\n NUM_WATER_POINTS,\n (WATER_LOOP_DURATION / 1000) * WATER_FPS,\n game.draw.width(),\n WATER_HEIGHT_SCALE,\n WATER_LOOP_DURATION);\n\n this.groundGroup = modeGroup.group();\n const newTerrainHeights = () => {\n const terrainOptions = { marginWidth: TERRAIN_MARGIN_WIDTH, tilt: game.config.maxDepthTilt };\n return terrain(MAX_TERRAIN_EXTREMA, NUM_TERRAIN_POINTS, terrainOptions);\n }\n const terrainHeights = game.map ? game.map : newTerrainHeights();\n const terrainPoints = terrainHeights.map((h, i) => [\n draw.width() * (i / (terrainHeights.length - 1)),\n TERRAIN_HEIGHT_SCALE * h,\n ]).concat([\n [2 * draw.width(), 0],\n [2 * draw.width(), draw.height()],\n [-draw.width(), draw.height()],\n [-draw.width(), 0],\n ]);\n this.terrainHeights = terrainHeights;\n this.treasureLocation = this.locateTreasure();\n debugConsole.log(\"Map:\", terrainHeights);\n debugConsole.log(\"Treasure location:\", this.treasureLocation);\n\n const behindGroundGroup = this.groundGroup.group();\n const treasure = behindGroundGroup.group()\n .addClass('treasure')\n .transform({\n translateX: this.treasureLocation.x * draw.width(),\n translateY: TERRAIN_DISTANCE + this.treasureLocation.y * TERRAIN_HEIGHT_SCALE,\n });\n this.treasureClosed = treasure.use(this.treasureClosedSymbol);\n this.treasureOpened = treasure.use(this.treasureOpenedSymbol).hide();\n\n this.ground = this.groundGroup.polygon(terrainPoints)\n .fill('black')\n .addClass('ground')\n .translate(0, TERRAIN_DISTANCE);\n\n const groundCover = this.groundGroup.group();\n this.groundCoverLeft = groundCover.rect(draw.width(), draw.height())\n .addClass('ground-cover')\n .move(Math.ceil(draw.width() * (this.treasureLocation.x - 1)), -TERRAIN_HEIGHT_SCALE / 2);\n this.groundCoverRight = groundCover.rect(draw.width(), draw.height())\n .addClass('ground-cover')\n .move(Math.floor(draw.width() * this.treasureLocation.x), -TERRAIN_HEIGHT_SCALE / 2);\n if (config.showSeaFloor)\n groundCover.hide();\n\n this.groundGroup.back();\n\n this.tangentGroup = modeGroup.group()\n .translate(0, TERRAIN_DISTANCE);\n\n this.discardInputs = true;\n this.showGameStartSequence(\n localeInit($(''), 'objective'),\n localeInit($(''), 'go'),\n () => this.discardInputs = false\n );\n }\n\n async handleExitMode() {\n // Cleanup timers, etc. created on handleEnterMode\n if (this.bot !== null)\n this.events.removeListener('new-tangent', this.bot.tangentListener);\n }\n\n static buildBotInput(bot) {\n const botInput = { direction: 0, action: false };\n const botLastInput = { direction: 0, action: false };\n\n const { player, targetX } = bot;\n const { x, lastX } = player;\n const [lower, upper] = x < lastX ? [x, lastX] : [lastX, x];\n\n if (lower <= targetX && targetX <= upper) {\n // It's time to probe!\n player.lastX = x;\n player.x = targetX;\n botInput.action = true;\n } else {\n // Navigate towards targetX\n botInput.direction = Math.sign(targetX - player.x);\n }\n\n return {\n input: botInput,\n lastInput: botLastInput,\n }\n }\n\n handleInputs(inputs, lastInputs, delta, ts) {\n // Move the boats or check if they're lowering the probe\n const { draw, config, numPlayers } = this.game;\n\n // Some game states do not allow user input\n if (this.discardInputs)\n return;\n\n // Leave game mode when the game is over and a player pressed the action button\n if (this.isGameOver) {\n const action = inputs.findIndex((input, i) => actionPressed(input, lastInputs[i])) !== -1;\n if (this.isGameOver && action) {\n this.discardInputs = true;\n this.triggerEvent('done');\n }\n return;\n }\n\n // Update remaining time\n const newRemainingTime = Math.max(0, this.remainingTime - delta);\n if (this.remainingTime !== newRemainingTime) {\n this.remainingTime = newRemainingTime;\n }\n\n // Check whether the game is lost\n if (this.remainingTime === 0) {\n debugConsole.log(\"Time is up - GAME OVER!\");\n this.gameOver(async () => this.showLoseSequenceTimeIsUp());\n return;\n } else if (this.players.reduce((a, c) => a + c.remainingProbes, 0) === 0) {\n const anyoneProbing = this.players.reduce((a, c) => a || c.probing, false);\n if (!anyoneProbing) {\n debugConsole.log(\"No probes left - GAME OVER!\");\n this.gameOver(async () => this.showLoseSequenceNoProbesLeft());\n return;\n }\n }\n\n // Discard inputs that don't belong to an active player\n inputs = inputs.slice(0, numPlayers);\n lastInputs = lastInputs.slice(0, numPlayers);\n\n // If there is a bot, create fake inputs for it\n if (this.bot !== null) {\n const { input, lastInput } = PlayMode.buildBotInput(this.bot);\n inputs.push(input);\n lastInputs.push(lastInput);\n }\n\n // Regular move & probe logic\n this.processInputs(inputs, lastInputs, delta, ts);\n }\n\n processInputs(inputs, lastInputs, delta, ts) {\n inputs\n .forEach((input, playerIndex) => {\n const lastInput = lastInputs[playerIndex];\n const action = actionPressed(input, lastInput);\n\n const player = this.players[playerIndex];\n if (player && !player.probing && !this.isGameOver) {\n player.lastX = player.x;\n player.x += SPEED_FACTOR * (delta * input.direction);\n player.x = Math.min(Math.max(TERRAIN_MARGIN_WIDTH, player.x),\n 1.0 - TERRAIN_MARGIN_WIDTH);\n // TODO: Limit bot position to bot.targetX\n player.flipX = input.direction === 0 ? player.flipX : input.direction === -1;\n if (action && player.remainingProbes > 0) {\n // Switch to probe mode\n // Lower the probe, wait and raise it again\n const terrainHeight = this.terrainHeight(player.x);\n const { down, up } = player.doProbe(terrainHeight);\n // Todo: If the game ends, this tangent is still added. It should be cancellable.\n down.then(() => this.addTangent(player));\n const treasureFound = Math.abs(player.x - this.treasureLocation.x) <= TREASURE_SIZE\n / 2;\n down.then(async () => {\n if (treasureFound && !this.isGameOver) {\n debugConsole.log(\"Treasure found - GAME OVER!\");\n await this.gameOver(async () => this.showWinSequence(player));\n }\n });\n\n debugConsole.log(`Player ${playerIndex} is probing at:`,\n { x: player.x, y: terrainHeight });\n }\n }\n });\n }\n\n draw(delta, ts) {\n const { draw } = this.game;\n // Move boats\n // Draw bottom\n // etc...\n\n const padRemainingTime = num => pad(num, String(this.game.config.maxTime).length, ' ');\n const remainingTimeText = padRemainingTime(Math.ceil(this.remainingTime / 1000.0));\n if(remainingTimeText !== this.$remainingTime.text()) {\n this.$remainingTime.text(remainingTimeText);\n }\n if (this.remainingTime === 0)\n this.$remainingTime.addClass(\"blinking\");\n\n // The water animation uses SVG animations (via SMIL), so we have to use it's timestamp for\n // animating the boat's rotation and vertical position.\n const waterTs = draw.node.getCurrentTime() * 1000;\n\n this.players.forEach((player, playerIndex) => {\n const x = player.x;\n const y = WATER_HEIGHT_SCALE * waves.height(x, waterTs / WATER_LOOP_DURATION);\n const slope = WATER_HEIGHT_SCALE * waves.slope(x, waterTs / WATER_LOOP_DURATION);\n const angle = 0.25 * 180 * Math.atan2(slope, draw.width()) / Math.PI;\n // Animating by setting CSS attributes seems to be more efficient than setting SVG attributes\n player.boat.node.style.transform = `rotate(${angle}deg) scale(${player.flipX ? -1 : 1},1)`;\n player.group.node.style.transform = `translate(${x * draw.width()}px,${y}px)`;\n });\n }\n\n terrainHeight(x) {\n return this.terrainHeightExt(x).value;\n }\n\n terrainHeightExt(x) {\n const xInArray = (this.terrainHeights.length - 1) * x;\n const tmpIndex = Math.floor(xInArray);\n const i0 = tmpIndex === this.terrainHeights.length - 1 ? tmpIndex - 1 : tmpIndex;\n const i1 = i0 + 1;\n const h0 = this.terrainHeights[i0];\n const h1 = this.terrainHeights[i1];\n const t = xInArray - i0;\n return {\n x: x,\n value: h0 + t * (h1 - h0),\n slope: (h1 - h0) * (this.terrainHeights.length - 1),\n };\n }\n\n locateTreasure() {\n const argmax = array => [].reduce.call(array, (m, c, i, arr) => c > arr[m] ? i : m, 0);\n const margin = Math.floor(this.terrainHeights.length * TERRAIN_MARGIN_WIDTH) + 1;\n const terrainHeightNoMargin = this.terrainHeights.slice(\n margin,\n this.terrainHeights.length - margin\n );\n const treasureIndex = margin + argmax(terrainHeightNoMargin);\n return {\n x: treasureIndex / (this.terrainHeights.length - 1),\n y: this.terrainHeights[treasureIndex],\n };\n }\n\n addTangent(player) {\n // Reduce the opacity of previously added tangents of this player\n const offsetMult = (v, factor, offset) => offset + (v - offset) * factor;\n this.tangentGroup.find(player.cssClass)\n .each(function () {\n const o = offsetMult(this.opacity(), TANGENT_OPACITY_FADEOUT_FACTOR, TANGENT_MIN_OPACITY);\n this.animate(TANGENT_OPACITY_FADEOUT_DURATION).opacity(o);\n });\n\n // Add the new tangent\n const { draw } = this.game;\n const width = draw.width();\n const tangent = this.terrainHeightExt(player.x);\n const { x, value, slope } = tangent;\n const angle = 180 * Math.atan2(slope * TERRAIN_HEIGHT_SCALE, width) / Math.PI;\n this.tangentGroup.line(-width * TANGENT_LENGTH / 2, 0, width * TANGENT_LENGTH / 2, 0,)\n .addClass(player.cssClass)\n .transform({\n translateX: width * x,\n translateY: TERRAIN_HEIGHT_SCALE * value,\n rotate: angle,\n });\n\n this.tangents.push(tangent);\n this.tangents.sort((a, b) => a.x - b.x);\n this.events.emit('new-tangent', tangent, this.tangents.indexOf(tangent), this.tangents);\n }\n\n async gameOver(endingSequenceCallback) {\n // The game is now over, so a player that lowered the probe later can not win anymore.\n this.isGameOver = true;\n\n // Disable all inputs until the ending sequence is over.\n this.discardInputs = true;\n const uncoverGroundPromise = this.uncoverGround();\n await Promise.all(this.players.map(p => p.probingDone()));\n await endingSequenceCallback();\n this.discardInputs = false;\n await uncoverGroundPromise;\n }\n\n async uncoverGround(duration = UNCOVER_DURATION) {\n const { draw } = this.game;\n if (duration === 0) {\n // uncover immediately\n this.groundCoverLeft.dx(-draw.width());\n this.groundCoverRight.dx(draw.width());\n } else {\n // uncover using an animation\n // (using an animation with duration 0 still takes > 0s for unknown reasons)\n const circularEaseIn = pos => -(Math.sqrt(1 - (pos * pos)) - 1);\n const animateDx = (e, dx) => e.animate(duration).dx(dx);\n const animateDxPromise = (e, dx) => new Promise(resolve => animateDx(e, dx).after(resolve));\n return Promise.all([\n animateDxPromise(this.groundCoverLeft, -draw.width()),\n animateDxPromise(this.groundCoverRight, draw.width())\n ]);\n }\n }\n\n async showGameStartSequence(firstMessageElem,\n secondMessageElem,\n secondMessageCallback = Function.prototype,\n cssClasses = []) {\n const { draw } = this.game;\n\n const delay = ms => new Promise(resolve => setTimeout(resolve, ms));\n\n const $firstMessageDiv = $('
').append(firstMessageElem);\n const $secondMessageDiv = $('
').append(secondMessageElem)\n .css('visibility', 'hidden');\n\n const $startSequenceDiv = $('
')\n .addClass(cssClasses)\n .append([$firstMessageDiv, $('
'), $secondMessageDiv]);\n\n const top = 100 * (WATER_DISTANCE + TERRAIN_DISTANCE) / draw.height();\n const $announcementAnchor = $('
')\n .css({\n left: `50%`,\n top: `${top}%`,\n width: \"0px\",\n height: \"0px\",\n });\n\n await delay(START_SEQUENCE_FST_DELAY);\n this.$endingSequenceContainer.empty().append([$announcementAnchor, $startSequenceDiv]);\n\n // popper.js places the ending sequence text in a popup-like fashion above the announcement\n // anchor and makes sure that is does not move off the screen if the anchor is to close to a\n // screen edge.\n createAutoUpdatingPopper(\n $announcementAnchor.get(0),\n $startSequenceDiv.get(0),\n {\n placement: 'top',\n });\n\n await delay(START_SEQUENCE_AFTER_FST_DELAY);\n\n $secondMessageDiv.css(\"visibility\", \"visible\");\n secondMessageCallback();\n\n await delay(START_SEQUENCE_AFTER_SND_DELAY);\n this.$endingSequenceContainer.empty()\n }\n\n async showWinSequence(winner) {\n const $winAnnouncement = $('').append(\n localeInit($(''), 'win-announcement-begin'),\n $('').text(winner.id + 1),\n localeInit($(''), 'win-announcement-end'),\n );\n const randomIdx = arr => Math.floor(Math.random() * (arr.length - 1));\n const $treasure = localeInit($(''), 'treasures', randomIdx(IMAGINARY.i18n.t('treasures')));\n\n const openTreaureChest = () => {\n this.treasureOpened.show();\n this.treasureClosed.hide();\n }\n\n await this.showGameOverSequence(\n $winAnnouncement,\n $treasure,\n openTreaureChest,\n [winner.cssClass]\n );\n }\n\n async showLoseSequenceTimeIsUp() {\n await this.showGameOverSequence(\n localeInit($(''), 'time-is-up'),\n localeInit($(''), 'game-over'),\n );\n }\n\n async showLoseSequenceNoProbesLeft() {\n await this.showGameOverSequence(\n localeInit($(''), 'no-probes-left'),\n localeInit($(''), 'game-over'),\n );\n }\n\n async showGameOverSequence(firstMessageElem,\n secondMessageElem,\n secondMessageCallback = Function.prototype,\n cssClasses = []) {\n const { draw } = this.game;\n\n const delay = ms => new Promise(resolve => setTimeout(resolve, ms));\n\n const $firstMessageDiv = $('
').append(firstMessageElem);\n const $secondMessageDiv = $('
').append(secondMessageElem)\n .css('visibility', 'hidden');\n const $restartDiv = $('
')\n .css('visibility', 'hidden');\n localeInit($restartDiv, 'press-to-restart');\n\n const $endingSequenceDiv = $('
')\n .addClass(cssClasses)\n .append([$firstMessageDiv, $secondMessageDiv, $('
'), $restartDiv]);\n\n const left = 100 * this.treasureLocation.x;\n const top = 100 * (WATER_DISTANCE + TERRAIN_DISTANCE) / draw.height();\n const $announcementAnchor = $('
')\n .css({\n left: `${left}%`,\n top: `${top}%`,\n width: \"0px\",\n height: \"0px\",\n });\n\n await delay(ENDING_SEQUENCE_FST_DELAY);\n this.$endingSequenceContainer.empty().append([$announcementAnchor, $endingSequenceDiv]);\n\n // popper.js places the ending sequence text in a popup-like fashion above the announcement\n // anchor and makes sure that is does not move off the screen if the anchor is to close to a\n // screen edge.\n createAutoUpdatingPopper(\n $announcementAnchor.get(0),\n $endingSequenceDiv.get(0),\n {\n placement: 'top',\n });\n\n await delay(ENDING_SEQUENCE_SND_DELAY);\n $secondMessageDiv.css(\"visibility\", \"visible\");\n secondMessageCallback();\n\n await delay(ENDING_SEQUENCE_RESTART_DELAY);\n $restartDiv.css(\"visibility\", \"visible\");\n }\n}\n\nfunction actionPressed(input, lastInput) {\n return input.action && !lastInput.action;\n}\n\nfunction pad(num, places, char) {\n return String(num).padStart(places, char)\n}\n\nfunction createAutoUpdatingPopper(reference, popper, options) {\n const popperInstance = createPopper(reference, popper, options);\n const observer = new MutationObserver(() => popperInstance.update());\n observer.observe(popper, {subtree: true, childList: true, characterData: true});\n return popperInstance;\n}\n","/* globals IMAGINARY */\nimport {localeInit} from \"./i18n\";\nimport GameMode from './game-mode';\nimport WavyAnimation from './wavy-animation';\n\nexport default class TitleMode extends GameMode {\n constructor(game, options) {\n super(game);\n this.options = {...TitleMode.defaultOptions, ...options};\n }\n\n async preLoadAssets() {\n this.logoSprite = await this.game.loadSVGSymbol('assets/img/descent-logo.svg');\n this.poly = this.logoSprite.findOne('#descent');\n }\n\n async handleEnterMode() {\n const { draw } = this.game;\n const pressToStart = document.createElement('div');\n pressToStart.classList.add('title-press-to-start');\n localeInit(pressToStart,'press-to-start');\n this.game.overlay.append(pressToStart);\n\n const colorBegin = '#00368a';\n const colorEnd = '#34c6ff';\n\n const gradientLogo = draw.use(this.logoSprite)\n .size(1200, 400)\n .stroke({ color: colorBegin, width: 2 })\n .fill('transparent')\n .center(1920 / 2, 1080 / 2.5);\n const gradientText = this.logoSprite.findOne('#gradient')\n .stroke('none')\n .fill(colorEnd)\n .opacity(0);\n\n gradientText.animate({ duration: 7000 }).opacity(1);\n gradientLogo.animate({ duration: 5000 }).stroke({ color: colorEnd });\n this.wavyStep = WavyAnimation(this.logoSprite, { duration: 3500 });\n\n this.animCounter = 0;\n this.elapsedTime = 0;\n }\n\n async handleExitMode() {\n // Cleanup timers, etc. created on handleEnterMode\n\n // The animation must be set to its final state such that it can restart properly\n // when this mode is re-entered.\n this.wavyStep(Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY);\n }\n\n handleInputs(inputs, lastInputs, delta, ts0) {\n // If any button was pressed\n if (inputs\n .find((ctrl, i) => ctrl.action && !lastInputs[i].action)) {\n this.triggerEvent('done');\n }\n\n this.elapsedTime += delta;\n if (this.elapsedTime > this.options.duration) {\n this.triggerEvent('timeout');\n }\n }\n\n draw(delta, ts) {\n\n this.wavyStep(delta, ts);\n }\n}\n\nTitleMode.defaultOptions = {\n duration: 8 * 1000,\n};\n","/* eslint-disable class-methods-use-this,no-unused-vars,no-empty-function */\nimport EventEmitter from 'events';\n\n/**\n * Abstract class for GameMode\n *\n * A GameMode does the actual handling of the input and drawing\n */\nexport default class GameMode {\n /**\n * Constructor\n *\n * @param {GradientDescentGame} game\n */\n constructor(game) {\n // noinspection JSUnusedGlobalSymbols\n this.game = game;\n this.events = new EventEmitter();\n }\n\n /**\n * Preload any external assets that will be needed during the game\n *\n * This method runs during game initialization.\n * @return {Promise}\n */\n async preLoadAssets() {\n\n }\n\n /**\n * Called by the game when the mode is entered.\n *\n * Can be used to add DOM elements, event handlers and initialize\n * internal state. Anything done here must be cleaned up in\n * handleExitMode.\n */\n async handleEnterMode() {\n\n }\n\n /**\n * Called by the game when the mode is going to be exited\n *\n * Should be used to remove DOM elements, event handlers\n * or anything else that was created on handleEnterMode.\n */\n async handleExitMode() {\n\n }\n\n /**\n * Called once per frame so the mode can handle controller input\n *\n * Current input state and the previous one are passed\n * to help with state change detection.\n *\n * Both are arrays with N objects with shape:\n * - direction {integer}: Either -1, 0 or 1.\n * - action {bool}\n *\n * @param {[{direction: Number, action: Boolean}]} inputs\n * @param {[{direction: Number, action: Boolean}]} lastInputs\n * @param {Number} delta\n * Amount of milliseconds since the last call (capped to a maximum)\n * @param {Number} ts\n * Timestamp received via requestAnimationFrame\n\n *\n */\n handleInputs(inputs, lastInputs, delta, ts) {\n\n }\n\n /**\n * Called when the mode is active and the language changes.\n */\n handleLanguageChange() {\n \n }\n\n /**\n * Called once per frame so the mode can draw based on the game's state\n *\n * @param {Number} delta\n * Amount of milliseconds since the last call (capped to a maximum)\n * @param {Number} ts\n * Timestamp received via requestAnimationFrame\n */\n draw(delta, ts) {\n\n }\n\n /**\n * Triggers an event for the game to handle\n *\n * Events can be used to transition to another mode, etc.\n *\n * @param {string} name\n */\n triggerEvent(name) {\n this.events.emit(name);\n }\n}\n","/* globals SVG */\nimport \"@wessberg/pointer-events\";\n\nimport localize from \"./i18n\";\nimport PlayMode from './game-mode-play';\nimport TitleMode from './game-mode-title';\nimport PlayerNumberMode from './game-mode-numplayers';\nimport DemoMode from './game-mode-demo';\nimport GamepadControls from \"./controls/gamepad\";\nimport ScreenControls from './controls/screen';\nimport KeyboardControls from \"./controls/keyboard\";\nimport FullScreenToggle from './full-screen-toggle';\nimport BotTypeMode from './game-mode-bottype';\nimport LanguageCycleButton from \"./language-cycle-button\";\n\n/**\n * The main application\n *\n * This class creates the main UI elements and runs the\n * main game loop (read input, draw).\n *\n * The game can be in one of various modes (see GameMode)\n * which decides how to draw and process input.\n */\nexport default class GradientDescentGame {\n constructor(container, config) {\n this.container = container;\n this.config = config;\n\n this.inputs = this.createInputs();\n this.inputsLast = this.createInputs();\n\n this.animationFrameRequestId = 0;\n this.gameLoop = null;\n this.isPaused = false;\n this.modes = {};\n this.currentMode = null;\n\n this.controls = {};\n this.debugControlsPane = null;\n\n this.botType = this.config.botType;\n this.numPlayers = this.config.maxPlayers;\n\n this.map = config.map;\n }\n\n /**\n * Initializes the app and downloads any external assets\n *\n * @return {Promise}\n */\n async init() {\n const [width, height] = [1920, 864];\n\n const minAspectRatioContainer = document.createElement('div')\n minAspectRatioContainer.classList.add('min-aspect-ratio');\n this.container.append(minAspectRatioContainer);\n\n const viewContainer = document.createElement('div');\n viewContainer.classList.add('game-view');\n minAspectRatioContainer.append(viewContainer);\n\n this.svgDoc = SVG().addTo(viewContainer);\n this.svgDoc\n .viewbox(0, 0, width, height)\n .attr('preserveAspectRatio', 'xMinYMin meet');\n\n this.draw = this.svgDoc.nested().size(width, height);\n\n this.overlay = document.createElement('div');\n this.overlay.classList.add('overlay');\n minAspectRatioContainer.append(this.overlay);\n\n if (this.config.useScreenControls) {\n this.controls.screen = new ScreenControls(this.config.maxPlayers);\n minAspectRatioContainer.appendChild(this.controls.screen.element);\n }\n if (this.config.useGamepads) {\n this.controls.gamepad = new GamepadControls(this.config.maxPlayers);\n }\n\n this.languageButton = new LanguageCycleButton(this.container, this.config.languages);\n minAspectRatioContainer.appendChild(this.languageButton.element);\n\n if (!this.config.languageButton) {\n this.languageButton.element.style.visibility = 'hidden';\n }\n\n if (this.config.fullScreenButton) {\n this.fullScreenToggle = new FullScreenToggle();\n minAspectRatioContainer.appendChild(this.fullScreenToggle.element);\n }\n\n if (this.config.useKeyboardControls) {\n this.controls.keyboard = new KeyboardControls(this.config.maxPlayers);\n }\n\n if (this.config.debugControls) {\n this.debugControlsPane = document.createElement('div');\n this.debugControlsPane.classList.add('debug-pane');\n this.debugControlsPane.classList.add('debug-pane-controls');\n minAspectRatioContainer.appendChild(this.debugControlsPane);\n }\n\n await this.registerMode('title', new TitleMode(this, {\n duration: this.config.showDemo ? TitleMode.defaultOptions.duration : Infinity\n }));\n await this.registerMode('demo', new DemoMode(this));\n await this.registerMode('bottype', new BotTypeMode(this));\n await this.registerMode('numplayers', new PlayerNumberMode(this));\n await this.registerMode('play', new PlayMode(this));\n\n if (this.config.continuousGame) {\n this.transition('play', 'done', 'play');\n await this.setMode('play');\n } else {\n const showBotType = this.config.botType === null;\n const showNumPlayers = this.config.maxPlayers > 1;\n\n const afterNumPlayers = showBotType ? 'bottype' : 'play';\n const afterTitle = showNumPlayers ? 'numplayers' : afterNumPlayers;\n\n this.transition('title', 'done', afterTitle);\n this.transition('title', 'timeout', 'demo');\n this.transition('demo', 'done', afterTitle);\n this.transition('demo', 'timeout', 'title');\n this.transition('numplayers', 'done', afterNumPlayers);\n this.transition('bottype', 'done', 'play');\n this.transition('play', 'done', 'title');\n await this.setMode('title');\n }\n }\n\n /**\n * Loads an external SVG file into a symbol within the main svg element\n *\n * @param {string} uri\n * @param {boolean} clearStyles\n * If true removes the style elements from the file\n * @return {Promise}\n */\n async loadSVGSymbol(uri, clearStyles = true) {\n const response = await fetch(uri);\n if (response.status < 200 || response.status >= 300) {\n throw new Error(`Server returned status ${response.status} (${response.statusText}) loading ${uri}.`);\n }\n const newSymbol = this.svgDoc.symbol().svg(await response.text());\n if (clearStyles) {\n newSymbol.find('style').forEach(s => s.remove());\n }\n\n return newSymbol;\n }\n\n /**\n * Initializes the input state\n *\n * @private\n */\n initInputs() {\n this.inputs = this.createInputs();\n }\n\n createInputs() {\n return Array(this.config.maxPlayers)\n .fill(null)\n .map(() => ({ direction: 0, action: false, language: false }));\n }\n\n /**\n * Reads the input state from all enabled controller types\n *\n * Loads the new input state in this.input and the previous\n * state in this.inputLast.\n *\n * @private\n */\n readInputs() {\n this.inputsLast = this.inputs;\n const states = Object.values(this.controls).map(c => c.getStates());\n const inputReducer = (accInput, curState) => ({\n direction: curState.right ? 1 : (curState.left ? -1 : accInput.direction),\n action: curState.action || accInput.action,\n language: curState.language || accInput.language\n });\n this.inputs = this.createInputs().map(\n (input, i) => states.map(s => s[i]).reduce(inputReducer, input)\n );\n\n if (this.debugControlsPane) {\n this.debugControlsPane.textContent = this.inputs.map((ctrl, i) => (\n `C${i}: d=${ctrl.direction} a=${ctrl.action ? 'T' : 'F'}`\n )).join('\\u00a0\\u00a0\\u00a0\\u00a0'); // four  \n }\n }\n\n handleGlobalInputs() {\n const switchLanguage = this.inputsLast.reduce(\n (acc, cur, i) => acc || (cur.language === false && this.inputs[i].language === true),\n false\n )\n if (switchLanguage)\n this.languageButton.handleLanguageChange().then();\n }\n\n /**\n * Game loop\n */\n run() {\n window.cancelAnimationFrame(this.animationFrameRequestId);\n if (!this.gameLoop) {\n let lastTs = 0;\n let lag = 0;\n const MAX_DELTA = 125;\n this.gameLoop = (ts) => {\n if (!this.isPaused) {\n this.readInputs();\n this.handleGlobalInputs();\n lag += Math.max(0, (ts - lag) - lastTs - MAX_DELTA);\n ts -= lag;\n const delta = ts - lastTs;\n this.currentMode.handleInputs(this.inputs, this.inputsLast, delta, ts);\n this.currentMode.draw(delta, ts);\n lastTs = ts;\n\n this.animationFrameRequestId = window.requestAnimationFrame(this.gameLoop);\n }\n };\n }\n this.animationFrameRequestId = window.requestAnimationFrame(this.gameLoop);\n }\n\n /**\n * Pauses the game.\n *\n * While paused the main game loop not run.\n */\n pause() {\n this.isPaused = true;\n }\n\n /**\n * Resumes the game.\n *\n * Enables the main game loop.\n */\n resume() {\n if (this.isPaused) {\n this.isPaused = false;\n this.run();\n }\n }\n\n /**\n * Registers a game mode\n *\n * @private\n * @param {string} id\n * A name that identifies the mode\n * @param {GameMode} mode\n * A GameMode subclass\n * @return {Promise}\n */\n async registerMode(id, mode) {\n this.modes[id] = mode;\n await mode.preLoadAssets();\n }\n\n /**\n * Changes the current game mode\n *\n * @param {string} modeID\n * Name of a previously registered mode\n * @return {Promise}\n */\n async setMode(modeID) {\n this.pause();\n\n if (this.currentMode) {\n await this.currentMode.handleExitMode();\n }\n if (this.modes[modeID] === undefined) {\n throw new Error(`Can't change to unknown mode ${modeID}`);\n }\n this.currentMode = this.modes[modeID];\n this.draw.clear();\n this.overlay.innerHTML = '';\n await this.currentMode.handleEnterMode();\n\n this.resume();\n }\n\n transition(modeId, event, nextModeId = null, callback = null) {\n if (this.modes[modeId] === undefined) {\n throw new Error(`Can't define transition from unknown game mode '${modeId}'`);\n }\n if (nextModeId && this.modes[nextModeId] === undefined) {\n throw new Error(`Can't define transition to unknown game mode '${nextModeId}'`);\n }\n this.modes[modeId].events.on(event, () => {\n if (this.currentMode !== this.modes[modeId]) {\n throw new Error(`Mode ${modeId} triggered the event ${event} while not active. Something was not cleaned up?`);\n }\n if (nextModeId !== null) {\n this.setMode(nextModeId);\n }\n if (callback && typeof callback === 'function') {\n callback();\n }\n });\n }\n\n /**\n * Set a custom sea floor map that will be used the next time the play mode is entered.\n *\n * @param map {number[]|null} An array containing distance values between 0 and 1. 0 is closest\n * to the water surface, 1 is farthest away from the water surface. The map will only be used if\n * it contains at least distance values (distances at the left and right edge). If {null} is\n * provided, no custom map will be used and a new map will be generated each time the game\n * restarts.\n */\n setMap(map) {\n this.map = (!Array.isArray(map) || map.length < 2) ? null : map;\n }\n\n async showSeaFloor(animate = true) {\n if (this.currentMode && typeof this.currentMode.uncoverGround === 'function') {\n if (animate)\n await this.currentMode.uncoverGround();\n else\n await this.currentMode.uncoverGround(0);\n }\n }\n}\n","const I18N_KEY_DATA_ATTRIBUTE = 'i18n-key';\nconst I18N_KEY_ATTRIBUTE = `data-${I18N_KEY_DATA_ATTRIBUTE}`;\nconst I18N_KEY_SELECTOR = `*[${I18N_KEY_ATTRIBUTE}]`;\n\nfunction localeInit(elem, ...keys) {\n const encodedKeys = keys.map(encodeURIComponent);\n const $elem = $(elem);\n $elem.attr(I18N_KEY_ATTRIBUTE, encodedKeys.join(\",\"));\n localize(elem);\n return elem;\n}\n\nexport default function localize(elems) {\n localizeFlat(elems);\n const $i18nElemsDescendants = $(elems).find(I18N_KEY_SELECTOR);\n localizeFlat($i18nElemsDescendants);\n return elems;\n}\n\nfunction localizeFlat(elems) {\n const $elems = $(elems);\n const $i18nElems = $elems.filter(I18N_KEY_SELECTOR);\n $i18nElems.each(function () {\n const $i18nElem = $(this);\n const encodedKeys = $i18nElem.attr(I18N_KEY_ATTRIBUTE).split(\",\");\n const keys = encodedKeys.map(decodeURIComponent);\n if (keys.length > 0) {\n const object = {[keys[0]]: IMAGINARY.i18n.t(keys[0])};\n const text = recursiveGet(object, ...keys) || '';\n $i18nElem.text(text);\n }\n })\n return elems;\n}\n\nfunction recursiveGet(object, key, ...otherKeys) {\n const value = object[key];\n if (otherKeys.length === 0) {\n return value;\n } else {\n return recursiveGet(value, ...otherKeys);\n }\n}\n\nexport {\n I18N_KEY_DATA_ATTRIBUTE,\n I18N_KEY_ATTRIBUTE,\n localeInit,\n localize,\n localizeFlat,\n}\n","import localize from \"./i18n\";\nimport debugConsole from './debug-console';\n\nexport default class LanguageCycleButton {\n constructor(elementToLocalize, languageCodes) {\n this.elementToLocalize = elementToLocalize;\n this.languageCodes = languageCodes;\n\n this.languageButton = document.createElement(\"div\");\n this.languageButton.classList.add(\"language-button\");\n\n this.languageIcon = document.createElement(\"i\");\n this.languageIcon.classList.add(\"fas\", \"fa-sm\", \"fa-language\");\n this.languageButton.appendChild(this.languageIcon);\n\n this.languageButton.onpointerup = () => this.handleLanguageChange();\n\n this.element = this.languageButton;\n }\n\n async handleLanguageChange() {\n const currentLangIdx = this.languageCodes.indexOf(IMAGINARY.i18n.getLang());\n const nextLangIdx = (currentLangIdx + 1) % this.languageCodes.length;\n const nextLang = this.languageCodes[nextLangIdx];\n await IMAGINARY.i18n.setLang(nextLang);\n localize(this.elementToLocalize);\n debugConsole.log(`Language switched: ${nextLang}`);\n }\n}\n","/* globals IMAGINARY */\nimport GradientDescentGame from './game';\nimport debugConsole from './debug-console';\n\nasync function fetchJson(uri) {\n const response = await fetch(uri, {\n cache: 'no-store',\n });\n if (response.status >= 200 && response.status < 300) {\n try {\n return await response.json();\n } catch (e) {\n throw new Error(`Error parsing JSON file: ${e.message}`);\n }\n }\n throw new Error(`Server returned status ${response.status} (${response.statusText}) loading JSON file.`);\n}\n\nasync function getDefaultConfig() {\n const defaultConfig = {\n defaultLanguage: 'en',\n languages: undefined, // fill in from tr.json\n useGamepads: true,\n useScreenControls: true,\n useKeyboardControls: true,\n botType: null,\n botTypeLabels: 'difficulty',\n showBotTypeTips: false,\n maxPlayers: 2,\n maxTime: Number.POSITIVE_INFINITY,\n maxProbes: Number.POSITIVE_INFINITY,\n continuousGame: false,\n showSeaFloor: false,\n maxDepthTilt: 4,\n fullScreenButton: true,\n languageButton: true,\n debugControls: false,\n debugLog: false,\n map: null,\n };\n const tr = await fetchJson(new URL('tr.json', window.location.href));\n defaultConfig.languages = Object.keys(tr).sort();\n return defaultConfig;\n}\n\n/**\n * Loads the config file from an external JSON file\n *\n * @param {String} uri\n * @return {Promise}\n */\nasync function loadConfig(uri) {\n const response = await fetch(uri, {\n cache: 'no-store',\n });\n if (response.status >= 200 && response.status < 300) {\n try {\n const config = await response.json();\n // Take into account the INFINITY is a valid value for maxTime and maxProbes\n const titleCase = s => (l => l.charAt(0).toUpperCase() + l.slice(1))(String(s).toLowerCase());\n if (Number(titleCase(config.maxTime)) === Number.POSITIVE_INFINITY)\n config.maxTime = Number.POSITIVE_INFINITY;\n if (Number(titleCase(config.maxProbes)) === Number.POSITIVE_INFINITY)\n config.maxProbes = Number.POSITIVE_INFINITY;\n return config;\n } catch (e) {\n throw new Error(`Error parsing config file: ${e.message}`);\n }\n }\n throw new Error(`Server returned status ${response.status} (${response.statusText}) loading config file.`);\n}\n\n/**\n * Return the URL of the user-supplied config file or {null} if it is not present.\n *\n * A custom config file name can be provided via the 'config' query string variable.\n * Allowed file names must match the regex /^[A-Za-z0\\-_.]+$/.\n *\n * @returns {URL|null} User-supplied config URL or {null} if not supplied.\n * @throws {Error} If the user-supplied config file name doesn't match the regex.\n */\nfunction getConfigCustomUrl() {\n const urlSearchParams = new URLSearchParams(window.location.search);\n if (!urlSearchParams.has('config')) {\n return null;\n } else {\n const customConfigName = urlSearchParams.get('config');\n const whitelistRegex = /^[A-Za-z0-9\\-_.]+$/;\n if (whitelistRegex.test(customConfigName)) {\n return new URL(customConfigName, window.location.href);\n } else {\n throw new Error(`Custom config path ${customConfigName} must match ${whitelistRegex.toString()}.`);\n }\n }\n}\n\n/**\n * Load config files and start the program\n */\n(async function main() {\n try {\n const configDefaultUrl = new URL('./config.json', window.location.href);\n const defaultConfigPromise = getDefaultConfig();\n const configCustomUrl = getConfigCustomUrl();\n const configUrl = configCustomUrl ?? configDefaultUrl;\n const configPromise = loadConfig(configUrl.href);\n const [defaultConfig, loadedConfig] = await Promise.all([defaultConfigPromise, configPromise]);\n const config = Object.assign({}, defaultConfig, loadedConfig);\n if (config.debugLog) {\n debugConsole.setActive(true);\n }\n debugConsole.log(\"Default configuration:\", defaultConfig);\n debugConsole.log(\"Loaded configuration:\", loadedConfig);\n debugConsole.log(\"Merged configuration:\", config);\n\n await IMAGINARY.i18n.init({\n queryStringVariable: 'lang',\n translationsDirectory: 'tr',\n defaultLanguage: config.defaultLanguage || 'en',\n });\n // eslint-disable-next-line no-unused-vars\n const game = new GradientDescentGame(\n document.querySelector('.main'),\n config\n );\n window.game = game;\n await game.init();\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err);\n }\n}());\n","import assert from 'assert';\n\n// Returns an integer in [l,u)\nfunction randIndex(l, u) {\n assert(Number.isInteger(l) && l >= 0);\n assert(Number.isInteger(u) && u >= 0);\n assert(l < u);\n\n const r = l + (u - l) * Math.random();\n return Math.max(l, Math.min(Math.floor(r), u - 1));\n}\n\nfunction smoothChaikin(arr, num, open = true) {\n if (num === 0)\n return arr;\n\n const l = arr.length;\n const smooth = arr.map((c, i) => [\n [0.75 * c[0] + 0.25 * arr[(i + 1) % l][0], 0.75 * c[1] + 0.25 * arr[(i + 1) % l][1]],\n [0.25 * c[0] + 0.75 * arr[(i + 1) % l][0], 0.25 * c[1] + 0.75 * arr[(i + 1) % l][1]]\n ]).flat();\n\n if (open) {\n smooth.length -= 1;\n smooth[0] = arr[0];\n smooth[smooth.length - 1] = arr[arr.length - 1];\n }\n\n return smoothChaikin(smooth, num - 1, open);\n}\n\nfunction subdivide(length, leftHeight, rightHeight) {\n return {\n index: randIndex(0, length),\n height: Math.max(leftHeight, rightHeight) * Math.random(),\n };\n}\n\nfunction generateInnerTerrainHeights(heights, leftHeight, rightHeight) {\n if (heights.length > 0) {\n const { index, height } = subdivide(heights.length, leftHeight, rightHeight);\n heights[index] = height;\n generateInnerTerrainHeights(heights.subarray(0, index), leftHeight, height);\n generateInnerTerrainHeights(heights.subarray(index + 1, heights.length),\n height,\n rightHeight);\n }\n return heights;\n}\n\nfunction generateTerrainPoints(numPoints, marginWidth = 0.1, marginHeight = 0.2, jitter = 0.25, tilt = 4) {\n const heights = new Float32Array(numPoints);\n\n const leftMarginIndex = Math.floor(marginWidth * numPoints);\n const rightMarginIndex = Math.floor((1 - marginWidth) * (numPoints - 1));\n\n assert(leftMarginIndex + 1 < rightMarginIndex);\n assert(marginHeight >= 0.0 && marginHeight < 1.0);\n const maxHeightIndex = randIndex(leftMarginIndex + 1, rightMarginIndex);\n const r = 1 - Math.pow(Math.random(), tilt); // tendency towards 0 or 1 depending on tilt\n const maxHeight = marginHeight + Math.max(Number.EPSILON, r * (1 - marginHeight));\n\n const predefinedHeights = [\n [0, Math.random() * marginHeight],\n [leftMarginIndex, marginHeight],\n [maxHeightIndex, maxHeight],\n [rightMarginIndex, marginHeight],\n [numPoints - 1, Math.random() * marginHeight],\n ];\n\n if (numPoints > 0) {\n predefinedHeights.forEach(([i, h]) => heights[i] = h);\n predefinedHeights.reduce(([i0, h0], [i1, h1]) => {\n generateInnerTerrainHeights(heights.subarray(i0 + 1, i1), h0, h1);\n return [i1, h1];\n });\n }\n\n // restrict jitter range to prevent points from switching their order\n jitter = Math.max(0.0, Math.min(jitter, 1.0));\n\n return new Array(heights.length)\n .fill(null)\n .map((_, i) => [\n (i + jitter * (Math.random() - 0.5)) / (heights.length - 1),\n heights[i]\n ]);\n}\n\nfunction convertPointsToHeights(points, numHeights) {\n const left = points[0][0];\n const right = points[points.length - 1][0];\n const width = right - left;\n const heights = Array(numHeights);\n let j = 0;\n for (let i = 0; i < heights.length - 1; ++i) {\n while (i >= (numHeights - 1) * (points[j][0] - left) / width) {\n ++j;\n }\n const t = (left + ((i / (numHeights - 1)) * width) - (points[j - 1][0]))\n / (points[j][0] - points[j - 1][0]);\n heights[i] = points[j - 1][1] + (points[j][1] - points[j - 1][1]) * t;\n }\n heights[heights.length - 1] = points[points.length - 1][1];\n return heights;\n}\n\nfunction restrictPrecision(number, decimalPlaces) {\n const factor = Math.pow(10, decimalPlaces);\n return Math.round(number * factor) / factor;\n}\n\nconst defaultOptions = {\n marginWidth: 0.1,\n marginHeight: 0.1,\n jitter: 0.25,\n tilt: 4,\n smoothing: 6,\n};\n\nexport default function terrain(numSamples, length, options = {}) {\n options = Object.assign({}, defaultOptions, options);\n const roughTerrainPoints = generateTerrainPoints(\n numSamples,\n options.marginWidth,\n options.marginHeight,\n options.jitter,\n options.tilt,\n );\n const smoothTerrainPoints = smoothChaikin(roughTerrainPoints, options.smoothing);\n const smoothTerrainHeights = convertPointsToHeights(smoothTerrainPoints, length);\n return smoothTerrainHeights.map(n => restrictPrecision(n, 5));\n}\n","// The water surface consists of superimposed sin waves that are moving with respect to ts.\n// Fixing x, the frequency factors with respect to ts are [1,-1,2,3].\n// Since the lowest common denominator of these factors is 6 and the base frequency is 1 / (2 * PI),\n// the period of the water animation is 6 / (1 / (2 * PI)) = 12 * PI.\nconst PERIOD = 12 * Math.PI;\n\nexport function height(x, t) {\n t = (t * PERIOD) % PERIOD;\n return (\n Math.sin(x * 100 + t)\n + Math.sin(x * 50 - 1 * t)\n + Math.sin(x * 30 + 2 * t)\n + Math.sin(x * 10 - 3 * t)\n ) / 4;\n}\n\nexport function slope(x, t) {\n t = (t * PERIOD) % PERIOD;\n return (\n 100 * Math.cos(100 * x + t)\n + 50 * Math.cos(50 * x - t)\n + 30 * Math.cos(30 * x + 2 * t)\n + 10 * Math.cos(10 * x - 3 * t)\n ) / 4;\n}\n\nexport function heights(arr, t, xScale = 1.0, yScale = 1.0) {\n arr.forEach((_, i) => arr[i] = height(i / (arr.length - 1), t));\n return arr;\n}\n\nexport function points(arr, t, xScale = 1.0, yScale = 1.0) {\n arr.forEach((_, i) => {\n const x = i / (arr.length - 1);\n arr[i] = [xScale * x, yScale * height(x, t)];\n });\n return arr;\n}\n\n/*\n * Experimental: Create an SVG wave shape that animates via the tag.\n * Probably, this doesn't work in all browsers. :-(\n */\nexport function animatedSVGPolyline(svgContainer, numPoints, numSteps, xScale, yScale, duration) {\n const p = Array(numPoints).fill(null);\n const keyframes = Array(numSteps)\n .fill(null)\n .map((_, i) => Array.from(points(p, i / (numSteps - 1), xScale, yScale)));\n const waves = svgContainer.polyline(keyframes[0]);\n const keyframesSvg = keyframes.map(p => waves.plot(p).attr('points'));\n const keyframesString = keyframesSvg.join(';\\n').replace(/;[[:space:]]*;]/g, ';');\n const animate = waves.element('animate');\n animate.attr({\n attributeName: 'points',\n dur: `${duration}ms`,\n repeatCount: 'indefinite',\n values: keyframesString,\n });\n\n return waves;\n}\n","/**\n * Setup a wave-like animation for an svg.js shape made up of polygons.\n *\n * This animation works by applying a transformation on all points of\n * all polygons of the passed shape. The points will move on a sine wave\n * that is continuously phase shifting and whose amplitude decreases over time.\n *\n * Returns a stepping function that takes a delta in milliseconds which should\n * be called on the frame rendering function.\n *\n * Options:\n * - xAmplitude: Maximum distance that the x coordinates are shifted from their\n * starting position.\n * - duration: Duration of the animation\n * - cycles: Number of cycles of phase shifting.\n *\n * @param {SVG.Container} shape\n * The shape whose polygons will be animated\n * @param {Object} userOptions\n * Options (see above)\n * @return {function(...[*]=)}\n * Returns an animation callback that takes a delta.\n */\nexport default function WavyAnimation(shape, userOptions = {}) {\n const defaultOptions = {\n xAmplitude: 50,\n duration: 5000,\n cycles: 3,\n };\n\n const options = Object.assign({}, defaultOptions, userOptions);\n const polygons = shape.find('polygon');\n const originalPlots = polygons.map(p => p.plot());\n const maxY = Math.max(...originalPlots.flat().map(([, y]) => y));\n\n let counter = 0;\n\n return (delta, ts) => {\n if (counter > options.duration) {\n return;\n }\n counter += delta;\n const progress = Math.min(counter, options.duration) / options.duration;\n polygons.forEach((p, i) => {\n p.plot(originalPlots[i].map(([x, y]) => (\n [\n x + Math.sin((y / maxY + progress * options.cycles) * Math.PI * 2)\n * options.xAmplitude * (1 - (progress ** 2)),\n y,\n ]\n )));\n });\n };\n}\n","/**\n * @popperjs/core v2.5.4 - MIT License\n */\n\n'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nfunction getBoundingClientRect(element) {\n var rect = element.getBoundingClientRect();\n return {\n width: rect.width,\n height: rect.height,\n top: rect.top,\n right: rect.right,\n bottom: rect.bottom,\n left: rect.left,\n x: rect.left,\n y: rect.top\n };\n}\n\n/*:: import type { Window } from '../types'; */\n\n/*:: declare function getWindow(node: Node | Window): Window; */\nfunction getWindow(node) {\n if (node.toString() !== '[object Window]') {\n var ownerDocument = node.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView || window : window;\n }\n\n return node;\n}\n\nfunction getWindowScroll(node) {\n var win = getWindow(node);\n var scrollLeft = win.pageXOffset;\n var scrollTop = win.pageYOffset;\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n}\n\n/*:: declare function isElement(node: mixed): boolean %checks(node instanceof\n Element); */\n\nfunction isElement(node) {\n var OwnElement = getWindow(node).Element;\n return node instanceof OwnElement || node instanceof Element;\n}\n/*:: declare function isHTMLElement(node: mixed): boolean %checks(node instanceof\n HTMLElement); */\n\n\nfunction isHTMLElement(node) {\n var OwnElement = getWindow(node).HTMLElement;\n return node instanceof OwnElement || node instanceof HTMLElement;\n}\n/*:: declare function isShadowRoot(node: mixed): boolean %checks(node instanceof\n ShadowRoot); */\n\n\nfunction isShadowRoot(node) {\n var OwnElement = getWindow(node).ShadowRoot;\n return node instanceof OwnElement || node instanceof ShadowRoot;\n}\n\nfunction getHTMLElementScroll(element) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n}\n\nfunction getNodeScroll(node) {\n if (node === getWindow(node) || !isHTMLElement(node)) {\n return getWindowScroll(node);\n } else {\n return getHTMLElementScroll(node);\n }\n}\n\nfunction getNodeName(element) {\n return element ? (element.nodeName || '').toLowerCase() : null;\n}\n\nfunction getDocumentElement(element) {\n // $FlowFixMe: assume body is always available\n return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;\n}\n\nfunction getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on \n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}\n\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\n\nfunction isScrollParent(element) {\n // Firefox wants us to check `-x` and `-y` variations as well\n var _getComputedStyle = getComputedStyle(element),\n overflow = _getComputedStyle.overflow,\n overflowX = _getComputedStyle.overflowX,\n overflowY = _getComputedStyle.overflowY;\n\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}\n\n// Composite means it takes into account transforms as well as layout.\n\nfunction getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n\n var documentElement = getDocumentElement(offsetParent);\n var rect = getBoundingClientRect(elementOrVirtualElement);\n var isOffsetParentAnElement = isHTMLElement(offsetParent);\n var scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n var offsets = {\n x: 0,\n y: 0\n };\n\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n isScrollParent(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n\n if (isHTMLElement(offsetParent)) {\n offsets = getBoundingClientRect(offsetParent);\n offsets.x += offsetParent.clientLeft;\n offsets.y += offsetParent.clientTop;\n } else if (documentElement) {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n }\n\n return {\n x: rect.left + scroll.scrollLeft - offsets.x,\n y: rect.top + scroll.scrollTop - offsets.y,\n width: rect.width,\n height: rect.height\n };\n}\n\n// Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\nfunction getLayoutRect(element) {\n return {\n x: element.offsetLeft,\n y: element.offsetTop,\n width: element.offsetWidth,\n height: element.offsetHeight\n };\n}\n\nfunction getParentNode(element) {\n if (getNodeName(element) === 'html') {\n return element;\n }\n\n return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle\n element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n element.parentNode || // DOM Element detected\n // $FlowFixMe: need a better way to handle this...\n element.host || // ShadowRoot detected\n // $FlowFixMe: HTMLElement is a Node\n getDocumentElement(element) // fallback\n\n );\n}\n\nfunction getScrollParent(node) {\n if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n // $FlowFixMe: assume body is always available\n return node.ownerDocument.body;\n }\n\n if (isHTMLElement(node) && isScrollParent(node)) {\n return node;\n }\n\n return getScrollParent(getParentNode(node));\n}\n\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the \nreference element's position.\n*/\n\nfunction listScrollParents(element, list) {\n if (list === void 0) {\n list = [];\n }\n\n var scrollParent = getScrollParent(element);\n var isBody = getNodeName(scrollParent) === 'body';\n var win = getWindow(scrollParent);\n var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n var updatedList = list.concat(target);\n return isBody ? updatedList : // $FlowFixMe: isBody tells us target will be an HTMLElement here\n updatedList.concat(listScrollParents(getParentNode(target)));\n}\n\nfunction isTableElement(element) {\n return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}\n\nfunction getTrueOffsetParent(element) {\n if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n getComputedStyle(element).position === 'fixed') {\n return null;\n }\n\n var offsetParent = element.offsetParent;\n\n if (offsetParent) {\n var html = getDocumentElement(offsetParent);\n\n if (getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && getComputedStyle(html).position !== 'static') {\n return html;\n }\n }\n\n return offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n var currentNode = getParentNode(element);\n\n while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n // create a containing block.\n\n if (css.transform !== 'none' || css.perspective !== 'none' || css.willChange && css.willChange !== 'auto') {\n return currentNode;\n } else {\n currentNode = currentNode.parentNode;\n }\n }\n\n return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nfunction getOffsetParent(element) {\n var window = getWindow(element);\n var offsetParent = getTrueOffsetParent(element);\n\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent);\n }\n\n if (offsetParent && getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static') {\n return window;\n }\n\n return offsetParent || getContainingBlock(element) || window;\n}\n\nvar top = 'top';\nvar bottom = 'bottom';\nvar right = 'right';\nvar left = 'left';\nvar auto = 'auto';\nvar basePlacements = [top, bottom, right, left];\nvar start = 'start';\nvar end = 'end';\nvar clippingParents = 'clippingParents';\nvar viewport = 'viewport';\nvar popper = 'popper';\nvar reference = 'reference';\nvar variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nvar placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nvar beforeRead = 'beforeRead';\nvar read = 'read';\nvar afterRead = 'afterRead'; // pure-logic modifiers\n\nvar beforeMain = 'beforeMain';\nvar main = 'main';\nvar afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nvar beforeWrite = 'beforeWrite';\nvar write = 'write';\nvar afterWrite = 'afterWrite';\nvar modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];\n\nfunction order(modifiers) {\n var map = new Map();\n var visited = new Set();\n var result = [];\n modifiers.forEach(function (modifier) {\n map.set(modifier.name, modifier);\n }); // On visiting object, check for its dependencies and visit them recursively\n\n function sort(modifier) {\n visited.add(modifier.name);\n var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n requires.forEach(function (dep) {\n if (!visited.has(dep)) {\n var depModifier = map.get(dep);\n\n if (depModifier) {\n sort(depModifier);\n }\n }\n });\n result.push(modifier);\n }\n\n modifiers.forEach(function (modifier) {\n if (!visited.has(modifier.name)) {\n // check for visited object\n sort(modifier);\n }\n });\n return result;\n}\n\nfunction orderModifiers(modifiers) {\n // order based on dependencies\n var orderedModifiers = order(modifiers); // order based on phase\n\n return modifierPhases.reduce(function (acc, phase) {\n return acc.concat(orderedModifiers.filter(function (modifier) {\n return modifier.phase === phase;\n }));\n }, []);\n}\n\nfunction debounce(fn) {\n var pending;\n return function () {\n if (!pending) {\n pending = new Promise(function (resolve) {\n Promise.resolve().then(function () {\n pending = undefined;\n resolve(fn());\n });\n });\n }\n\n return pending;\n };\n}\n\nfunction format(str) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return [].concat(args).reduce(function (p, c) {\n return p.replace(/%s/, c);\n }, str);\n}\n\nvar INVALID_MODIFIER_ERROR = 'Popper: modifier \"%s\" provided an invalid %s property, expected %s but got %s';\nvar MISSING_DEPENDENCY_ERROR = 'Popper: modifier \"%s\" requires \"%s\", but \"%s\" modifier is not available';\nvar VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];\nfunction validateModifiers(modifiers) {\n modifiers.forEach(function (modifier) {\n Object.keys(modifier).forEach(function (key) {\n switch (key) {\n case 'name':\n if (typeof modifier.name !== 'string') {\n console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '\"name\"', '\"string\"', \"\\\"\" + String(modifier.name) + \"\\\"\"));\n }\n\n break;\n\n case 'enabled':\n if (typeof modifier.enabled !== 'boolean') {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"enabled\"', '\"boolean\"', \"\\\"\" + String(modifier.enabled) + \"\\\"\"));\n }\n\n case 'phase':\n if (modifierPhases.indexOf(modifier.phase) < 0) {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"phase\"', \"either \" + modifierPhases.join(', '), \"\\\"\" + String(modifier.phase) + \"\\\"\"));\n }\n\n break;\n\n case 'fn':\n if (typeof modifier.fn !== 'function') {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"fn\"', '\"function\"', \"\\\"\" + String(modifier.fn) + \"\\\"\"));\n }\n\n break;\n\n case 'effect':\n if (typeof modifier.effect !== 'function') {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"effect\"', '\"function\"', \"\\\"\" + String(modifier.fn) + \"\\\"\"));\n }\n\n break;\n\n case 'requires':\n if (!Array.isArray(modifier.requires)) {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"requires\"', '\"array\"', \"\\\"\" + String(modifier.requires) + \"\\\"\"));\n }\n\n break;\n\n case 'requiresIfExists':\n if (!Array.isArray(modifier.requiresIfExists)) {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"requiresIfExists\"', '\"array\"', \"\\\"\" + String(modifier.requiresIfExists) + \"\\\"\"));\n }\n\n break;\n\n case 'options':\n case 'data':\n break;\n\n default:\n console.error(\"PopperJS: an invalid property has been provided to the \\\"\" + modifier.name + \"\\\" modifier, valid properties are \" + VALID_PROPERTIES.map(function (s) {\n return \"\\\"\" + s + \"\\\"\";\n }).join(', ') + \"; but \\\"\" + key + \"\\\" was provided.\");\n }\n\n modifier.requires && modifier.requires.forEach(function (requirement) {\n if (modifiers.find(function (mod) {\n return mod.name === requirement;\n }) == null) {\n console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));\n }\n });\n });\n });\n}\n\nfunction uniqueBy(arr, fn) {\n var identifiers = new Set();\n return arr.filter(function (item) {\n var identifier = fn(item);\n\n if (!identifiers.has(identifier)) {\n identifiers.add(identifier);\n return true;\n }\n });\n}\n\nfunction getBasePlacement(placement) {\n return placement.split('-')[0];\n}\n\nfunction mergeByName(modifiers) {\n var merged = modifiers.reduce(function (merged, current) {\n var existing = merged[current.name];\n merged[current.name] = existing ? Object.assign(Object.assign(Object.assign({}, existing), current), {}, {\n options: Object.assign(Object.assign({}, existing.options), current.options),\n data: Object.assign(Object.assign({}, existing.data), current.data)\n }) : current;\n return merged;\n }, {}); // IE11 does not support Object.values\n\n return Object.keys(merged).map(function (key) {\n return merged[key];\n });\n}\n\nfunction getViewportRect(element) {\n var win = getWindow(element);\n var html = getDocumentElement(element);\n var visualViewport = win.visualViewport;\n var width = html.clientWidth;\n var height = html.clientHeight;\n var x = 0;\n var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper\n // can be obscured underneath it.\n // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even\n // if it isn't open, so if this isn't available, the popper will be detected\n // to overflow the bottom of the screen too early.\n\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)\n // In Chrome, it returns a value very close to 0 (+/-) but contains rounding\n // errors due to floating point numbers, so we need to check precision.\n // Safari returns a number <= 0, usually < -1 when pinch-zoomed\n // Feature detection fails in mobile emulation mode in Chrome.\n // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <\n // 0.001\n // Fallback here: \"Not Safari\" userAgent\n\n if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n\n return {\n width: width,\n height: height,\n x: x + getWindowScrollBarX(element),\n y: y\n };\n}\n\n// of the `` and `` rect bounds if horizontally scrollable\n\nfunction getDocumentRect(element) {\n var html = getDocumentElement(element);\n var winScroll = getWindowScroll(element);\n var body = element.ownerDocument.body;\n var width = Math.max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n var height = Math.max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n var y = -winScroll.scrollTop;\n\n if (getComputedStyle(body || html).direction === 'rtl') {\n x += Math.max(html.clientWidth, body ? body.clientWidth : 0) - width;\n }\n\n return {\n width: width,\n height: height,\n x: x,\n y: y\n };\n}\n\nfunction contains(parent, child) {\n var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n if (parent.contains(child)) {\n return true;\n } // then fallback to custom implementation with Shadow DOM support\n else if (rootNode && isShadowRoot(rootNode)) {\n var next = child;\n\n do {\n if (next && parent.isSameNode(next)) {\n return true;\n } // $FlowFixMe: need a better way to handle this...\n\n\n next = next.parentNode || next.host;\n } while (next);\n } // Give up, the result is false\n\n\n return false;\n}\n\nfunction rectToClientRect(rect) {\n return Object.assign(Object.assign({}, rect), {}, {\n left: rect.x,\n top: rect.y,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n });\n}\n\nfunction getInnerBoundingClientRect(element) {\n var rect = getBoundingClientRect(element);\n rect.top = rect.top + element.clientTop;\n rect.left = rect.left + element.clientLeft;\n rect.bottom = rect.top + element.clientHeight;\n rect.right = rect.left + element.clientWidth;\n rect.width = element.clientWidth;\n rect.height = element.clientHeight;\n rect.x = rect.left;\n rect.y = rect.top;\n return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent) {\n return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n var clippingParents = listScrollParents(getParentNode(element));\n var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n if (!isElement(clipperElement)) {\n return [];\n } // $FlowFixMe: https://github.com/facebook/flow/issues/1414\n\n\n return clippingParents.filter(function (clippingParent) {\n return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nfunction getClippingRect(element, boundary, rootBoundary) {\n var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n var firstClippingParent = clippingParents[0];\n var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n var rect = getClientRectFromMixedType(element, clippingParent);\n accRect.top = Math.max(rect.top, accRect.top);\n accRect.right = Math.min(rect.right, accRect.right);\n accRect.bottom = Math.min(rect.bottom, accRect.bottom);\n accRect.left = Math.max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromMixedType(element, firstClippingParent));\n clippingRect.width = clippingRect.right - clippingRect.left;\n clippingRect.height = clippingRect.bottom - clippingRect.top;\n clippingRect.x = clippingRect.left;\n clippingRect.y = clippingRect.top;\n return clippingRect;\n}\n\nfunction getVariation(placement) {\n return placement.split('-')[1];\n}\n\nfunction getMainAxisFromPlacement(placement) {\n return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}\n\nfunction computeOffsets(_ref) {\n var reference = _ref.reference,\n element = _ref.element,\n placement = _ref.placement;\n var basePlacement = placement ? getBasePlacement(placement) : null;\n var variation = placement ? getVariation(placement) : null;\n var commonX = reference.x + reference.width / 2 - element.width / 2;\n var commonY = reference.y + reference.height / 2 - element.height / 2;\n var offsets;\n\n switch (basePlacement) {\n case top:\n offsets = {\n x: commonX,\n y: reference.y - element.height\n };\n break;\n\n case bottom:\n offsets = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n\n case right:\n offsets = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n\n case left:\n offsets = {\n x: reference.x - element.width,\n y: commonY\n };\n break;\n\n default:\n offsets = {\n x: reference.x,\n y: reference.y\n };\n }\n\n var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n if (mainAxis != null) {\n var len = mainAxis === 'y' ? 'height' : 'width';\n\n switch (variation) {\n case start:\n offsets[mainAxis] = Math.floor(offsets[mainAxis]) - Math.floor(reference[len] / 2 - element[len] / 2);\n break;\n\n case end:\n offsets[mainAxis] = Math.floor(offsets[mainAxis]) + Math.ceil(reference[len] / 2 - element[len] / 2);\n break;\n }\n }\n\n return offsets;\n}\n\nfunction getFreshSideObject() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}\n\nfunction mergePaddingObject(paddingObject) {\n return Object.assign(Object.assign({}, getFreshSideObject()), paddingObject);\n}\n\nfunction expandToHashMap(value, keys) {\n return keys.reduce(function (hashMap, key) {\n hashMap[key] = value;\n return hashMap;\n }, {});\n}\n\nfunction detectOverflow(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n _options$placement = _options.placement,\n placement = _options$placement === void 0 ? state.placement : _options$placement,\n _options$boundary = _options.boundary,\n boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n _options$rootBoundary = _options.rootBoundary,\n rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n _options$elementConte = _options.elementContext,\n elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n _options$altBoundary = _options.altBoundary,\n altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n _options$padding = _options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n var altContext = elementContext === popper ? reference : popper;\n var referenceElement = state.elements.reference;\n var popperRect = state.rects.popper;\n var element = state.elements[altBoundary ? altContext : elementContext];\n var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);\n var referenceClientRect = getBoundingClientRect(referenceElement);\n var popperOffsets = computeOffsets({\n reference: referenceClientRect,\n element: popperRect,\n strategy: 'absolute',\n placement: placement\n });\n var popperClientRect = rectToClientRect(Object.assign(Object.assign({}, popperRect), popperOffsets));\n var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n // 0 or negative = within the clipping rect\n\n var overflowOffsets = {\n top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n };\n var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n if (elementContext === popper && offsetData) {\n var offset = offsetData[placement];\n Object.keys(overflowOffsets).forEach(function (key) {\n var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n overflowOffsets[key] += offset[axis] * multiply;\n });\n }\n\n return overflowOffsets;\n}\n\nvar INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';\nvar INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';\nvar DEFAULT_OPTIONS = {\n placement: 'bottom',\n modifiers: [],\n strategy: 'absolute'\n};\n\nfunction areValidElements() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return !args.some(function (element) {\n return !(element && typeof element.getBoundingClientRect === 'function');\n });\n}\n\nfunction popperGenerator(generatorOptions) {\n if (generatorOptions === void 0) {\n generatorOptions = {};\n }\n\n var _generatorOptions = generatorOptions,\n _generatorOptions$def = _generatorOptions.defaultModifiers,\n defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n _generatorOptions$def2 = _generatorOptions.defaultOptions,\n defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n return function createPopper(reference, popper, options) {\n if (options === void 0) {\n options = defaultOptions;\n }\n\n var state = {\n placement: 'bottom',\n orderedModifiers: [],\n options: Object.assign(Object.assign({}, DEFAULT_OPTIONS), defaultOptions),\n modifiersData: {},\n elements: {\n reference: reference,\n popper: popper\n },\n attributes: {},\n styles: {}\n };\n var effectCleanupFns = [];\n var isDestroyed = false;\n var instance = {\n state: state,\n setOptions: function setOptions(options) {\n cleanupModifierEffects();\n state.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), state.options), options);\n state.scrollParents = {\n reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n popper: listScrollParents(popper)\n }; // Orders the modifiers based on their dependencies and `phase`\n // properties\n\n var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n state.orderedModifiers = orderedModifiers.filter(function (m) {\n return m.enabled;\n }); // Validate the provided modifiers so that the consumer will get warned\n // if one of the modifiers is invalid for any reason\n\n if (process.env.NODE_ENV !== \"production\") {\n var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {\n var name = _ref.name;\n return name;\n });\n validateModifiers(modifiers);\n\n if (getBasePlacement(state.options.placement) === auto) {\n var flipModifier = state.orderedModifiers.find(function (_ref2) {\n var name = _ref2.name;\n return name === 'flip';\n });\n\n if (!flipModifier) {\n console.error(['Popper: \"auto\" placements require the \"flip\" modifier be', 'present and enabled to work.'].join(' '));\n }\n }\n\n var _getComputedStyle = getComputedStyle(popper),\n marginTop = _getComputedStyle.marginTop,\n marginRight = _getComputedStyle.marginRight,\n marginBottom = _getComputedStyle.marginBottom,\n marginLeft = _getComputedStyle.marginLeft; // We no longer take into account `margins` on the popper, and it can\n // cause bugs with positioning, so we'll warn the consumer\n\n\n if ([marginTop, marginRight, marginBottom, marginLeft].some(function (margin) {\n return parseFloat(margin);\n })) {\n console.warn(['Popper: CSS \"margin\" styles cannot be used to apply padding', 'between the popper and its reference element or boundary.', 'To replicate margin, use the `offset` modifier, as well as', 'the `padding` option in the `preventOverflow` and `flip`', 'modifiers.'].join(' '));\n }\n }\n\n runModifierEffects();\n return instance.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function forceUpdate() {\n if (isDestroyed) {\n return;\n }\n\n var _state$elements = state.elements,\n reference = _state$elements.reference,\n popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n // anymore\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return;\n } // Store the reference and popper rects to be read by modifiers\n\n\n state.rects = {\n reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n popper: getLayoutRect(popper)\n }; // Modifiers have the ability to reset the current update cycle. The\n // most common use case for this is the `flip` modifier changing the\n // placement, which then needs to re-run all the modifiers, because the\n // logic was previously ran for the previous placement and is therefore\n // stale/incorrect\n\n state.reset = false;\n state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n // is filled with the initial data specified by the modifier. This means\n // it doesn't persist and is fresh on each update.\n // To ensure persistent data, use `${name}#persistent`\n\n state.orderedModifiers.forEach(function (modifier) {\n return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n });\n var __debug_loops__ = 0;\n\n for (var index = 0; index < state.orderedModifiers.length; index++) {\n if (process.env.NODE_ENV !== \"production\") {\n __debug_loops__ += 1;\n\n if (__debug_loops__ > 100) {\n console.error(INFINITE_LOOP_ERROR);\n break;\n }\n }\n\n if (state.reset === true) {\n state.reset = false;\n index = -1;\n continue;\n }\n\n var _state$orderedModifie = state.orderedModifiers[index],\n fn = _state$orderedModifie.fn,\n _state$orderedModifie2 = _state$orderedModifie.options,\n _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n name = _state$orderedModifie.name;\n\n if (typeof fn === 'function') {\n state = fn({\n state: state,\n options: _options,\n name: name,\n instance: instance\n }) || state;\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: debounce(function () {\n return new Promise(function (resolve) {\n instance.forceUpdate();\n resolve(state);\n });\n }),\n destroy: function destroy() {\n cleanupModifierEffects();\n isDestroyed = true;\n }\n };\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return instance;\n }\n\n instance.setOptions(options).then(function (state) {\n if (!isDestroyed && options.onFirstUpdate) {\n options.onFirstUpdate(state);\n }\n }); // Modifiers have the ability to execute arbitrary code before the first\n // update cycle runs. They will be executed in the same order as the update\n // cycle. This is useful when a modifier adds some persistent data that\n // other modifiers need to use, but the modifier is run after the dependent\n // one.\n\n function runModifierEffects() {\n state.orderedModifiers.forEach(function (_ref3) {\n var name = _ref3.name,\n _ref3$options = _ref3.options,\n options = _ref3$options === void 0 ? {} : _ref3$options,\n effect = _ref3.effect;\n\n if (typeof effect === 'function') {\n var cleanupFn = effect({\n state: state,\n name: name,\n instance: instance,\n options: options\n });\n\n var noopFn = function noopFn() {};\n\n effectCleanupFns.push(cleanupFn || noopFn);\n }\n });\n }\n\n function cleanupModifierEffects() {\n effectCleanupFns.forEach(function (fn) {\n return fn();\n });\n effectCleanupFns = [];\n }\n\n return instance;\n };\n}\n\nvar passive = {\n passive: true\n};\n\nfunction effect(_ref) {\n var state = _ref.state,\n instance = _ref.instance,\n options = _ref.options;\n var _options$scroll = options.scroll,\n scroll = _options$scroll === void 0 ? true : _options$scroll,\n _options$resize = options.resize,\n resize = _options$resize === void 0 ? true : _options$resize;\n var window = getWindow(state.elements.popper);\n var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.addEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.addEventListener('resize', instance.update, passive);\n }\n\n return function () {\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.removeEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.removeEventListener('resize', instance.update, passive);\n }\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar eventListeners = {\n name: 'eventListeners',\n enabled: true,\n phase: 'write',\n fn: function fn() {},\n effect: effect,\n data: {}\n};\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar popperOffsets$1 = {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};\n\nvar unsetSides = {\n top: 'auto',\n right: 'auto',\n bottom: 'auto',\n left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsets(_ref) {\n var x = _ref.x,\n y = _ref.y;\n var win = window;\n var dpr = win.devicePixelRatio || 1;\n return {\n x: Math.round(x * dpr) / dpr || 0,\n y: Math.round(y * dpr) / dpr || 0\n };\n}\n\nfunction mapToStyles(_ref2) {\n var _Object$assign2;\n\n var popper = _ref2.popper,\n popperRect = _ref2.popperRect,\n placement = _ref2.placement,\n offsets = _ref2.offsets,\n position = _ref2.position,\n gpuAcceleration = _ref2.gpuAcceleration,\n adaptive = _ref2.adaptive;\n\n var _roundOffsets = roundOffsets(offsets),\n x = _roundOffsets.x,\n y = _roundOffsets.y;\n\n var hasX = offsets.hasOwnProperty('x');\n var hasY = offsets.hasOwnProperty('y');\n var sideX = left;\n var sideY = top;\n var win = window;\n\n if (adaptive) {\n var offsetParent = getOffsetParent(popper);\n\n if (offsetParent === getWindow(popper)) {\n offsetParent = getDocumentElement(popper);\n } // $FlowFixMe: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n /*:: offsetParent = (offsetParent: Element); */\n\n\n if (placement === top) {\n sideY = bottom;\n y -= offsetParent.clientHeight - popperRect.height;\n y *= gpuAcceleration ? 1 : -1;\n }\n\n if (placement === left) {\n sideX = right;\n x -= offsetParent.clientWidth - popperRect.width;\n x *= gpuAcceleration ? 1 : -1;\n }\n }\n\n var commonStyles = Object.assign({\n position: position\n }, adaptive && unsetSides);\n\n if (gpuAcceleration) {\n var _Object$assign;\n\n return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n }\n\n return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref3) {\n var state = _ref3.state,\n options = _ref3.options;\n var _options$gpuAccelerat = options.gpuAcceleration,\n gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n _options$adaptive = options.adaptive,\n adaptive = _options$adaptive === void 0 ? true : _options$adaptive;\n\n if (process.env.NODE_ENV !== \"production\") {\n var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || '';\n\n if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {\n return transitionProperty.indexOf(property) >= 0;\n })) {\n console.warn(['Popper: Detected CSS transitions on at least one of the following', 'CSS properties: \"transform\", \"top\", \"right\", \"bottom\", \"left\".', '\\n\\n', 'Disable the \"computeStyles\" modifier\\'s `adaptive` option to allow', 'for smooth transitions, or remove these properties from the CSS', 'transition declaration on the popper element if only transitioning', 'opacity or background-color for example.', '\\n\\n', 'We recommend using the popper element as a wrapper around an inner', 'element that can have any CSS property transitioned for animations.'].join(' '));\n }\n }\n\n var commonStyles = {\n placement: getBasePlacement(state.placement),\n popper: state.elements.popper,\n popperRect: state.rects.popper,\n gpuAcceleration: gpuAcceleration\n };\n\n if (state.modifiersData.popperOffsets != null) {\n state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {\n offsets: state.modifiersData.popperOffsets,\n position: state.options.strategy,\n adaptive: adaptive\n })));\n }\n\n if (state.modifiersData.arrow != null) {\n state.styles.arrow = Object.assign(Object.assign({}, state.styles.arrow), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {\n offsets: state.modifiersData.arrow,\n position: 'absolute',\n adaptive: false\n })));\n }\n\n state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {\n 'data-popper-placement': state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar computeStyles$1 = {\n name: 'computeStyles',\n enabled: true,\n phase: 'beforeWrite',\n fn: computeStyles,\n data: {}\n};\n\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n var state = _ref.state;\n Object.keys(state.elements).forEach(function (name) {\n var style = state.styles[name] || {};\n var attributes = state.attributes[name] || {};\n var element = state.elements[name]; // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (name) {\n var value = attributes[name];\n\n if (value === false) {\n element.removeAttribute(name);\n } else {\n element.setAttribute(name, value === true ? '' : value);\n }\n });\n });\n}\n\nfunction effect$1(_ref2) {\n var state = _ref2.state;\n var initialStyles = {\n popper: {\n position: state.options.strategy,\n left: '0',\n top: '0',\n margin: '0'\n },\n arrow: {\n position: 'absolute'\n },\n reference: {}\n };\n Object.assign(state.elements.popper.style, initialStyles.popper);\n\n if (state.elements.arrow) {\n Object.assign(state.elements.arrow.style, initialStyles.arrow);\n }\n\n return function () {\n Object.keys(state.elements).forEach(function (name) {\n var element = state.elements[name];\n var attributes = state.attributes[name] || {};\n var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n var style = styleProperties.reduce(function (style, property) {\n style[property] = '';\n return style;\n }, {}); // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (attribute) {\n element.removeAttribute(attribute);\n });\n });\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar applyStyles$1 = {\n name: 'applyStyles',\n enabled: true,\n phase: 'write',\n fn: applyStyles,\n effect: effect$1,\n requires: ['computeStyles']\n};\n\nfunction distanceAndSkiddingToXY(placement, rects, offset) {\n var basePlacement = getBasePlacement(placement);\n var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n var _ref = typeof offset === 'function' ? offset(Object.assign(Object.assign({}, rects), {}, {\n placement: placement\n })) : offset,\n skidding = _ref[0],\n distance = _ref[1];\n\n skidding = skidding || 0;\n distance = (distance || 0) * invertDistance;\n return [left, right].indexOf(basePlacement) >= 0 ? {\n x: distance,\n y: skidding\n } : {\n x: skidding,\n y: distance\n };\n}\n\nfunction offset(_ref2) {\n var state = _ref2.state,\n options = _ref2.options,\n name = _ref2.name;\n var _options$offset = options.offset,\n offset = _options$offset === void 0 ? [0, 0] : _options$offset;\n var data = placements.reduce(function (acc, placement) {\n acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n return acc;\n }, {});\n var _data$state$placement = data[state.placement],\n x = _data$state$placement.x,\n y = _data$state$placement.y;\n\n if (state.modifiersData.popperOffsets != null) {\n state.modifiersData.popperOffsets.x += x;\n state.modifiersData.popperOffsets.y += y;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar offset$1 = {\n name: 'offset',\n enabled: true,\n phase: 'main',\n requires: ['popperOffsets'],\n fn: offset\n};\n\nvar hash = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nfunction getOppositePlacement(placement) {\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}\n\nvar hash$1 = {\n start: 'end',\n end: 'start'\n};\nfunction getOppositeVariationPlacement(placement) {\n return placement.replace(/start|end/g, function (matched) {\n return hash$1[matched];\n });\n}\n\n/*:: type OverflowsMap = { [ComputedPlacement]: number }; */\n\n/*;; type OverflowsMap = { [key in ComputedPlacement]: number }; */\nfunction computeAutoPlacement(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n placement = _options.placement,\n boundary = _options.boundary,\n rootBoundary = _options.rootBoundary,\n padding = _options.padding,\n flipVariations = _options.flipVariations,\n _options$allowedAutoP = _options.allowedAutoPlacements,\n allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;\n var variation = getVariation(placement);\n var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n return getVariation(placement) === variation;\n }) : basePlacements; // $FlowFixMe\n\n var allowedPlacements = placements$1.filter(function (placement) {\n return allowedAutoPlacements.indexOf(placement) >= 0;\n });\n\n if (allowedPlacements.length === 0) {\n allowedPlacements = placements$1;\n\n if (process.env.NODE_ENV !== \"production\") {\n console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, \"auto\" cannot be used to allow \"bottom-start\".', 'Use \"auto-start\" instead.'].join(' '));\n }\n } // $FlowFixMe: Flow seems to have problems with two array unions...\n\n\n var overflows = allowedPlacements.reduce(function (acc, placement) {\n acc[placement] = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding\n })[getBasePlacement(placement)];\n return acc;\n }, {});\n return Object.keys(overflows).sort(function (a, b) {\n return overflows[a] - overflows[b];\n });\n}\n\nfunction getExpandedFallbackPlacements(placement) {\n if (getBasePlacement(placement) === auto) {\n return [];\n }\n\n var oppositePlacement = getOppositePlacement(placement);\n return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n\n if (state.modifiersData[name]._skip) {\n return;\n }\n\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n specifiedFallbackPlacements = options.fallbackPlacements,\n padding = options.padding,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n _options$flipVariatio = options.flipVariations,\n flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n allowedAutoPlacements = options.allowedAutoPlacements;\n var preferredPlacement = state.options.placement;\n var basePlacement = getBasePlacement(preferredPlacement);\n var isBasePlacement = basePlacement === preferredPlacement;\n var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n flipVariations: flipVariations,\n allowedAutoPlacements: allowedAutoPlacements\n }) : placement);\n }, []);\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var checksMap = new Map();\n var makeFallbackChecks = true;\n var firstFittingPlacement = placements[0];\n\n for (var i = 0; i < placements.length; i++) {\n var placement = placements[i];\n\n var _basePlacement = getBasePlacement(placement);\n\n var isStartVariation = getVariation(placement) === start;\n var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n var len = isVertical ? 'width' : 'height';\n var overflow = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n altBoundary: altBoundary,\n padding: padding\n });\n var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n if (referenceRect[len] > popperRect[len]) {\n mainVariationSide = getOppositePlacement(mainVariationSide);\n }\n\n var altVariationSide = getOppositePlacement(mainVariationSide);\n var checks = [];\n\n if (checkMainAxis) {\n checks.push(overflow[_basePlacement] <= 0);\n }\n\n if (checkAltAxis) {\n checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n }\n\n if (checks.every(function (check) {\n return check;\n })) {\n firstFittingPlacement = placement;\n makeFallbackChecks = false;\n break;\n }\n\n checksMap.set(placement, checks);\n }\n\n if (makeFallbackChecks) {\n // `2` may be desired in some cases – research later\n var numberOfChecks = flipVariations ? 3 : 1;\n\n var _loop = function _loop(_i) {\n var fittingPlacement = placements.find(function (placement) {\n var checks = checksMap.get(placement);\n\n if (checks) {\n return checks.slice(0, _i).every(function (check) {\n return check;\n });\n }\n });\n\n if (fittingPlacement) {\n firstFittingPlacement = fittingPlacement;\n return \"break\";\n }\n };\n\n for (var _i = numberOfChecks; _i > 0; _i--) {\n var _ret = _loop(_i);\n\n if (_ret === \"break\") break;\n }\n }\n\n if (state.placement !== firstFittingPlacement) {\n state.modifiersData[name]._skip = true;\n state.placement = firstFittingPlacement;\n state.reset = true;\n }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar flip$1 = {\n name: 'flip',\n enabled: true,\n phase: 'main',\n fn: flip,\n requiresIfExists: ['offset'],\n data: {\n _skip: false\n }\n};\n\nfunction getAltAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\n\nfunction within(min, value, max) {\n return Math.max(min, Math.min(value, max));\n}\n\nfunction preventOverflow(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n padding = options.padding,\n _options$tether = options.tether,\n tether = _options$tether === void 0 ? true : _options$tether,\n _options$tetherOffset = options.tetherOffset,\n tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n var overflow = detectOverflow(state, {\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n altBoundary: altBoundary\n });\n var basePlacement = getBasePlacement(state.placement);\n var variation = getVariation(state.placement);\n var isBasePlacement = !variation;\n var mainAxis = getMainAxisFromPlacement(basePlacement);\n var altAxis = getAltAxis(mainAxis);\n var popperOffsets = state.modifiersData.popperOffsets;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign(Object.assign({}, state.rects), {}, {\n placement: state.placement\n })) : tetherOffset;\n var data = {\n x: 0,\n y: 0\n };\n\n if (!popperOffsets) {\n return;\n }\n\n if (checkMainAxis) {\n var mainSide = mainAxis === 'y' ? top : left;\n var altSide = mainAxis === 'y' ? bottom : right;\n var len = mainAxis === 'y' ? 'height' : 'width';\n var offset = popperOffsets[mainAxis];\n var min = popperOffsets[mainAxis] + overflow[mainSide];\n var max = popperOffsets[mainAxis] - overflow[altSide];\n var additive = tether ? -popperRect[len] / 2 : 0;\n var minLen = variation === start ? referenceRect[len] : popperRect[len];\n var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n // outside the reference bounds\n\n var arrowElement = state.elements.arrow;\n var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n width: 0,\n height: 0\n };\n var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n var arrowPaddingMin = arrowPaddingObject[mainSide];\n var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n // to include its full size in the calculation. If the reference is small\n // and near the edge of a boundary, the popper can overflow even if the\n // reference is not overflowing as well (e.g. virtual elements with no\n // width or height)\n\n var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;\n var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;\n var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;\n var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;\n var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;\n var preventedOffset = within(tether ? Math.min(min, tetherMin) : min, offset, tether ? Math.max(max, tetherMax) : max);\n popperOffsets[mainAxis] = preventedOffset;\n data[mainAxis] = preventedOffset - offset;\n }\n\n if (checkAltAxis) {\n var _mainSide = mainAxis === 'x' ? top : left;\n\n var _altSide = mainAxis === 'x' ? bottom : right;\n\n var _offset = popperOffsets[altAxis];\n\n var _min = _offset + overflow[_mainSide];\n\n var _max = _offset - overflow[_altSide];\n\n var _preventedOffset = within(_min, _offset, _max);\n\n popperOffsets[altAxis] = _preventedOffset;\n data[altAxis] = _preventedOffset - _offset;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar preventOverflow$1 = {\n name: 'preventOverflow',\n enabled: true,\n phase: 'main',\n fn: preventOverflow,\n requiresIfExists: ['offset']\n};\n\nfunction arrow(_ref) {\n var _state$modifiersData$;\n\n var state = _ref.state,\n name = _ref.name;\n var arrowElement = state.elements.arrow;\n var popperOffsets = state.modifiersData.popperOffsets;\n var basePlacement = getBasePlacement(state.placement);\n var axis = getMainAxisFromPlacement(basePlacement);\n var isVertical = [left, right].indexOf(basePlacement) >= 0;\n var len = isVertical ? 'height' : 'width';\n\n if (!arrowElement || !popperOffsets) {\n return;\n }\n\n var paddingObject = state.modifiersData[name + \"#persistent\"].padding;\n var arrowRect = getLayoutRect(arrowElement);\n var minProp = axis === 'y' ? top : left;\n var maxProp = axis === 'y' ? bottom : right;\n var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];\n var startDiff = popperOffsets[axis] - state.rects.reference[axis];\n var arrowOffsetParent = getOffsetParent(arrowElement);\n var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;\n var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is\n // outside of the popper bounds\n\n var min = paddingObject[minProp];\n var max = clientSize - arrowRect[len] - paddingObject[maxProp];\n var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n var offset = within(min, center, max); // Prevents breaking syntax highlighting...\n\n var axisProp = axis;\n state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);\n}\n\nfunction effect$2(_ref2) {\n var state = _ref2.state,\n options = _ref2.options,\n name = _ref2.name;\n var _options$element = options.element,\n arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element,\n _options$padding = options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n\n if (arrowElement == null) {\n return;\n } // CSS selector\n\n\n if (typeof arrowElement === 'string') {\n arrowElement = state.elements.popper.querySelector(arrowElement);\n\n if (!arrowElement) {\n return;\n }\n }\n\n if (process.env.NODE_ENV !== \"production\") {\n if (!isHTMLElement(arrowElement)) {\n console.error(['Popper: \"arrow\" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));\n }\n }\n\n if (!contains(state.elements.popper, arrowElement)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(['Popper: \"arrow\" modifier\\'s `element` must be a child of the popper', 'element.'].join(' '));\n }\n\n return;\n }\n\n state.elements.arrow = arrowElement;\n state.modifiersData[name + \"#persistent\"] = {\n padding: mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements))\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar arrow$1 = {\n name: 'arrow',\n enabled: true,\n phase: 'main',\n fn: arrow,\n effect: effect$2,\n requires: ['popperOffsets'],\n requiresIfExists: ['preventOverflow']\n};\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n if (preventedOffsets === void 0) {\n preventedOffsets = {\n x: 0,\n y: 0\n };\n }\n\n return {\n top: overflow.top - rect.height - preventedOffsets.y,\n right: overflow.right - rect.width + preventedOffsets.x,\n bottom: overflow.bottom - rect.height + preventedOffsets.y,\n left: overflow.left - rect.width - preventedOffsets.x\n };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n return [top, right, bottom, left].some(function (side) {\n return overflow[side] >= 0;\n });\n}\n\nfunction hide(_ref) {\n var state = _ref.state,\n name = _ref.name;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var preventedOffsets = state.modifiersData.preventOverflow;\n var referenceOverflow = detectOverflow(state, {\n elementContext: 'reference'\n });\n var popperAltOverflow = detectOverflow(state, {\n altBoundary: true\n });\n var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n state.modifiersData[name] = {\n referenceClippingOffsets: referenceClippingOffsets,\n popperEscapeOffsets: popperEscapeOffsets,\n isReferenceHidden: isReferenceHidden,\n hasPopperEscaped: hasPopperEscaped\n };\n state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {\n 'data-popper-reference-hidden': isReferenceHidden,\n 'data-popper-escaped': hasPopperEscaped\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar hide$1 = {\n name: 'hide',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['preventOverflow'],\n fn: hide\n};\n\nvar defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nvar defaultModifiers$1 = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];\nvar createPopper$1 = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers$1\n}); // eslint-disable-next-line import/no-unused-modules\n\nexports.applyStyles = applyStyles$1;\nexports.arrow = arrow$1;\nexports.computeStyles = computeStyles$1;\nexports.createPopper = createPopper$1;\nexports.createPopperLite = createPopper;\nexports.defaultModifiers = defaultModifiers$1;\nexports.detectOverflow = detectOverflow;\nexports.eventListeners = eventListeners;\nexports.flip = flip$1;\nexports.hide = hide$1;\nexports.offset = offset$1;\nexports.popperGenerator = popperGenerator;\nexports.popperOffsets = popperOffsets$1;\nexports.preventOverflow = preventOverflow$1;\n//# sourceMappingURL=popper.js.map\n","(function () {\n\t'use strict';\n\n\t/**\n\t * Whether or not the device is a Touch device\n\t * @type {boolean}\n\t */\n\tvar isTouchDevice = \"ontouchstart\" in document;\n\n\t/**\n\t * If true, the user agent already supports the 'maxTouchPoints' property on the Navigator prototype\n\t * @type {boolean}\n\t */\n\tvar SUPPORTS_MAX_TOUCH_POINTS = \"maxTouchPoints\" in Navigator.prototype;\n\n\t// tslint:disable:no-any\n\t// Only set the 'maxTouchPoints' property on the Navigator prototype if it isn't already supported\n\tif (!SUPPORTS_MAX_TOUCH_POINTS) {\n\t // If the device is a touch device, use 1 as the max available touch points even if it may be more. We have no way of knowing! Otherwise, fall back to 0\n\t Object.defineProperty(Navigator.prototype, \"maxTouchPoints\", {\n\t value: \"maxTouchPoints\" in navigator\n\t ? // Use the existing maxTouchPoints value if given\n\t navigator.maxTouchPoints\n\t : // Use the existing msMaxTouchPoints value if given\n\t \"msMaxTouchPoints\" in navigator\n\t ? navigator.msMaxTouchPoints\n\t : !isTouchDevice\n\t ? 0\n\t : 1,\n\t enumerable: true\n\t });\n\t}\n\n\tvar POINTER_EVENT_TYPES = [\n\t \"pointerover\",\n\t \"pointerenter\",\n\t \"pointerdown\",\n\t \"pointermove\",\n\t \"pointerup\",\n\t \"pointercancel\",\n\t \"pointerout\",\n\t \"pointerleave\",\n\t \"gotpointercapture\",\n\t \"lostpointercapture\"\n\t];\n\n\t/**\n\t * Returns true if the given event type represents a PointerEvent\n\t * @param {string} type\n\t * @returns {type is PointerEventType}\n\t */\n\tfunction isPointerEventType(type) {\n\t switch (type) {\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointercancel\":\n\t case \"pointerenter\":\n\t case \"pointerleave\":\n\t case \"pointerout\":\n\t case \"pointerover\":\n\t return true;\n\t default:\n\t return false;\n\t }\n\t}\n\n\t/**\n\t * Checks if there are Global Event Handlers (such as 'onpointerdown') for every Pointer Event\n\t * @type {boolean}\n\t */\n\tvar SUPPORTS_POINTER_EVENT_HANDLERS = POINTER_EVENT_TYPES.every(function (type) { return \"on\" + type in window; });\n\n\t// Only patch the dispatchEvent EventTarget prototype method if the user agent\n\t// doesn't already support Global Event Handlers for Pointer Events\n\tif (!SUPPORTS_POINTER_EVENT_HANDLERS) {\n\t // Keep a reference to the original dispatchEvent prototype method\n\t var originalDispatchEvent_1 = EventTarget.prototype.dispatchEvent;\n\t /**\n\t * Overwrite the dispatchEvent prototype method such that we can provide special handling\n\t * for PointerEvents\n\t * @param {Event} event\n\t * @returns {boolean}\n\t */\n\t EventTarget.prototype.dispatchEvent = function (event) {\n\t if (isPointerEventType(event.type)) {\n\t // Also invoke the event handler, if it exists\n\t var eventHandler = this[\"on\" + event.type];\n\t if (eventHandler != null) {\n\t eventHandler(event);\n\t }\n\t }\n\t return originalDispatchEvent_1.call(this, event);\n\t };\n\t}\n\n\t\n\n\t\n\n\t/*! *****************************************************************************\r\n\tCopyright (c) Microsoft Corporation. All rights reserved.\r\n\tLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\n\tthis file except in compliance with the License. You may obtain a copy of the\r\n\tLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\n\tTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\n\tKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\n\tWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\n\tMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\n\tSee the Apache Version 2.0 License for specific language governing permissions\r\n\tand limitations under the License.\r\n\t***************************************************************************** */\r\n\r\n\tvar __assign = function() {\r\n\t __assign = Object.assign || function __assign(t) {\r\n\t for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n\t s = arguments[i];\r\n\t for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n\t }\r\n\t return t;\r\n\t };\r\n\t return __assign.apply(this, arguments);\r\n\t};\r\n\r\n\tfunction __read(o, n) {\r\n\t var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n\t if (!m) return o;\r\n\t var i = m.call(o), r, ar = [], e;\r\n\t try {\r\n\t while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n\t }\r\n\t catch (error) { e = { error: error }; }\r\n\t finally {\r\n\t try {\r\n\t if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n\t }\r\n\t finally { if (e) throw e.error; }\r\n\t }\r\n\t return ar;\r\n\t}\r\n\r\n\tfunction __spread() {\r\n\t for (var ar = [], i = 0; i < arguments.length; i++)\r\n\t ar = ar.concat(__read(arguments[i]));\r\n\t return ar;\r\n\t}\n\n\t/**\n\t * The default values for constructed PointerEvents\n\t * @type {object}\n\t */\n\tvar POINTER_EVENT_DEFAULT_VALUES = {\n\t pointerId: 0,\n\t width: 1,\n\t height: 1,\n\t pressure: 0,\n\t tangentialPressure: 0,\n\t tiltX: 0,\n\t tiltY: 0,\n\t twist: 0,\n\t pointerType: \"\",\n\t isPrimary: false\n\t};\n\n\tvar SHARED_DESCRIPTOR_OPTIONS = {\n\t writable: false,\n\t configurable: true,\n\t enumerable: true\n\t};\n\n\t/**\n\t * Gets a PropertyDescriptor with a fallback value\n\t * @param {Key} key\n\t * @param {IPointerEventBase[Key]} providedValue\n\t * @returns {PropertyDescriptor}\n\t */\n\tfunction getDescriptorWithFallback(key, providedValue) {\n\t return __assign({ value: providedValue != null ? providedValue : POINTER_EVENT_DEFAULT_VALUES[key] }, SHARED_DESCRIPTOR_OPTIONS);\n\t}\n\n\tvar SEEN_POINTER_IDS = new Set();\n\n\t// tslint:disable:no-any\n\t// tslint:disable:bool-param-default\n\t/**\n\t * A specialization of MouseEvents as spec'ed in https://www.w3.org/TR/pointerevents\n\t */\n\tvar PointerEvent = /** @class */ (function () {\n\t function PointerEvent(type, eventInitDict) {\n\t if (eventInitDict === void 0) { eventInitDict = {}; }\n\t // Sets all of the given PropertyDescriptors with fallbacks to the default values as defined by the specification\n\t var propsToSet = {\n\t pointerId: getDescriptorWithFallback(\"pointerId\", eventInitDict.pointerId),\n\t width: getDescriptorWithFallback(\"width\", eventInitDict.width),\n\t height: getDescriptorWithFallback(\"height\", eventInitDict.height),\n\t pressure: getDescriptorWithFallback(\"pressure\", eventInitDict.pressure),\n\t tangentialPressure: getDescriptorWithFallback(\"tangentialPressure\", eventInitDict.tangentialPressure),\n\t tiltX: getDescriptorWithFallback(\"tiltX\", eventInitDict.tiltX),\n\t tiltY: getDescriptorWithFallback(\"tiltY\", eventInitDict.tiltY),\n\t twist: getDescriptorWithFallback(\"twist\", eventInitDict.twist),\n\t pointerType: getDescriptorWithFallback(\"pointerType\", eventInitDict.pointerType),\n\t isPrimary: getDescriptorWithFallback(\"isPrimary\", eventInitDict.isPrimary)\n\t };\n\t var mouseEvent = new MouseEvent(type, eventInitDict);\n\t Object.defineProperties(mouseEvent, propsToSet);\n\t // Update the SEEN_POINTER_IDS Set with the pointer id from the options\n\t SEEN_POINTER_IDS.add(propsToSet.pointerId.value);\n\t // Return the constructed MouseEvent directly from the constructor\n\t return mouseEvent;\n\t }\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @returns {EventTarget[]}\n\t */\n\t PointerEvent.prototype.deepPath = function () {\n\t return [];\n\t };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @returns {EventTarget[]}\n\t */\n\t PointerEvent.prototype.composedPath = function () {\n\t return [];\n\t };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _keyArg\n\t * @returns {boolean}\n\t */\n\t PointerEvent.prototype.getModifierState = function (_keyArg) {\n\t return false;\n\t };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _type\n\t * @param {boolean} _bubbles\n\t * @param {boolean} _cancelable\n\t */\n\t PointerEvent.prototype.initEvent = function (_type, _bubbles, _cancelable) { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _typeArg\n\t * @param {boolean} _canBubbleArg\n\t * @param {boolean} _cancelableArg\n\t * @param {Window} _viewArg\n\t * @param {number} _detailArg\n\t * @param {number} _screenXArg\n\t * @param {number} _screenYArg\n\t * @param {number} _clientXArg\n\t * @param {number} _clientYArg\n\t * @param {boolean} _ctrlKeyArg\n\t * @param {boolean} _altKeyArg\n\t * @param {boolean} _shiftKeyArg\n\t * @param {boolean} _metaKeyArg\n\t * @param {number} _buttonArg\n\t * @param {EventTarget | null} _relatedTargetArg\n\t */\n\t PointerEvent.prototype.initMouseEvent = function (_typeArg, _canBubbleArg, _cancelableArg, _viewArg, _detailArg, _screenXArg, _screenYArg, _clientXArg, _clientYArg, _ctrlKeyArg, _altKeyArg, _shiftKeyArg, _metaKeyArg, _buttonArg, _relatedTargetArg) { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _typeArg\n\t * @param {boolean} _canBubbleArg\n\t * @param {boolean} _cancelableArg\n\t * @param {Window} _viewArg\n\t * @param {number} _detailArg\n\t */\n\t PointerEvent.prototype.initUIEvent = function (_typeArg, _canBubbleArg, _cancelableArg, _viewArg, _detailArg) { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t */\n\t PointerEvent.prototype.preventDefault = function () { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t */\n\t PointerEvent.prototype.stopImmediatePropagation = function () { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t */\n\t PointerEvent.prototype.stopPropagation = function () { };\n\t return PointerEvent;\n\t}());\n\n\t/**\n\t * Converts the type of a PointerEvent into one that the browser can understand\n\t * @param {string} pointerEventType\n\t * @returns {string|null}\n\t */\n\tfunction convertPointerEventType(pointerEventType) {\n\t if (isTouchDevice) {\n\t switch (pointerEventType) {\n\t case \"pointerdown\":\n\t return \"touchstart\";\n\t case \"pointermove\":\n\t return \"touchmove\";\n\t case \"pointerup\":\n\t return \"touchend\";\n\t case \"pointercancel\":\n\t return \"touchcancel\";\n\t case \"pointerout\":\n\t case \"pointerleave\":\n\t case \"pointerenter\":\n\t case \"pointerover\":\n\t case \"lostpointercapture\":\n\t case \"gotpointercapture\":\n\t return null;\n\t }\n\t }\n\t else {\n\t switch (pointerEventType) {\n\t case \"pointerdown\":\n\t return \"mousedown\";\n\t case \"pointermove\":\n\t return \"mousemove\";\n\t case \"pointerup\":\n\t return \"mouseup\";\n\t case \"pointercancel\":\n\t return null;\n\t case \"pointerout\":\n\t return \"mouseout\";\n\t case \"pointerleave\":\n\t return \"mouseleave\";\n\t case \"pointerenter\":\n\t return \"mouseenter\";\n\t case \"pointerover\":\n\t return \"mouseover\";\n\t case \"lostpointercapture\":\n\t case \"gotpointercapture\":\n\t return null;\n\t }\n\t }\n\t throw new TypeError(\"Event of type: '\" + pointerEventType + \"' could not be handled!\");\n\t}\n\n\t\n\n\t\n\n\t\n\n\t\n\n\t/**\n\t * Returns true if the given event target is an element\n\t * @param {EventTarget|null} eventTarget\n\t * @returns {eventTarget is Element}\n\t */\n\tfunction isElement(eventTarget) {\n\t return eventTarget != null && \"offsetLeft\" in eventTarget;\n\t}\n\n\t// tslint:disable:no-any\n\t/**\n\t * Gets the parent of an element, taking into account DocumentFragments, ShadowRoots, as well as the root context (window)\n\t * @param {EventTarget} currentElement\n\t * @returns {EventTarget | null}\n\t */\n\tfunction getParent(currentElement) {\n\t if (\"nodeType\" in currentElement && currentElement.nodeType === 1) {\n\t return currentElement.parentNode;\n\t }\n\t if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n\t return currentElement.host;\n\t }\n\t else if (currentElement === document) {\n\t return window;\n\t }\n\t else if (currentElement instanceof Node)\n\t return currentElement.parentNode;\n\t return null;\n\t}\n\n\t// tslint:disable:no-any\n\t/**\n\t * Finds the nearest root from an element\n\t * @param {Element} target\n\t * @returns {DocumentOrShadowRoot}\n\t */\n\tfunction findNearestRoot(target) {\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n\t // Assume this is a ShadowRoot\n\t return currentElement;\n\t }\n\t var parent_1 = getParent(currentElement);\n\t if (parent_1 === currentElement) {\n\t return document;\n\t }\n\t currentElement = parent_1;\n\t }\n\t return document;\n\t}\n\n\tvar POINTER_ID_TO_CAPTURED_TARGET_MAP = new Map();\n\n\t// tslint:disable:no-any\n\t/**\n\t * Retrieves the width of a touch\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getTouchWidth(touch) {\n\t if (\"radiusX\" in touch)\n\t return touch.radiusX * 2;\n\t else if (\"webkitRadiusX\" in touch)\n\t return touch.webkitRadiusX * 2;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.width;\n\t }\n\t}\n\t/**\n\t * Retrieves the height of a touch\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getTouchHeight(touch) {\n\t if (\"radiusY\" in touch)\n\t return touch.radiusY * 2;\n\t else if (\"webkitRadiusY\" in touch)\n\t return touch.webkitRadiusY * 2;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.height;\n\t }\n\t}\n\t/**\n\t * Gets the pressure of the current touch, depending on the type of event\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent | Touch} touchOrMouseEvent\n\t * @returns {number}\n\t */\n\tfunction getPressure(type, touchOrMouseEvent) {\n\t if (type === \"pointerup\") {\n\t return 0;\n\t }\n\t else if (\"force\" in touchOrMouseEvent)\n\t return touchOrMouseEvent.force;\n\t else if (\"webkitForce\" in touchOrMouseEvent)\n\t return touchOrMouseEvent.webkitForce;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.pressure;\n\t }\n\t}\n\t/**\n\t * Gets the 'twist' value of a Touch event\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getTouchTwist(touch) {\n\t if (\"rotationAngle\" in touch)\n\t return touch.rotationAngle;\n\t else if (\"webkitRotationAngle\" in touch)\n\t return touch.webkitRotationAngle;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.twist;\n\t }\n\t}\n\t/**\n\t * If the event is \"pointermove\", and if the target is given and is an element,\n\t * use whatever element is currently under the cursor.\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {Touch} touch\n\t * @returns {EventTarget | null}\n\t */\n\tfunction getTouchTarget(pointerId, type, e, touch) {\n\t var captured = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId);\n\t if (captured !== undefined)\n\t return captured;\n\t if (type !== \"pointermove\" || !isElement(e.target) || !isElement(e.currentTarget))\n\t return e.target;\n\t return findNearestRoot(e.currentTarget).elementFromPoint(touch.clientX, touch.clientY);\n\t}\n\n\t/**\n\t * Gets the event path from a target\n\t * @param {Element} target\n\t * @returns {Element[]}\n\t */\n\tfunction getEventPath(target) {\n\t var path = [];\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t path.push(currentElement);\n\t currentElement = getParent(currentElement);\n\t // If the last Node is equal to the latest parentNode, break immediately\n\t if (path[path.length - 1] === currentElement)\n\t break;\n\t }\n\t return path;\n\t}\n\n\t/**\n\t * Finds the nearest ancestor of an element that can scroll\n\t * @param {Element} target\n\t * @returns {IScrollAncestor}\n\t */\n\tfunction findNearestAncestorsWithScroll(target) {\n\t var path = [];\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t if (\"style\" in currentElement) {\n\t var computedStyle = getComputedStyle(currentElement);\n\t var overflow = computedStyle.getPropertyValue(\"overflow\");\n\t var canScrollX = overflow.startsWith(\"visible\") || overflow.startsWith(\"scroll\");\n\t var canScrollY = overflow.endsWith(\"visible\") || overflow.endsWith(\"scroll\");\n\t var canScroll = canScrollX || canScrollY;\n\t if (canScroll) {\n\t path.push({ canScrollX: canScrollX, canScrollY: canScrollY, scrollElement: currentElement });\n\t }\n\t }\n\t var parent_1 = getParent(currentElement);\n\t // If the last Node is equal to the latest parentNode, break immediately\n\t if (parent_1 === currentElement)\n\t break;\n\t currentElement = parent_1;\n\t }\n\t return path;\n\t}\n\n\t/**\n\t * Overwrites the targets for the given event\n\t * @param {Event} e\n\t * @param {NullableEventTarget} target\n\t * @param {NullableEventTarget} currentTarget\n\t * @param {NullableEventTarget} relatedTarget\n\t */\n\tfunction overwriteTargetsForEvent(e, target, currentTarget, relatedTarget) {\n\t // Set the original target and currentTarget on the cancel event\n\t Object.defineProperties(e, __assign({}, (target === undefined\n\t ? {}\n\t : {\n\t target: __assign({ value: target }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (currentTarget === undefined\n\t ? {}\n\t : {\n\t currentTarget: __assign({ value: currentTarget }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (relatedTarget === undefined\n\t ? {}\n\t : {\n\t relatedTarget: __assign({ value: relatedTarget }, SHARED_DESCRIPTOR_OPTIONS)\n\t })));\n\t}\n\n\tvar currentMousePointerId = POINTER_EVENT_DEFAULT_VALUES.pointerId + 1;\n\n\tvar currentPenOrTouchPointerId = currentMousePointerId + 1;\n\n\t/**\n\t * Gets a PointerId from a Touch\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getPointerIdFromTouch(touch) {\n\t return touch.identifier + currentPenOrTouchPointerId;\n\t}\n\n\t/**\n\t * Returns true if the given event type is cancelable, based on the given event\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent | TouchEvent} e\n\t * @returns {boolean}\n\t */\n\tfunction isCancelable(type, e) {\n\t switch (type) {\n\t case \"pointerover\":\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t return true;\n\t default:\n\t return e.cancelable;\n\t }\n\t}\n\n\t/**\n\t * Returns true if the given event type can bubble, based on the given event\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent | TouchEvent} e\n\t * @returns {boolean}\n\t */\n\tfunction canBubble(type, e) {\n\t switch (type) {\n\t case \"pointerover\":\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointercancel\":\n\t case \"pointerout\":\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t return true;\n\t default:\n\t return e.bubbles;\n\t }\n\t}\n\n\tvar CLONEABLE_EVENT_PROPERTIES = new Set([\n\t \"cancelBubble\",\n\t \"currentTarget\",\n\t \"defaultPrevented\",\n\t \"eventPhase\",\n\t \"returnValue\",\n\t \"scoped\",\n\t \"srcElement\",\n\t \"timeStamp\",\n\t \"deepPath\",\n\t \"AT_TARGET\",\n\t \"BUBBLING_PHASE\",\n\t \"CAPTURING_PHASE\",\n\t \"NONE\"\n\t]);\n\n\tvar CLONEABLE_UI_EVENT_PROPERTIES = new Set(__spread(CLONEABLE_EVENT_PROPERTIES, [\n\t \"view\"\n\t], (\"sourceCapabilities\" in UIEvent.prototype ? [\"sourceCapabilities\"] : [])));\n\n\t/**\n\t * Clones an Event as a new PointerEvent\n\t * @param {ICloneEventAsPointerEventOptions} options\n\t * @returns {PointerEvent}\n\t */\n\tfunction cloneEventAsPointerEvent(_a) {\n\t var dynamicPropertiesHandler = _a.dynamicPropertiesHandler, e = _a.e, initOptions = _a.initOptions, overwrittenMouseEventProperties = _a.overwrittenMouseEventProperties, type = _a.type;\n\t // Create a new PointerEvent\n\t var clone = new PointerEvent(type, initOptions);\n\t // Preventing default on the clone will also prevent default on the original event\n\t var rawPreventDefault = clone.preventDefault;\n\t var rawStopPropagation = clone.stopPropagation;\n\t var rawStopImmediatePropagation = clone.stopImmediatePropagation;\n\t clone.preventDefault = function () {\n\t rawPreventDefault.call(this);\n\t if (!e.defaultPrevented) {\n\t e.preventDefault();\n\t }\n\t };\n\t // Stopping propagation on the clone will also stop propagation on the original event\n\t clone.stopPropagation = function () {\n\t rawStopPropagation.call(this);\n\t e.stopPropagation();\n\t };\n\t // Stopping immediate propagation on the clone will also stop immediate propagation on the original event\n\t clone.stopImmediatePropagation = function () {\n\t rawStopImmediatePropagation.call(this);\n\t e.stopImmediatePropagation();\n\t };\n\t var additionalPropsToSet = {};\n\t CLONEABLE_UI_EVENT_PROPERTIES.forEach(function (key) {\n\t return (additionalPropsToSet[key] = __assign({ value: e[key] }, SHARED_DESCRIPTOR_OPTIONS));\n\t });\n\t additionalPropsToSet = __assign({}, additionalPropsToSet, overwrittenMouseEventProperties, dynamicPropertiesHandler());\n\t // Set MouseEvent (and inherited UIEvent) properties on the event object\n\t Object.defineProperties(clone, additionalPropsToSet);\n\t return clone;\n\t}\n\n\tvar pointerIdToCancelFiredSet = new Set();\n\t/**\n\t * Updates the PointerIdToCancelFiredSet\n\t * @param {{type: PointerEventType, pointerId: number}} e\n\t */\n\tfunction updatePointerIdToCancelFiredSet(_a) {\n\t var type = _a.type, pointerId = _a.pointerId;\n\t switch (type) {\n\t case \"pointercancel\":\n\t pointerIdToCancelFiredSet.add(pointerId);\n\t break;\n\t case \"pointerdown\":\n\t case \"pointerup\":\n\t pointerIdToCancelFiredSet[\"delete\"](pointerId);\n\t break;\n\t }\n\t}\n\n\t/**\n\t * Invokes a listener with the given event\n\t * @param {PointerEvent} event\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction invokeListener(event, listener) {\n\t typeof listener === \"function\" ? listener(event) : listener.handleEvent(event);\n\t}\n\n\t\n\n\tvar styleDeclarationPropertyName = \"touchAction\";\n\tvar styleAttributePropertyName = \"touch-action\";\n\tvar styleAttributePropertyNameRegex = new RegExp(styleAttributePropertyName + \":\\\\s*([^;]*)\");\n\t/**\n\t * Finds all ancestors and their touch-action values\n\t * @param {Element} target\n\t * @returns {ITouchActionAncestor[]}\n\t */\n\tfunction findNearestAncestorsWithTouchAction(target) {\n\t var path = [];\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t var touchActionPropertyValue = null;\n\t if (\"style\" in currentElement) {\n\t touchActionPropertyValue = currentElement.style[styleDeclarationPropertyName];\n\t if (touchActionPropertyValue == null || touchActionPropertyValue === \"\") {\n\t var styleAttributeValue = currentElement.getAttribute(\"style\");\n\t if (styleAttributeValue != null && styleAttributeValue.includes(styleAttributePropertyName)) {\n\t var match = styleAttributeValue.match(styleAttributePropertyNameRegex);\n\t if (match != null) {\n\t var _a = __read(match, 2), values = _a[1];\n\t touchActionPropertyValue = values;\n\t }\n\t }\n\t }\n\t if (touchActionPropertyValue == null || touchActionPropertyValue === \"\") {\n\t var attributeValue = target.getAttribute(\"touch-action\");\n\t if (attributeValue != null && attributeValue !== \"\") {\n\t touchActionPropertyValue = attributeValue;\n\t }\n\t }\n\t if (touchActionPropertyValue != null) {\n\t path.push({\n\t element: currentElement,\n\t touchAction: new Set(touchActionPropertyValue.split(/\\s/).map(function (part) { return part.trim(); }))\n\t });\n\t }\n\t }\n\t var parent_1 = getParent(currentElement);\n\t // If the last Node is equal to the latest parentNode, break immediately\n\t if (parent_1 === currentElement)\n\t break;\n\t currentElement = parent_1;\n\t }\n\t return path;\n\t}\n\n\t// tslint:disable:no-any\n\t// tslint:disable:no-identical-conditions\n\t// tslint:disable:no-collapsible-if\n\t/**\n\t * The name of the property to extend TouchEvents with\n\t * @type {string}\n\t */\n\tvar TOUCH_ACTION_PROPERTY_NAME = \"___touchAction___\";\n\t/**\n\t * How great the different between a touchstart and touchmove before it is determined that panning is undergoing\n\t * @type {number}\n\t */\n\tvar PANNING_DIFFERENCE_THRESHOLD = 5;\n\t/**\n\t * The PointerEvents to track during scrolling\n\t * @type {(string)[]}\n\t */\n\tvar POINTER_EVENTS_TO_TRACK = [\"pointercancel\", \"pointerleave\", \"pointerup\", \"pointerout\"];\n\tvar LAST_POINTER_DOWN_EVENT_FOR_POINTER_ID = new Map();\n\t/**\n\t * Handles all those dynamic properties that are specific for a specific PointerEvent type on Touch devices\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {Touch} currentTouch\n\t * @param {TouchEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForPointerEventOnTouch(pointerId, type, currentTouch, e) {\n\t switch (type) {\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointerover\":\n\t case \"pointerenter\":\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t return handleDynamicPropertiesForContactTouch(pointerId, type, currentTouch, e);\n\t case \"pointercancel\":\n\t case \"pointerout\":\n\t case \"pointerleave\":\n\t return handleDynamicPropertiesForNoContactTouch(pointerId, type, currentTouch, e);\n\t default:\n\t throw new TypeError(\"Error: Could not handle dynamic properties for a PointerEvent of type: '\" + type + \"'\");\n\t }\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointercancel/pointerleave/pointerout events on Touch devices\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {Touch} touch\n\t * @param {TouchEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForNoContactTouch(pointerId, type, touch, e) {\n\t return {\n\t target: __assign({ value: getTouchTarget(pointerId, type, e, touch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For everything other than pointerover/pointerleave/pointerout/pointerenter, the related target should be null\n\t // https://www.w3.org/TR/pointerevents2/\n\t relatedTarget: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t width: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.width }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.height }, SHARED_DESCRIPTOR_OPTIONS),\n\t pressure: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.pressure }, SHARED_DESCRIPTOR_OPTIONS),\n\t tangentialPressure: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tangentialPressure }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltX: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltX }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltY }, SHARED_DESCRIPTOR_OPTIONS),\n\t twist: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.twist }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointercancel events on Touch devices\n\t * @param {number} pointerId\n\t * @param {string} type\n\t * @param {Touch} currentTouch\n\t * @param {TouchEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForContactTouch(pointerId, type, currentTouch, e) {\n\t var offsetX = currentTouch.clientX - (isElement(currentTouch.target) ? currentTouch.target.offsetLeft : 0);\n\t var offsetY = currentTouch.clientY - (isElement(currentTouch.target) ? currentTouch.target.offsetTop : 0);\n\t var offsetParent = \"offsetParent\" in currentTouch.target ? currentTouch.target : null;\n\t var layerX = offsetParent == null ? offsetX : currentTouch.clientX - offsetParent.offsetLeft;\n\t var layerY = offsetParent == null ? offsetY : currentTouch.clientY - offsetParent.offsetTop;\n\t return {\n\t target: __assign({ value: getTouchTarget(pointerId, type, e, currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For everything other than pointerover/pointerleave/pointerout/pointerenter, the related target should be null\n\t // https://www.w3.org/TR/pointerevents2/\n\t relatedTarget: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ \n\t // Touch contact are indicated by the button value 0\n\t value: type === \"gotpointercapture\" ? -1 : 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ \n\t // During Touch contact, there is a single button in use, hence the value of 1\n\t value: type === \"pointerup\" || type === \"lostpointercapture\" ? 0 : 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: currentTouch.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: currentTouch.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: currentTouch.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: currentTouch.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: currentTouch.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: currentTouch.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: currentTouch.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: currentTouch.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: offsetX }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: offsetY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For both pointerdown and pointer up events, there has been no movement since the previous event. This is only applicable to pointermove events\n\t movementX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For both pointerdown and pointer up events, there has been no movement since the previous event. This is only applicable to pointermove events\n\t movementY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // The width and height in CSS pixels of the contact geometry of the pointer.\n\t // Will use the radiusX or webkitRadiusX properties of Touch Events to determine this\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t width: __assign({ value: getTouchWidth(currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: getTouchHeight(currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Some browsers like iOS safari reports force values for touches which we can use to determine the pressure.\n\t // For \"pointerup\" events, the pressure will always be 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pressure: __assign({ value: getPressure(type, currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // There is no known way to detect the tangential pressure currently, so we just default to setting this to 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tangentialPressure: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tangentialPressure }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Touch pointers doesn't support tilt. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tiltX: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltX }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltY }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Gets the rotation angle, in degrees, of the contact area ellipse\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t twist: __assign({ value: getTouchTwist(currentTouch) }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles whatever logic needs to come before any given kind of TouchEvent\n\t * @param {PointerEventType} pointerEventType\n\t * @param {EventTarget} eventTarget\n\t * @param {TouchEvent} e\n\t * @param {PointerEvent[]} pointerEvents\n\t */\n\tfunction handlePrePointerEventForTouch(pointerEventType, eventTarget, e, pointerEvents) {\n\t switch (pointerEventType) {\n\t case \"pointermove\":\n\t if (isElement(e.target) && isElement(e.currentTarget)) {\n\t var touchAction_1 = e[TOUCH_ACTION_PROPERTY_NAME];\n\t // If only panning in the [x|y]-axis is allowed, test if panning is attempted in the [x|y]-axis and prevent it if that is the case\n\t if (touchAction_1 !== \"auto\") {\n\t pointerEvents.forEach(function (_a) {\n\t var pointerId = _a.pointerId, clientX = _a.clientX, clientY = _a.clientY;\n\t if (e.cancelable && !e.defaultPrevented) {\n\t // Take the last known pointer down event\n\t var pointerDownEvent = LAST_POINTER_DOWN_EVENT_FOR_POINTER_ID.get(pointerId);\n\t if (pointerDownEvent == null)\n\t return;\n\t var diffX = clientX - pointerDownEvent.clientX;\n\t var absDiffX = Math.abs(diffX);\n\t var diffY = clientY - pointerDownEvent.clientY;\n\t var absDiffY = Math.abs(diffY);\n\t var isPanningX = absDiffX > PANNING_DIFFERENCE_THRESHOLD && absDiffX > absDiffY;\n\t var isPanningY = absDiffY > PANNING_DIFFERENCE_THRESHOLD && absDiffY > absDiffX;\n\t var isPanningUp = diffY > 0;\n\t var isPanningDown = diffY < 0;\n\t var isPanningLeft = diffX > 0;\n\t var isPanningRight = diffX < 0;\n\t if (touchAction_1 === \"none\") {\n\t // Prevent touchmove from performing its default behavior if horizontal or vertical movement happens and none if allowed\n\t if (isPanningX || isPanningY) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-y\") {\n\t // Prevent touchmove from performing its default behavior if horizontal movement happens, but only vertical scrolling is allowed\n\t if (isPanningX) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-y pan-left\") {\n\t // Prevent touchmove from performing its default behavior if right-going horizontal movement happens\n\t if (isPanningRight) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-y pan-right\") {\n\t // Prevent touchmove from performing its default behavior if left-going horizontal movement happens\n\t if (isPanningLeft) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-up\") {\n\t if (!isPanningUp) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-down\") {\n\t if (!isPanningDown) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-left\") {\n\t if (!isPanningLeft) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-right\") {\n\t if (!isPanningRight) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-x\") {\n\t // Prevent touchmove from performing its default behavior if vertical movement happens, but only horizontal scrolling is allowed\n\t if (isPanningY) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-x pan-up\") {\n\t // Prevent touchmove from performing its default behavior if down-going vertical movement happens\n\t if (isPanningDown) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-x pan-down\") {\n\t // Prevent touchmove from performing its default behavior if up-going vertical movement happens\n\t if (isPanningUp) {\n\t e.preventDefault();\n\t }\n\t }\n\t }\n\t });\n\t break;\n\t }\n\t // If the target is not equal to the original target\n\t if (e.target !== e.currentTarget) {\n\t // If none of the touches has a pointer id that is used for capturing pointer events and binding them to the current target of the event, do nothing\n\t if (Array.from(e.changedTouches).some(function (touch) { return POINTER_ID_TO_CAPTURED_TARGET_MAP.has(getPointerIdFromTouch(touch)); })) {\n\t break;\n\t }\n\t // Fire a \"pointercancel\" event if/when the target is no longer equal to the original target\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointercancel\", e, eventTarget);\n\t }\n\t }\n\t break;\n\t case \"pointerdown\":\n\t // All \"pointerdown\" events must be preceded by a \"pointerover\" event\n\t // https://www.w3.org/TR/pointerevents/#the-pointerover-event\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerover\", e, eventTarget);\n\t // All \"pointerdown\" events must be preceded by a \"pointerenter\" event\n\t // https://www.w3.org/TR/pointerevents/#the-pointerover-event\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerenter\", e, eventTarget);\n\t break;\n\t }\n\t}\n\t/**\n\t * Handles whatever logic needs to follow any given kind of TouchEvent\n\t * @param {PointerEventType} pointerEventType\n\t * @param {EventTarget} eventTarget\n\t * @param {TouchEvent} e\n\t */\n\tfunction handlePostPointerEventForTouch(pointerEventType, eventTarget, e) {\n\t // Store a reference to the event target and event currentTarget. These may change in the meantime, but we are going to need them when cloning the event\n\t var target = e.target;\n\t var currentTarget = e.currentTarget;\n\t // Immediately after pointerup or pointercancel events, a user agent MUST clear any pointer capture target overrides\n\t // https://www.w3.org/TR/pointerevents/#implicit-release-of-pointer-capture\n\t if (pointerEventType === \"pointerup\" || pointerEventType === \"pointercancel\") {\n\t Array.from(e.changedTouches).forEach(function (touch) {\n\t var pointerId = getPointerIdFromTouch(touch);\n\t var match = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId);\n\t if (match != null && isElement(match)) {\n\t match.releasePointerCapture(pointerId);\n\t }\n\t });\n\t }\n\t switch (pointerEventType) {\n\t case \"pointerdown\":\n\t // The equivalent event is \"touchcancel\" which won't fire when the finger leaves the element\n\t // or when scrolling happens. We need to enforce this behavior to follow the spec.\n\t // https://www.w3.org/TR/pointerevents2/#the-pointercancel-event\n\t if (isElement(e.currentTarget)) {\n\t /**\n\t * We need to listen for \"pointermove\" events to continuously monitor and update the target\n\t */\n\t var pointerMoveHandler_1 = function () { };\n\t /**\n\t * We need to make sure to unbind the handler to avoid memory leaks\n\t */\n\t var unbindPointerMoveHandler_1 = function () {\n\t eventTarget.removeEventListener(\"pointermove\", pointerMoveHandler_1);\n\t if (POINTER_EVENTS_TO_TRACK != null) {\n\t POINTER_EVENTS_TO_TRACK.forEach(function (type) {\n\t eventTarget.removeEventListener(type, unbindPointerMoveHandler_1);\n\t });\n\t }\n\t };\n\t eventTarget.addEventListener(\"pointermove\", pointerMoveHandler_1);\n\t var ancestorsWithScroll_1 = findNearestAncestorsWithScroll(e.currentTarget);\n\t var hasFiredScrollEvent_1 = false;\n\t /**\n\t * Unbind the scroll listeners to avoid memory leaks and unnecessary computations\n\t */\n\t var unbindScrollListeners_1 = function () {\n\t // Then remove all listeners for scroll events\n\t if (ancestorsWithScroll_1 != null) {\n\t ancestorsWithScroll_1.forEach(function (_a) {\n\t var scrollElement = _a.scrollElement;\n\t return scrollElement.removeEventListener(\"scroll\", scrollHandler_1);\n\t });\n\t ancestorsWithScroll_1 = null;\n\t }\n\t if (POINTER_EVENTS_TO_TRACK != null) {\n\t POINTER_EVENTS_TO_TRACK.forEach(function (type) {\n\t eventTarget.removeEventListener(type, unbindScrollListeners_1);\n\t });\n\t }\n\t };\n\t /**\n\t * When a scroll event happens, fire a 'pointercancel' event on the element\n\t */\n\t var scrollHandler_1 = function () {\n\t if (!hasFiredScrollEvent_1) {\n\t hasFiredScrollEvent_1 = true;\n\t // Re-set the target and currentTarget to the values the event had before.\n\t // It may have changed in the meantime\n\t overwriteTargetsForEvent(e, target, currentTarget);\n\t // Construct a new event and fire it on the EventTarget\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointercancel\", e, eventTarget);\n\t }\n\t unbindScrollListeners_1();\n\t };\n\t // Hook up listeners for \"scroll\" events on all scroll ancestors\n\t ancestorsWithScroll_1.forEach(function (_a) {\n\t var scrollElement = _a.scrollElement;\n\t return scrollElement.addEventListener(\"scroll\", scrollHandler_1);\n\t });\n\t // Make sure to also unbind the scroll handlers on various related PointerEvents\n\t POINTER_EVENTS_TO_TRACK.forEach(function (pointerEventToTrack) {\n\t eventTarget.addEventListener(pointerEventToTrack, unbindScrollListeners_1);\n\t eventTarget.addEventListener(pointerEventToTrack, unbindPointerMoveHandler_1);\n\t });\n\t }\n\t break;\n\t case \"pointercancel\":\n\t // If we're having to do with a 'pointercancel' event,\n\t // The spec requires a \"pointerout\" and \"pointerleave\" event to be fired immediately after.\n\t // https://www.w3.org/TR/pointerevents2/#the-pointercancel-event\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerout\", e, eventTarget);\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerleave\", e, eventTarget);\n\t break;\n\t }\n\t}\n\t/**\n\t * Handles touch-action values for an event\n\t * @param {PointerEventType} _type\n\t * @param {PointerEvent} e\n\t */\n\tfunction handleTouchAction(_type, e) {\n\t // Only consider pointerdown events here\n\t if (!isElement(e.currentTarget))\n\t return;\n\t var touchActionAncestors = findNearestAncestorsWithTouchAction(e.currentTarget);\n\t var hasTouchActionNoneAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"none\"); });\n\t var hasPanXAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-x\"); });\n\t var hasPanYAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-y\"); });\n\t var hasPanUpAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-up\"); });\n\t var hasPanDownAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-down\"); });\n\t var hasPanLeftAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-left\"); });\n\t var hasPanRightAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-right\"); });\n\t var canPanX = hasTouchActionNoneAncestor || hasPanXAncestor || (hasPanLeftAncestor && hasPanRightAncestor);\n\t var canPanY = hasTouchActionNoneAncestor || hasPanYAncestor || (hasPanUpAncestor && hasPanDownAncestor);\n\t if (canPanX && canPanY) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"none\" });\n\t }\n\t else if (canPanX) {\n\t if (hasPanUpAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-x pan-up\"\n\t });\n\t }\n\t else if (hasPanDownAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-x pan-down\"\n\t });\n\t }\n\t else {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-x\" });\n\t }\n\t }\n\t else if (canPanY) {\n\t if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-y pan-left\"\n\t });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-y pan-right\"\n\t });\n\t }\n\t else {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-y\" });\n\t }\n\t }\n\t else if (hasPanUpAncestor) {\n\t if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-up pan-left\"\n\t });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-up pan-right\"\n\t });\n\t }\n\t }\n\t else if (hasPanDownAncestor) {\n\t if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-down pan-left\"\n\t });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-down pan-right\"\n\t });\n\t }\n\t }\n\t else if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-left\" });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-right\"\n\t });\n\t }\n\t else if (hasPanUpAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-up\" });\n\t }\n\t else if (hasPanDownAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-down\" });\n\t }\n\t else {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"auto\" });\n\t }\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @returns {PointerEvent[]}\n\t */\n\tfunction createPointerEventsForTouchOfType(type, e) {\n\t handleTouchAction(type, e);\n\t return Array.from(e.changedTouches)\n\t .map(function (currentTouch) {\n\t // For Touch, each active pointer corresponds to a finger in direct contact with the digitizer\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t var pointerId = getPointerIdFromTouch(currentTouch);\n\t var initOptions = __assign({}, e, { pointerId: pointerId, pointerType: \"touch\", \n\t // The Touch will be primary if it is the first touch of the list\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t isPrimary: currentTouch === e.changedTouches[0], bubbles: canBubble(type, e), cancelable: isCancelable(type, e) });\n\t // Prevent the event if cancel has been fired and it isn't an event that will always be fired after pointercancel events\n\t var shouldPreventBecauseCanceled = type !== \"pointerout\" && type !== \"pointerleave\" && pointerIdToCancelFiredSet.has(pointerId);\n\t if (shouldPreventBecauseCanceled) {\n\t if (e.cancelable && !e.defaultPrevented) {\n\t e.preventDefault();\n\t }\n\t // Update the Set since this won't be invoked otherwise\n\t updatePointerIdToCancelFiredSet({ type: type, pointerId: pointerId });\n\t return null;\n\t }\n\t // Define all properties of MouseEvents that should be set on the event object\n\t // noinspection JSDeprecatedSymbols\n\t var overwrittenMouseEventProperties = __assign({ scoped: __assign({ value: e.scoped }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'fromElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t fromElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'toElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t toElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'detail' property should always have a value of 0\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t detail: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'composed' property should always have a value of true\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t composed: __assign({ value: true }, SHARED_DESCRIPTOR_OPTIONS), composedPath: __assign({ value: function () { return getEventPath(e.target); } }, SHARED_DESCRIPTOR_OPTIONS) }, (!(\"region\" in Touch.prototype)\n\t ? {}\n\t : {\n\t region: __assign({ value: currentTouch.region }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"path\" in Event.prototype) || !isElement(currentTouch.target)\n\t ? {}\n\t : {\n\t path: __assign({ value: getEventPath(currentTouch.target) }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"deepPath\" in Event.prototype) || !isElement(currentTouch.target)\n\t ? {}\n\t : {\n\t path: __assign({ value: function () { return getEventPath(currentTouch.target); } }, SHARED_DESCRIPTOR_OPTIONS)\n\t }));\n\t // Create a new PointerEvent\n\t var clonedEvent = cloneEventAsPointerEvent({\n\t e: e,\n\t type: type,\n\t initOptions: initOptions,\n\t overwrittenMouseEventProperties: overwrittenMouseEventProperties,\n\t dynamicPropertiesHandler: function () { return handleDynamicPropertiesForPointerEventOnTouch(pointerId, type, currentTouch, e); }\n\t });\n\t overwriteTargetsForEvent(e, clonedEvent.target, clonedEvent.currentTarget, clonedEvent.relatedTarget);\n\t // Store a reference to the last constructed \"pointerdown\" event\n\t if (type === \"pointerdown\") {\n\t LAST_POINTER_DOWN_EVENT_FOR_POINTER_ID.set(pointerId, clonedEvent);\n\t }\n\t return clonedEvent;\n\t })\n\t .filter(function (ev) { return ev != null; });\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type and invokes the listener with it\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventTarget} eventTarget\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction createPointerEventsForTouchOfTypeAndInvoke(type, e, eventTarget, listener) {\n\t var pointerEvents = createPointerEventsForTouchOfType(type, e);\n\t // Handle whatever needs to come before the TouchEvent\n\t handlePrePointerEventForTouch(type, eventTarget, e, pointerEvents);\n\t pointerEvents.forEach(function (clone) {\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Invoke the listener with the cloned event\n\t invokeListener(clone, listener);\n\t });\n\t // Handle whatever needs to come after the TouchEvent\n\t handlePostPointerEventForTouch(type, eventTarget, e);\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type and dispatches an event on the event target\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventTarget} eventTarget\n\t */\n\tfunction createPointerEventsForTouchOfTypeAndDispatch(type, e, eventTarget) {\n\t var pointerEvents = createPointerEventsForTouchOfType(type, e);\n\t // Handle whatever needs to come before the TouchEvent\n\t handlePrePointerEventForTouch(type, eventTarget, e, pointerEvents);\n\t pointerEvents.forEach(function (clone) {\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Dispatch the event on the target\n\t eventTarget.dispatchEvent(clone);\n\t });\n\t // Handle whatever needs to come after the TouchEvent\n\t handlePostPointerEventForTouch(type, eventTarget, e);\n\t}\n\t/**\n\t * Handles a PointerEvent for a Touch device\n\t * @param {EventTarget} eventTarget\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction handlePointerEventForTouch(eventTarget, type, e, listener) {\n\t createPointerEventsForTouchOfTypeAndInvoke(type, e, eventTarget, listener);\n\t}\n\n\t\n\n\t/**\n\t * Gets the target for a MouseEvent\n\t * @param {number} pointerId\n\t * @param {MouseEvent} e\n\t * @returns {EventTarget | null}\n\t */\n\tfunction getMouseTarget(pointerId, e) {\n\t var captured = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId);\n\t if (captured !== undefined) {\n\t return captured;\n\t }\n\t return e.target;\n\t}\n\n\t// tslint:disable:no-any\n\t/**\n\t * A Map between Event Targets and disposable objects\n\t * @type {Map}\n\t */\n\tvar POINTER_UP_FALLBACK_LISTENER_MAP = new Map();\n\t/**\n\t * Dispatches a 'pointerup' event the next time a 'mouseup' event is fired on the window\n\t * @param {MouseEvent} e\n\t * @returns {IDisposable}\n\t */\n\tfunction dispatchPointerUpForPointerEventOnNextGlobalUpEvent(e) {\n\t var target = e.target, currentTarget = e.currentTarget;\n\t var dispose = function () {\n\t window.removeEventListener(\"mouseup\", handler);\n\t };\n\t var handler = function (upEvent) {\n\t // Use the coordinate-specific values from the mouseup event and set it on the constructed 'pointerup' event\n\t var _a = isElement(currentTarget) ? currentTarget.getBoundingClientRect() : { left: 0, top: 0 }, left = _a.left, top = _a.top;\n\t createPointerEventsForMouseOfTypeAndDispatch(\"pointerup\", e, currentTarget, {\n\t target: __assign({ value: target }, SHARED_DESCRIPTOR_OPTIONS),\n\t currentTarget: __assign({ value: currentTarget }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: upEvent.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: upEvent.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: upEvent.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: upEvent.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: upEvent.layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: upEvent.layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: upEvent.movementX }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: upEvent.movementY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: upEvent.clientX - left }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: upEvent.clientY - top }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: upEvent.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: upEvent.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: upEvent.x }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: upEvent.y }, SHARED_DESCRIPTOR_OPTIONS)\n\t });\n\t dispose();\n\t };\n\t window.addEventListener(\"mouseup\", handler);\n\t return { dispose: dispose };\n\t}\n\t/**\n\t * Handles whatever logic needs to follow any given kind of MouseEvent\n\t * @param {PointerEventType} pointerEventType\n\t * @param {MouseEvent} e\n\t */\n\tfunction handlePostPointerEventForMouse(pointerEventType, e) {\n\t switch (pointerEventType) {\n\t case \"pointercancel\":\n\t case \"pointerup\":\n\t // Clean up after the global \"pointerup\" listener, if it exists\n\t if (e.currentTarget != null && POINTER_UP_FALLBACK_LISTENER_MAP.has(e.currentTarget)) {\n\t var handler = POINTER_UP_FALLBACK_LISTENER_MAP.get(e.currentTarget);\n\t // Clear the global listener for \"mouseup\" events\n\t handler.dispose();\n\t POINTER_UP_FALLBACK_LISTENER_MAP[\"delete\"](e.currentTarget);\n\t }\n\t // Immediately after pointerup or pointercancel events, a user agent MUST clear any pointer capture target overrides\n\t // https://www.w3.org/TR/pointerevents/#implicit-release-of-pointer-capture\n\t var match = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(currentMousePointerId);\n\t if (match != null && isElement(match)) {\n\t match.releasePointerCapture(currentMousePointerId);\n\t }\n\t break;\n\t case \"pointerdown\":\n\t if (e.currentTarget != null && !POINTER_UP_FALLBACK_LISTENER_MAP.has(e.currentTarget)) {\n\t POINTER_UP_FALLBACK_LISTENER_MAP.set(e.currentTarget, dispatchPointerUpForPointerEventOnNextGlobalUpEvent(e));\n\t }\n\t }\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointerdown or pointerup events on Mouse devices\n\t * @param {number} pointerId\n\t * @param {string} type\n\t * @param {MouseEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForContactMouse(pointerId, type, e) {\n\t return {\n\t target: __assign({ value: getMouseTarget(pointerId, e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ \n\t // If the pointer is simply over the element, no pointer contact has changed since last event.\n\t // https://www.w3.org/TR/pointerevents2/#the-button-property\n\t value: type === \"pointerover\" || type === \"gotpointercapture\" ? -1 : type === \"lostpointercapture\" ? 0 : e.button }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ value: type === \"lostpointercapture\" ? 0 : type === \"gotpointercapture\" ? 1 : e.buttons }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: e.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: e.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: e.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: e.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: e.layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: e.layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: e.movementX }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: e.movementY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: e.offsetX }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: e.offsetY }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: e.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: e.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: e.x }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: e.y }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For everything other than pointerover/pointerleave/pointerout/pointerenter, the related target should be null\n\t // https://www.w3.org/TR/pointerevents2/\n\t relatedTarget: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS),\n\t // The width and height of active mouse and pen pointers are always equal to 1\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t width: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support pressure (mice and pens doesn't), the pressure is always 0.5 except for \"up\" events (which is zero)\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pressure: __assign({ value: getPressure(type, e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support tangential pressure (mice and pens doesn't), the value is always 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tangentialPressure: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support tilt. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tiltX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support twist. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t twist: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointerout or pointerleave events on Mouse devices\n\t * @param {number} pointerId\n\t * @param {MouseEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForNoContactMouse(pointerId, e) {\n\t return {\n\t target: __assign({ value: getMouseTarget(pointerId, e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ value: e.button }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ value: e.buttons }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: e.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: e.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: e.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: e.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: e.layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: e.layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: e.movementX }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: e.movementY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: e.offsetX }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: e.offsetY }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: e.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: e.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: e.x }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: e.y }, SHARED_DESCRIPTOR_OPTIONS),\n\t relatedTarget: __assign({ value: e.relatedTarget }, SHARED_DESCRIPTOR_OPTIONS),\n\t // The width and height of active mouse and pen pointers are always equal to 1\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t width: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support pressure (mice and pens doesn't), the pressure is always 0.5 except for \"up\" events (which is zero)\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pressure: __assign({ value: getPressure(\"pointerout\", e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support tangential pressure (mice and pens doesn't), the value is always 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tangentialPressure: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support tilt. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tiltX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support twist. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t twist: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for a specific PointerEvent type on Mouse devices\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForPointerEventOnMouse(pointerId, type, e) {\n\t switch (type) {\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointerover\":\n\t case \"pointerenter\":\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t return handleDynamicPropertiesForContactMouse(pointerId, type, e);\n\t case \"pointerout\":\n\t case \"pointerleave\":\n\t case \"pointercancel\":\n\t return handleDynamicPropertiesForNoContactMouse(pointerId, e);\n\t default:\n\t throw new TypeError(\"Error: Could not handle dynamic properties for a PointerEvent of type: '\" + type + \"'\");\n\t }\n\t}\n\t/**\n\t * Creates a PointerEvent based on a MouseEvent of the given type\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @returns {PointerEvent[]}\n\t */\n\tfunction createPointerEventsForMouseOfType(type, e) {\n\t var pointerId = currentMousePointerId;\n\t var initOptions = __assign({}, e, { \n\t // Mice are always active pointers, so their pointer ids won't increment\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pointerId: pointerId, pointerType: \"mouse\", \n\t // Mouse pointers are always active and always considered primary, even if multiple mouse devices are connected\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t isPrimary: true, bubbles: canBubble(type, e), cancelable: isCancelable(type, e) });\n\t // Prevent the event if the pointer id is currently being caught by an EventTarget\n\t var shouldPreventBecausePointerCapture = (type === \"pointerout\" || type === \"pointerleave\") && POINTER_ID_TO_CAPTURED_TARGET_MAP.has(pointerId);\n\t if (shouldPreventBecausePointerCapture) {\n\t if (e.cancelable && !e.defaultPrevented) {\n\t e.preventDefault();\n\t }\n\t return [];\n\t }\n\t // Define all properties of MouseEvents that should be set on the event object\n\t // noinspection JSDeprecatedSymbols\n\t var overwrittenMouseEventProperties = __assign({ scoped: __assign({ value: e.scoped }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'fromElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t fromElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'toElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t toElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'detail' property should always have a value of 0\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t detail: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'composed' property should always have a value of true\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t composed: __assign({ value: true }, SHARED_DESCRIPTOR_OPTIONS), composedPath: __assign({ value: function () { return getEventPath(e.target); } }, SHARED_DESCRIPTOR_OPTIONS) }, (!(\"region\" in MouseEvent.prototype)\n\t ? {}\n\t : {\n\t region: __assign({ value: e.region }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"path\" in e)\n\t ? {}\n\t : {\n\t path: __assign({ \n\t // Touch contact are indicated by the button value 0\n\t value: e.path }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"deepPath\" in Event.prototype) || !isElement(e.target)\n\t ? {}\n\t : {\n\t path: __assign({ value: function () { return getEventPath(e.target); } }, SHARED_DESCRIPTOR_OPTIONS)\n\t }));\n\t // Create a new PointerEvent\n\t var clonedEvent = cloneEventAsPointerEvent({\n\t e: e,\n\t type: type,\n\t initOptions: initOptions,\n\t overwrittenMouseEventProperties: overwrittenMouseEventProperties,\n\t dynamicPropertiesHandler: function () { return handleDynamicPropertiesForPointerEventOnMouse(pointerId, type, e); }\n\t });\n\t overwriteTargetsForEvent(e, clonedEvent.target, clonedEvent.currentTarget, clonedEvent.relatedTarget);\n\t return [clonedEvent];\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type and dispatches an event on the event target\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventTarget} eventTarget\n\t * @param {PropertyDescriptorMap} [extraDescriptors]\n\t */\n\tfunction createPointerEventsForMouseOfTypeAndDispatch(type, e, eventTarget, extraDescriptors) {\n\t var pointerEvents = createPointerEventsForMouseOfType(type, e);\n\t pointerEvents.forEach(function (clone) {\n\t if (extraDescriptors != null) {\n\t Object.defineProperties(clone, extraDescriptors);\n\t }\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Dispatch the event on the target\n\t eventTarget.dispatchEvent(clone);\n\t });\n\t // Handle whatever needs to come after the MouseEvent\n\t handlePostPointerEventForMouse(type, e);\n\t}\n\t/**\n\t * Creates a PointerEvent based on a MouseEvent of the given type and invokes the listener with it\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @param {EventTarget} eventTarget\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction createPointerEventsForMouseOfTypeAndInvoke(type, e, eventTarget, listener) {\n\t var pointerEvents = createPointerEventsForMouseOfType(type, e);\n\t pointerEvents.forEach(function (clone) {\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Invoke the listener with the cloned event\n\t invokeListener(clone, listener);\n\t });\n\t // Handle whatever needs to come after the MouseEvent\n\t handlePostPointerEventForMouse(type, e);\n\t}\n\t/**\n\t * Handles a PointerEvent related to a MouseEvent\n\t * @param {EventTarget} eventTarget\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction handlePointerEventForMouse(eventTarget, type, e, listener) {\n\t createPointerEventsForMouseOfTypeAndInvoke(type, e, eventTarget, listener);\n\t}\n\n\tvar boundHandlerMap = new Map();\n\t/**\n\t * Adds a bound handler\n\t * @param {EventListenerOrEventListenerObject} listener\n\t * @param {Function} handler\n\t */\n\tfunction addBoundHandler(listener, handler) {\n\t var set = boundHandlerMap.get(listener);\n\t if (set == null) {\n\t set = new Set();\n\t boundHandlerMap.set(listener, set);\n\t }\n\t set.add(handler);\n\t}\n\n\t/**\n\t * Checks if the user agent already supports the PointerEvent constructor\n\t * @type {boolean}\n\t */\n\tvar SUPPORTS_POINTER_EVENTS = \"PointerEvent\" in window;\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t // Keep a reference to the original addEventListener prototype method\n\t var originalAddEventListener_1 = EventTarget.prototype.addEventListener;\n\t /**\n\t * Overwrite it such that we can add special handling for PointerEvents\n\t * @param {string} type\n\t * @param {EventListenerOrEventListenerObject | null} listener\n\t * @param {boolean | AddEventListenerOptions} options\n\t */\n\t EventTarget.prototype.addEventListener = function (type, listener, options) {\n\t var _this = this;\n\t if (listener == null) {\n\t return originalAddEventListener_1(type, listener, options);\n\t }\n\t if (isPointerEventType(type)) {\n\t var convertedEventType = convertPointerEventType(type);\n\t var handler = function (e) { return (\"changedTouches\" in e ? handlePointerEventForTouch(_this, type, e, listener) : handlePointerEventForMouse(_this, type, e, listener)); };\n\t var firedPointerEventsHandler = function (e) {\n\t // Only call the listener if the PointerEvent is **NOT** trusted\n\t // This is to ensure that no duplicate events are fired in browsers that natively supports PointerEvents, but where this polyfill is force-applied anyway\n\t if (!e.isTrusted) {\n\t invokeListener(e, listener);\n\t }\n\t };\n\t if (convertedEventType != null) {\n\t originalAddEventListener_1.call(this, convertedEventType, handler, options);\n\t // Add the original listener to the bound handler Map mapped to the 'handler' function so that we can\n\t // remove the listener at a later point\n\t addBoundHandler(listener, handler);\n\t }\n\t // Also add a listener for the pointer event name since these may be fired on the node as well\n\t originalAddEventListener_1.call(this, type, firedPointerEventsHandler, options);\n\t // Add the original listener to the bound handler Map mapped to the 'firedPointerEventsHandler' function so that we can\n\t // remove the listener at a later point\n\t addBoundHandler(listener, firedPointerEventsHandler);\n\t }\n\t else {\n\t originalAddEventListener_1.call(this, type, listener, options);\n\t }\n\t };\n\t}\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t // Keep a reference to the original removeEventListener prototype method\n\t var originalRemoveEventListener_1 = EventTarget.prototype.removeEventListener;\n\t /**\n\t * Overwrite the removeEventListener prototype method such that we can provide special handling\n\t * for PointerEvents\n\t * @param {string} type\n\t * @param {EventListenerOrEventListenerObject | null} listener\n\t * @param {EventListenerOptions | boolean} options\n\t */\n\t EventTarget.prototype.removeEventListener = function (type, listener, options) {\n\t var _this = this;\n\t var convertedEventType = isPointerEventType(type) ? convertPointerEventType(type) : undefined;\n\t if (listener == null) {\n\t originalRemoveEventListener_1.call(this, type, null, options);\n\t if (convertedEventType != null) {\n\t originalRemoveEventListener_1.call(this, convertedEventType, null, options);\n\t }\n\t return;\n\t }\n\t var boundHandlers = boundHandlerMap.get(listener);\n\t if (boundHandlers != null) {\n\t boundHandlers.forEach(function (handler) {\n\t originalRemoveEventListener_1.call(_this, type, handler, options);\n\t if (convertedEventType != null) {\n\t originalRemoveEventListener_1.call(_this, convertedEventType, handler, options);\n\t }\n\t });\n\t boundHandlerMap[\"delete\"](listener);\n\t }\n\t else {\n\t originalRemoveEventListener_1.call(this, type, listener, options);\n\t if (convertedEventType != null) {\n\t originalRemoveEventListener_1.call(this, convertedEventType, listener, options);\n\t }\n\t }\n\t };\n\t}\n\n\t// tslint:disable:no-any\n\t// Only patch the dispatchEvent EventTarget prototype method if the user agent\n\t// doesn't already support Global Event Handlers for Pointer Events\n\tif (!SUPPORTS_POINTER_EVENT_HANDLERS) {\n\t // Add EventHandlers such that \"in\" checks return true\n\t EventTarget.prototype.ongotpointercapture = null;\n\t EventTarget.prototype.onlostpointercapture = null;\n\t EventTarget.prototype.onpointerdown = null;\n\t EventTarget.prototype.onpointermove = null;\n\t EventTarget.prototype.onpointerup = null;\n\t EventTarget.prototype.onpointercancel = null;\n\t EventTarget.prototype.onpointerover = null;\n\t EventTarget.prototype.onpointerout = null;\n\t EventTarget.prototype.onpointerenter = null;\n\t EventTarget.prototype.onpointerleave = null;\n\t}\n\n\t// tslint:disable:no-any\n\tvar hasPointerLock = false;\n\tvar HAS_POINTER_LOCK = function () { return hasPointerLock; };\n\t/**\n\t * Invoked when a \"pointerlockchange\" event is fired. Is used to\n\t * update the value of 'hasPointerLock'\n\t */\n\tvar handler = function () {\n\t hasPointerLock = document.pointerLockElement != null && document.mozPointerLockElement != null;\n\t};\n\t// Listen for PointerLock events\n\tdocument.addEventListener(\"pointerlockchange\", handler);\n\tdocument.addEventListener(\"mozpointerlockchange\", handler);\n\n\t/**\n\t * Throws a DOMException if possible, otherwise it falls back to throwing a regular error\n\t * @param {string} message\n\t * @param {string} name\n\t */\n\tfunction throwDOMException(message, name) {\n\t var exception;\n\t try {\n\t exception = new DOMException(message, name);\n\t }\n\t catch (ex) {\n\t exception = new Error(name + \": \" + message);\n\t if (name != null) {\n\t exception.name = name;\n\t }\n\t }\n\t throw exception;\n\t}\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t /**\n\t * Sets pointer capture for the pointer identified by the argument pointerId to the element on which\n\t * this method is invoked\n\t * https://www.w3.org/TR/pointerevents/#extensions-to-the-element-interface\n\t * @param {number} pointerId\n\t */\n\t Element.prototype.setPointerCapture = function (pointerId) {\n\t // If no active pointer exists with the given pointer id, throw a DOMException\n\t // with name 'InvalidPointerId'\n\t // https://www.w3.org/TR/pointerevents/#setting-pointer-capture\n\t if (!SEEN_POINTER_IDS.has(pointerId)) {\n\t throwDOMException(\"Could not set pointer capture on an element: No active pointers exist with the given pointer id: '\" + pointerId + \"'\", \"InvalidPointerId\");\n\t }\n\t // If the element is not connected, throw an InvalidStateError\n\t // https://www.w3.org/TR/pointerevents/#setting-pointer-capture\n\t if (!this.isConnected) {\n\t throwDOMException(\"Could not set pointer capture on an element: It wasn't connected!\", \"InvalidStateError\");\n\t }\n\t if (HAS_POINTER_LOCK()) {\n\t throwDOMException(\"Could not set pointer capture on an element: The document had a PointerLock!\", \"InvalidStateError\");\n\t }\n\t // Otherwise, mark the pointer id as captured by this element\n\t POINTER_ID_TO_CAPTURED_TARGET_MAP.set(pointerId, this);\n\t isTouchDevice\n\t ? createPointerEventsForTouchOfTypeAndDispatch(\"gotpointercapture\", new TouchEvent(\"\"), this)\n\t : createPointerEventsForMouseOfTypeAndDispatch(\"gotpointercapture\", new MouseEvent(\"\"), this);\n\t };\n\t}\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t /**\n\t * Releases pointer capture for the pointer identified by the argument pointerId to the element on which\n\t * this method is invoked\n\t * https://www.w3.org/TR/pointerevents/#extensions-to-the-element-interface\n\t * @param {number} pointerId\n\t */\n\t Element.prototype.releasePointerCapture = function (pointerId) {\n\t // If no active pointer exists with the given pointer id, throw a DOMException\n\t // with name 'InvalidPointerId'\n\t // https://www.w3.org/TR/pointerevents/#setting-pointer-capture\n\t if (!SEEN_POINTER_IDS.has(pointerId)) {\n\t throwDOMException(\"Could not release pointer capture on an element: No active pointers exist with the given pointer id: '\" + pointerId + \"'\", \"InvalidPointerId\");\n\t }\n\t // Otherwise, mark the pointer id as captured by this element\n\t POINTER_ID_TO_CAPTURED_TARGET_MAP[\"delete\"](pointerId);\n\t isTouchDevice\n\t ? createPointerEventsForTouchOfTypeAndDispatch(\"lostpointercapture\", new TouchEvent(\"\"), this)\n\t : createPointerEventsForMouseOfTypeAndDispatch(\"lostpointercapture\", new MouseEvent(\"\"), this);\n\t };\n\t}\n\n\t// tslint:disable:no-any\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t /**\n\t * Checks if the element has pointer capture for the pointer identified by the argument pointerId\n\t * https://www.w3.org/TR/pointerevents/#extensions-to-the-element-interface\n\t * @param {number} pointerId\n\t */\n\t Element.prototype.hasPointerCapture = function (pointerId) {\n\t return POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId) != null;\n\t };\n\t}\n\n\t// tslint:disable:no-any\n\t// Only patch the window object if it doesn't already have a PointerEvent constructor\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t // Set the PointerEvent reference on the window object\n\t window.PointerEvent = PointerEvent;\n\t}\n\n}());\n//# sourceMappingURL=index.js.map\n","'use strict';\n\nvar objectAssign = require('object-assign');\n\n// compare and isBuffer taken from https://github.com/feross/buffer/blob/680e9e5e488f22aac27599a57dc844a6315928dd/index.js\n// original notice:\n\n/*!\n * The buffer module from node.js, for the browser.\n *\n * @author Feross Aboukhadijeh \n * @license MIT\n */\nfunction compare(a, b) {\n if (a === b) {\n return 0;\n }\n\n var x = a.length;\n var y = b.length;\n\n for (var i = 0, len = Math.min(x, y); i < len; ++i) {\n if (a[i] !== b[i]) {\n x = a[i];\n y = b[i];\n break;\n }\n }\n\n if (x < y) {\n return -1;\n }\n if (y < x) {\n return 1;\n }\n return 0;\n}\nfunction isBuffer(b) {\n if (global.Buffer && typeof global.Buffer.isBuffer === 'function') {\n return global.Buffer.isBuffer(b);\n }\n return !!(b != null && b._isBuffer);\n}\n\n// based on node assert, original notice:\n// NB: The URL to the CommonJS spec is kept just for tradition.\n// node-assert has evolved a lot since then, both in API and behavior.\n\n// http://wiki.commonjs.org/wiki/Unit_Testing/1.0\n//\n// THIS IS NOT TESTED NOR LIKELY TO WORK OUTSIDE V8!\n//\n// Originally from narwhal.js (http://narwhaljs.org)\n// Copyright (c) 2009 Thomas Robinson <280north.com>\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the 'Software'), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN\n// ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\n// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nvar util = require('util/');\nvar hasOwn = Object.prototype.hasOwnProperty;\nvar pSlice = Array.prototype.slice;\nvar functionsHaveNames = (function () {\n return function foo() {}.name === 'foo';\n}());\nfunction pToString (obj) {\n return Object.prototype.toString.call(obj);\n}\nfunction isView(arrbuf) {\n if (isBuffer(arrbuf)) {\n return false;\n }\n if (typeof global.ArrayBuffer !== 'function') {\n return false;\n }\n if (typeof ArrayBuffer.isView === 'function') {\n return ArrayBuffer.isView(arrbuf);\n }\n if (!arrbuf) {\n return false;\n }\n if (arrbuf instanceof DataView) {\n return true;\n }\n if (arrbuf.buffer && arrbuf.buffer instanceof ArrayBuffer) {\n return true;\n }\n return false;\n}\n// 1. The assert module provides functions that throw\n// AssertionError's when particular conditions are not met. The\n// assert module must conform to the following interface.\n\nvar assert = module.exports = ok;\n\n// 2. The AssertionError is defined in assert.\n// new assert.AssertionError({ message: message,\n// actual: actual,\n// expected: expected })\n\nvar regex = /\\s*function\\s+([^\\(\\s]*)\\s*/;\n// based on https://github.com/ljharb/function.prototype.name/blob/adeeeec8bfcc6068b187d7d9fb3d5bb1d3a30899/implementation.js\nfunction getName(func) {\n if (!util.isFunction(func)) {\n return;\n }\n if (functionsHaveNames) {\n return func.name;\n }\n var str = func.toString();\n var match = str.match(regex);\n return match && match[1];\n}\nassert.AssertionError = function AssertionError(options) {\n this.name = 'AssertionError';\n this.actual = options.actual;\n this.expected = options.expected;\n this.operator = options.operator;\n if (options.message) {\n this.message = options.message;\n this.generatedMessage = false;\n } else {\n this.message = getMessage(this);\n this.generatedMessage = true;\n }\n var stackStartFunction = options.stackStartFunction || fail;\n if (Error.captureStackTrace) {\n Error.captureStackTrace(this, stackStartFunction);\n } else {\n // non v8 browsers so we can have a stacktrace\n var err = new Error();\n if (err.stack) {\n var out = err.stack;\n\n // try to strip useless frames\n var fn_name = getName(stackStartFunction);\n var idx = out.indexOf('\\n' + fn_name);\n if (idx >= 0) {\n // once we have located the function frame\n // we need to strip out everything before it (and its line)\n var next_line = out.indexOf('\\n', idx + 1);\n out = out.substring(next_line + 1);\n }\n\n this.stack = out;\n }\n }\n};\n\n// assert.AssertionError instanceof Error\nutil.inherits(assert.AssertionError, Error);\n\nfunction truncate(s, n) {\n if (typeof s === 'string') {\n return s.length < n ? s : s.slice(0, n);\n } else {\n return s;\n }\n}\nfunction inspect(something) {\n if (functionsHaveNames || !util.isFunction(something)) {\n return util.inspect(something);\n }\n var rawname = getName(something);\n var name = rawname ? ': ' + rawname : '';\n return '[Function' + name + ']';\n}\nfunction getMessage(self) {\n return truncate(inspect(self.actual), 128) + ' ' +\n self.operator + ' ' +\n truncate(inspect(self.expected), 128);\n}\n\n// At present only the three keys mentioned above are used and\n// understood by the spec. Implementations or sub modules can pass\n// other keys to the AssertionError's constructor - they will be\n// ignored.\n\n// 3. All of the following functions must throw an AssertionError\n// when a corresponding condition is not met, with a message that\n// may be undefined if not provided. All assertion methods provide\n// both the actual and expected values to the assertion error for\n// display purposes.\n\nfunction fail(actual, expected, message, operator, stackStartFunction) {\n throw new assert.AssertionError({\n message: message,\n actual: actual,\n expected: expected,\n operator: operator,\n stackStartFunction: stackStartFunction\n });\n}\n\n// EXTENSION! allows for well behaved errors defined elsewhere.\nassert.fail = fail;\n\n// 4. Pure assertion tests whether a value is truthy, as determined\n// by !!guard.\n// assert.ok(guard, message_opt);\n// This statement is equivalent to assert.equal(true, !!guard,\n// message_opt);. To test strictly for the value true, use\n// assert.strictEqual(true, guard, message_opt);.\n\nfunction ok(value, message) {\n if (!value) fail(value, true, message, '==', assert.ok);\n}\nassert.ok = ok;\n\n// 5. The equality assertion tests shallow, coercive equality with\n// ==.\n// assert.equal(actual, expected, message_opt);\n\nassert.equal = function equal(actual, expected, message) {\n if (actual != expected) fail(actual, expected, message, '==', assert.equal);\n};\n\n// 6. The non-equality assertion tests for whether two objects are not equal\n// with != assert.notEqual(actual, expected, message_opt);\n\nassert.notEqual = function notEqual(actual, expected, message) {\n if (actual == expected) {\n fail(actual, expected, message, '!=', assert.notEqual);\n }\n};\n\n// 7. The equivalence assertion tests a deep equality relation.\n// assert.deepEqual(actual, expected, message_opt);\n\nassert.deepEqual = function deepEqual(actual, expected, message) {\n if (!_deepEqual(actual, expected, false)) {\n fail(actual, expected, message, 'deepEqual', assert.deepEqual);\n }\n};\n\nassert.deepStrictEqual = function deepStrictEqual(actual, expected, message) {\n if (!_deepEqual(actual, expected, true)) {\n fail(actual, expected, message, 'deepStrictEqual', assert.deepStrictEqual);\n }\n};\n\nfunction _deepEqual(actual, expected, strict, memos) {\n // 7.1. All identical values are equivalent, as determined by ===.\n if (actual === expected) {\n return true;\n } else if (isBuffer(actual) && isBuffer(expected)) {\n return compare(actual, expected) === 0;\n\n // 7.2. If the expected value is a Date object, the actual value is\n // equivalent if it is also a Date object that refers to the same time.\n } else if (util.isDate(actual) && util.isDate(expected)) {\n return actual.getTime() === expected.getTime();\n\n // 7.3 If the expected value is a RegExp object, the actual value is\n // equivalent if it is also a RegExp object with the same source and\n // properties (`global`, `multiline`, `lastIndex`, `ignoreCase`).\n } else if (util.isRegExp(actual) && util.isRegExp(expected)) {\n return actual.source === expected.source &&\n actual.global === expected.global &&\n actual.multiline === expected.multiline &&\n actual.lastIndex === expected.lastIndex &&\n actual.ignoreCase === expected.ignoreCase;\n\n // 7.4. Other pairs that do not both pass typeof value == 'object',\n // equivalence is determined by ==.\n } else if ((actual === null || typeof actual !== 'object') &&\n (expected === null || typeof expected !== 'object')) {\n return strict ? actual === expected : actual == expected;\n\n // If both values are instances of typed arrays, wrap their underlying\n // ArrayBuffers in a Buffer each to increase performance\n // This optimization requires the arrays to have the same type as checked by\n // Object.prototype.toString (aka pToString). Never perform binary\n // comparisons for Float*Arrays, though, since e.g. +0 === -0 but their\n // bit patterns are not identical.\n } else if (isView(actual) && isView(expected) &&\n pToString(actual) === pToString(expected) &&\n !(actual instanceof Float32Array ||\n actual instanceof Float64Array)) {\n return compare(new Uint8Array(actual.buffer),\n new Uint8Array(expected.buffer)) === 0;\n\n // 7.5 For all other Object pairs, including Array objects, equivalence is\n // determined by having the same number of owned properties (as verified\n // with Object.prototype.hasOwnProperty.call), the same set of keys\n // (although not necessarily the same order), equivalent values for every\n // corresponding key, and an identical 'prototype' property. Note: this\n // accounts for both named and indexed properties on Arrays.\n } else if (isBuffer(actual) !== isBuffer(expected)) {\n return false;\n } else {\n memos = memos || {actual: [], expected: []};\n\n var actualIndex = memos.actual.indexOf(actual);\n if (actualIndex !== -1) {\n if (actualIndex === memos.expected.indexOf(expected)) {\n return true;\n }\n }\n\n memos.actual.push(actual);\n memos.expected.push(expected);\n\n return objEquiv(actual, expected, strict, memos);\n }\n}\n\nfunction isArguments(object) {\n return Object.prototype.toString.call(object) == '[object Arguments]';\n}\n\nfunction objEquiv(a, b, strict, actualVisitedObjects) {\n if (a === null || a === undefined || b === null || b === undefined)\n return false;\n // if one is a primitive, the other must be same\n if (util.isPrimitive(a) || util.isPrimitive(b))\n return a === b;\n if (strict && Object.getPrototypeOf(a) !== Object.getPrototypeOf(b))\n return false;\n var aIsArgs = isArguments(a);\n var bIsArgs = isArguments(b);\n if ((aIsArgs && !bIsArgs) || (!aIsArgs && bIsArgs))\n return false;\n if (aIsArgs) {\n a = pSlice.call(a);\n b = pSlice.call(b);\n return _deepEqual(a, b, strict);\n }\n var ka = objectKeys(a);\n var kb = objectKeys(b);\n var key, i;\n // having the same number of owned properties (keys incorporates\n // hasOwnProperty)\n if (ka.length !== kb.length)\n return false;\n //the same set of keys (although not necessarily the same order),\n ka.sort();\n kb.sort();\n //~~~cheap key test\n for (i = ka.length - 1; i >= 0; i--) {\n if (ka[i] !== kb[i])\n return false;\n }\n //equivalent values for every corresponding key, and\n //~~~possibly expensive deep test\n for (i = ka.length - 1; i >= 0; i--) {\n key = ka[i];\n if (!_deepEqual(a[key], b[key], strict, actualVisitedObjects))\n return false;\n }\n return true;\n}\n\n// 8. The non-equivalence assertion tests for any deep inequality.\n// assert.notDeepEqual(actual, expected, message_opt);\n\nassert.notDeepEqual = function notDeepEqual(actual, expected, message) {\n if (_deepEqual(actual, expected, false)) {\n fail(actual, expected, message, 'notDeepEqual', assert.notDeepEqual);\n }\n};\n\nassert.notDeepStrictEqual = notDeepStrictEqual;\nfunction notDeepStrictEqual(actual, expected, message) {\n if (_deepEqual(actual, expected, true)) {\n fail(actual, expected, message, 'notDeepStrictEqual', notDeepStrictEqual);\n }\n}\n\n\n// 9. The strict equality assertion tests strict equality, as determined by ===.\n// assert.strictEqual(actual, expected, message_opt);\n\nassert.strictEqual = function strictEqual(actual, expected, message) {\n if (actual !== expected) {\n fail(actual, expected, message, '===', assert.strictEqual);\n }\n};\n\n// 10. The strict non-equality assertion tests for strict inequality, as\n// determined by !==. assert.notStrictEqual(actual, expected, message_opt);\n\nassert.notStrictEqual = function notStrictEqual(actual, expected, message) {\n if (actual === expected) {\n fail(actual, expected, message, '!==', assert.notStrictEqual);\n }\n};\n\nfunction expectedException(actual, expected) {\n if (!actual || !expected) {\n return false;\n }\n\n if (Object.prototype.toString.call(expected) == '[object RegExp]') {\n return expected.test(actual);\n }\n\n try {\n if (actual instanceof expected) {\n return true;\n }\n } catch (e) {\n // Ignore. The instanceof check doesn't work for arrow functions.\n }\n\n if (Error.isPrototypeOf(expected)) {\n return false;\n }\n\n return expected.call({}, actual) === true;\n}\n\nfunction _tryBlock(block) {\n var error;\n try {\n block();\n } catch (e) {\n error = e;\n }\n return error;\n}\n\nfunction _throws(shouldThrow, block, expected, message) {\n var actual;\n\n if (typeof block !== 'function') {\n throw new TypeError('\"block\" argument must be a function');\n }\n\n if (typeof expected === 'string') {\n message = expected;\n expected = null;\n }\n\n actual = _tryBlock(block);\n\n message = (expected && expected.name ? ' (' + expected.name + ').' : '.') +\n (message ? ' ' + message : '.');\n\n if (shouldThrow && !actual) {\n fail(actual, expected, 'Missing expected exception' + message);\n }\n\n var userProvidedMessage = typeof message === 'string';\n var isUnwantedException = !shouldThrow && util.isError(actual);\n var isUnexpectedException = !shouldThrow && actual && !expected;\n\n if ((isUnwantedException &&\n userProvidedMessage &&\n expectedException(actual, expected)) ||\n isUnexpectedException) {\n fail(actual, expected, 'Got unwanted exception' + message);\n }\n\n if ((shouldThrow && actual && expected &&\n !expectedException(actual, expected)) || (!shouldThrow && actual)) {\n throw actual;\n }\n}\n\n// 11. Expected to throw an error:\n// assert.throws(block, Error_opt, message_opt);\n\nassert.throws = function(block, /*optional*/error, /*optional*/message) {\n _throws(true, block, error, message);\n};\n\n// EXTENSION! This is annoying to write outside this module.\nassert.doesNotThrow = function(block, /*optional*/error, /*optional*/message) {\n _throws(false, block, error, message);\n};\n\nassert.ifError = function(err) { if (err) throw err; };\n\n// Expose a strict only variant of assert\nfunction strict(value, message) {\n if (!value) fail(value, true, message, '==', strict);\n}\nassert.strict = objectAssign(strict, assert, {\n equal: assert.strictEqual,\n deepEqual: assert.deepStrictEqual,\n notEqual: assert.notStrictEqual,\n notDeepEqual: assert.notDeepStrictEqual\n});\nassert.strict.strict = assert.strict;\n\nvar objectKeys = Object.keys || function (obj) {\n var keys = [];\n for (var key in obj) {\n if (hasOwn.call(obj, key)) keys.push(key);\n }\n return keys;\n};\n","if (typeof Object.create === 'function') {\n // implementation from standard node.js 'util' module\n module.exports = function inherits(ctor, superCtor) {\n ctor.super_ = superCtor\n ctor.prototype = Object.create(superCtor.prototype, {\n constructor: {\n value: ctor,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n };\n} else {\n // old school shim for old browsers\n module.exports = function inherits(ctor, superCtor) {\n ctor.super_ = superCtor\n var TempCtor = function () {}\n TempCtor.prototype = superCtor.prototype\n ctor.prototype = new TempCtor()\n ctor.prototype.constructor = ctor\n }\n}\n","module.exports = function isBuffer(arg) {\n return arg && typeof arg === 'object'\n && typeof arg.copy === 'function'\n && typeof arg.fill === 'function'\n && typeof arg.readUInt8 === 'function';\n}","// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nvar formatRegExp = /%[sdj%]/g;\nexports.format = function(f) {\n if (!isString(f)) {\n var objects = [];\n for (var i = 0; i < arguments.length; i++) {\n objects.push(inspect(arguments[i]));\n }\n return objects.join(' ');\n }\n\n var i = 1;\n var args = arguments;\n var len = args.length;\n var str = String(f).replace(formatRegExp, function(x) {\n if (x === '%%') return '%';\n if (i >= len) return x;\n switch (x) {\n case '%s': return String(args[i++]);\n case '%d': return Number(args[i++]);\n case '%j':\n try {\n return JSON.stringify(args[i++]);\n } catch (_) {\n return '[Circular]';\n }\n default:\n return x;\n }\n });\n for (var x = args[i]; i < len; x = args[++i]) {\n if (isNull(x) || !isObject(x)) {\n str += ' ' + x;\n } else {\n str += ' ' + inspect(x);\n }\n }\n return str;\n};\n\n\n// Mark that a method should not be used.\n// Returns a modified function which warns once by default.\n// If --no-deprecation is set, then it is a no-op.\nexports.deprecate = function(fn, msg) {\n // Allow for deprecating things in the process of starting up.\n if (isUndefined(global.process)) {\n return function() {\n return exports.deprecate(fn, msg).apply(this, arguments);\n };\n }\n\n if (process.noDeprecation === true) {\n return fn;\n }\n\n var warned = false;\n function deprecated() {\n if (!warned) {\n if (process.throwDeprecation) {\n throw new Error(msg);\n } else if (process.traceDeprecation) {\n console.trace(msg);\n } else {\n console.error(msg);\n }\n warned = true;\n }\n return fn.apply(this, arguments);\n }\n\n return deprecated;\n};\n\n\nvar debugs = {};\nvar debugEnviron;\nexports.debuglog = function(set) {\n if (isUndefined(debugEnviron))\n debugEnviron = process.env.NODE_DEBUG || '';\n set = set.toUpperCase();\n if (!debugs[set]) {\n if (new RegExp('\\\\b' + set + '\\\\b', 'i').test(debugEnviron)) {\n var pid = process.pid;\n debugs[set] = function() {\n var msg = exports.format.apply(exports, arguments);\n console.error('%s %d: %s', set, pid, msg);\n };\n } else {\n debugs[set] = function() {};\n }\n }\n return debugs[set];\n};\n\n\n/**\n * Echos the value of a value. Trys to print the value out\n * in the best way possible given the different types.\n *\n * @param {Object} obj The object to print out.\n * @param {Object} opts Optional options object that alters the output.\n */\n/* legacy: obj, showHidden, depth, colors*/\nfunction inspect(obj, opts) {\n // default options\n var ctx = {\n seen: [],\n stylize: stylizeNoColor\n };\n // legacy...\n if (arguments.length >= 3) ctx.depth = arguments[2];\n if (arguments.length >= 4) ctx.colors = arguments[3];\n if (isBoolean(opts)) {\n // legacy...\n ctx.showHidden = opts;\n } else if (opts) {\n // got an \"options\" object\n exports._extend(ctx, opts);\n }\n // set default options\n if (isUndefined(ctx.showHidden)) ctx.showHidden = false;\n if (isUndefined(ctx.depth)) ctx.depth = 2;\n if (isUndefined(ctx.colors)) ctx.colors = false;\n if (isUndefined(ctx.customInspect)) ctx.customInspect = true;\n if (ctx.colors) ctx.stylize = stylizeWithColor;\n return formatValue(ctx, obj, ctx.depth);\n}\nexports.inspect = inspect;\n\n\n// http://en.wikipedia.org/wiki/ANSI_escape_code#graphics\ninspect.colors = {\n 'bold' : [1, 22],\n 'italic' : [3, 23],\n 'underline' : [4, 24],\n 'inverse' : [7, 27],\n 'white' : [37, 39],\n 'grey' : [90, 39],\n 'black' : [30, 39],\n 'blue' : [34, 39],\n 'cyan' : [36, 39],\n 'green' : [32, 39],\n 'magenta' : [35, 39],\n 'red' : [31, 39],\n 'yellow' : [33, 39]\n};\n\n// Don't use 'blue' not visible on cmd.exe\ninspect.styles = {\n 'special': 'cyan',\n 'number': 'yellow',\n 'boolean': 'yellow',\n 'undefined': 'grey',\n 'null': 'bold',\n 'string': 'green',\n 'date': 'magenta',\n // \"name\": intentionally not styling\n 'regexp': 'red'\n};\n\n\nfunction stylizeWithColor(str, styleType) {\n var style = inspect.styles[styleType];\n\n if (style) {\n return '\\u001b[' + inspect.colors[style][0] + 'm' + str +\n '\\u001b[' + inspect.colors[style][1] + 'm';\n } else {\n return str;\n }\n}\n\n\nfunction stylizeNoColor(str, styleType) {\n return str;\n}\n\n\nfunction arrayToHash(array) {\n var hash = {};\n\n array.forEach(function(val, idx) {\n hash[val] = true;\n });\n\n return hash;\n}\n\n\nfunction formatValue(ctx, value, recurseTimes) {\n // Provide a hook for user-specified inspect functions.\n // Check that value is an object with an inspect function on it\n if (ctx.customInspect &&\n value &&\n isFunction(value.inspect) &&\n // Filter out the util module, it's inspect function is special\n value.inspect !== exports.inspect &&\n // Also filter out any prototype objects using the circular check.\n !(value.constructor && value.constructor.prototype === value)) {\n var ret = value.inspect(recurseTimes, ctx);\n if (!isString(ret)) {\n ret = formatValue(ctx, ret, recurseTimes);\n }\n return ret;\n }\n\n // Primitive types cannot have properties\n var primitive = formatPrimitive(ctx, value);\n if (primitive) {\n return primitive;\n }\n\n // Look up the keys of the object.\n var keys = Object.keys(value);\n var visibleKeys = arrayToHash(keys);\n\n if (ctx.showHidden) {\n keys = Object.getOwnPropertyNames(value);\n }\n\n // IE doesn't make error fields non-enumerable\n // http://msdn.microsoft.com/en-us/library/ie/dww52sbt(v=vs.94).aspx\n if (isError(value)\n && (keys.indexOf('message') >= 0 || keys.indexOf('description') >= 0)) {\n return formatError(value);\n }\n\n // Some type of object without properties can be shortcutted.\n if (keys.length === 0) {\n if (isFunction(value)) {\n var name = value.name ? ': ' + value.name : '';\n return ctx.stylize('[Function' + name + ']', 'special');\n }\n if (isRegExp(value)) {\n return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');\n }\n if (isDate(value)) {\n return ctx.stylize(Date.prototype.toString.call(value), 'date');\n }\n if (isError(value)) {\n return formatError(value);\n }\n }\n\n var base = '', array = false, braces = ['{', '}'];\n\n // Make Array say that they are Array\n if (isArray(value)) {\n array = true;\n braces = ['[', ']'];\n }\n\n // Make functions say that they are functions\n if (isFunction(value)) {\n var n = value.name ? ': ' + value.name : '';\n base = ' [Function' + n + ']';\n }\n\n // Make RegExps say that they are RegExps\n if (isRegExp(value)) {\n base = ' ' + RegExp.prototype.toString.call(value);\n }\n\n // Make dates with properties first say the date\n if (isDate(value)) {\n base = ' ' + Date.prototype.toUTCString.call(value);\n }\n\n // Make error with message first say the error\n if (isError(value)) {\n base = ' ' + formatError(value);\n }\n\n if (keys.length === 0 && (!array || value.length == 0)) {\n return braces[0] + base + braces[1];\n }\n\n if (recurseTimes < 0) {\n if (isRegExp(value)) {\n return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');\n } else {\n return ctx.stylize('[Object]', 'special');\n }\n }\n\n ctx.seen.push(value);\n\n var output;\n if (array) {\n output = formatArray(ctx, value, recurseTimes, visibleKeys, keys);\n } else {\n output = keys.map(function(key) {\n return formatProperty(ctx, value, recurseTimes, visibleKeys, key, array);\n });\n }\n\n ctx.seen.pop();\n\n return reduceToSingleString(output, base, braces);\n}\n\n\nfunction formatPrimitive(ctx, value) {\n if (isUndefined(value))\n return ctx.stylize('undefined', 'undefined');\n if (isString(value)) {\n var simple = '\\'' + JSON.stringify(value).replace(/^\"|\"$/g, '')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\\\\"/g, '\"') + '\\'';\n return ctx.stylize(simple, 'string');\n }\n if (isNumber(value))\n return ctx.stylize('' + value, 'number');\n if (isBoolean(value))\n return ctx.stylize('' + value, 'boolean');\n // For some reason typeof null is \"object\", so special case here.\n if (isNull(value))\n return ctx.stylize('null', 'null');\n}\n\n\nfunction formatError(value) {\n return '[' + Error.prototype.toString.call(value) + ']';\n}\n\n\nfunction formatArray(ctx, value, recurseTimes, visibleKeys, keys) {\n var output = [];\n for (var i = 0, l = value.length; i < l; ++i) {\n if (hasOwnProperty(value, String(i))) {\n output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,\n String(i), true));\n } else {\n output.push('');\n }\n }\n keys.forEach(function(key) {\n if (!key.match(/^\\d+$/)) {\n output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,\n key, true));\n }\n });\n return output;\n}\n\n\nfunction formatProperty(ctx, value, recurseTimes, visibleKeys, key, array) {\n var name, str, desc;\n desc = Object.getOwnPropertyDescriptor(value, key) || { value: value[key] };\n if (desc.get) {\n if (desc.set) {\n str = ctx.stylize('[Getter/Setter]', 'special');\n } else {\n str = ctx.stylize('[Getter]', 'special');\n }\n } else {\n if (desc.set) {\n str = ctx.stylize('[Setter]', 'special');\n }\n }\n if (!hasOwnProperty(visibleKeys, key)) {\n name = '[' + key + ']';\n }\n if (!str) {\n if (ctx.seen.indexOf(desc.value) < 0) {\n if (isNull(recurseTimes)) {\n str = formatValue(ctx, desc.value, null);\n } else {\n str = formatValue(ctx, desc.value, recurseTimes - 1);\n }\n if (str.indexOf('\\n') > -1) {\n if (array) {\n str = str.split('\\n').map(function(line) {\n return ' ' + line;\n }).join('\\n').substr(2);\n } else {\n str = '\\n' + str.split('\\n').map(function(line) {\n return ' ' + line;\n }).join('\\n');\n }\n }\n } else {\n str = ctx.stylize('[Circular]', 'special');\n }\n }\n if (isUndefined(name)) {\n if (array && key.match(/^\\d+$/)) {\n return str;\n }\n name = JSON.stringify('' + key);\n if (name.match(/^\"([a-zA-Z_][a-zA-Z_0-9]*)\"$/)) {\n name = name.substr(1, name.length - 2);\n name = ctx.stylize(name, 'name');\n } else {\n name = name.replace(/'/g, \"\\\\'\")\n .replace(/\\\\\"/g, '\"')\n .replace(/(^\"|\"$)/g, \"'\");\n name = ctx.stylize(name, 'string');\n }\n }\n\n return name + ': ' + str;\n}\n\n\nfunction reduceToSingleString(output, base, braces) {\n var numLinesEst = 0;\n var length = output.reduce(function(prev, cur) {\n numLinesEst++;\n if (cur.indexOf('\\n') >= 0) numLinesEst++;\n return prev + cur.replace(/\\u001b\\[\\d\\d?m/g, '').length + 1;\n }, 0);\n\n if (length > 60) {\n return braces[0] +\n (base === '' ? '' : base + '\\n ') +\n ' ' +\n output.join(',\\n ') +\n ' ' +\n braces[1];\n }\n\n return braces[0] + base + ' ' + output.join(', ') + ' ' + braces[1];\n}\n\n\n// NOTE: These type checking functions intentionally don't use `instanceof`\n// because it is fragile and can be easily faked with `Object.create()`.\nfunction isArray(ar) {\n return Array.isArray(ar);\n}\nexports.isArray = isArray;\n\nfunction isBoolean(arg) {\n return typeof arg === 'boolean';\n}\nexports.isBoolean = isBoolean;\n\nfunction isNull(arg) {\n return arg === null;\n}\nexports.isNull = isNull;\n\nfunction isNullOrUndefined(arg) {\n return arg == null;\n}\nexports.isNullOrUndefined = isNullOrUndefined;\n\nfunction isNumber(arg) {\n return typeof arg === 'number';\n}\nexports.isNumber = isNumber;\n\nfunction isString(arg) {\n return typeof arg === 'string';\n}\nexports.isString = isString;\n\nfunction isSymbol(arg) {\n return typeof arg === 'symbol';\n}\nexports.isSymbol = isSymbol;\n\nfunction isUndefined(arg) {\n return arg === void 0;\n}\nexports.isUndefined = isUndefined;\n\nfunction isRegExp(re) {\n return isObject(re) && objectToString(re) === '[object RegExp]';\n}\nexports.isRegExp = isRegExp;\n\nfunction isObject(arg) {\n return typeof arg === 'object' && arg !== null;\n}\nexports.isObject = isObject;\n\nfunction isDate(d) {\n return isObject(d) && objectToString(d) === '[object Date]';\n}\nexports.isDate = isDate;\n\nfunction isError(e) {\n return isObject(e) &&\n (objectToString(e) === '[object Error]' || e instanceof Error);\n}\nexports.isError = isError;\n\nfunction isFunction(arg) {\n return typeof arg === 'function';\n}\nexports.isFunction = isFunction;\n\nfunction isPrimitive(arg) {\n return arg === null ||\n typeof arg === 'boolean' ||\n typeof arg === 'number' ||\n typeof arg === 'string' ||\n typeof arg === 'symbol' || // ES6 symbol\n typeof arg === 'undefined';\n}\nexports.isPrimitive = isPrimitive;\n\nexports.isBuffer = require('./support/isBuffer');\n\nfunction objectToString(o) {\n return Object.prototype.toString.call(o);\n}\n\n\nfunction pad(n) {\n return n < 10 ? '0' + n.toString(10) : n.toString(10);\n}\n\n\nvar months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',\n 'Oct', 'Nov', 'Dec'];\n\n// 26 Feb 16:19:34\nfunction timestamp() {\n var d = new Date();\n var time = [pad(d.getHours()),\n pad(d.getMinutes()),\n pad(d.getSeconds())].join(':');\n return [d.getDate(), months[d.getMonth()], time].join(' ');\n}\n\n\n// log is just a thin wrapper to console.log that prepends a timestamp\nexports.log = function() {\n console.log('%s - %s', timestamp(), exports.format.apply(exports, arguments));\n};\n\n\n/**\n * Inherit the prototype methods from one constructor into another.\n *\n * The Function.prototype.inherits from lang.js rewritten as a standalone\n * function (not on Function.prototype). NOTE: If this file is to be loaded\n * during bootstrapping this function needs to be rewritten using some native\n * functions as prototype setup using normal JavaScript does not work as\n * expected during bootstrapping (see mirror.js in r114903).\n *\n * @param {function} ctor Constructor function which needs to inherit the\n * prototype.\n * @param {function} superCtor Constructor function to inherit prototype from.\n */\nexports.inherits = require('inherits');\n\nexports._extend = function(origin, add) {\n // Don't do anything if add isn't an object\n if (!add || !isObject(add)) return origin;\n\n var keys = Object.keys(add);\n var i = keys.length;\n while (i--) {\n origin[keys[i]] = add[keys[i]];\n }\n return origin;\n};\n\nfunction hasOwnProperty(obj, prop) {\n return Object.prototype.hasOwnProperty.call(obj, prop);\n}\n","// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nvar objectCreate = Object.create || objectCreatePolyfill\nvar objectKeys = Object.keys || objectKeysPolyfill\nvar bind = Function.prototype.bind || functionBindPolyfill\n\nfunction EventEmitter() {\n if (!this._events || !Object.prototype.hasOwnProperty.call(this, '_events')) {\n this._events = objectCreate(null);\n this._eventsCount = 0;\n }\n\n this._maxListeners = this._maxListeners || undefined;\n}\nmodule.exports = EventEmitter;\n\n// Backwards-compat with node 0.10.x\nEventEmitter.EventEmitter = EventEmitter;\n\nEventEmitter.prototype._events = undefined;\nEventEmitter.prototype._maxListeners = undefined;\n\n// By default EventEmitters will print a warning if more than 10 listeners are\n// added to it. This is a useful default which helps finding memory leaks.\nvar defaultMaxListeners = 10;\n\nvar hasDefineProperty;\ntry {\n var o = {};\n if (Object.defineProperty) Object.defineProperty(o, 'x', { value: 0 });\n hasDefineProperty = o.x === 0;\n} catch (err) { hasDefineProperty = false }\nif (hasDefineProperty) {\n Object.defineProperty(EventEmitter, 'defaultMaxListeners', {\n enumerable: true,\n get: function() {\n return defaultMaxListeners;\n },\n set: function(arg) {\n // check whether the input is a positive number (whose value is zero or\n // greater and not a NaN).\n if (typeof arg !== 'number' || arg < 0 || arg !== arg)\n throw new TypeError('\"defaultMaxListeners\" must be a positive number');\n defaultMaxListeners = arg;\n }\n });\n} else {\n EventEmitter.defaultMaxListeners = defaultMaxListeners;\n}\n\n// Obviously not all Emitters should be limited to 10. This function allows\n// that to be increased. Set to zero for unlimited.\nEventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {\n if (typeof n !== 'number' || n < 0 || isNaN(n))\n throw new TypeError('\"n\" argument must be a positive number');\n this._maxListeners = n;\n return this;\n};\n\nfunction $getMaxListeners(that) {\n if (that._maxListeners === undefined)\n return EventEmitter.defaultMaxListeners;\n return that._maxListeners;\n}\n\nEventEmitter.prototype.getMaxListeners = function getMaxListeners() {\n return $getMaxListeners(this);\n};\n\n// These standalone emit* functions are used to optimize calling of event\n// handlers for fast cases because emit() itself often has a variable number of\n// arguments and can be deoptimized because of that. These functions always have\n// the same number of arguments and thus do not get deoptimized, so the code\n// inside them can execute faster.\nfunction emitNone(handler, isFn, self) {\n if (isFn)\n handler.call(self);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self);\n }\n}\nfunction emitOne(handler, isFn, self, arg1) {\n if (isFn)\n handler.call(self, arg1);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self, arg1);\n }\n}\nfunction emitTwo(handler, isFn, self, arg1, arg2) {\n if (isFn)\n handler.call(self, arg1, arg2);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self, arg1, arg2);\n }\n}\nfunction emitThree(handler, isFn, self, arg1, arg2, arg3) {\n if (isFn)\n handler.call(self, arg1, arg2, arg3);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self, arg1, arg2, arg3);\n }\n}\n\nfunction emitMany(handler, isFn, self, args) {\n if (isFn)\n handler.apply(self, args);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].apply(self, args);\n }\n}\n\nEventEmitter.prototype.emit = function emit(type) {\n var er, handler, len, args, i, events;\n var doError = (type === 'error');\n\n events = this._events;\n if (events)\n doError = (doError && events.error == null);\n else if (!doError)\n return false;\n\n // If there is no 'error' event listener then throw.\n if (doError) {\n if (arguments.length > 1)\n er = arguments[1];\n if (er instanceof Error) {\n throw er; // Unhandled 'error' event\n } else {\n // At least give some kind of context to the user\n var err = new Error('Unhandled \"error\" event. (' + er + ')');\n err.context = er;\n throw err;\n }\n return false;\n }\n\n handler = events[type];\n\n if (!handler)\n return false;\n\n var isFn = typeof handler === 'function';\n len = arguments.length;\n switch (len) {\n // fast cases\n case 1:\n emitNone(handler, isFn, this);\n break;\n case 2:\n emitOne(handler, isFn, this, arguments[1]);\n break;\n case 3:\n emitTwo(handler, isFn, this, arguments[1], arguments[2]);\n break;\n case 4:\n emitThree(handler, isFn, this, arguments[1], arguments[2], arguments[3]);\n break;\n // slower\n default:\n args = new Array(len - 1);\n for (i = 1; i < len; i++)\n args[i - 1] = arguments[i];\n emitMany(handler, isFn, this, args);\n }\n\n return true;\n};\n\nfunction _addListener(target, type, listener, prepend) {\n var m;\n var events;\n var existing;\n\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n\n events = target._events;\n if (!events) {\n events = target._events = objectCreate(null);\n target._eventsCount = 0;\n } else {\n // To avoid recursion in the case that type === \"newListener\"! Before\n // adding it to the listeners, first emit \"newListener\".\n if (events.newListener) {\n target.emit('newListener', type,\n listener.listener ? listener.listener : listener);\n\n // Re-assign `events` because a newListener handler could have caused the\n // this._events to be assigned to a new object\n events = target._events;\n }\n existing = events[type];\n }\n\n if (!existing) {\n // Optimize the case of one listener. Don't need the extra array object.\n existing = events[type] = listener;\n ++target._eventsCount;\n } else {\n if (typeof existing === 'function') {\n // Adding the second element, need to change to array.\n existing = events[type] =\n prepend ? [listener, existing] : [existing, listener];\n } else {\n // If we've already got an array, just append.\n if (prepend) {\n existing.unshift(listener);\n } else {\n existing.push(listener);\n }\n }\n\n // Check for listener leak\n if (!existing.warned) {\n m = $getMaxListeners(target);\n if (m && m > 0 && existing.length > m) {\n existing.warned = true;\n var w = new Error('Possible EventEmitter memory leak detected. ' +\n existing.length + ' \"' + String(type) + '\" listeners ' +\n 'added. Use emitter.setMaxListeners() to ' +\n 'increase limit.');\n w.name = 'MaxListenersExceededWarning';\n w.emitter = target;\n w.type = type;\n w.count = existing.length;\n if (typeof console === 'object' && console.warn) {\n console.warn('%s: %s', w.name, w.message);\n }\n }\n }\n }\n\n return target;\n}\n\nEventEmitter.prototype.addListener = function addListener(type, listener) {\n return _addListener(this, type, listener, false);\n};\n\nEventEmitter.prototype.on = EventEmitter.prototype.addListener;\n\nEventEmitter.prototype.prependListener =\n function prependListener(type, listener) {\n return _addListener(this, type, listener, true);\n };\n\nfunction onceWrapper() {\n if (!this.fired) {\n this.target.removeListener(this.type, this.wrapFn);\n this.fired = true;\n switch (arguments.length) {\n case 0:\n return this.listener.call(this.target);\n case 1:\n return this.listener.call(this.target, arguments[0]);\n case 2:\n return this.listener.call(this.target, arguments[0], arguments[1]);\n case 3:\n return this.listener.call(this.target, arguments[0], arguments[1],\n arguments[2]);\n default:\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; ++i)\n args[i] = arguments[i];\n this.listener.apply(this.target, args);\n }\n }\n}\n\nfunction _onceWrap(target, type, listener) {\n var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };\n var wrapped = bind.call(onceWrapper, state);\n wrapped.listener = listener;\n state.wrapFn = wrapped;\n return wrapped;\n}\n\nEventEmitter.prototype.once = function once(type, listener) {\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n this.on(type, _onceWrap(this, type, listener));\n return this;\n};\n\nEventEmitter.prototype.prependOnceListener =\n function prependOnceListener(type, listener) {\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n this.prependListener(type, _onceWrap(this, type, listener));\n return this;\n };\n\n// Emits a 'removeListener' event if and only if the listener was removed.\nEventEmitter.prototype.removeListener =\n function removeListener(type, listener) {\n var list, events, position, i, originalListener;\n\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n\n events = this._events;\n if (!events)\n return this;\n\n list = events[type];\n if (!list)\n return this;\n\n if (list === listener || list.listener === listener) {\n if (--this._eventsCount === 0)\n this._events = objectCreate(null);\n else {\n delete events[type];\n if (events.removeListener)\n this.emit('removeListener', type, list.listener || listener);\n }\n } else if (typeof list !== 'function') {\n position = -1;\n\n for (i = list.length - 1; i >= 0; i--) {\n if (list[i] === listener || list[i].listener === listener) {\n originalListener = list[i].listener;\n position = i;\n break;\n }\n }\n\n if (position < 0)\n return this;\n\n if (position === 0)\n list.shift();\n else\n spliceOne(list, position);\n\n if (list.length === 1)\n events[type] = list[0];\n\n if (events.removeListener)\n this.emit('removeListener', type, originalListener || listener);\n }\n\n return this;\n };\n\nEventEmitter.prototype.removeAllListeners =\n function removeAllListeners(type) {\n var listeners, events, i;\n\n events = this._events;\n if (!events)\n return this;\n\n // not listening for removeListener, no need to emit\n if (!events.removeListener) {\n if (arguments.length === 0) {\n this._events = objectCreate(null);\n this._eventsCount = 0;\n } else if (events[type]) {\n if (--this._eventsCount === 0)\n this._events = objectCreate(null);\n else\n delete events[type];\n }\n return this;\n }\n\n // emit removeListener for all listeners on all events\n if (arguments.length === 0) {\n var keys = objectKeys(events);\n var key;\n for (i = 0; i < keys.length; ++i) {\n key = keys[i];\n if (key === 'removeListener') continue;\n this.removeAllListeners(key);\n }\n this.removeAllListeners('removeListener');\n this._events = objectCreate(null);\n this._eventsCount = 0;\n return this;\n }\n\n listeners = events[type];\n\n if (typeof listeners === 'function') {\n this.removeListener(type, listeners);\n } else if (listeners) {\n // LIFO order\n for (i = listeners.length - 1; i >= 0; i--) {\n this.removeListener(type, listeners[i]);\n }\n }\n\n return this;\n };\n\nfunction _listeners(target, type, unwrap) {\n var events = target._events;\n\n if (!events)\n return [];\n\n var evlistener = events[type];\n if (!evlistener)\n return [];\n\n if (typeof evlistener === 'function')\n return unwrap ? [evlistener.listener || evlistener] : [evlistener];\n\n return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);\n}\n\nEventEmitter.prototype.listeners = function listeners(type) {\n return _listeners(this, type, true);\n};\n\nEventEmitter.prototype.rawListeners = function rawListeners(type) {\n return _listeners(this, type, false);\n};\n\nEventEmitter.listenerCount = function(emitter, type) {\n if (typeof emitter.listenerCount === 'function') {\n return emitter.listenerCount(type);\n } else {\n return listenerCount.call(emitter, type);\n }\n};\n\nEventEmitter.prototype.listenerCount = listenerCount;\nfunction listenerCount(type) {\n var events = this._events;\n\n if (events) {\n var evlistener = events[type];\n\n if (typeof evlistener === 'function') {\n return 1;\n } else if (evlistener) {\n return evlistener.length;\n }\n }\n\n return 0;\n}\n\nEventEmitter.prototype.eventNames = function eventNames() {\n return this._eventsCount > 0 ? Reflect.ownKeys(this._events) : [];\n};\n\n// About 1.5x faster than the two-arg version of Array#splice().\nfunction spliceOne(list, index) {\n for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1)\n list[i] = list[k];\n list.pop();\n}\n\nfunction arrayClone(arr, n) {\n var copy = new Array(n);\n for (var i = 0; i < n; ++i)\n copy[i] = arr[i];\n return copy;\n}\n\nfunction unwrapListeners(arr) {\n var ret = new Array(arr.length);\n for (var i = 0; i < ret.length; ++i) {\n ret[i] = arr[i].listener || arr[i];\n }\n return ret;\n}\n\nfunction objectCreatePolyfill(proto) {\n var F = function() {};\n F.prototype = proto;\n return new F;\n}\nfunction objectKeysPolyfill(obj) {\n var keys = [];\n for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k)) {\n keys.push(k);\n }\n return k;\n}\nfunction functionBindPolyfill(context) {\n var fn = this;\n return function () {\n return fn.apply(context, arguments);\n };\n}\n","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n"]} \ No newline at end of file diff --git a/assets/js/bundle-269e3ae9b2.min.js b/assets/js/bundle-269e3ae9b2.min.js deleted file mode 100644 index 62dfac2..0000000 --- a/assets/js/bundle-269e3ae9b2.min.js +++ /dev/null @@ -1,2 +0,0 @@ -!function r(o,i,a){function u(t,e){if(!i[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(s)return s(t,!0);throw(n=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",n}n=i[t]={exports:{}},o[t][0].call(n.exports,function(e){return u(o[t][1][e]||e)},n,n.exports,r,o,i,a)}return i[t].exports}for(var s="function"==typeof require&&require,e=0;ee.length)&&(t=e.length);for(var n=0,r=new Array(t);n=t.treasureWidth}).reduce(function(e,t){return t.right.x-t.left.x>e.right.x-e.left.x?t:e})}}])&&i(e.prototype,t),n&&i(e,n),r}();n.default=a},{"../debug-console":9}],2:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var i=r(e("./base")),a=r(e("../debug-console"));function r(e){return e&&e.__esModule?e:{default:e}}function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;ne.value?t:e},0),e=t.filter(function(e){return e.value>=r&&!n.locations.has(e.x)}),e=e.reduce(function(e,t){return e.value>t.value?e:t});return this.locations.add(e.x),this.gda=null,this.getNextProbeLocationLocal(e)}catch(e){this.gda=null;var o=this.findLargestUnknownTerritory(t);return(o.left.x+o.right.x)/2}}}]),o}();n.default=e;var h=function(){function e(){u(this,e),this.lastArmijoTangent=null,this.alpha=d}return c(e,[{key:"step",value:function(e){if(this.lastArmijoTangent||(this.lastArmijoTangent=e,this.alpha=d),e.value>this.lastArmijoTangent.value+.5*this.alpha*Math.abs(this.lastArmijoTangent.slope))return this.lastArmijoTangent=e,this.alpha=d,this.step(e);var t=this.lastArmijoTangent.x+this.alpha*this.lastArmijoTangent.slope;return a.default.log("alpha",this.alpha,"t",e,"x",t),this.alpha*=.5,t}}]),e}()},{"../debug-console":9,"./base":1}],3:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r,i=(r=e("./base"))&&r.__esModule?r:{default:r};function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){for(var n=0;n=u.treasureWidth}).map(function(e){return o=e.left,i=e.right,a=u.treasureWidth/2,t=function(e,t){var n={x:e.x,y:e.value},r={x:1,y:e.slope},o={x:t.x,y:t.value},i={x:-1,y:-t.slope},r={start:n,end:f(n,r)},i={start:o,end:f(o,i)},i=function(e,t){var n=e.end.x-e.start.x,r=e.end.y-e.start.y,o=t.end.x-t.start.x,i=t.end.y-t.start.y,a=i*n-o*r;if(0==a)return null;var u=e.start.x-t.start.x,t=e.start.y-t.start.y,a=(o*t-i*u)/a;return{x:e.start.x+a*n,y:e.start.y+a*r}}(r,i);return null!==i&&e.xt.weight?e:t}),r=o.x+a,e=i.x-a,n.x=Math.max(r,Math.min(n.x,e)),n;var o,i,a,t,n,r}).reduce(function(e,t){return e.weight>t.weight?e:t}).x}}])&&a(e.prototype,t),n&&a(e,n),o}();function f(e,t){return{x:e.x+t.x,y:e.y+t.y}}n.default=l},{"./base":1}],5:[function(e,t,n){"use strict";function o(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n").addClass("demo-explanation").css("top","".concat(e,"%")).appendTo(this.$overlay),this.$demoExplanationPages=[];for(var t=0;t<3;t+=1){var n=$("
").addClass("demo-explanation-page").appendTo(this.$demoExplanationContainer);0===t&&n.addClass(["active","first"]),this.$demoExplanationPages.push(n);for(var r=0;r<2;r+=1){var o=$("
").addClass("line").appendTo(n);(0,u.localeInit)(o,"demo-explanation",t,r)}}this.$pressToStart=$("
").addClass("title-press-to-start").appendTo(this.$overlay),(0,u.localeInit)(this.$pressToStart,"press-to-start")}},{key:"setPage",value:function(n){this.currPage=n,this.$demoExplanationPages.forEach(function(e,t){t===n?e.addClass("active"):e.hasClass("active")&&(e.removeClass("active"),e.addClass("leave"))})}}]),i}();(n.default=b).defaultOptions={duration:18e3}},{"./game-mode-play":15,"./i18n":19}],13:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r,u=(r=e("./game-mode"))&&r.__esModule?r:{default:r},c=e("./i18n");function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n').appendTo(t),c.localeInit.apply(void 0,[o].concat(l(this.getMenuTitleKeys()))),i=$('
').addClass("menu-selector-with-".concat(n.length)).appendTo(t),a=0;a').addClass("item-".concat(a)).toggleClass("selected",this.selectedIndex===a).appendTo(i),"string"==typeof u?s.text(u):Array.isArray(u)?c.localeInit.apply(void 0,[s].concat(l(u))):console.error("Menu item ".concat(a," must be of type (string|string[])[]."));this.$selectorItems=i.children(),r&&(this.$menuTip=$('
').appendTo(t),this.updateMenuTip());case 10:case"end":return e.stop()}},e,this)})),function(){return o.apply(this,arguments)})},{key:"updateMenuTip",value:function(){var e;this.$menuTip&&("string"==typeof(e=this.getMenuItemTips())?this.$menuTip.text(e[this.selectedIndex]):Array.isArray(e)&&c.localeInit.apply(void 0,[this.$menuTip].concat(l(e[this.selectedIndex]))))}},{key:"handleExitMode",value:(r=f(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}},e)})),function(){return r.apply(this,arguments)})},{key:"handleInputs",value:function(e,t){for(var n,r=this,o=0;oe.length)&&(t=e.length);for(var n=0,r=new Array(t);n').appendTo(this.game.overlay),h=$('
').appendTo(this.$overlay),r=$('
').appendTo(h),(0,S.localeInit)($("").appendTo(r),"remaining-time"),f.maxTime===Number.POSITIVE_INFINITY&&r.hide(),h=$('
').appendTo(h),(0,S.localeInit)($("").appendTo(h),"remaining-probes"),this.$remainingTime=$('').appendTo(r),this.$remainingProbes=$("").appendTo(h),f.maxProbes===Number.POSITIVE_INFINITY&&h.hide(),this.$endingSequenceContainer=$("
").appendTo(this.$overlay),p=l.group().addClass("play").addClass("draw").translate(0,260),d=function(e){return L(e,String(v.game.config.maxProbes).length," ")},o=function(e,t,n){var r=(e+1)/(t+1),o=p.group();o.addClass(n).transform({translateX:r*l.width()});var i,a=o.use(v.shipSymbol).center(0,18),u=o.group().group(),s=u.line(0,18,0,85),c=u.circle(10).center(0,90),t=$('').concat(f.maxProbes,"")).appendTo(v.$remainingProbes);return a.front(),{id:e,cssClass:n,group:o,boat:a,probe:u,doProbe:function(e){var t=this;this.probing=!0,this.remainingProbes=Math.max(0,this.remainingProbes-1),this.$remainingProbes.text(d(this.remainingProbes)),0===this.remainingProbes&&this.$remainingProbes.addClass("blinking");var n=R+300*e,r=500/R*n,o=c.animate(r,0,"now").cy(n),e=s.animate(r,0,"now").plot(0,18,0,n-5),n=0"),"objective"),(0,S.localeInit)($(""),"go"),function(){return v.discardInputs=!1});case 45:case"end":return e.stop()}},e,this)})),function(){return f.apply(this,arguments)})},{key:"handleExitMode",value:(l=j(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:null!==this.bot&&this.events.removeListener("new-tangent",this.bot.tangentListener);case 1:case"end":return e.stop()}},e,this)})),function(){return l.apply(this,arguments)})},{key:"handleInputs",value:function(e,n,t,r){var o=this,i=this.game,a=(i.draw,i.config,i.numPlayers);if(!this.discardInputs){if(!this.isGameOver){i=Math.max(0,this.remainingTime-t);return(this.remainingTime!==i&&(this.remainingTime=i),0===this.remainingTime)?(g.default.log("Time is up - GAME OVER!"),void this.gameOver(j(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",o.showLoseSequenceTimeIsUp());case 1:case"end":return e.stop()}},e)})))):0!==this.players.reduce(function(e,t){return e+t.remainingProbes},0)||this.players.reduce(function(e,t){return e||t.probing},!1)?(e=e.slice(0,a),n=n.slice(0,a),null!==this.bot&&(a=(i=h.buildBotInput(this.bot)).input,i=i.lastInput,e.push(a),n.push(i)),void this.processInputs(e,n,t,r)):(g.default.log("No probes left - GAME OVER!"),void this.gameOver(j(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",o.showLoseSequenceNoProbesLeft());case 1:case"end":return e.stop()}},e)}))))}e=-1!==e.findIndex(function(e,t){return A(e,n[t])});this.isGameOver&&e&&(this.discardInputs=!0,this.triggerEvent("done"))}}},{key:"processInputs",value:function(e,a,u){var s=this;e.forEach(function(e,t){var n,r,o=A(e,a[t]),i=s.players[t];!i||i.probing||s.isGameOver||(i.lastX=i.x,i.x+=u*e.direction*2e-4,i.x=Math.min(Math.max(.1,i.x),.9),i.flipX=0===e.direction?i.flipX:-1===e.direction,o&&0r[e]?n:e},0));return{x:n/(this.terrainHeights.length-1),y:this.terrainHeights[n]}}},{key:"addTangent",value:function(e){this.tangentGroup.find(e.cssClass).each(function(){var e,t,t=(e=this.opacity(),(t=.25)+(e-t)*.9);this.animate(500).opacity(t)});var t=this.game.draw.width(),n=this.terrainHeightExt(e.x),r=n.x,o=n.value,i=n.slope,i=180*Math.atan2(300*i,t)/Math.PI;this.tangentGroup.line(.02*-t/2,0,.02*t/2,0).addClass(e.cssClass).transform({translateX:t*r,translateY:300*o,rotate:i}),this.tangents.push(n),this.tangents.sort(function(e,t){return e.x-t.x}),this.events.emit("new-tangent",n,this.tangents.indexOf(n),this.tangents)}},{key:"gameOver",value:(c=j(regeneratorRuntime.mark(function e(t){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return this.isGameOver=!0,this.discardInputs=!0,n=this.uncoverGround(),e.next=5,Promise.all(this.players.map(function(e){return e.probingDone()}));case 5:return e.next=7,t();case 7:return this.discardInputs=!1,e.next=10,n;case 10:case"end":return e.stop()}},e,this)})),function(e){return c.apply(this,arguments)})},{key:"uncoverGround",value:(s=j(regeneratorRuntime.mark(function e(){var n,t,r,o,i=arguments;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=0').append(t),a=$('
').append(n).css("visibility","hidden"),u=$('
').addClass(o).append([u,$("
"),a]),s=56e3/s.height(),s=$('
').css({left:"50%",top:"".concat(s,"%"),width:"0px",height:"0px"}),e.next=11,i(500);case 11:return this.$endingSequenceContainer.empty().append([s,u]),C(s.get(0),u.get(0),{placement:"top"}),e.next=15,i(2e3);case 15:return a.css("visibility","visible"),r(),e.next=19,i(1e3);case 19:this.$endingSequenceContainer.empty();case 20:case"end":return e.stop()}},e,this)})),function(e,t){return u.apply(this,arguments)})},{key:"showWinSequence",value:(a=j(regeneratorRuntime.mark(function e(t){var n,r,o,i=this;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=$("").append((0,S.localeInit)($(""),"win-announcement-begin"),$("").text(t.id+1),(0,S.localeInit)($(""),"win-announcement-end")),o=function(e){return Math.floor(Math.random()*(e.length-1))},r=(0,S.localeInit)($(""),"treasures",o(IMAGINARY.i18n.t("treasures"))),o=function(){i.treasureOpened.show(),i.treasureClosed.hide()},e.next=6,this.showGameOverSequence(n,r,o,[t.cssClass]);case 6:case"end":return e.stop()}},e,this)})),function(e){return a.apply(this,arguments)})},{key:"showLoseSequenceTimeIsUp",value:(i=j(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.showGameOverSequence((0,S.localeInit)($(""),"time-is-up"),(0,S.localeInit)($(""),"game-over"));case 2:case"end":return e.stop()}},e,this)})),function(){return i.apply(this,arguments)})},{key:"showLoseSequenceNoProbesLeft",value:(o=j(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.showGameOverSequence((0,S.localeInit)($(""),"no-probes-left"),(0,S.localeInit)($(""),"game-over"));case 2:case"end":return e.stop()}},e,this)})),function(){return o.apply(this,arguments)})},{key:"showGameOverSequence",value:(r=j(regeneratorRuntime.mark(function e(t,n){var r,o,i,a,u,s,c,l=arguments;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=2').append(t),i=$('
').append(n).css("visibility","hidden"),a=$('
').css("visibility","hidden"),(0,S.localeInit)(a,"press-to-restart"),u=$('
').addClass(u).append([s,i,$("
"),a]),s=100*this.treasureLocation.x,c=56e3/c.height(),c=$('
').css({left:"".concat(s,"%"),top:"".concat(c,"%"),width:"0px",height:"0px"}),e.next=14,o(0);case 14:return this.$endingSequenceContainer.empty().append([c,u]),C(c.get(0),u.get(0),{placement:"top"}),e.next=18,o(1e3);case 18:return i.css("visibility","visible"),r(),e.next=22,o(1e3);case 22:a.css("visibility","visible");case 23:case"end":return e.stop()}},e,this)})),function(e,t){return r.apply(this,arguments)})}],n=[{key:"buildBotInput",value:function(e){var t={direction:0,action:!1},n=e.player,r=e.targetX,o=n.x,i=n.lastX,e=v(oe.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=(t-1)*(e[i][0]-n)/r;)++i;var u=(n+a/(t-1)*r-e[i-1][0])/(e[i][0]-e[i-1][0]);o[a]=e[i-1][1]+(e[i][1]-e[i-1][1])*u}return o[o.length-1]=e[e.length-1][1],o}(function e(n,t){var r=!(2e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);nr.duration||(u+=e,n=Math.min(u,r.duration)/r.duration,o.forEach(function(e,t){e.plot(i[t].map(function(e){var t=s(e,2),e=t[0],t=t[1];return[e+Math.sin((t/a+n*r.cycles)*Math.PI*2)*r.xAmplitude*(1-Math.pow(n,2)),t]}))}))}}},{}],25:[function(e,t,xe){(function(we){(function(){"use strict";function p(e){e=e.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function h(e){if("[object Window]"===e.toString())return e;e=e.ownerDocument;return e&&e.defaultView||window}function l(e){e=h(e);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function m(e){return e instanceof h(e).Element||e instanceof Element}function f(e){return e instanceof h(e).HTMLElement||e instanceof HTMLElement}function u(e){return e?(e.nodeName||"").toLowerCase():null}function v(e){return((m(e)?e.ownerDocument:e.document)||window.document).documentElement}function d(e){return p(v(e)).left+l(e).scrollLeft}function y(e){return h(e).getComputedStyle(e)}function s(e){var t=y(e),n=t.overflow,e=t.overflowX,t=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+t+e)}function g(e,t,n){void 0===n&&(n=!1);var r=v(t),o=p(e),i=f(t),a={scrollLeft:0,scrollTop:0},e={x:0,y:0};return!i&&(i||n)||("body"===u(t)&&!s(r)||(a=(i=t)!==h(i)&&f(i)?{scrollLeft:(n=i).scrollLeft,scrollTop:n.scrollTop}:l(i)),f(t)?((e=p(t)).x+=t.clientLeft,e.y+=t.clientTop):r&&(e.x=d(r))),{x:o.left+a.scrollLeft-e.x,y:o.top+a.scrollTop-e.y,width:o.width,height:o.height}}function P(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function a(e){return"html"===u(e)?e:e.assignedSlot||e.parentNode||e.host||v(e)}function b(e,t){void 0===t&&(t=[]);var n=function e(t){return 0<=["html","body","#document"].indexOf(u(t))?t.ownerDocument.body:f(t)&&s(t)?t:e(a(t))}(e),r="body"===u(n),e=h(n),n=r?[e].concat(e.visualViewport||[],s(n)?n:[]):n,t=t.concat(n);return r?t:t.concat(b(a(n)))}function r(e){if(!f(e)||"fixed"===y(e).position)return null;var t=e.offsetParent;if(t){e=v(t);if("body"===u(t)&&"static"===y(t).position&&"static"!==y(e).position)return e}return t}function E(e){for(var t=h(e),n=r(e);n&&0<=["table","td","th"].indexOf(u(n))&&"static"===y(n).position;)n=r(n);return(!n||"body"!==u(n)||"static"!==y(n).position)&&(n||function(e){for(var t=a(e);f(t)&&["html","body"].indexOf(u(t))<0;){var n=y(t);if("none"!==n.transform||"none"!==n.perspective||n.willChange&&"auto"!==n.willChange)return t;t=t.parentNode}return null}(e))||t}Object.defineProperty(xe,"__esModule",{value:!0});var T="top",_="bottom",k="right",M="left",I="auto",R=[T,_,k,M],A="start",c="end",w="clippingParents",x="viewport",O="popper",S="reference",L=R.reduce(function(e,t){return e.concat([t+"-"+A,t+"-"+c])},[]),C=[].concat(R,[I]).reduce(function(e,t){return e.concat([t,t+"-"+A,t+"-"+c])},[]),j=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function D(e){var n=new Map,r=new Set,o=[];return e.forEach(function(e){n.set(e.name,e)}),e.forEach(function(e){r.has(e.name)||!function t(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){r.has(e)||(e=n.get(e))&&t(e)}),o.push(e)}(e)}),o}function N(e){for(var t=arguments.length,n=new Array(1m[E]&&(P=ue(P));O=ue(P),E=[];if(i&&E.push(S[x]<=0),a&&E.push(S[P]<=0,S[O]<=0),E.every(function(e){return e})){g=w,y=!1;break}v.set(w,E)}if(y)for(var j=f?3:1;0r&&(i.warned=!0,(r=new Error("Possible EventEmitter memory leak detected. "+i.length+' "'+String(t)+'" listeners added. Use emitter.setMaxListeners() to increase limit.')).name="MaxListenersExceededWarning",r.emitter=e,r.type=t,r.count=i.length,"object"==typeof console&&console.warn&&console.warn("%s: %s",r.name,r.message))):(i=o[t]=n,++e._eventsCount),e}function p(){if(!this.fired)switch(this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length){case 0:return this.listener.call(this.target);case 1:return this.listener.call(this.target,arguments[0]);case 2:return this.listener.call(this.target,arguments[0],arguments[1]);case 3:return this.listener.call(this.target,arguments[0],arguments[1],arguments[2]);default:for(var e=new Array(arguments.length),t=0;t this.lower <= t.x && t.x < this.upper)\n .reduce((acc, cur) => acc.add(cur.x), new Set())\n .add(this.lower)\n .add(this.upper);\n const sortedPositions = Array.from(positions.values()).sort();\n\n const rightIndex = sortedPositions.findIndex(p => x <= p);\n const left = sortedPositions[Math.max(0, rightIndex - 1)];\n const right = sortedPositions[rightIndex];\n\n debugConsole.log(sortedPositions, x, rightIndex);\n\n return right - left;\n }\n\n getOppositeTangentDistance(tangentX, x, tangents, lowerValue, lowerSlope, upperValue, upperSlope) {\n debugConsole.assert(\n this.lower <= x && x <= this.upper,\n `x=${x} out of range [${this.lower},${this.upper}]`\n );\n debugConsole.assert(\n this.lower <= tangentX && tangentX <= this.upper,\n `tangentX=${tangentX} out of range [${this.lower},${this.upper}]`\n );\n\n const lowerTangent = { x: this.lower, value: lowerValue, slope: lowerSlope };\n const upperTangent = { x: this.upper, value: upperValue, slope: upperSlope };\n\n if (tangentX < x) {\n const rightIndex = tangents.map(t => t.x).findIndex(tx => x <= tx);\n const right = rightIndex === -1 ? upperTangent : tangents[rightIndex];\n return right;\n } else {\n const tangentsRev = [...tangents].reverse();\n const leftIndex = tangentsRev.map(t => t.x).findIndex(tx => tx <= x);\n const left = leftIndex === -1 ? lowerTangent : tangentsRev[leftIndex];\n return left;\n }\n }\n\n buildTangentPairsInRange(tangents, lowerValue, lowerSlope, upperValue, upperSlope) {\n // Filter out-of-range tangents\n tangents = tangents.filter(t => this.lower <= t.x && t.x <= this.upper);\n\n // Add sentinel tangents for left and right border\n tangents.unshift({ x: this.lower, value: lowerValue, slope: lowerSlope });\n tangents.push({ x: this.upper, value: upperValue, slope: upperSlope });\n\n // Build list of pairs of adjacent tangents\n const tangentPairs = Array.from(\n { length: tangents.length - 1 },\n (_, i) => ({ left: tangents[i], right: tangents[i + 1] })\n )\n\n return tangentPairs;\n }\n\n findLargestUnknownTerritory(tangents) {\n // Build list of pairs of adjacent tangents and remove pairs that are too close together\n const tangentPairs = this.buildTangentPairsInRange(tangents, 0, 0, 0, 0)\n .filter(pair => pair.right.x - pair.left.x >= this.treasureWidth);\n\n const largestUnknownTerritory = tangentPairs.reduce(\n (acc, cur) => cur.right.x - cur.left.x > acc.right.x - acc.left.x ? cur : acc\n );\n\n return largestUnknownTerritory;\n }\n}\n","import BotStrategyBase from './base';\nimport debugConsole from '../debug-console';\n\nconst INITIAL_ALPHA = 1.0 / Math.pow(2, 7);\nconst SIGMA = 0.5;\nconst RHO = 0.5;\nconst LOCAL_MIN_SLOPE = 0.2;\n\n/**\n * This is a backtracking gradient descent strategy using the Armijo step size condition.\n */\nexport default class BotStrategyGradientDescent extends BotStrategyBase {\n\n constructor(lower, upper, treasureWidth) {\n super(lower, upper, treasureWidth);\n this.gda = null;\n this.lastTarget = null;\n this.locations = new Set();\n }\n\n /**\n * Return next probe location based on gradient descent.\n *\n * @param tangents {[{x:number,value:number,slope:number}]}\n * @param player\n * @param playerIndex {number}\n * @param players {[]}\n * @returns {number}\n */\n getNextProbeLocation(tangents, player, playerIndex, players) {\n let x;\n if (this.lastTarget === null) {\n // There is no last target -> probe at the current location\n x = player.x;\n } else {\n // There is a last target\n const lastTargetTangent = tangents.find(t => t.x === this.lastTarget) || null;\n if (lastTargetTangent === null) {\n // The player didn't probe at the last target yet -> send the player there again\n x = this.lastTarget;\n } else {\n // There is a tangent for the last target -> continue from there\n try {\n // Try to do a local step\n x = this.getNextProbeLocationLocal(lastTargetTangent, tangents);\n } catch (e) {\n debugConsole.log('BotStrategyGradientDescent', e.message);\n // Local step failed -> do a global step\n x = this.getNextProbeLocationGlobal(tangents);\n }\n }\n }\n\n this.locations.add(x);\n this.lastTarget = x;\n return x;\n }\n\n getNextProbeLocationLocal(currentTangent, tangents) {\n debugConsole.log('BotStrategyGradientDescent', 'Local step with ', currentTangent);\n\n if (Math.abs(currentTangent.slope) < LOCAL_MIN_SLOPE) {\n throw new Error('Local minimum reached');\n }\n\n if (this.gda === null) {\n this.locations.add(currentTangent.x);\n this.gda = new GradientDescentArmijo();\n }\n\n let x;\n do {\n x = this.clamp(this.gda.step(currentTangent));\n // TODO: Do not look for the adjacent tangents but for the last Armijo tangents and the\n // TODO: tangent on the opposite side of x\n // NOTE: This doesn't care about overshooting. Even though it could easily be prevented,\n // the regular gradient descent algorithm doesn't do it so we don't do it either\n const oppositeTangent = this.getOppositeTangentDistance(\n this.gda.lastArmijoTangent.x,\n x,\n tangents\n );\n const oppositeTangentDistance = Math.abs(this.gda.lastArmijoTangent.x - oppositeTangent.x);\n const localMinimumInBetween = this.gda.lastArmijoTangent.slope * oppositeTangent.slope < 0;\n const tooNarrow = oppositeTangentDistance < this.treasureWidth;\n debugConsole.log(\n \"oppositeTangentDistance\", oppositeTangentDistance,\n \"tooNarrow\", tooNarrow\n );\n if (x === this.gda.lastArmijoTangent.x || (localMinimumInBetween && tooNarrow)) {\n // No useful progress possible -> do global search step\n throw new Error('No local progress possible');\n }\n }\n while (this.locations.has(x)); // don't probe the same position twice\n\n return x;\n }\n\n getNextProbeLocationGlobal(tangents) {\n debugConsole.log('BotStrategyGradientDescent', 'Global step');\n\n try {\n // Try to find a tangent that we didn't use so far and that's above all currently known local maxima\n\n const bestLocalMaximum = tangents\n .filter(t => Math.abs(t.slope) < LOCAL_MIN_SLOPE)\n .reduce((acc, cur) => cur.value > acc.value ? cur : acc, 0);\n const unknownTangentsEqualGreaterLocalMaximum = tangents\n .filter(t => t.value >= bestLocalMaximum && !this.locations.has(t.x));\n const bestTangentReducer = (acc, cur) => acc.value > cur.value ? acc : cur;\n\n // The following will throw an error if the array is empty -> continue with catch-clause.\n const bestTangent = unknownTangentsEqualGreaterLocalMaximum.reduce(bestTangentReducer);\n\n // We didn't probe at that location ourselves, but we can assume we did\n this.locations.add(bestTangent.x);\n\n // Start a local search from the new starting point\n this.gda = null;\n return this.getNextProbeLocationLocal(bestTangent)\n } catch (e) {\n // Jump to the mid point of the largest unknown territory\n this.gda = null;\n const largestUnknownTerritory = this.findLargestUnknownTerritory(tangents);\n return (largestUnknownTerritory.left.x + largestUnknownTerritory.right.x) / 2;\n }\n }\n}\n\nclass GradientDescentArmijo {\n constructor() {\n this.lastArmijoTangent = null;\n this.alpha = INITIAL_ALPHA;\n }\n\n step(tangent) {\n if (!this.lastArmijoTangent) {\n this.lastArmijoTangent = tangent;\n this.alpha = INITIAL_ALPHA;\n }\n\n const armijo = tangent.value > this.lastArmijoTangent.value\n + this.alpha * SIGMA * Math.abs(this.lastArmijoTangent.slope);\n if (armijo) {\n this.lastArmijoTangent = tangent;\n this.alpha = INITIAL_ALPHA;\n return this.step(tangent);\n } else {\n const x = this.lastArmijoTangent.x + this.alpha * this.lastArmijoTangent.slope;\n debugConsole.log('alpha', this.alpha, 't', tangent, 'x', x);\n this.alpha *= RHO;\n return x;\n }\n }\n}\n","import BotStrategyBase from './base';\n\nexport default class BotStrategyRandom extends BotStrategyBase {\n /**\n * Return a random next probe location.\n *\n * @param tangents {[{x:number,value:number,slope:number}]}\n * @param player\n * @param playerIndex {number}\n * @param players {[]}\n * @returns {number}\n */\n getNextProbeLocation(tangents, player, playerIndex, players) {\n return this.lower + (this.upper - this.lower) * Math.random();\n }\n}\n","import BotStrategyBase from './base';\n\nexport default class BotStrategyTangentIntersection extends BotStrategyBase {\n /**\n * TODO: Document\n *\n * @param tangents {[{x:number,value:number,slope:number}]}\n * @param player\n * @param playerIndex {number}\n * @param players {[]}\n * @returns {number}\n */\n getNextProbeLocation(tangents, player, playerIndex, players) {\n // Build list of pairs of adjacent tangents and remove pairs that are too close together\n const tangentPairs = this.buildTangentPairsInRange(tangents, 0, 0.5, 0, -0.5)\n .filter(pair => pair.right.x - pair.left.x >= this.treasureWidth);\n\n // Compute a new weighted point for each pair of tangents\n const inBetweenPoints = tangentPairs.map(pair => computePointBetweenTangents(\n pair.left,\n pair.right,\n this.treasureWidth / 2\n ));\n\n // Choose the one with the highest weight\n const newX = inBetweenPoints.reduce((acc, cur) => acc.weight > cur.weight ? acc : cur).x;\n\n return newX;\n }\n}\n\nfunction computePointBetweenTangents(left, right, margin) {\n const intersectionPoint = intersectTangents(left, right);\n const midPoint = {\n x: (left.x + right.x) / 2,\n y: (left.value + right.value) / 2,\n };\n const leftAtCenter = {\n x: midPoint.x,\n y: left.value + left.slope * (right.x - left.x),\n }\n const rightAtCenter = {\n x: midPoint.x,\n y: right.value - right.slope * (right.x - left.x),\n }\n\n const all = [intersectionPoint, midPoint, leftAtCenter, rightAtCenter];\n const best = all.filter(p => p !== null)\n .map(p => Object.assign(p, { weight: weighIntersection(left, right, p, margin) }))\n .reduce((acc, cur) => acc.weight > cur.weight ? acc : cur);\n\n // Make sure the new x is far away from both ends\n const minX = left.x + margin;\n const maxX = right.x - margin;\n best.x = Math.max(minX, Math.min(best.x, maxX));\n\n return best;\n}\n\nfunction weighIntersection(left, right, intersection, margin) {\n if (left.value <= intersection.y && right.value <= intersection.y) {\n // high weight if intersection point probably improves upon its endpoints\n return 1 + intersection.y;\n } else {\n return intersection.y * (right.x - left.x - 2 * margin);\n }\n}\n\nfunction intersectTangents(left, right) {\n const pl = { x: left.x, y: left.value };\n const vl = { x: 1, y: left.slope };\n const pr = { x: right.x, y: right.value };\n const vr = { x: -1, y: -right.slope };\n const ll = { start: pl, end: add(pl, vl) };\n const lr = { start: pr, end: add(pr, vr) };\n const p = intersectLines(ll, lr);\n const inInterval = p !== null // the two lines intersect\n && left.x < p.x && p.x < right.x; // intersection point is in between the two endpoints\n return inInterval ? p : null;\n}\n\nfunction add(p, v) {\n return { x: p.x + v.x, y: p.y + v.y }\n}\n\nfunction intersectLines(l1, l2) {\n const d1x = l1.end.x - l1.start.x;\n const d1y = l1.end.y - l1.start.y;\n const d2x = l2.end.x - l2.start.x;\n const d2y = l2.end.y - l2.start.y;\n const denominator = (d2y * d1x) - (d2x * d1y);\n if (denominator === 0) {\n return null;\n }\n\n const d12x = l1.start.x - l2.start.x;\n const d12y = l1.start.y - l2.start.y;\n const numerator = (d2x * d12y) - (d2y * d12x);\n const t = numerator / denominator;\n\n return {\n x: l1.start.x + t * d1x,\n y: l1.start.y + t * d1y,\n };\n}\n","/**\n * Component that handles gamepad controls\n *\n */\nexport default class Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to handle\n */\n constructor(count) {\n this.states = Array(count)\n .fill(null)\n .map(_ => ({\n left: false,\n right: false,\n action: false,\n language: false,\n }));\n this.statesModified = false;\n }\n\n /**\n * Builds a single on-screen controller\n *\n * @protected\n */\n modifyState(id, key, value) {\n if (this.states[id][key] !== value) {\n this.states[id][key] = value;\n this.statesModified = true;\n }\n }\n\n /**\n * Returns state of all controllers\n *\n * State is returned as an array with one object per controller\n * with properties indicating the state of each button.\n *\n * @return {[{\n * left: Boolean,\n * right: Boolean,\n * action: Boolean,\n * language: Boolean,\n * }]}\n */\n getStates() {\n if (this.statesModified) {\n const result = this.states;\n this.states = this.states.map(s => Object.assign({}, s)); // immutability: use cloned array for future changes\n this.statesModified = false;\n return result;\n } else {\n return this.states;\n }\n }\n}\n","import Controls from \"./controls\";\n\n/**\n * Component that handles gamepad controls\n *\n */\nexport default class GamepadControls extends Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to show\n */\n constructor(count) {\n super(count);\n }\n\n updateState() {\n // clone the current state such state objects are immutable\n this.states = [...this.states];\n Array.from(navigator.getGamepads())\n .filter(gp => gp !== null && gp.index < this.states.length)\n .forEach(gp => {\n this.modifyState(gp.index, \"left\", gp.axes[0] < -0.5 || (gp.buttons[14]?.pressed ?? false));\n this.modifyState(gp.index, \"right\", gp.axes[0] > 0.5 || (gp.buttons[15]?.pressed ?? false));\n this.modifyState(gp.index, \"action\", (gp.buttons[1]?.pressed ?? false) || (gp.buttons[2]?.pressed ?? false));\n this.modifyState(gp.index, \"language\", gp.buttons[8]?.pressed ?? false);\n });\n }\n\n /**\n * Returns state of all controllers\n *\n * State is returned as an array with one object per controller\n * with properties indicating the state of each button.\n *\n * @return {[{\n * left: Boolean,\n * right: Boolean,\n * action: Boolean,\n * language: Boolean,\n * }]}\n */\n getStates() {\n this.updateState();\n return super.getStates();\n }\n}\n","import Controls from \"./controls\";\n\nconst keyMap = {\n 'ArrowLeft': { id: 0, prop: 'left' },\n 'ArrowRight': { id: 0, prop: 'right' },\n 'ArrowDown': { id: 0, prop: 'action' },\n 'Space': { id: 0, prop: 'action' },\n 'KeyL': { id: 0, prop: 'language' },\n 'KeyA': { id: 1, prop: 'left' },\n 'KeyD': { id: 1, prop: 'right' },\n 'KeyS': { id: 1, prop: 'action' },\n};\nconst keyCodes = Object.keys(keyMap);\n\n/**\n * Certain default actions like scrolling should be prevented for the keys used for the game.\n */\nfunction preventDefaultActionForKeys(e) {\n if (keyCodes.includes(e.code))\n e.preventDefault();\n}\n\n/**\n * Component that handles keyboard controls\n *\n * Supports up to two players at the moment.\n *\n */\nexport default class KeyboardControls extends Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to show\n */\n constructor(count) {\n super(count);\n\n const keyCallback = ev => {\n const key = keyMap[ev.code];\n if (key && key.id < count)\n this.modifyState(key.id, key.prop, ev.type === 'keydown');\n };\n\n window.addEventListener('keydown', keyCallback);\n window.addEventListener('keyup', keyCallback);\n window.addEventListener(\"keydown\", preventDefaultActionForKeys, false);\n }\n}\n","import Controls from \"./controls\";\n\n/**\n * Component that handles on-screen controls\n *\n * Supports both mouse and multitouch input.\n *\n */\nexport default class ScreenControls extends Controls {\n /**\n * Constructor\n *\n * @param {Number} count\n * (Integer) Number of controllers to show\n */\n constructor(count) {\n super(count);\n this.element = document.createElement('div');\n this.element.classList.add('screen-controls');\n this.element.classList.add(`with-${count}-controls`);\n\n for (let i = 0; i < this.states.length; ++i)\n this.element.appendChild(this.buildControl(i));\n\n // Global mouseup handling for all buttons\n this.mousePressedButton = null;\n window.addEventListener('mouseup', () => {\n if (this.mousePressedButton !== null) {\n this.modifyState(this.mousePressedButton.id, this.mousePressedButton.name, false);\n this.mousePressedButton.element.classList.remove('active');\n this.mousePressedButton = null;\n }\n });\n }\n\n /**\n * Builds a single on-screen controller\n *\n * @private\n * @param {Number} id\n * Zero-based integer index of the controller\n * @return {HTMLDivElement}\n */\n buildControl(id) {\n const root = document.createElement('div');\n root.classList.add('screen-control', `screen-control-${id}`);\n\n const newButton = (name) => {\n const button = document.createElement('button');\n button.setAttribute('type', 'button');\n button.classList.add(name);\n\n const checkTouches = (ev) => {\n if (ev.targetTouches.length > 0) {\n this.modifyState(id, name, true);\n button.classList.add('active');\n } else {\n this.modifyState(id, name, false);\n button.classList.remove('active');\n }\n ev.preventDefault();\n };\n\n button.addEventListener('touchstart', checkTouches, { passive: false });\n button.addEventListener('touchmove', checkTouches, { passive: false });\n button.addEventListener('touchend', checkTouches, { passive: false });\n button.addEventListener('touchcancel', checkTouches, { passive: false });\n\n button.addEventListener('mousedown', () => {\n this.modifyState(id, name, true);\n button.classList.add('active');\n this.mousePressedButton = {\n id,\n name,\n element: button,\n };\n });\n\n return button;\n };\n\n root.appendChild(newButton('left'));\n root.appendChild(newButton('action'));\n root.appendChild(newButton('right'));\n\n return root;\n }\n}\n","class DebugConsole {\n constructor() {\n this.active = false;\n }\n\n setActive(state) {\n this.active = state;\n }\n\n log(...args) {\n if (this.active) {\n console.log(...args);\n }\n }\n\n assert(...args) {\n console.assert(...args);\n }\n}\n\nconst singleton = new DebugConsole();\nexport default singleton;\n","import debugConsole from './debug-console';\n\nexport default class FullScreenToggle {\n constructor() {\n this.fullScreenButton = document.createElement('div');\n this.fullScreenButton.classList.add('fullscreen-button');\n\n this.expandIcon = document.createElement('i');\n this.expandIcon.classList.add('fas', 'fa-sm', 'fa-expand');\n this.fullScreenButton.appendChild(this.expandIcon);\n\n this.compressIcon = document.createElement('i');\n this.compressIcon.classList.add('fas', 'fa-compress');\n this.fullScreenButton.appendChild(this.compressIcon);\n\n window.addEventListener('fullscreenchange', () => this.fullScreenChangeHandler());\n this.fullScreenChangeHandler();\n\n this.fullScreenButton.onpointerup = () => this.toggleFullScreen();\n\n this.element = this.fullScreenButton;\n }\n\n fullScreenChangeHandler() {\n this.expandIcon.style.display = document.fullscreenElement ? 'none' : 'block';\n this.compressIcon.style.display = !document.fullscreenElement ? 'none' : 'block';\n }\n\n toggleFullScreen() {\n if (document.fullscreenEnabled) {\n if (!document.fullscreenElement) {\n document.documentElement.requestFullscreen().catch(err => console.log(err));\n } else {\n document.exitFullscreen().catch(err => console.log(err));\n }\n } else {\n console.log('Your browser cannot use fullscreen right now');\n }\n }\n}\n","/* globals IMAGINARY */\nimport MenuMode from './game-mode-menu';\n\nconst BOT_TYPE_ORDER = ['none', 'random', 'gradient-descent', 'tangent-intersection'];\n\nexport default class BotTypeMode extends MenuMode {\n getMenuTitleKeys() {\n return ['choose-bot-type', this.game.config.botTypeLabels];\n }\n\n getMenuItems() {\n const keysPrefix = ['bot-types', this.game.config.botTypeLabels];\n return BOT_TYPE_ORDER.map(key => [...keysPrefix, key]);\n }\n\n getMenuItemTips() {\n if (this.game.config.showBotTypeTips) {\n const keysPrefix = ['bot-types', this.game.config.botTypeLabels];\n return BOT_TYPE_ORDER.map(key => [...keysPrefix, `${key}-tip`]);\n }\n return null;\n }\n\n getDefaultItemIndex() {\n const index = BOT_TYPE_ORDER.indexOf(this.game.botType);\n return index !== -1 ? index : 0;\n }\n\n processSelection(selectedIndex) {\n super.processSelection(selectedIndex);\n this.game.botType = BOT_TYPE_ORDER[selectedIndex];\n }\n}\n","import PlayMode from './game-mode-play';\nimport { localeInit } from './i18n';\n\nconst PAGE_COUNT = 3;\nconst LINE_COUNT = 2;\n// todo: The constant below was copied from game-mode-play.js\n// but they really should be exported by the PlayMode class\nconst WATER_DISTANCE = 260;\n\nclass DemoGame {\n constructor(propOverrides) {\n this.propOverrides = propOverrides;\n }\n\n get(target, prop, receiver) {\n if (this.propOverrides[prop] !== undefined) {\n return this.propOverrides[prop];\n }\n return Reflect.get(...arguments);\n }\n}\n\nexport default class DemoMode extends PlayMode {\n constructor(game, options) {\n const config = {...game.config, ...{\n maxProbes: Infinity,\n maxTime: Infinity,\n }};\n const demoGame = new Proxy(game, new DemoGame({\n config,\n numPlayers: 0,\n botType: 'tangent-intersection',\n }));\n super(demoGame);\n this.options = {...DemoMode.defaultOptions, ...options};\n this.currPage = 0;\n }\n\n async handleEnterMode() {\n await super.handleEnterMode();\n this.remainingTime = this.options.duration;\n this.showDemoText();\n }\n\n handleInputs(inputs, lastInputs, delta, ts) {\n const { numPlayers } = this.game;\n\n if (inputs.find((ctrl, i) => ctrl.action && !lastInputs[i].action)) {\n this.demoOver();\n this.triggerEvent('done');\n return;\n }\n\n // Update remaining time\n const newRemainingTime = Math.max(0, this.remainingTime - delta);\n if (this.remainingTime !== newRemainingTime) {\n this.remainingTime = newRemainingTime;\n }\n if (this.remainingTime === 0) {\n this.demoOver();\n this.triggerEvent('timeout');\n return;\n }\n const timePerPage = this.options.duration / PAGE_COUNT;\n const timeElapsed = this.options.duration - this.remainingTime;\n const expectedPage = Math.floor(PAGE_COUNT - this.remainingTime / (this.options.duration / PAGE_COUNT));\n // const expectedPage = Math.floor(timeElapsed / timePerPage);\n if (expectedPage !== this.currPage) {\n this.setPage(expectedPage);\n }\n\n // Discard inputs that don't belong to an active player\n inputs = inputs.slice(0, numPlayers);\n lastInputs = lastInputs.slice(0, numPlayers);\n\n if (this.bot !== null) {\n const { input, lastInput } = PlayMode.buildBotInput(this.bot);\n inputs.push(input);\n lastInputs.push(lastInput);\n }\n\n // Regular move & probe logic\n this.processInputs(inputs, lastInputs, delta, ts);\n }\n\n async gameOver(endingSequenceCallback) {\n // Do nothing. The demo cannot be won.\n }\n\n async demoOver() {\n await Promise.all(this.players.map(p => p.probingDone()));\n }\n\n async showGameStartSequence() {\n return null;\n }\n\n showDemoText() {\n const { draw } = this.game;\n const top = 100 * (WATER_DISTANCE * 1.3 ) / draw.height();\n this.$demoExplanationContainer = $('
')\n .addClass('demo-explanation')\n .css('top', `${top}%`)\n .appendTo(this.$overlay);\n\n this.$demoExplanationPages = [];\n // Todo: This below should be more flexible, but there are potential\n // problems with how i18n is currently handled.\n for (let i = 0; i < PAGE_COUNT; i += 1) {\n const $page = $('
')\n .addClass('demo-explanation-page')\n .appendTo(this.$demoExplanationContainer);\n if (i === 0) {\n $page.addClass(['active', 'first']);\n }\n this.$demoExplanationPages.push($page);\n for (let j = 0; j < LINE_COUNT; j += 1) {\n const $line = $('
').addClass('line').appendTo($page);\n localeInit($line, 'demo-explanation', i, j);\n }\n }\n\n this.$pressToStart = $('
')\n .addClass('title-press-to-start')\n .appendTo(this.$overlay);\n localeInit(this.$pressToStart,'press-to-start');\n }\n\n setPage(pageNumber) {\n this.currPage = pageNumber;\n this.$demoExplanationPages.forEach(($page, i) => {\n if (i === pageNumber) {\n $page.addClass('active');\n } else {\n if ($page.hasClass('active')) {\n $page.removeClass('active');\n $page.addClass('leave');\n }\n }\n });\n }\n}\n\nDemoMode.defaultOptions = {\n duration: 18 * 1000,\n};\n","/* globals IMAGINARY */\nimport GameMode from './game-mode';\nimport {localeInit} from \"./i18n\";\n\nexport default class MenuMode extends GameMode {\n\n constructor(game) {\n super(game);\n }\n\n async handleEnterMode() {\n const $overlay = $(this.game.overlay);\n\n const menuItemsSpecs = this.getMenuItems();\n const menuItemTipsSpecs = this.getMenuItemTips();\n\n this.selectedIndex = this.getDefaultItemIndex();\n const $menuTitle = $('
')\n .appendTo($overlay);\n localeInit($menuTitle, ...this.getMenuTitleKeys());\n const $selector = $('
')\n .addClass(`menu-selector-with-${menuItemsSpecs.length}`)\n .appendTo($overlay);\n // Build menu items\n for (let i = 0; i < menuItemsSpecs.length; ++i) {\n const menuItemSpec = menuItemsSpecs[i];\n const $menuItem = $('
')\n .addClass(`item-${i}`)\n .toggleClass('selected', this.selectedIndex === i)\n .appendTo($selector);\n\n if (typeof menuItemSpec === 'string') {\n $menuItem.text(menuItemSpec);\n } else if (Array.isArray(menuItemSpec)) {\n localeInit($menuItem, ...menuItemSpec);\n } else {\n console.error(`Menu item ${i} must be of type (string|string[])[].`);\n }\n }\n this.$selectorItems = $selector.children();\n if (menuItemTipsSpecs) {\n this.$menuTip = $('
')\n .appendTo($overlay);\n this.updateMenuTip();\n }\n }\n\n updateMenuTip() {\n if (this.$menuTip) {\n const tipsSpec = this.getMenuItemTips();\n if (typeof tipsSpec === 'string') {\n this.$menuTip.text(tipsSpec[this.selectedIndex]);\n } else if (Array.isArray(tipsSpec)) {\n localeInit(this.$menuTip, ...tipsSpec[this.selectedIndex]);\n }\n }\n }\n\n async handleExitMode() {\n // Cleanup timers, etc. created on handleEnterMode\n }\n\n handleInputs(inputs, lastInputs, delta, ts) {\n const clampIndex = i => Math.max(0, Math.min(i, this.$selectorItems.length - 1));\n\n for (let i = 0; i < inputs.length; ++i) {\n const [input, lastInput] = [inputs[i], lastInputs[i]];\n\n if (input.direction !== 0 && input.direction * lastInput.direction <= 0) {\n this.$selectorItems.eq(this.selectedIndex).removeClass('selected');\n this.selectedIndex = clampIndex(this.selectedIndex + input.direction);\n this.$selectorItems.eq(this.selectedIndex).addClass('selected');\n this.updateMenuTip();\n }\n\n if (input.action && !lastInput.action) {\n this.processSelection(this.selectedIndex);\n this.triggerEvent('done');\n break;\n }\n }\n }\n\n /**\n * Get the menu title i18n key.\n *\n * Overwrite this method in a subclass to provide the menu title.\n * I will be called whenever this game mode is entered.\n *\n * @returns {string[]}\n */\n getMenuTitleKeys() {\n return [\"menu\"];\n }\n\n /**\n * Get the menu items.\n *\n * Overwrite this method in a subclass to provide the list of menu items.\n * I will be called whenever this game mode is entered to also reflect possible language changes.\n *\n * @returns {(string|string[])[]} Either an array of strings to use as labels or and an array of arrays of strings\n * that will be used as keys into the i18n database.\n */\n getMenuItems() {\n return ['One', 'Two'];\n }\n\n /**\n * Get the menu item tips.\n *\n * Menu items tips are longer descriptions about each menu item that are shown when the user\n * moves through them.\n *\n * Overwrite this method in a subclass to provide the list of menu item tips.\n * I will be called whenever this game mode is entered to also reflect possible language changes.\n *\n * @returns {null|(string|string[])[]}\n * Either an array of strings to use as labels or and an array of arrays of strings\n * that will be used as keys into the i18n database. Can be null if no tips are available.\n */\n getMenuItemTips() {\n return null;\n }\n\n /**\n * Get the index of the default menu item. This can be used to preselect menu items in subclasses.\n *\n * @returns {number}\n */\n getDefaultItemIndex() {\n return 0;\n }\n\n processSelection(itemIndex) {\n }\n}\n","/* globals IMAGINARY */\nimport MenuMode from './game-mode-menu';\n\nexport default class PlayerNumberMode extends MenuMode {\n constructor(game) {\n super(game);\n this._menuItems = Array.from(\n { length: this.game.config.maxPlayers },\n (_, id) => String(id + 1));\n }\n\n getMenuTitleKeys() {\n return ['choose-num-players'];\n }\n\n getMenuItems() {\n return this._menuItems;\n }\n\n getDefaultItemIndex() {\n return this.game.numPlayers - 1;\n }\n\n processSelection(selectedIndex) {\n super.processSelection(selectedIndex);\n this.game.numPlayers = selectedIndex + 1;\n }\n}\n","import EventEmitter from 'events';\nimport { createPopper } from '@popperjs/core';\n\nimport debugConsole from './debug-console';\nimport GameMode from './game-mode';\nimport terrain from './terrain';\nimport * as waves from './waves';\nimport BotStrategyBase from './bot-strategies/base';\nimport BotStrategyRandom from './bot-strategies/random';\nimport BotStrategyTangentIntersection from './bot-strategies/tangent-intersection';\nimport BotStrategyGradientDescent from './bot-strategies/gradient-descent';\nimport {localeInit} from \"./i18n\";\n\nconst WATER_HEIGHT_SCALE = 10;\nconst NUM_WATER_POINTS = 300;\nconst WATER_FPS = 5;\nconst WATER_DISTANCE = 260;\nconst WATER_LOOP_DURATION = 20 * 1000;\n\nconst BOAT_DRAFT = 18;\n\nconst TERRAIN_HEIGHT_SCALE = 300;\nconst NUM_TERRAIN_POINTS = 300;\nconst MAX_TERRAIN_EXTREMA = 20;\nconst TERRAIN_MARGIN_WIDTH = 0.1;\nconst TERRAIN_DISTANCE = 300;\n\n// How far should the boat move on user input per ms\nconst SPEED_FACTOR = 0.2 / 1000.0;\n\nconst PROBE_SIZE = 10;\nconst PROBE_DISTANCE_AT_REST = 0.3;\nconst PROBE_MIN_DURATION = 500;\nconst PROBE_DELAY = 500;\n\nconst TANGENT_LENGTH = 0.02;\nconst TANGENT_MIN_OPACITY = 0.25;\nconst TANGENT_OPACITY_FADEOUT_FACTOR = 0.9;\nconst TANGENT_OPACITY_FADEOUT_DURATION = 500;\n\nconst TREASURE_SIZE = 0.03;\n\nconst START_SEQUENCE_FST_DELAY = 500;\nconst START_SEQUENCE_AFTER_FST_DELAY = 2000;\nconst START_SEQUENCE_AFTER_SND_DELAY = 1000;\n\nconst UNCOVER_DURATION = 2000;\nconst ENDING_SEQUENCE_FST_DELAY = 0;\nconst ENDING_SEQUENCE_SND_DELAY = 1000;\nconst ENDING_SEQUENCE_RESTART_DELAY = 1000;\n\nexport default class PlayMode extends GameMode {\n\n constructor(game) {\n super(game);\n const wavesPoints = Array(NUM_WATER_POINTS).fill(null);\n this.wavesPoints = t => waves.points(wavesPoints, t, game.draw.width(), WATER_HEIGHT_SCALE);\n this.bot = null;\n }\n\n async preLoadAssets() {\n this.shipSymbol = await this.game.loadSVGSymbol('assets/img/ship.svg');\n this.shipSymbol.attr({ overflow: 'visible' });\n this.treasureClosedSymbol = await this.game.loadSVGSymbol('assets/img/treasure-closed.svg');\n this.treasureClosedSymbol.attr({ overflow: 'visible' });\n this.treasureOpenedSymbol = await this.game.loadSVGSymbol('assets/img/treasure-opened.svg');\n this.treasureOpenedSymbol.attr({ overflow: 'visible' });\n }\n\n async handleEnterMode() {\n const { draw, config, numPlayers, botType } = this.game;\n\n this.isGameOver = false;\n this.discardInputs = false;\n\n this.remainingTime = config.maxTime * 1000;\n\n this.tangents = [];\n\n this.$overlay = $('
').appendTo(this.game.overlay);\n const $gameStats = $('
').appendTo(this.$overlay);\n\n const $remainingTimeContainer = $('
')\n .appendTo($gameStats);\n localeInit($('').appendTo($remainingTimeContainer), 'remaining-time');\n if (config.maxTime === Number.POSITIVE_INFINITY)\n $remainingTimeContainer.hide()\n\n const $remainingProbesContainer = $('
')\n .appendTo($gameStats);\n localeInit($('').appendTo($remainingProbesContainer), 'remaining-probes');\n this.$remainingTime = $('')\n .appendTo($remainingTimeContainer);\n this.$remainingProbes = $('').appendTo($remainingProbesContainer);\n if (config.maxProbes === Number.POSITIVE_INFINITY)\n $remainingProbesContainer.hide()\n\n this.$endingSequenceContainer = $('
').appendTo(this.$overlay);\n\n const modeGroup = draw.group()\n .addClass('play')\n .addClass('draw')\n .translate(0, WATER_DISTANCE);\n\n\n const padRemainingProbes = num => pad(num, String(this.game.config.maxProbes).length, ' ');\n const createPlayer = (playerIndex, numPlayers, cssClass) => {\n const x = (playerIndex + 1) / (numPlayers + 1);\n const group = modeGroup.group();\n group\n .addClass(cssClass)\n .transform({ translateX: x * draw.width() });\n\n const boat = group.use(this.shipSymbol)\n .center(0, BOAT_DRAFT);\n\n const probeParent = group.group();\n const probe = probeParent.group();\n const probeY = TERRAIN_DISTANCE * PROBE_DISTANCE_AT_REST;\n const probeRope = probe.line(0, BOAT_DRAFT, 0, probeY - PROBE_SIZE / 2);\n const probeCircle = probe.circle(PROBE_SIZE).center(0, probeY);\n\n const doProbe = function (terrainHeight) {\n this.probing = true;\n this.remainingProbes = Math.max(0, this.remainingProbes - 1);\n this.$remainingProbes.text(padRemainingProbes(this.remainingProbes));\n if (this.remainingProbes === 0)\n this.$remainingProbes.addClass(\"blinking\");\n const probeHeight = TERRAIN_DISTANCE + TERRAIN_HEIGHT_SCALE * terrainHeight;\n const probeDuration = probeHeight * (PROBE_MIN_DURATION / TERRAIN_DISTANCE);\n\n const probeDown = probeCircle.animate(probeDuration, 0, 'now')\n .cy(probeHeight);\n const probeRopeDown = probeRope.animate(probeDuration, 0, 'now')\n .plot(0, BOAT_DRAFT, 0, probeHeight - PROBE_SIZE / 2);\n\n const yUp = this.remainingProbes > 0 ? TERRAIN_DISTANCE\n * PROBE_DISTANCE_AT_REST : BOAT_DRAFT + PROBE_SIZE;\n const probeUp = probeDown.animate(probeDuration, PROBE_DELAY)\n .cy(yUp)\n .after(() => this.probing = false);\n const probeRopeUp = probeRopeDown.animate(probeDuration, PROBE_DELAY)\n .plot(0, BOAT_DRAFT, 0, yUp - PROBE_SIZE / 2);\n\n return {\n down: new Promise(resolve => probeDown.after(resolve)),\n up: new Promise(resolve => probeUp.after(resolve)),\n }\n }\n\n // Add an element for displaying the number of remaining probes\n const $remainingProbes = $(`${config.maxProbes}`)\n .appendTo(this.$remainingProbes);\n\n // Move boat in front of the probe\n boat.front();\n\n return {\n id: playerIndex,\n cssClass: cssClass,\n group: group,\n boat: boat,\n probe: probe,\n doProbe: doProbe,\n x: x,\n lastX: x,\n flipX: false,\n _probing: false,\n _probeEventEmitter: new EventEmitter(),\n set probing(p) {\n const probeTurnedOff = this._probing && !p;\n this._probing = p;\n if (probeTurnedOff)\n this._probeEventEmitter.emit(\"probe-off\");\n },\n get probing() {\n return this._probing;\n },\n probingDone: async function () {\n if (!this.probing)\n return;\n await new Promise(resolve => this._probeEventEmitter.addListener(\"probe-off\", resolve));\n },\n remainingProbes: config.maxProbes,\n $remainingProbes: $remainingProbes,\n };\n };\n\n // Create a boat for each player\n const addBot = botType && botType !== 'none';\n this.players = Array(numPlayers)\n .fill(null)\n .map((_, playerIndex) => createPlayer(\n playerIndex,\n numPlayers + (addBot ? 1 : 0),\n `player-${playerIndex}`)\n );\n if (addBot) {\n const botStrategyClass = (() => {\n switch (botType) {\n case 'random':\n return BotStrategyRandom;\n case 'newton':\n return BotStrategyNewton;\n case 'gradient-descent':\n return BotStrategyGradientDescent;\n case 'tangent-intersection':\n return BotStrategyTangentIntersection;\n default:\n return BotStrategyBase;\n }\n })();\n const botStrategy = new botStrategyClass(\n TERRAIN_MARGIN_WIDTH,\n 1 - TERRAIN_MARGIN_WIDTH,\n TREASURE_SIZE\n );\n const bot = {};\n bot.type = botType;\n bot.player = createPlayer(numPlayers, numPlayers + 1, 'player-bot');\n const nextTarget = () => botStrategy.getNextProbeLocation(\n this.tangents,\n bot.player,\n bot.player.id,\n this.players,\n );\n bot.targetX = nextTarget();\n bot.tangentListener = () => bot.targetX = nextTarget();\n this.players.push(bot.player);\n this.events.addListener('new-tangent', bot.tangentListener);\n this.bot = bot;\n } else {\n this.bot = null;\n }\n\n this.water = modeGroup.group().attr('id', 'water').addClass('water');\n waves.animatedSVGPolyline(this.water,\n NUM_WATER_POINTS,\n (WATER_LOOP_DURATION / 1000) * WATER_FPS,\n game.draw.width(),\n WATER_HEIGHT_SCALE,\n WATER_LOOP_DURATION);\n\n this.groundGroup = modeGroup.group();\n const newTerrainHeights = () => {\n const terrainOptions = { marginWidth: TERRAIN_MARGIN_WIDTH, tilt: game.config.maxDepthTilt };\n return terrain(MAX_TERRAIN_EXTREMA, NUM_TERRAIN_POINTS, terrainOptions);\n }\n const terrainHeights = game.map ? game.map : newTerrainHeights();\n const terrainPoints = terrainHeights.map((h, i) => [\n draw.width() * (i / (terrainHeights.length - 1)),\n TERRAIN_HEIGHT_SCALE * h,\n ]).concat([\n [2 * draw.width(), 0],\n [2 * draw.width(), draw.height()],\n [-draw.width(), draw.height()],\n [-draw.width(), 0],\n ]);\n this.terrainHeights = terrainHeights;\n this.treasureLocation = this.locateTreasure();\n debugConsole.log(\"Map:\", terrainHeights);\n debugConsole.log(\"Treasure location:\", this.treasureLocation);\n\n const behindGroundGroup = this.groundGroup.group();\n const treasure = behindGroundGroup.group()\n .addClass('treasure')\n .transform({\n translateX: this.treasureLocation.x * draw.width(),\n translateY: TERRAIN_DISTANCE + this.treasureLocation.y * TERRAIN_HEIGHT_SCALE,\n });\n this.treasureClosed = treasure.use(this.treasureClosedSymbol);\n this.treasureOpened = treasure.use(this.treasureOpenedSymbol).hide();\n\n this.ground = this.groundGroup.polygon(terrainPoints)\n .fill('black')\n .addClass('ground')\n .translate(0, TERRAIN_DISTANCE);\n\n const groundCover = this.groundGroup.group();\n this.groundCoverLeft = groundCover.rect(draw.width(), draw.height())\n .addClass('ground-cover')\n .move(Math.ceil(draw.width() * (this.treasureLocation.x - 1)), -TERRAIN_HEIGHT_SCALE / 2);\n this.groundCoverRight = groundCover.rect(draw.width(), draw.height())\n .addClass('ground-cover')\n .move(Math.floor(draw.width() * this.treasureLocation.x), -TERRAIN_HEIGHT_SCALE / 2);\n if (config.showSeaFloor)\n groundCover.hide();\n\n this.groundGroup.back();\n\n this.tangentGroup = modeGroup.group()\n .translate(0, TERRAIN_DISTANCE);\n\n this.discardInputs = true;\n this.showGameStartSequence(\n localeInit($(''), 'objective'),\n localeInit($(''), 'go'),\n () => this.discardInputs = false\n );\n }\n\n async handleExitMode() {\n // Cleanup timers, etc. created on handleEnterMode\n if (this.bot !== null)\n this.events.removeListener('new-tangent', this.bot.tangentListener);\n }\n\n static buildBotInput(bot) {\n const botInput = { direction: 0, action: false };\n const botLastInput = { direction: 0, action: false };\n\n const { player, targetX } = bot;\n const { x, lastX } = player;\n const [lower, upper] = x < lastX ? [x, lastX] : [lastX, x];\n\n if (lower <= targetX && targetX <= upper) {\n // It's time to probe!\n player.lastX = x;\n player.x = targetX;\n botInput.action = true;\n } else {\n // Navigate towards targetX\n botInput.direction = Math.sign(targetX - player.x);\n }\n\n return {\n input: botInput,\n lastInput: botLastInput,\n }\n }\n\n handleInputs(inputs, lastInputs, delta, ts) {\n // Move the boats or check if they're lowering the probe\n const { draw, config, numPlayers } = this.game;\n\n // Some game states do not allow user input\n if (this.discardInputs)\n return;\n\n // Leave game mode when the game is over and a player pressed the action button\n if (this.isGameOver) {\n const action = inputs.findIndex((input, i) => actionPressed(input, lastInputs[i])) !== -1;\n if (this.isGameOver && action) {\n this.discardInputs = true;\n this.triggerEvent('done');\n }\n return;\n }\n\n // Update remaining time\n const newRemainingTime = Math.max(0, this.remainingTime - delta);\n if (this.remainingTime !== newRemainingTime) {\n this.remainingTime = newRemainingTime;\n }\n\n // Check whether the game is lost\n if (this.remainingTime === 0) {\n debugConsole.log(\"Time is up - GAME OVER!\");\n this.gameOver(async () => this.showLoseSequenceTimeIsUp());\n return;\n } else if (this.players.reduce((a, c) => a + c.remainingProbes, 0) === 0) {\n const anyoneProbing = this.players.reduce((a, c) => a || c.probing, false);\n if (!anyoneProbing) {\n debugConsole.log(\"No probes left - GAME OVER!\");\n this.gameOver(async () => this.showLoseSequenceNoProbesLeft());\n return;\n }\n }\n\n // Discard inputs that don't belong to an active player\n inputs = inputs.slice(0, numPlayers);\n lastInputs = lastInputs.slice(0, numPlayers);\n\n // If there is a bot, create fake inputs for it\n if (this.bot !== null) {\n const { input, lastInput } = PlayMode.buildBotInput(this.bot);\n inputs.push(input);\n lastInputs.push(lastInput);\n }\n\n // Regular move & probe logic\n this.processInputs(inputs, lastInputs, delta, ts);\n }\n\n processInputs(inputs, lastInputs, delta, ts) {\n inputs\n .forEach((input, playerIndex) => {\n const lastInput = lastInputs[playerIndex];\n const action = actionPressed(input, lastInput);\n\n const player = this.players[playerIndex];\n if (player && !player.probing && !this.isGameOver) {\n player.lastX = player.x;\n player.x += SPEED_FACTOR * (delta * input.direction);\n player.x = Math.min(Math.max(TERRAIN_MARGIN_WIDTH, player.x),\n 1.0 - TERRAIN_MARGIN_WIDTH);\n // TODO: Limit bot position to bot.targetX\n player.flipX = input.direction === 0 ? player.flipX : input.direction === -1;\n if (action && player.remainingProbes > 0) {\n // Switch to probe mode\n // Lower the probe, wait and raise it again\n const terrainHeight = this.terrainHeight(player.x);\n const { down, up } = player.doProbe(terrainHeight);\n // Todo: If the game ends, this tangent is still added. It should be cancellable.\n down.then(() => this.addTangent(player));\n const treasureFound = Math.abs(player.x - this.treasureLocation.x) <= TREASURE_SIZE\n / 2;\n down.then(async () => {\n if (treasureFound && !this.isGameOver) {\n debugConsole.log(\"Treasure found - GAME OVER!\");\n await this.gameOver(async () => this.showWinSequence(player));\n }\n });\n\n debugConsole.log(`Player ${playerIndex} is probing at:`,\n { x: player.x, y: terrainHeight });\n }\n }\n });\n }\n\n draw(delta, ts) {\n const { draw } = this.game;\n // Move boats\n // Draw bottom\n // etc...\n\n const padRemainingTime = num => pad(num, String(this.game.config.maxTime).length, ' ');\n const remainingTimeText = padRemainingTime(Math.ceil(this.remainingTime / 1000.0));\n if(remainingTimeText !== this.$remainingTime.text()) {\n this.$remainingTime.text(remainingTimeText);\n }\n if (this.remainingTime === 0)\n this.$remainingTime.addClass(\"blinking\");\n\n // The water animation uses SVG animations (via SMIL), so we have to use it's timestamp for\n // animating the boat's rotation and vertical position.\n const waterTs = draw.node.getCurrentTime() * 1000;\n\n this.players.forEach((player, playerIndex) => {\n const x = player.x;\n const y = WATER_HEIGHT_SCALE * waves.height(x, waterTs / WATER_LOOP_DURATION);\n const slope = WATER_HEIGHT_SCALE * waves.slope(x, waterTs / WATER_LOOP_DURATION);\n const angle = 0.25 * 180 * Math.atan2(slope, draw.width()) / Math.PI;\n // Animating by setting CSS attributes seems to be more efficient than setting SVG attributes\n player.boat.node.style.transform = `rotate(${angle}deg) scale(${player.flipX ? -1 : 1},1)`;\n player.group.node.style.transform = `translate(${x * draw.width()}px,${y}px)`;\n });\n }\n\n terrainHeight(x) {\n return this.terrainHeightExt(x).value;\n }\n\n terrainHeightExt(x) {\n const xInArray = (this.terrainHeights.length - 1) * x;\n const tmpIndex = Math.floor(xInArray);\n const i0 = tmpIndex === this.terrainHeights.length - 1 ? tmpIndex - 1 : tmpIndex;\n const i1 = i0 + 1;\n const h0 = this.terrainHeights[i0];\n const h1 = this.terrainHeights[i1];\n const t = xInArray - i0;\n return {\n x: x,\n value: h0 + t * (h1 - h0),\n slope: (h1 - h0) * (this.terrainHeights.length - 1),\n };\n }\n\n locateTreasure() {\n const argmax = array => [].reduce.call(array, (m, c, i, arr) => c > arr[m] ? i : m, 0);\n const margin = Math.floor(this.terrainHeights.length * TERRAIN_MARGIN_WIDTH) + 1;\n const terrainHeightNoMargin = this.terrainHeights.slice(\n margin,\n this.terrainHeights.length - margin\n );\n const treasureIndex = margin + argmax(terrainHeightNoMargin);\n return {\n x: treasureIndex / (this.terrainHeights.length - 1),\n y: this.terrainHeights[treasureIndex],\n };\n }\n\n addTangent(player) {\n // Reduce the opacity of previously added tangents of this player\n const offsetMult = (v, factor, offset) => offset + (v - offset) * factor;\n this.tangentGroup.find(player.cssClass)\n .each(function () {\n const o = offsetMult(this.opacity(), TANGENT_OPACITY_FADEOUT_FACTOR, TANGENT_MIN_OPACITY);\n this.animate(TANGENT_OPACITY_FADEOUT_DURATION).opacity(o);\n });\n\n // Add the new tangent\n const { draw } = this.game;\n const width = draw.width();\n const tangent = this.terrainHeightExt(player.x);\n const { x, value, slope } = tangent;\n const angle = 180 * Math.atan2(slope * TERRAIN_HEIGHT_SCALE, width) / Math.PI;\n this.tangentGroup.line(-width * TANGENT_LENGTH / 2, 0, width * TANGENT_LENGTH / 2, 0,)\n .addClass(player.cssClass)\n .transform({\n translateX: width * x,\n translateY: TERRAIN_HEIGHT_SCALE * value,\n rotate: angle,\n });\n\n this.tangents.push(tangent);\n this.tangents.sort((a, b) => a.x - b.x);\n this.events.emit('new-tangent', tangent, this.tangents.indexOf(tangent), this.tangents);\n }\n\n async gameOver(endingSequenceCallback) {\n // The game is now over, so a player that lowered the probe later can not win anymore.\n this.isGameOver = true;\n\n // Disable all inputs until the ending sequence is over.\n this.discardInputs = true;\n const uncoverGroundPromise = this.uncoverGround();\n await Promise.all(this.players.map(p => p.probingDone()));\n await endingSequenceCallback();\n this.discardInputs = false;\n await uncoverGroundPromise;\n }\n\n async uncoverGround(duration = UNCOVER_DURATION) {\n const { draw } = this.game;\n if (duration === 0) {\n // uncover immediately\n this.groundCoverLeft.dx(-draw.width());\n this.groundCoverRight.dx(draw.width());\n } else {\n // uncover using an animation\n // (using an animation with duration 0 still takes > 0s for unknown reasons)\n const circularEaseIn = pos => -(Math.sqrt(1 - (pos * pos)) - 1);\n const animateDx = (e, dx) => e.animate(duration).dx(dx);\n const animateDxPromise = (e, dx) => new Promise(resolve => animateDx(e, dx).after(resolve));\n return Promise.all([\n animateDxPromise(this.groundCoverLeft, -draw.width()),\n animateDxPromise(this.groundCoverRight, draw.width())\n ]);\n }\n }\n\n async showGameStartSequence(firstMessageElem,\n secondMessageElem,\n secondMessageCallback = Function.prototype,\n cssClasses = []) {\n const { draw } = this.game;\n\n const delay = ms => new Promise(resolve => setTimeout(resolve, ms));\n\n const $firstMessageDiv = $('
').append(firstMessageElem);\n const $secondMessageDiv = $('
').append(secondMessageElem)\n .css('visibility', 'hidden');\n\n const $startSequenceDiv = $('
')\n .addClass(cssClasses)\n .append([$firstMessageDiv, $('
'), $secondMessageDiv]);\n\n const top = 100 * (WATER_DISTANCE + TERRAIN_DISTANCE) / draw.height();\n const $announcementAnchor = $('
')\n .css({\n left: `50%`,\n top: `${top}%`,\n width: \"0px\",\n height: \"0px\",\n });\n\n await delay(START_SEQUENCE_FST_DELAY);\n this.$endingSequenceContainer.empty().append([$announcementAnchor, $startSequenceDiv]);\n\n // popper.js places the ending sequence text in a popup-like fashion above the announcement\n // anchor and makes sure that is does not move off the screen if the anchor is to close to a\n // screen edge.\n createAutoUpdatingPopper(\n $announcementAnchor.get(0),\n $startSequenceDiv.get(0),\n {\n placement: 'top',\n });\n\n await delay(START_SEQUENCE_AFTER_FST_DELAY);\n\n $secondMessageDiv.css(\"visibility\", \"visible\");\n secondMessageCallback();\n\n await delay(START_SEQUENCE_AFTER_SND_DELAY);\n this.$endingSequenceContainer.empty()\n }\n\n async showWinSequence(winner) {\n const $winAnnouncement = $('').append(\n localeInit($(''), 'win-announcement-begin'),\n $('').text(winner.id + 1),\n localeInit($(''), 'win-announcement-end'),\n );\n const randomIdx = arr => Math.floor(Math.random() * (arr.length - 1));\n const $treasure = localeInit($(''), 'treasures', randomIdx(IMAGINARY.i18n.t('treasures')));\n\n const openTreaureChest = () => {\n this.treasureOpened.show();\n this.treasureClosed.hide();\n }\n\n await this.showGameOverSequence(\n $winAnnouncement,\n $treasure,\n openTreaureChest,\n [winner.cssClass]\n );\n }\n\n async showLoseSequenceTimeIsUp() {\n await this.showGameOverSequence(\n localeInit($(''), 'time-is-up'),\n localeInit($(''), 'game-over'),\n );\n }\n\n async showLoseSequenceNoProbesLeft() {\n await this.showGameOverSequence(\n localeInit($(''), 'no-probes-left'),\n localeInit($(''), 'game-over'),\n );\n }\n\n async showGameOverSequence(firstMessageElem,\n secondMessageElem,\n secondMessageCallback = Function.prototype,\n cssClasses = []) {\n const { draw } = this.game;\n\n const delay = ms => new Promise(resolve => setTimeout(resolve, ms));\n\n const $firstMessageDiv = $('
').append(firstMessageElem);\n const $secondMessageDiv = $('
').append(secondMessageElem)\n .css('visibility', 'hidden');\n const $restartDiv = $('
')\n .css('visibility', 'hidden');\n localeInit($restartDiv, 'press-to-restart');\n\n const $endingSequenceDiv = $('
')\n .addClass(cssClasses)\n .append([$firstMessageDiv, $secondMessageDiv, $('
'), $restartDiv]);\n\n const left = 100 * this.treasureLocation.x;\n const top = 100 * (WATER_DISTANCE + TERRAIN_DISTANCE) / draw.height();\n const $announcementAnchor = $('
')\n .css({\n left: `${left}%`,\n top: `${top}%`,\n width: \"0px\",\n height: \"0px\",\n });\n\n await delay(ENDING_SEQUENCE_FST_DELAY);\n this.$endingSequenceContainer.empty().append([$announcementAnchor, $endingSequenceDiv]);\n\n // popper.js places the ending sequence text in a popup-like fashion above the announcement\n // anchor and makes sure that is does not move off the screen if the anchor is to close to a\n // screen edge.\n createAutoUpdatingPopper(\n $announcementAnchor.get(0),\n $endingSequenceDiv.get(0),\n {\n placement: 'top',\n });\n\n await delay(ENDING_SEQUENCE_SND_DELAY);\n $secondMessageDiv.css(\"visibility\", \"visible\");\n secondMessageCallback();\n\n await delay(ENDING_SEQUENCE_RESTART_DELAY);\n $restartDiv.css(\"visibility\", \"visible\");\n }\n}\n\nfunction actionPressed(input, lastInput) {\n return input.action && !lastInput.action;\n}\n\nfunction pad(num, places, char) {\n return String(num).padStart(places, char)\n}\n\nfunction createAutoUpdatingPopper(reference, popper, options) {\n const popperInstance = createPopper(reference, popper, options);\n const observer = new MutationObserver(() => popperInstance.update());\n observer.observe(popper, {subtree: true, childList: true, characterData: true});\n return popperInstance;\n}\n","/* globals IMAGINARY */\nimport {localeInit} from \"./i18n\";\nimport GameMode from './game-mode';\nimport WavyAnimation from './wavy-animation';\n\nexport default class TitleMode extends GameMode {\n async preLoadAssets() {\n this.logoSprite = await this.game.loadSVGSymbol('assets/img/descent-logo.svg');\n this.poly = this.logoSprite.findOne('#descent');\n }\n\n async handleEnterMode() {\n const { draw } = this.game;\n const pressToStart = document.createElement('div');\n pressToStart.classList.add('title-press-to-start');\n localeInit(pressToStart,'press-to-start');\n this.game.overlay.append(pressToStart);\n\n const colorBegin = '#00368a';\n const colorEnd = '#34c6ff';\n\n const gradientLogo = draw.use(this.logoSprite)\n .size(1200, 400)\n .stroke({ color: colorBegin, width: 2 })\n .fill('transparent')\n .center(1920 / 2, 1080 / 2.5);\n const gradientText = this.logoSprite.findOne('#gradient')\n .stroke('none')\n .fill(colorEnd)\n .opacity(0);\n\n gradientText.animate({ duration: 7000 }).opacity(1);\n gradientLogo.animate({ duration: 5000 }).stroke({ color: colorEnd });\n this.wavyStep = WavyAnimation(this.logoSprite, { duration: 3500 });\n\n this.animCounter = 0;\n }\n\n async handleExitMode() {\n // Cleanup timers, etc. created on handleEnterMode\n\n // The animation must be set to its final state such that it can restart properly\n // when this mode is re-entered.\n this.wavyStep(Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY);\n }\n\n handleInputs(inputs, lastInputs, delta, ts0) {\n // If any button was pressed\n if (inputs\n .find((ctrl, i) => ctrl.action && !lastInputs[i].action)) {\n this.triggerEvent('done');\n }\n }\n\n draw(delta, ts) {\n\n this.wavyStep(delta, ts);\n }\n}\n","/* eslint-disable class-methods-use-this,no-unused-vars,no-empty-function */\nimport EventEmitter from 'events';\n\n/**\n * Abstract class for GameMode\n *\n * A GameMode does the actual handling of the input and drawing\n */\nexport default class GameMode {\n /**\n * Constructor\n *\n * @param {GradientDescentGame} game\n */\n constructor(game) {\n // noinspection JSUnusedGlobalSymbols\n this.game = game;\n this.events = new EventEmitter();\n }\n\n /**\n * Preload any external assets that will be needed during the game\n *\n * This method runs during game initialization.\n * @return {Promise}\n */\n async preLoadAssets() {\n\n }\n\n /**\n * Called by the game when the mode is entered.\n *\n * Can be used to add DOM elements, event handlers and initialize\n * internal state. Anything done here must be cleaned up in\n * handleExitMode.\n */\n async handleEnterMode() {\n\n }\n\n /**\n * Called by the game when the mode is going to be exited\n *\n * Should be used to remove DOM elements, event handlers\n * or anything else that was created on handleEnterMode.\n */\n async handleExitMode() {\n\n }\n\n /**\n * Called once per frame so the mode can handle controller input\n *\n * Current input state and the previous one are passed\n * to help with state change detection.\n *\n * Both are arrays with N objects with shape:\n * - direction {integer}: Either -1, 0 or 1.\n * - action {bool}\n *\n * @param {[{direction: Number, action: Boolean}]} inputs\n * @param {[{direction: Number, action: Boolean}]} lastInputs\n * @param {Number} delta\n * Amount of milliseconds since the last call (capped to a maximum)\n * @param {Number} ts\n * Timestamp received via requestAnimationFrame\n\n *\n */\n handleInputs(inputs, lastInputs, delta, ts) {\n\n }\n\n /**\n * Called when the mode is active and the language changes.\n */\n handleLanguageChange() {\n \n }\n\n /**\n * Called once per frame so the mode can draw based on the game's state\n *\n * @param {Number} delta\n * Amount of milliseconds since the last call (capped to a maximum)\n * @param {Number} ts\n * Timestamp received via requestAnimationFrame\n */\n draw(delta, ts) {\n\n }\n\n /**\n * Triggers an event for the game to handle\n *\n * Events can be used to transition to another mode, etc.\n *\n * @param {string} name\n */\n triggerEvent(name) {\n this.events.emit(name);\n }\n}\n","/* globals SVG */\nimport \"@wessberg/pointer-events\";\n\nimport localize from \"./i18n\";\nimport PlayMode from './game-mode-play';\nimport TitleMode from './game-mode-title';\nimport PlayerNumberMode from './game-mode-numplayers';\nimport DemoMode from './game-mode-demo';\nimport GamepadControls from \"./controls/gamepad\";\nimport ScreenControls from './controls/screen';\nimport KeyboardControls from \"./controls/keyboard\";\nimport FullScreenToggle from './full-screen-toggle';\nimport BotTypeMode from './game-mode-bottype';\nimport LanguageCycleButton from \"./language-cycle-button\";\n\n/**\n * The main application\n *\n * This class creates the main UI elements and runs the\n * main game loop (read input, draw).\n *\n * The game can be in one of various modes (see GameMode)\n * which decides how to draw and process input.\n */\nexport default class GradientDescentGame {\n constructor(container, config) {\n this.container = container;\n this.config = config;\n\n this.inputs = this.createInputs();\n this.inputsLast = this.createInputs();\n\n this.animationFrameRequestId = 0;\n this.gameLoop = null;\n this.isPaused = false;\n this.modes = {};\n this.currentMode = null;\n\n this.controls = {};\n this.debugControlsPane = null;\n\n this.botType = this.config.botType;\n this.numPlayers = this.config.maxPlayers;\n\n this.map = config.map;\n }\n\n /**\n * Initializes the app and downloads any external assets\n *\n * @return {Promise}\n */\n async init() {\n const [width, height] = [1920, 864];\n\n const minAspectRatioContainer = document.createElement('div')\n minAspectRatioContainer.classList.add('min-aspect-ratio');\n this.container.append(minAspectRatioContainer);\n\n const viewContainer = document.createElement('div');\n viewContainer.classList.add('game-view');\n minAspectRatioContainer.append(viewContainer);\n\n this.svgDoc = SVG().addTo(viewContainer);\n this.svgDoc\n .viewbox(0, 0, width, height)\n .attr('preserveAspectRatio', 'xMinYMin meet');\n\n this.draw = this.svgDoc.nested().size(width, height);\n\n this.overlay = document.createElement('div');\n this.overlay.classList.add('overlay');\n minAspectRatioContainer.append(this.overlay);\n\n if (this.config.useScreenControls) {\n this.controls.screen = new ScreenControls(this.config.maxPlayers);\n minAspectRatioContainer.appendChild(this.controls.screen.element);\n }\n if (this.config.useGamepads) {\n this.controls.gamepad = new GamepadControls(this.config.maxPlayers);\n }\n\n this.languageButton = new LanguageCycleButton(this.container, this.config.languages);\n minAspectRatioContainer.appendChild(this.languageButton.element);\n\n if (!this.config.languageButton) {\n this.languageButton.element.style.visibility = 'hidden';\n }\n\n if (this.config.fullScreenButton) {\n this.fullScreenToggle = new FullScreenToggle();\n minAspectRatioContainer.appendChild(this.fullScreenToggle.element);\n }\n\n if (this.config.useKeyboardControls) {\n this.controls.keyboard = new KeyboardControls(this.config.maxPlayers);\n }\n\n if (this.config.debugControls) {\n this.debugControlsPane = document.createElement('div');\n this.debugControlsPane.classList.add('debug-pane');\n this.debugControlsPane.classList.add('debug-pane-controls');\n minAspectRatioContainer.appendChild(this.debugControlsPane);\n }\n\n await this.registerMode('title', new TitleMode(this));\n await this.registerMode('bottype', new BotTypeMode(this));\n await this.registerMode('numplayers', new PlayerNumberMode(this));\n await this.registerMode('play', new PlayMode(this));\n await this.registerMode('demo', new DemoMode(this));\n\n if (this.config.flagDemoMode) {\n this.transition('demo', 'done', 'demo');\n this.transition('demo', 'timeout', 'demo');\n await this.setMode('demo');\n } else if (this.config.continuousGame) {\n this.transition('play', 'done', 'play');\n await this.setMode('play');\n } else {\n const showBotType = this.config.botType === null;\n const showNumPlayers = this.config.maxPlayers > 1;\n\n const afterNumPlayers = showBotType ? 'bottype' : 'play';\n const afterTitle = showNumPlayers ? 'numplayers' : afterNumPlayers;\n\n this.transition('title', 'done', afterTitle);\n this.transition('numplayers', 'done', afterNumPlayers);\n this.transition('bottype', 'done', 'play');\n this.transition('play', 'done', 'title');\n await this.setMode('title');\n }\n }\n\n /**\n * Loads an external SVG file into a symbol within the main svg element\n *\n * @param {string} uri\n * @param {boolean} clearStyles\n * If true removes the style elements from the file\n * @return {Promise}\n */\n async loadSVGSymbol(uri, clearStyles = true) {\n const response = await fetch(uri);\n if (response.status < 200 || response.status >= 300) {\n throw new Error(`Server returned status ${response.status} (${response.statusText}) loading ${uri}.`);\n }\n const newSymbol = this.svgDoc.symbol().svg(await response.text());\n if (clearStyles) {\n newSymbol.find('style').forEach(s => s.remove());\n }\n\n return newSymbol;\n }\n\n /**\n * Initializes the input state\n *\n * @private\n */\n initInputs() {\n this.inputs = this.createInputs();\n }\n\n createInputs() {\n return Array(this.config.maxPlayers)\n .fill(null)\n .map(() => ({ direction: 0, action: false, language: false }));\n }\n\n /**\n * Reads the input state from all enabled controller types\n *\n * Loads the new input state in this.input and the previous\n * state in this.inputLast.\n *\n * @private\n */\n readInputs() {\n this.inputsLast = this.inputs;\n const states = Object.values(this.controls).map(c => c.getStates());\n const inputReducer = (accInput, curState) => ({\n direction: curState.right ? 1 : (curState.left ? -1 : accInput.direction),\n action: curState.action || accInput.action,\n language: curState.language || accInput.language\n });\n this.inputs = this.createInputs().map(\n (input, i) => states.map(s => s[i]).reduce(inputReducer, input)\n );\n\n if (this.debugControlsPane) {\n this.debugControlsPane.textContent = this.inputs.map((ctrl, i) => (\n `C${i}: d=${ctrl.direction} a=${ctrl.action ? 'T' : 'F'}`\n )).join('\\u00a0\\u00a0\\u00a0\\u00a0'); // four  \n }\n }\n\n handleGlobalInputs() {\n const switchLanguage = this.inputsLast.reduce(\n (acc, cur, i) => acc || (cur.language === false && this.inputs[i].language === true),\n false\n )\n if (switchLanguage)\n this.languageButton.handleLanguageChange().then();\n }\n\n /**\n * Game loop\n */\n run() {\n window.cancelAnimationFrame(this.animationFrameRequestId);\n if (!this.gameLoop) {\n let lastTs = 0;\n let lag = 0;\n const MAX_DELTA = 125;\n this.gameLoop = (ts) => {\n if (!this.isPaused) {\n this.readInputs();\n this.handleGlobalInputs();\n lag += Math.max(0, (ts - lag) - lastTs - MAX_DELTA);\n ts -= lag;\n const delta = ts - lastTs;\n this.currentMode.handleInputs(this.inputs, this.inputsLast, delta, ts);\n this.currentMode.draw(delta, ts);\n lastTs = ts;\n\n this.animationFrameRequestId = window.requestAnimationFrame(this.gameLoop);\n }\n };\n }\n this.animationFrameRequestId = window.requestAnimationFrame(this.gameLoop);\n }\n\n /**\n * Pauses the game.\n *\n * While paused the main game loop not run.\n */\n pause() {\n this.isPaused = true;\n }\n\n /**\n * Resumes the game.\n *\n * Enables the main game loop.\n */\n resume() {\n if (this.isPaused) {\n this.isPaused = false;\n this.run();\n }\n }\n\n /**\n * Registers a game mode\n *\n * @private\n * @param {string} id\n * A name that identifies the mode\n * @param {GameMode} mode\n * A GameMode subclass\n * @return {Promise}\n */\n async registerMode(id, mode) {\n this.modes[id] = mode;\n await mode.preLoadAssets();\n }\n\n /**\n * Changes the current game mode\n *\n * @param {string} modeID\n * Name of a previously registered mode\n * @return {Promise}\n */\n async setMode(modeID) {\n this.pause();\n\n if (this.currentMode) {\n await this.currentMode.handleExitMode();\n }\n if (this.modes[modeID] === undefined) {\n throw new Error(`Can't change to unknown mode ${modeID}`);\n }\n this.currentMode = this.modes[modeID];\n this.draw.clear();\n this.overlay.innerHTML = '';\n await this.currentMode.handleEnterMode();\n\n this.resume();\n }\n\n transition(modeId, event, nextModeId = null, callback = null) {\n if (this.modes[modeId] === undefined) {\n throw new Error(`Can't define transition from unknown game mode '${modeId}'`);\n }\n if (nextModeId && this.modes[nextModeId] === undefined) {\n throw new Error(`Can't define transition to unknown game mode '${nextModeId}'`);\n }\n this.modes[modeId].events.on(event, () => {\n if (this.currentMode !== this.modes[modeId]) {\n throw new Error(`Mode ${modeId} triggered the event ${event} while not active. Something was not cleaned up?`);\n }\n if (nextModeId !== null) {\n this.setMode(nextModeId);\n }\n if (callback && typeof callback === 'function') {\n callback();\n }\n });\n }\n\n /**\n * Set a custom sea floor map that will be used the next time the play mode is entered.\n *\n * @param map {number[]|null} An array containing distance values between 0 and 1. 0 is closest\n * to the water surface, 1 is farthest away from the water surface. The map will only be used if\n * it contains at least distance values (distances at the left and right edge). If {null} is\n * provided, no custom map will be used and a new map will be generated each time the game\n * restarts.\n */\n setMap(map) {\n this.map = (!Array.isArray(map) || map.length < 2) ? null : map;\n }\n\n async showSeaFloor(animate = true) {\n if (this.currentMode && typeof this.currentMode.uncoverGround === 'function') {\n if (animate)\n await this.currentMode.uncoverGround();\n else\n await this.currentMode.uncoverGround(0);\n }\n }\n}\n","const I18N_KEY_DATA_ATTRIBUTE = 'i18n-key';\nconst I18N_KEY_ATTRIBUTE = `data-${I18N_KEY_DATA_ATTRIBUTE}`;\nconst I18N_KEY_SELECTOR = `*[${I18N_KEY_ATTRIBUTE}]`;\n\nfunction localeInit(elem, ...keys) {\n const encodedKeys = keys.map(encodeURIComponent);\n const $elem = $(elem);\n $elem.attr(I18N_KEY_ATTRIBUTE, encodedKeys.join(\",\"));\n localize(elem);\n return elem;\n}\n\nexport default function localize(elems) {\n localizeFlat(elems);\n const $i18nElemsDescendants = $(elems).find(I18N_KEY_SELECTOR);\n localizeFlat($i18nElemsDescendants);\n return elems;\n}\n\nfunction localizeFlat(elems) {\n const $elems = $(elems);\n const $i18nElems = $elems.filter(I18N_KEY_SELECTOR);\n $i18nElems.each(function () {\n const $i18nElem = $(this);\n const encodedKeys = $i18nElem.attr(I18N_KEY_ATTRIBUTE).split(\",\");\n const keys = encodedKeys.map(decodeURIComponent);\n if (keys.length > 0) {\n const object = {[keys[0]]: IMAGINARY.i18n.t(keys[0])};\n const text = recursiveGet(object, ...keys) || '';\n $i18nElem.text(text);\n }\n })\n return elems;\n}\n\nfunction recursiveGet(object, key, ...otherKeys) {\n const value = object[key];\n if (otherKeys.length === 0) {\n return value;\n } else {\n return recursiveGet(value, ...otherKeys);\n }\n}\n\nexport {\n I18N_KEY_DATA_ATTRIBUTE,\n I18N_KEY_ATTRIBUTE,\n localeInit,\n localize,\n localizeFlat,\n}\n","import localize from \"./i18n\";\nimport debugConsole from './debug-console';\n\nexport default class LanguageCycleButton {\n constructor(elementToLocalize, languageCodes) {\n this.elementToLocalize = elementToLocalize;\n this.languageCodes = languageCodes;\n\n this.languageButton = document.createElement(\"div\");\n this.languageButton.classList.add(\"language-button\");\n\n this.languageIcon = document.createElement(\"i\");\n this.languageIcon.classList.add(\"fas\", \"fa-sm\", \"fa-language\");\n this.languageButton.appendChild(this.languageIcon);\n\n this.languageButton.onpointerup = () => this.handleLanguageChange();\n\n this.element = this.languageButton;\n }\n\n async handleLanguageChange() {\n const currentLangIdx = this.languageCodes.indexOf(IMAGINARY.i18n.getLang());\n const nextLangIdx = (currentLangIdx + 1) % this.languageCodes.length;\n const nextLang = this.languageCodes[nextLangIdx];\n await IMAGINARY.i18n.setLang(nextLang);\n localize(this.elementToLocalize);\n debugConsole.log(`Language switched: ${nextLang}`);\n }\n}\n","/* globals IMAGINARY */\nimport GradientDescentGame from './game';\nimport debugConsole from './debug-console';\n\nasync function fetchJson(uri) {\n const response = await fetch(uri, {\n cache: 'no-store',\n });\n if (response.status >= 200 && response.status < 300) {\n try {\n return await response.json();\n } catch (e) {\n throw new Error(`Error parsing JSON file: ${e.message}`);\n }\n }\n throw new Error(`Server returned status ${response.status} (${response.statusText}) loading JSON file.`);\n}\n\nasync function getDefaultConfig() {\n const defaultConfig = {\n defaultLanguage: 'en',\n languages: undefined, // fill in from tr.json\n useGamepads: true,\n useScreenControls: true,\n useKeyboardControls: true,\n botType: null,\n botTypeLabels: 'difficulty',\n showBotTypeTips: false,\n maxPlayers: 2,\n maxTime: Number.POSITIVE_INFINITY,\n maxProbes: Number.POSITIVE_INFINITY,\n continuousGame: false,\n showSeaFloor: false,\n maxDepthTilt: 4,\n fullScreenButton: true,\n languageButton: true,\n debugControls: false,\n debugLog: false,\n map: null,\n };\n const tr = await fetchJson(new URL('tr.json', window.location.href));\n defaultConfig.languages = Object.keys(tr).sort();\n return defaultConfig;\n}\n\n/**\n * Loads the config file from an external JSON file\n *\n * @param {String} uri\n * @return {Promise}\n */\nasync function loadConfig(uri) {\n const response = await fetch(uri, {\n cache: 'no-store',\n });\n if (response.status >= 200 && response.status < 300) {\n try {\n const config = await response.json();\n // Take into account the INFINITY is a valid value for maxTime and maxProbes\n const titleCase = s => (l => l.charAt(0).toUpperCase() + l.slice(1))(String(s).toLowerCase());\n if (Number(titleCase(config.maxTime)) === Number.POSITIVE_INFINITY)\n config.maxTime = Number.POSITIVE_INFINITY;\n if (Number(titleCase(config.maxProbes)) === Number.POSITIVE_INFINITY)\n config.maxProbes = Number.POSITIVE_INFINITY;\n return config;\n } catch (e) {\n throw new Error(`Error parsing config file: ${e.message}`);\n }\n }\n throw new Error(`Server returned status ${response.status} (${response.statusText}) loading config file.`);\n}\n\n/**\n * Return the URL of the user-supplied config file or {null} if it is not present.\n *\n * A custom config file name can be provided via the 'config' query string variable.\n * Allowed file names must match the regex /^[A-Za-z0\\-_.]+$/.\n *\n * @returns {URL|null} User-supplied config URL or {null} if not supplied.\n * @throws {Error} If the user-supplied config file name doesn't match the regex.\n */\nfunction getConfigCustomUrl() {\n const urlSearchParams = new URLSearchParams(window.location.search);\n if (!urlSearchParams.has('config')) {\n return null;\n } else {\n const customConfigName = urlSearchParams.get('config');\n const whitelistRegex = /^[A-Za-z0-9\\-_.]+$/;\n if (whitelistRegex.test(customConfigName)) {\n return new URL(customConfigName, window.location.href);\n } else {\n throw new Error(`Custom config path ${customConfigName} must match ${whitelistRegex.toString()}.`);\n }\n }\n}\n\n/**\n * Load config files and start the program\n */\n(async function main() {\n try {\n const configDefaultUrl = new URL('./config.json', window.location.href);\n const defaultConfigPromise = getDefaultConfig();\n const configCustomUrl = getConfigCustomUrl();\n const configUrl = configCustomUrl ?? configDefaultUrl;\n const configPromise = loadConfig(configUrl.href);\n const [defaultConfig, loadedConfig] = await Promise.all([defaultConfigPromise, configPromise]);\n const config = Object.assign({}, defaultConfig, loadedConfig);\n if (config.debugLog) {\n debugConsole.setActive(true);\n }\n debugConsole.log(\"Default configuration:\", defaultConfig);\n debugConsole.log(\"Loaded configuration:\", loadedConfig);\n debugConsole.log(\"Merged configuration:\", config);\n\n await IMAGINARY.i18n.init({\n queryStringVariable: 'lang',\n translationsDirectory: 'tr',\n defaultLanguage: config.defaultLanguage || 'en',\n });\n // eslint-disable-next-line no-unused-vars\n const game = new GradientDescentGame(\n document.querySelector('.main'),\n config\n );\n window.game = game;\n await game.init();\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err);\n }\n}());\n","import assert from 'assert';\n\n// Returns an integer in [l,u)\nfunction randIndex(l, u) {\n assert(Number.isInteger(l) && l >= 0);\n assert(Number.isInteger(u) && u >= 0);\n assert(l < u);\n\n const r = l + (u - l) * Math.random();\n return Math.max(l, Math.min(Math.floor(r), u - 1));\n}\n\nfunction smoothChaikin(arr, num, open = true) {\n if (num === 0)\n return arr;\n\n const l = arr.length;\n const smooth = arr.map((c, i) => [\n [0.75 * c[0] + 0.25 * arr[(i + 1) % l][0], 0.75 * c[1] + 0.25 * arr[(i + 1) % l][1]],\n [0.25 * c[0] + 0.75 * arr[(i + 1) % l][0], 0.25 * c[1] + 0.75 * arr[(i + 1) % l][1]]\n ]).flat();\n\n if (open) {\n smooth.length -= 1;\n smooth[0] = arr[0];\n smooth[smooth.length - 1] = arr[arr.length - 1];\n }\n\n return smoothChaikin(smooth, num - 1, open);\n}\n\nfunction subdivide(length, leftHeight, rightHeight) {\n return {\n index: randIndex(0, length),\n height: Math.max(leftHeight, rightHeight) * Math.random(),\n };\n}\n\nfunction generateInnerTerrainHeights(heights, leftHeight, rightHeight) {\n if (heights.length > 0) {\n const { index, height } = subdivide(heights.length, leftHeight, rightHeight);\n heights[index] = height;\n generateInnerTerrainHeights(heights.subarray(0, index), leftHeight, height);\n generateInnerTerrainHeights(heights.subarray(index + 1, heights.length),\n height,\n rightHeight);\n }\n return heights;\n}\n\nfunction generateTerrainPoints(numPoints, marginWidth = 0.1, marginHeight = 0.2, jitter = 0.25, tilt = 4) {\n const heights = new Float32Array(numPoints);\n\n const leftMarginIndex = Math.floor(marginWidth * numPoints);\n const rightMarginIndex = Math.floor((1 - marginWidth) * (numPoints - 1));\n\n assert(leftMarginIndex + 1 < rightMarginIndex);\n assert(marginHeight >= 0.0 && marginHeight < 1.0);\n const maxHeightIndex = randIndex(leftMarginIndex + 1, rightMarginIndex);\n const r = 1 - Math.pow(Math.random(), tilt); // tendency towards 0 or 1 depending on tilt\n const maxHeight = marginHeight + Math.max(Number.EPSILON, r * (1 - marginHeight));\n\n const predefinedHeights = [\n [0, Math.random() * marginHeight],\n [leftMarginIndex, marginHeight],\n [maxHeightIndex, maxHeight],\n [rightMarginIndex, marginHeight],\n [numPoints - 1, Math.random() * marginHeight],\n ];\n\n if (numPoints > 0) {\n predefinedHeights.forEach(([i, h]) => heights[i] = h);\n predefinedHeights.reduce(([i0, h0], [i1, h1]) => {\n generateInnerTerrainHeights(heights.subarray(i0 + 1, i1), h0, h1);\n return [i1, h1];\n });\n }\n\n // restrict jitter range to prevent points from switching their order\n jitter = Math.max(0.0, Math.min(jitter, 1.0));\n\n return new Array(heights.length)\n .fill(null)\n .map((_, i) => [\n (i + jitter * (Math.random() - 0.5)) / (heights.length - 1),\n heights[i]\n ]);\n}\n\nfunction convertPointsToHeights(points, numHeights) {\n const left = points[0][0];\n const right = points[points.length - 1][0];\n const width = right - left;\n const heights = Array(numHeights);\n let j = 0;\n for (let i = 0; i < heights.length - 1; ++i) {\n while (i >= (numHeights - 1) * (points[j][0] - left) / width) {\n ++j;\n }\n const t = (left + ((i / (numHeights - 1)) * width) - (points[j - 1][0]))\n / (points[j][0] - points[j - 1][0]);\n heights[i] = points[j - 1][1] + (points[j][1] - points[j - 1][1]) * t;\n }\n heights[heights.length - 1] = points[points.length - 1][1];\n return heights;\n}\n\nfunction restrictPrecision(number, decimalPlaces) {\n const factor = Math.pow(10, decimalPlaces);\n return Math.round(number * factor) / factor;\n}\n\nconst defaultOptions = {\n marginWidth: 0.1,\n marginHeight: 0.1,\n jitter: 0.25,\n tilt: 4,\n smoothing: 6,\n};\n\nexport default function terrain(numSamples, length, options = {}) {\n options = Object.assign({}, defaultOptions, options);\n const roughTerrainPoints = generateTerrainPoints(\n numSamples,\n options.marginWidth,\n options.marginHeight,\n options.jitter,\n options.tilt,\n );\n const smoothTerrainPoints = smoothChaikin(roughTerrainPoints, options.smoothing);\n const smoothTerrainHeights = convertPointsToHeights(smoothTerrainPoints, length);\n return smoothTerrainHeights.map(n => restrictPrecision(n, 5));\n}\n","// The water surface consists of superimposed sin waves that are moving with respect to ts.\n// Fixing x, the frequency factors with respect to ts are [1,-1,2,3].\n// Since the lowest common denominator of these factors is 6 and the base frequency is 1 / (2 * PI),\n// the period of the water animation is 6 / (1 / (2 * PI)) = 12 * PI.\nconst PERIOD = 12 * Math.PI;\n\nexport function height(x, t) {\n t = (t * PERIOD) % PERIOD;\n return (\n Math.sin(x * 100 + t)\n + Math.sin(x * 50 - 1 * t)\n + Math.sin(x * 30 + 2 * t)\n + Math.sin(x * 10 - 3 * t)\n ) / 4;\n}\n\nexport function slope(x, t) {\n t = (t * PERIOD) % PERIOD;\n return (\n 100 * Math.cos(100 * x + t)\n + 50 * Math.cos(50 * x - t)\n + 30 * Math.cos(30 * x + 2 * t)\n + 10 * Math.cos(10 * x - 3 * t)\n ) / 4;\n}\n\nexport function heights(arr, t, xScale = 1.0, yScale = 1.0) {\n arr.forEach((_, i) => arr[i] = height(i / (arr.length - 1), t));\n return arr;\n}\n\nexport function points(arr, t, xScale = 1.0, yScale = 1.0) {\n arr.forEach((_, i) => {\n const x = i / (arr.length - 1);\n arr[i] = [xScale * x, yScale * height(x, t)];\n });\n return arr;\n}\n\n/*\n * Experimental: Create an SVG wave shape that animates via the tag.\n * Probably, this doesn't work in all browsers. :-(\n */\nexport function animatedSVGPolyline(svgContainer, numPoints, numSteps, xScale, yScale, duration) {\n const p = Array(numPoints).fill(null);\n const keyframes = Array(numSteps)\n .fill(null)\n .map((_, i) => Array.from(points(p, i / (numSteps - 1), xScale, yScale)));\n const waves = svgContainer.polyline(keyframes[0]);\n const keyframesSvg = keyframes.map(p => waves.plot(p).attr('points'));\n const keyframesString = keyframesSvg.join(';\\n').replace(/;[[:space:]]*;]/g, ';');\n const animate = waves.element('animate');\n animate.attr({\n attributeName: 'points',\n dur: `${duration}ms`,\n repeatCount: 'indefinite',\n values: keyframesString,\n });\n\n return waves;\n}\n","/**\n * Setup a wave-like animation for an svg.js shape made up of polygons.\n *\n * This animation works by applying a transformation on all points of\n * all polygons of the passed shape. The points will move on a sine wave\n * that is continuously phase shifting and whose amplitude decreases over time.\n *\n * Returns a stepping function that takes a delta in milliseconds which should\n * be called on the frame rendering function.\n *\n * Options:\n * - xAmplitude: Maximum distance that the x coordinates are shifted from their\n * starting position.\n * - duration: Duration of the animation\n * - cycles: Number of cycles of phase shifting.\n *\n * @param {SVG.Container} shape\n * The shape whose polygons will be animated\n * @param {Object} userOptions\n * Options (see above)\n * @return {function(...[*]=)}\n * Returns an animation callback that takes a delta.\n */\nexport default function WavyAnimation(shape, userOptions = {}) {\n const defaultOptions = {\n xAmplitude: 50,\n duration: 5000,\n cycles: 3,\n };\n\n const options = Object.assign({}, defaultOptions, userOptions);\n const polygons = shape.find('polygon');\n const originalPlots = polygons.map(p => p.plot());\n const maxY = Math.max(...originalPlots.flat().map(([, y]) => y));\n\n let counter = 0;\n\n return (delta, ts) => {\n if (counter > options.duration) {\n return;\n }\n counter += delta;\n const progress = Math.min(counter, options.duration) / options.duration;\n polygons.forEach((p, i) => {\n p.plot(originalPlots[i].map(([x, y]) => (\n [\n x + Math.sin((y / maxY + progress * options.cycles) * Math.PI * 2)\n * options.xAmplitude * (1 - (progress ** 2)),\n y,\n ]\n )));\n });\n };\n}\n","/**\n * @popperjs/core v2.5.4 - MIT License\n */\n\n'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nfunction getBoundingClientRect(element) {\n var rect = element.getBoundingClientRect();\n return {\n width: rect.width,\n height: rect.height,\n top: rect.top,\n right: rect.right,\n bottom: rect.bottom,\n left: rect.left,\n x: rect.left,\n y: rect.top\n };\n}\n\n/*:: import type { Window } from '../types'; */\n\n/*:: declare function getWindow(node: Node | Window): Window; */\nfunction getWindow(node) {\n if (node.toString() !== '[object Window]') {\n var ownerDocument = node.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView || window : window;\n }\n\n return node;\n}\n\nfunction getWindowScroll(node) {\n var win = getWindow(node);\n var scrollLeft = win.pageXOffset;\n var scrollTop = win.pageYOffset;\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n}\n\n/*:: declare function isElement(node: mixed): boolean %checks(node instanceof\n Element); */\n\nfunction isElement(node) {\n var OwnElement = getWindow(node).Element;\n return node instanceof OwnElement || node instanceof Element;\n}\n/*:: declare function isHTMLElement(node: mixed): boolean %checks(node instanceof\n HTMLElement); */\n\n\nfunction isHTMLElement(node) {\n var OwnElement = getWindow(node).HTMLElement;\n return node instanceof OwnElement || node instanceof HTMLElement;\n}\n/*:: declare function isShadowRoot(node: mixed): boolean %checks(node instanceof\n ShadowRoot); */\n\n\nfunction isShadowRoot(node) {\n var OwnElement = getWindow(node).ShadowRoot;\n return node instanceof OwnElement || node instanceof ShadowRoot;\n}\n\nfunction getHTMLElementScroll(element) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n}\n\nfunction getNodeScroll(node) {\n if (node === getWindow(node) || !isHTMLElement(node)) {\n return getWindowScroll(node);\n } else {\n return getHTMLElementScroll(node);\n }\n}\n\nfunction getNodeName(element) {\n return element ? (element.nodeName || '').toLowerCase() : null;\n}\n\nfunction getDocumentElement(element) {\n // $FlowFixMe: assume body is always available\n return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;\n}\n\nfunction getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on \n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}\n\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\n\nfunction isScrollParent(element) {\n // Firefox wants us to check `-x` and `-y` variations as well\n var _getComputedStyle = getComputedStyle(element),\n overflow = _getComputedStyle.overflow,\n overflowX = _getComputedStyle.overflowX,\n overflowY = _getComputedStyle.overflowY;\n\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}\n\n// Composite means it takes into account transforms as well as layout.\n\nfunction getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n\n var documentElement = getDocumentElement(offsetParent);\n var rect = getBoundingClientRect(elementOrVirtualElement);\n var isOffsetParentAnElement = isHTMLElement(offsetParent);\n var scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n var offsets = {\n x: 0,\n y: 0\n };\n\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n isScrollParent(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n\n if (isHTMLElement(offsetParent)) {\n offsets = getBoundingClientRect(offsetParent);\n offsets.x += offsetParent.clientLeft;\n offsets.y += offsetParent.clientTop;\n } else if (documentElement) {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n }\n\n return {\n x: rect.left + scroll.scrollLeft - offsets.x,\n y: rect.top + scroll.scrollTop - offsets.y,\n width: rect.width,\n height: rect.height\n };\n}\n\n// Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\nfunction getLayoutRect(element) {\n return {\n x: element.offsetLeft,\n y: element.offsetTop,\n width: element.offsetWidth,\n height: element.offsetHeight\n };\n}\n\nfunction getParentNode(element) {\n if (getNodeName(element) === 'html') {\n return element;\n }\n\n return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle\n element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n element.parentNode || // DOM Element detected\n // $FlowFixMe: need a better way to handle this...\n element.host || // ShadowRoot detected\n // $FlowFixMe: HTMLElement is a Node\n getDocumentElement(element) // fallback\n\n );\n}\n\nfunction getScrollParent(node) {\n if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n // $FlowFixMe: assume body is always available\n return node.ownerDocument.body;\n }\n\n if (isHTMLElement(node) && isScrollParent(node)) {\n return node;\n }\n\n return getScrollParent(getParentNode(node));\n}\n\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the \nreference element's position.\n*/\n\nfunction listScrollParents(element, list) {\n if (list === void 0) {\n list = [];\n }\n\n var scrollParent = getScrollParent(element);\n var isBody = getNodeName(scrollParent) === 'body';\n var win = getWindow(scrollParent);\n var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n var updatedList = list.concat(target);\n return isBody ? updatedList : // $FlowFixMe: isBody tells us target will be an HTMLElement here\n updatedList.concat(listScrollParents(getParentNode(target)));\n}\n\nfunction isTableElement(element) {\n return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}\n\nfunction getTrueOffsetParent(element) {\n if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n getComputedStyle(element).position === 'fixed') {\n return null;\n }\n\n var offsetParent = element.offsetParent;\n\n if (offsetParent) {\n var html = getDocumentElement(offsetParent);\n\n if (getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && getComputedStyle(html).position !== 'static') {\n return html;\n }\n }\n\n return offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n var currentNode = getParentNode(element);\n\n while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n // create a containing block.\n\n if (css.transform !== 'none' || css.perspective !== 'none' || css.willChange && css.willChange !== 'auto') {\n return currentNode;\n } else {\n currentNode = currentNode.parentNode;\n }\n }\n\n return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nfunction getOffsetParent(element) {\n var window = getWindow(element);\n var offsetParent = getTrueOffsetParent(element);\n\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent);\n }\n\n if (offsetParent && getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static') {\n return window;\n }\n\n return offsetParent || getContainingBlock(element) || window;\n}\n\nvar top = 'top';\nvar bottom = 'bottom';\nvar right = 'right';\nvar left = 'left';\nvar auto = 'auto';\nvar basePlacements = [top, bottom, right, left];\nvar start = 'start';\nvar end = 'end';\nvar clippingParents = 'clippingParents';\nvar viewport = 'viewport';\nvar popper = 'popper';\nvar reference = 'reference';\nvar variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nvar placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nvar beforeRead = 'beforeRead';\nvar read = 'read';\nvar afterRead = 'afterRead'; // pure-logic modifiers\n\nvar beforeMain = 'beforeMain';\nvar main = 'main';\nvar afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nvar beforeWrite = 'beforeWrite';\nvar write = 'write';\nvar afterWrite = 'afterWrite';\nvar modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];\n\nfunction order(modifiers) {\n var map = new Map();\n var visited = new Set();\n var result = [];\n modifiers.forEach(function (modifier) {\n map.set(modifier.name, modifier);\n }); // On visiting object, check for its dependencies and visit them recursively\n\n function sort(modifier) {\n visited.add(modifier.name);\n var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n requires.forEach(function (dep) {\n if (!visited.has(dep)) {\n var depModifier = map.get(dep);\n\n if (depModifier) {\n sort(depModifier);\n }\n }\n });\n result.push(modifier);\n }\n\n modifiers.forEach(function (modifier) {\n if (!visited.has(modifier.name)) {\n // check for visited object\n sort(modifier);\n }\n });\n return result;\n}\n\nfunction orderModifiers(modifiers) {\n // order based on dependencies\n var orderedModifiers = order(modifiers); // order based on phase\n\n return modifierPhases.reduce(function (acc, phase) {\n return acc.concat(orderedModifiers.filter(function (modifier) {\n return modifier.phase === phase;\n }));\n }, []);\n}\n\nfunction debounce(fn) {\n var pending;\n return function () {\n if (!pending) {\n pending = new Promise(function (resolve) {\n Promise.resolve().then(function () {\n pending = undefined;\n resolve(fn());\n });\n });\n }\n\n return pending;\n };\n}\n\nfunction format(str) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return [].concat(args).reduce(function (p, c) {\n return p.replace(/%s/, c);\n }, str);\n}\n\nvar INVALID_MODIFIER_ERROR = 'Popper: modifier \"%s\" provided an invalid %s property, expected %s but got %s';\nvar MISSING_DEPENDENCY_ERROR = 'Popper: modifier \"%s\" requires \"%s\", but \"%s\" modifier is not available';\nvar VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];\nfunction validateModifiers(modifiers) {\n modifiers.forEach(function (modifier) {\n Object.keys(modifier).forEach(function (key) {\n switch (key) {\n case 'name':\n if (typeof modifier.name !== 'string') {\n console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '\"name\"', '\"string\"', \"\\\"\" + String(modifier.name) + \"\\\"\"));\n }\n\n break;\n\n case 'enabled':\n if (typeof modifier.enabled !== 'boolean') {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"enabled\"', '\"boolean\"', \"\\\"\" + String(modifier.enabled) + \"\\\"\"));\n }\n\n case 'phase':\n if (modifierPhases.indexOf(modifier.phase) < 0) {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"phase\"', \"either \" + modifierPhases.join(', '), \"\\\"\" + String(modifier.phase) + \"\\\"\"));\n }\n\n break;\n\n case 'fn':\n if (typeof modifier.fn !== 'function') {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"fn\"', '\"function\"', \"\\\"\" + String(modifier.fn) + \"\\\"\"));\n }\n\n break;\n\n case 'effect':\n if (typeof modifier.effect !== 'function') {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"effect\"', '\"function\"', \"\\\"\" + String(modifier.fn) + \"\\\"\"));\n }\n\n break;\n\n case 'requires':\n if (!Array.isArray(modifier.requires)) {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"requires\"', '\"array\"', \"\\\"\" + String(modifier.requires) + \"\\\"\"));\n }\n\n break;\n\n case 'requiresIfExists':\n if (!Array.isArray(modifier.requiresIfExists)) {\n console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"requiresIfExists\"', '\"array\"', \"\\\"\" + String(modifier.requiresIfExists) + \"\\\"\"));\n }\n\n break;\n\n case 'options':\n case 'data':\n break;\n\n default:\n console.error(\"PopperJS: an invalid property has been provided to the \\\"\" + modifier.name + \"\\\" modifier, valid properties are \" + VALID_PROPERTIES.map(function (s) {\n return \"\\\"\" + s + \"\\\"\";\n }).join(', ') + \"; but \\\"\" + key + \"\\\" was provided.\");\n }\n\n modifier.requires && modifier.requires.forEach(function (requirement) {\n if (modifiers.find(function (mod) {\n return mod.name === requirement;\n }) == null) {\n console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));\n }\n });\n });\n });\n}\n\nfunction uniqueBy(arr, fn) {\n var identifiers = new Set();\n return arr.filter(function (item) {\n var identifier = fn(item);\n\n if (!identifiers.has(identifier)) {\n identifiers.add(identifier);\n return true;\n }\n });\n}\n\nfunction getBasePlacement(placement) {\n return placement.split('-')[0];\n}\n\nfunction mergeByName(modifiers) {\n var merged = modifiers.reduce(function (merged, current) {\n var existing = merged[current.name];\n merged[current.name] = existing ? Object.assign(Object.assign(Object.assign({}, existing), current), {}, {\n options: Object.assign(Object.assign({}, existing.options), current.options),\n data: Object.assign(Object.assign({}, existing.data), current.data)\n }) : current;\n return merged;\n }, {}); // IE11 does not support Object.values\n\n return Object.keys(merged).map(function (key) {\n return merged[key];\n });\n}\n\nfunction getViewportRect(element) {\n var win = getWindow(element);\n var html = getDocumentElement(element);\n var visualViewport = win.visualViewport;\n var width = html.clientWidth;\n var height = html.clientHeight;\n var x = 0;\n var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper\n // can be obscured underneath it.\n // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even\n // if it isn't open, so if this isn't available, the popper will be detected\n // to overflow the bottom of the screen too early.\n\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)\n // In Chrome, it returns a value very close to 0 (+/-) but contains rounding\n // errors due to floating point numbers, so we need to check precision.\n // Safari returns a number <= 0, usually < -1 when pinch-zoomed\n // Feature detection fails in mobile emulation mode in Chrome.\n // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <\n // 0.001\n // Fallback here: \"Not Safari\" userAgent\n\n if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n\n return {\n width: width,\n height: height,\n x: x + getWindowScrollBarX(element),\n y: y\n };\n}\n\n// of the `` and `` rect bounds if horizontally scrollable\n\nfunction getDocumentRect(element) {\n var html = getDocumentElement(element);\n var winScroll = getWindowScroll(element);\n var body = element.ownerDocument.body;\n var width = Math.max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n var height = Math.max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n var y = -winScroll.scrollTop;\n\n if (getComputedStyle(body || html).direction === 'rtl') {\n x += Math.max(html.clientWidth, body ? body.clientWidth : 0) - width;\n }\n\n return {\n width: width,\n height: height,\n x: x,\n y: y\n };\n}\n\nfunction contains(parent, child) {\n var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n if (parent.contains(child)) {\n return true;\n } // then fallback to custom implementation with Shadow DOM support\n else if (rootNode && isShadowRoot(rootNode)) {\n var next = child;\n\n do {\n if (next && parent.isSameNode(next)) {\n return true;\n } // $FlowFixMe: need a better way to handle this...\n\n\n next = next.parentNode || next.host;\n } while (next);\n } // Give up, the result is false\n\n\n return false;\n}\n\nfunction rectToClientRect(rect) {\n return Object.assign(Object.assign({}, rect), {}, {\n left: rect.x,\n top: rect.y,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n });\n}\n\nfunction getInnerBoundingClientRect(element) {\n var rect = getBoundingClientRect(element);\n rect.top = rect.top + element.clientTop;\n rect.left = rect.left + element.clientLeft;\n rect.bottom = rect.top + element.clientHeight;\n rect.right = rect.left + element.clientWidth;\n rect.width = element.clientWidth;\n rect.height = element.clientHeight;\n rect.x = rect.left;\n rect.y = rect.top;\n return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent) {\n return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n var clippingParents = listScrollParents(getParentNode(element));\n var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n if (!isElement(clipperElement)) {\n return [];\n } // $FlowFixMe: https://github.com/facebook/flow/issues/1414\n\n\n return clippingParents.filter(function (clippingParent) {\n return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nfunction getClippingRect(element, boundary, rootBoundary) {\n var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n var firstClippingParent = clippingParents[0];\n var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n var rect = getClientRectFromMixedType(element, clippingParent);\n accRect.top = Math.max(rect.top, accRect.top);\n accRect.right = Math.min(rect.right, accRect.right);\n accRect.bottom = Math.min(rect.bottom, accRect.bottom);\n accRect.left = Math.max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromMixedType(element, firstClippingParent));\n clippingRect.width = clippingRect.right - clippingRect.left;\n clippingRect.height = clippingRect.bottom - clippingRect.top;\n clippingRect.x = clippingRect.left;\n clippingRect.y = clippingRect.top;\n return clippingRect;\n}\n\nfunction getVariation(placement) {\n return placement.split('-')[1];\n}\n\nfunction getMainAxisFromPlacement(placement) {\n return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}\n\nfunction computeOffsets(_ref) {\n var reference = _ref.reference,\n element = _ref.element,\n placement = _ref.placement;\n var basePlacement = placement ? getBasePlacement(placement) : null;\n var variation = placement ? getVariation(placement) : null;\n var commonX = reference.x + reference.width / 2 - element.width / 2;\n var commonY = reference.y + reference.height / 2 - element.height / 2;\n var offsets;\n\n switch (basePlacement) {\n case top:\n offsets = {\n x: commonX,\n y: reference.y - element.height\n };\n break;\n\n case bottom:\n offsets = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n\n case right:\n offsets = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n\n case left:\n offsets = {\n x: reference.x - element.width,\n y: commonY\n };\n break;\n\n default:\n offsets = {\n x: reference.x,\n y: reference.y\n };\n }\n\n var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n if (mainAxis != null) {\n var len = mainAxis === 'y' ? 'height' : 'width';\n\n switch (variation) {\n case start:\n offsets[mainAxis] = Math.floor(offsets[mainAxis]) - Math.floor(reference[len] / 2 - element[len] / 2);\n break;\n\n case end:\n offsets[mainAxis] = Math.floor(offsets[mainAxis]) + Math.ceil(reference[len] / 2 - element[len] / 2);\n break;\n }\n }\n\n return offsets;\n}\n\nfunction getFreshSideObject() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}\n\nfunction mergePaddingObject(paddingObject) {\n return Object.assign(Object.assign({}, getFreshSideObject()), paddingObject);\n}\n\nfunction expandToHashMap(value, keys) {\n return keys.reduce(function (hashMap, key) {\n hashMap[key] = value;\n return hashMap;\n }, {});\n}\n\nfunction detectOverflow(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n _options$placement = _options.placement,\n placement = _options$placement === void 0 ? state.placement : _options$placement,\n _options$boundary = _options.boundary,\n boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n _options$rootBoundary = _options.rootBoundary,\n rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n _options$elementConte = _options.elementContext,\n elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n _options$altBoundary = _options.altBoundary,\n altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n _options$padding = _options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n var altContext = elementContext === popper ? reference : popper;\n var referenceElement = state.elements.reference;\n var popperRect = state.rects.popper;\n var element = state.elements[altBoundary ? altContext : elementContext];\n var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);\n var referenceClientRect = getBoundingClientRect(referenceElement);\n var popperOffsets = computeOffsets({\n reference: referenceClientRect,\n element: popperRect,\n strategy: 'absolute',\n placement: placement\n });\n var popperClientRect = rectToClientRect(Object.assign(Object.assign({}, popperRect), popperOffsets));\n var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n // 0 or negative = within the clipping rect\n\n var overflowOffsets = {\n top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n };\n var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n if (elementContext === popper && offsetData) {\n var offset = offsetData[placement];\n Object.keys(overflowOffsets).forEach(function (key) {\n var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n overflowOffsets[key] += offset[axis] * multiply;\n });\n }\n\n return overflowOffsets;\n}\n\nvar INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';\nvar INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';\nvar DEFAULT_OPTIONS = {\n placement: 'bottom',\n modifiers: [],\n strategy: 'absolute'\n};\n\nfunction areValidElements() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return !args.some(function (element) {\n return !(element && typeof element.getBoundingClientRect === 'function');\n });\n}\n\nfunction popperGenerator(generatorOptions) {\n if (generatorOptions === void 0) {\n generatorOptions = {};\n }\n\n var _generatorOptions = generatorOptions,\n _generatorOptions$def = _generatorOptions.defaultModifiers,\n defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n _generatorOptions$def2 = _generatorOptions.defaultOptions,\n defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n return function createPopper(reference, popper, options) {\n if (options === void 0) {\n options = defaultOptions;\n }\n\n var state = {\n placement: 'bottom',\n orderedModifiers: [],\n options: Object.assign(Object.assign({}, DEFAULT_OPTIONS), defaultOptions),\n modifiersData: {},\n elements: {\n reference: reference,\n popper: popper\n },\n attributes: {},\n styles: {}\n };\n var effectCleanupFns = [];\n var isDestroyed = false;\n var instance = {\n state: state,\n setOptions: function setOptions(options) {\n cleanupModifierEffects();\n state.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), state.options), options);\n state.scrollParents = {\n reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n popper: listScrollParents(popper)\n }; // Orders the modifiers based on their dependencies and `phase`\n // properties\n\n var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n state.orderedModifiers = orderedModifiers.filter(function (m) {\n return m.enabled;\n }); // Validate the provided modifiers so that the consumer will get warned\n // if one of the modifiers is invalid for any reason\n\n if (process.env.NODE_ENV !== \"production\") {\n var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {\n var name = _ref.name;\n return name;\n });\n validateModifiers(modifiers);\n\n if (getBasePlacement(state.options.placement) === auto) {\n var flipModifier = state.orderedModifiers.find(function (_ref2) {\n var name = _ref2.name;\n return name === 'flip';\n });\n\n if (!flipModifier) {\n console.error(['Popper: \"auto\" placements require the \"flip\" modifier be', 'present and enabled to work.'].join(' '));\n }\n }\n\n var _getComputedStyle = getComputedStyle(popper),\n marginTop = _getComputedStyle.marginTop,\n marginRight = _getComputedStyle.marginRight,\n marginBottom = _getComputedStyle.marginBottom,\n marginLeft = _getComputedStyle.marginLeft; // We no longer take into account `margins` on the popper, and it can\n // cause bugs with positioning, so we'll warn the consumer\n\n\n if ([marginTop, marginRight, marginBottom, marginLeft].some(function (margin) {\n return parseFloat(margin);\n })) {\n console.warn(['Popper: CSS \"margin\" styles cannot be used to apply padding', 'between the popper and its reference element or boundary.', 'To replicate margin, use the `offset` modifier, as well as', 'the `padding` option in the `preventOverflow` and `flip`', 'modifiers.'].join(' '));\n }\n }\n\n runModifierEffects();\n return instance.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function forceUpdate() {\n if (isDestroyed) {\n return;\n }\n\n var _state$elements = state.elements,\n reference = _state$elements.reference,\n popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n // anymore\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return;\n } // Store the reference and popper rects to be read by modifiers\n\n\n state.rects = {\n reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n popper: getLayoutRect(popper)\n }; // Modifiers have the ability to reset the current update cycle. The\n // most common use case for this is the `flip` modifier changing the\n // placement, which then needs to re-run all the modifiers, because the\n // logic was previously ran for the previous placement and is therefore\n // stale/incorrect\n\n state.reset = false;\n state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n // is filled with the initial data specified by the modifier. This means\n // it doesn't persist and is fresh on each update.\n // To ensure persistent data, use `${name}#persistent`\n\n state.orderedModifiers.forEach(function (modifier) {\n return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n });\n var __debug_loops__ = 0;\n\n for (var index = 0; index < state.orderedModifiers.length; index++) {\n if (process.env.NODE_ENV !== \"production\") {\n __debug_loops__ += 1;\n\n if (__debug_loops__ > 100) {\n console.error(INFINITE_LOOP_ERROR);\n break;\n }\n }\n\n if (state.reset === true) {\n state.reset = false;\n index = -1;\n continue;\n }\n\n var _state$orderedModifie = state.orderedModifiers[index],\n fn = _state$orderedModifie.fn,\n _state$orderedModifie2 = _state$orderedModifie.options,\n _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n name = _state$orderedModifie.name;\n\n if (typeof fn === 'function') {\n state = fn({\n state: state,\n options: _options,\n name: name,\n instance: instance\n }) || state;\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: debounce(function () {\n return new Promise(function (resolve) {\n instance.forceUpdate();\n resolve(state);\n });\n }),\n destroy: function destroy() {\n cleanupModifierEffects();\n isDestroyed = true;\n }\n };\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return instance;\n }\n\n instance.setOptions(options).then(function (state) {\n if (!isDestroyed && options.onFirstUpdate) {\n options.onFirstUpdate(state);\n }\n }); // Modifiers have the ability to execute arbitrary code before the first\n // update cycle runs. They will be executed in the same order as the update\n // cycle. This is useful when a modifier adds some persistent data that\n // other modifiers need to use, but the modifier is run after the dependent\n // one.\n\n function runModifierEffects() {\n state.orderedModifiers.forEach(function (_ref3) {\n var name = _ref3.name,\n _ref3$options = _ref3.options,\n options = _ref3$options === void 0 ? {} : _ref3$options,\n effect = _ref3.effect;\n\n if (typeof effect === 'function') {\n var cleanupFn = effect({\n state: state,\n name: name,\n instance: instance,\n options: options\n });\n\n var noopFn = function noopFn() {};\n\n effectCleanupFns.push(cleanupFn || noopFn);\n }\n });\n }\n\n function cleanupModifierEffects() {\n effectCleanupFns.forEach(function (fn) {\n return fn();\n });\n effectCleanupFns = [];\n }\n\n return instance;\n };\n}\n\nvar passive = {\n passive: true\n};\n\nfunction effect(_ref) {\n var state = _ref.state,\n instance = _ref.instance,\n options = _ref.options;\n var _options$scroll = options.scroll,\n scroll = _options$scroll === void 0 ? true : _options$scroll,\n _options$resize = options.resize,\n resize = _options$resize === void 0 ? true : _options$resize;\n var window = getWindow(state.elements.popper);\n var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.addEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.addEventListener('resize', instance.update, passive);\n }\n\n return function () {\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.removeEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.removeEventListener('resize', instance.update, passive);\n }\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar eventListeners = {\n name: 'eventListeners',\n enabled: true,\n phase: 'write',\n fn: function fn() {},\n effect: effect,\n data: {}\n};\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar popperOffsets$1 = {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};\n\nvar unsetSides = {\n top: 'auto',\n right: 'auto',\n bottom: 'auto',\n left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsets(_ref) {\n var x = _ref.x,\n y = _ref.y;\n var win = window;\n var dpr = win.devicePixelRatio || 1;\n return {\n x: Math.round(x * dpr) / dpr || 0,\n y: Math.round(y * dpr) / dpr || 0\n };\n}\n\nfunction mapToStyles(_ref2) {\n var _Object$assign2;\n\n var popper = _ref2.popper,\n popperRect = _ref2.popperRect,\n placement = _ref2.placement,\n offsets = _ref2.offsets,\n position = _ref2.position,\n gpuAcceleration = _ref2.gpuAcceleration,\n adaptive = _ref2.adaptive;\n\n var _roundOffsets = roundOffsets(offsets),\n x = _roundOffsets.x,\n y = _roundOffsets.y;\n\n var hasX = offsets.hasOwnProperty('x');\n var hasY = offsets.hasOwnProperty('y');\n var sideX = left;\n var sideY = top;\n var win = window;\n\n if (adaptive) {\n var offsetParent = getOffsetParent(popper);\n\n if (offsetParent === getWindow(popper)) {\n offsetParent = getDocumentElement(popper);\n } // $FlowFixMe: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n /*:: offsetParent = (offsetParent: Element); */\n\n\n if (placement === top) {\n sideY = bottom;\n y -= offsetParent.clientHeight - popperRect.height;\n y *= gpuAcceleration ? 1 : -1;\n }\n\n if (placement === left) {\n sideX = right;\n x -= offsetParent.clientWidth - popperRect.width;\n x *= gpuAcceleration ? 1 : -1;\n }\n }\n\n var commonStyles = Object.assign({\n position: position\n }, adaptive && unsetSides);\n\n if (gpuAcceleration) {\n var _Object$assign;\n\n return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n }\n\n return Object.assign(Object.assign({}, commonStyles), {}, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref3) {\n var state = _ref3.state,\n options = _ref3.options;\n var _options$gpuAccelerat = options.gpuAcceleration,\n gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n _options$adaptive = options.adaptive,\n adaptive = _options$adaptive === void 0 ? true : _options$adaptive;\n\n if (process.env.NODE_ENV !== \"production\") {\n var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || '';\n\n if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {\n return transitionProperty.indexOf(property) >= 0;\n })) {\n console.warn(['Popper: Detected CSS transitions on at least one of the following', 'CSS properties: \"transform\", \"top\", \"right\", \"bottom\", \"left\".', '\\n\\n', 'Disable the \"computeStyles\" modifier\\'s `adaptive` option to allow', 'for smooth transitions, or remove these properties from the CSS', 'transition declaration on the popper element if only transitioning', 'opacity or background-color for example.', '\\n\\n', 'We recommend using the popper element as a wrapper around an inner', 'element that can have any CSS property transitioned for animations.'].join(' '));\n }\n }\n\n var commonStyles = {\n placement: getBasePlacement(state.placement),\n popper: state.elements.popper,\n popperRect: state.rects.popper,\n gpuAcceleration: gpuAcceleration\n };\n\n if (state.modifiersData.popperOffsets != null) {\n state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {\n offsets: state.modifiersData.popperOffsets,\n position: state.options.strategy,\n adaptive: adaptive\n })));\n }\n\n if (state.modifiersData.arrow != null) {\n state.styles.arrow = Object.assign(Object.assign({}, state.styles.arrow), mapToStyles(Object.assign(Object.assign({}, commonStyles), {}, {\n offsets: state.modifiersData.arrow,\n position: 'absolute',\n adaptive: false\n })));\n }\n\n state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {\n 'data-popper-placement': state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar computeStyles$1 = {\n name: 'computeStyles',\n enabled: true,\n phase: 'beforeWrite',\n fn: computeStyles,\n data: {}\n};\n\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n var state = _ref.state;\n Object.keys(state.elements).forEach(function (name) {\n var style = state.styles[name] || {};\n var attributes = state.attributes[name] || {};\n var element = state.elements[name]; // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (name) {\n var value = attributes[name];\n\n if (value === false) {\n element.removeAttribute(name);\n } else {\n element.setAttribute(name, value === true ? '' : value);\n }\n });\n });\n}\n\nfunction effect$1(_ref2) {\n var state = _ref2.state;\n var initialStyles = {\n popper: {\n position: state.options.strategy,\n left: '0',\n top: '0',\n margin: '0'\n },\n arrow: {\n position: 'absolute'\n },\n reference: {}\n };\n Object.assign(state.elements.popper.style, initialStyles.popper);\n\n if (state.elements.arrow) {\n Object.assign(state.elements.arrow.style, initialStyles.arrow);\n }\n\n return function () {\n Object.keys(state.elements).forEach(function (name) {\n var element = state.elements[name];\n var attributes = state.attributes[name] || {};\n var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n var style = styleProperties.reduce(function (style, property) {\n style[property] = '';\n return style;\n }, {}); // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (attribute) {\n element.removeAttribute(attribute);\n });\n });\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar applyStyles$1 = {\n name: 'applyStyles',\n enabled: true,\n phase: 'write',\n fn: applyStyles,\n effect: effect$1,\n requires: ['computeStyles']\n};\n\nfunction distanceAndSkiddingToXY(placement, rects, offset) {\n var basePlacement = getBasePlacement(placement);\n var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n var _ref = typeof offset === 'function' ? offset(Object.assign(Object.assign({}, rects), {}, {\n placement: placement\n })) : offset,\n skidding = _ref[0],\n distance = _ref[1];\n\n skidding = skidding || 0;\n distance = (distance || 0) * invertDistance;\n return [left, right].indexOf(basePlacement) >= 0 ? {\n x: distance,\n y: skidding\n } : {\n x: skidding,\n y: distance\n };\n}\n\nfunction offset(_ref2) {\n var state = _ref2.state,\n options = _ref2.options,\n name = _ref2.name;\n var _options$offset = options.offset,\n offset = _options$offset === void 0 ? [0, 0] : _options$offset;\n var data = placements.reduce(function (acc, placement) {\n acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n return acc;\n }, {});\n var _data$state$placement = data[state.placement],\n x = _data$state$placement.x,\n y = _data$state$placement.y;\n\n if (state.modifiersData.popperOffsets != null) {\n state.modifiersData.popperOffsets.x += x;\n state.modifiersData.popperOffsets.y += y;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar offset$1 = {\n name: 'offset',\n enabled: true,\n phase: 'main',\n requires: ['popperOffsets'],\n fn: offset\n};\n\nvar hash = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nfunction getOppositePlacement(placement) {\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}\n\nvar hash$1 = {\n start: 'end',\n end: 'start'\n};\nfunction getOppositeVariationPlacement(placement) {\n return placement.replace(/start|end/g, function (matched) {\n return hash$1[matched];\n });\n}\n\n/*:: type OverflowsMap = { [ComputedPlacement]: number }; */\n\n/*;; type OverflowsMap = { [key in ComputedPlacement]: number }; */\nfunction computeAutoPlacement(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n placement = _options.placement,\n boundary = _options.boundary,\n rootBoundary = _options.rootBoundary,\n padding = _options.padding,\n flipVariations = _options.flipVariations,\n _options$allowedAutoP = _options.allowedAutoPlacements,\n allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;\n var variation = getVariation(placement);\n var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n return getVariation(placement) === variation;\n }) : basePlacements; // $FlowFixMe\n\n var allowedPlacements = placements$1.filter(function (placement) {\n return allowedAutoPlacements.indexOf(placement) >= 0;\n });\n\n if (allowedPlacements.length === 0) {\n allowedPlacements = placements$1;\n\n if (process.env.NODE_ENV !== \"production\") {\n console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, \"auto\" cannot be used to allow \"bottom-start\".', 'Use \"auto-start\" instead.'].join(' '));\n }\n } // $FlowFixMe: Flow seems to have problems with two array unions...\n\n\n var overflows = allowedPlacements.reduce(function (acc, placement) {\n acc[placement] = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding\n })[getBasePlacement(placement)];\n return acc;\n }, {});\n return Object.keys(overflows).sort(function (a, b) {\n return overflows[a] - overflows[b];\n });\n}\n\nfunction getExpandedFallbackPlacements(placement) {\n if (getBasePlacement(placement) === auto) {\n return [];\n }\n\n var oppositePlacement = getOppositePlacement(placement);\n return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n\n if (state.modifiersData[name]._skip) {\n return;\n }\n\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n specifiedFallbackPlacements = options.fallbackPlacements,\n padding = options.padding,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n _options$flipVariatio = options.flipVariations,\n flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n allowedAutoPlacements = options.allowedAutoPlacements;\n var preferredPlacement = state.options.placement;\n var basePlacement = getBasePlacement(preferredPlacement);\n var isBasePlacement = basePlacement === preferredPlacement;\n var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n flipVariations: flipVariations,\n allowedAutoPlacements: allowedAutoPlacements\n }) : placement);\n }, []);\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var checksMap = new Map();\n var makeFallbackChecks = true;\n var firstFittingPlacement = placements[0];\n\n for (var i = 0; i < placements.length; i++) {\n var placement = placements[i];\n\n var _basePlacement = getBasePlacement(placement);\n\n var isStartVariation = getVariation(placement) === start;\n var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n var len = isVertical ? 'width' : 'height';\n var overflow = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n altBoundary: altBoundary,\n padding: padding\n });\n var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n if (referenceRect[len] > popperRect[len]) {\n mainVariationSide = getOppositePlacement(mainVariationSide);\n }\n\n var altVariationSide = getOppositePlacement(mainVariationSide);\n var checks = [];\n\n if (checkMainAxis) {\n checks.push(overflow[_basePlacement] <= 0);\n }\n\n if (checkAltAxis) {\n checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n }\n\n if (checks.every(function (check) {\n return check;\n })) {\n firstFittingPlacement = placement;\n makeFallbackChecks = false;\n break;\n }\n\n checksMap.set(placement, checks);\n }\n\n if (makeFallbackChecks) {\n // `2` may be desired in some cases – research later\n var numberOfChecks = flipVariations ? 3 : 1;\n\n var _loop = function _loop(_i) {\n var fittingPlacement = placements.find(function (placement) {\n var checks = checksMap.get(placement);\n\n if (checks) {\n return checks.slice(0, _i).every(function (check) {\n return check;\n });\n }\n });\n\n if (fittingPlacement) {\n firstFittingPlacement = fittingPlacement;\n return \"break\";\n }\n };\n\n for (var _i = numberOfChecks; _i > 0; _i--) {\n var _ret = _loop(_i);\n\n if (_ret === \"break\") break;\n }\n }\n\n if (state.placement !== firstFittingPlacement) {\n state.modifiersData[name]._skip = true;\n state.placement = firstFittingPlacement;\n state.reset = true;\n }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar flip$1 = {\n name: 'flip',\n enabled: true,\n phase: 'main',\n fn: flip,\n requiresIfExists: ['offset'],\n data: {\n _skip: false\n }\n};\n\nfunction getAltAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\n\nfunction within(min, value, max) {\n return Math.max(min, Math.min(value, max));\n}\n\nfunction preventOverflow(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n padding = options.padding,\n _options$tether = options.tether,\n tether = _options$tether === void 0 ? true : _options$tether,\n _options$tetherOffset = options.tetherOffset,\n tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n var overflow = detectOverflow(state, {\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n altBoundary: altBoundary\n });\n var basePlacement = getBasePlacement(state.placement);\n var variation = getVariation(state.placement);\n var isBasePlacement = !variation;\n var mainAxis = getMainAxisFromPlacement(basePlacement);\n var altAxis = getAltAxis(mainAxis);\n var popperOffsets = state.modifiersData.popperOffsets;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign(Object.assign({}, state.rects), {}, {\n placement: state.placement\n })) : tetherOffset;\n var data = {\n x: 0,\n y: 0\n };\n\n if (!popperOffsets) {\n return;\n }\n\n if (checkMainAxis) {\n var mainSide = mainAxis === 'y' ? top : left;\n var altSide = mainAxis === 'y' ? bottom : right;\n var len = mainAxis === 'y' ? 'height' : 'width';\n var offset = popperOffsets[mainAxis];\n var min = popperOffsets[mainAxis] + overflow[mainSide];\n var max = popperOffsets[mainAxis] - overflow[altSide];\n var additive = tether ? -popperRect[len] / 2 : 0;\n var minLen = variation === start ? referenceRect[len] : popperRect[len];\n var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n // outside the reference bounds\n\n var arrowElement = state.elements.arrow;\n var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n width: 0,\n height: 0\n };\n var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n var arrowPaddingMin = arrowPaddingObject[mainSide];\n var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n // to include its full size in the calculation. If the reference is small\n // and near the edge of a boundary, the popper can overflow even if the\n // reference is not overflowing as well (e.g. virtual elements with no\n // width or height)\n\n var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;\n var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;\n var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;\n var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;\n var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;\n var preventedOffset = within(tether ? Math.min(min, tetherMin) : min, offset, tether ? Math.max(max, tetherMax) : max);\n popperOffsets[mainAxis] = preventedOffset;\n data[mainAxis] = preventedOffset - offset;\n }\n\n if (checkAltAxis) {\n var _mainSide = mainAxis === 'x' ? top : left;\n\n var _altSide = mainAxis === 'x' ? bottom : right;\n\n var _offset = popperOffsets[altAxis];\n\n var _min = _offset + overflow[_mainSide];\n\n var _max = _offset - overflow[_altSide];\n\n var _preventedOffset = within(_min, _offset, _max);\n\n popperOffsets[altAxis] = _preventedOffset;\n data[altAxis] = _preventedOffset - _offset;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar preventOverflow$1 = {\n name: 'preventOverflow',\n enabled: true,\n phase: 'main',\n fn: preventOverflow,\n requiresIfExists: ['offset']\n};\n\nfunction arrow(_ref) {\n var _state$modifiersData$;\n\n var state = _ref.state,\n name = _ref.name;\n var arrowElement = state.elements.arrow;\n var popperOffsets = state.modifiersData.popperOffsets;\n var basePlacement = getBasePlacement(state.placement);\n var axis = getMainAxisFromPlacement(basePlacement);\n var isVertical = [left, right].indexOf(basePlacement) >= 0;\n var len = isVertical ? 'height' : 'width';\n\n if (!arrowElement || !popperOffsets) {\n return;\n }\n\n var paddingObject = state.modifiersData[name + \"#persistent\"].padding;\n var arrowRect = getLayoutRect(arrowElement);\n var minProp = axis === 'y' ? top : left;\n var maxProp = axis === 'y' ? bottom : right;\n var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];\n var startDiff = popperOffsets[axis] - state.rects.reference[axis];\n var arrowOffsetParent = getOffsetParent(arrowElement);\n var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;\n var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is\n // outside of the popper bounds\n\n var min = paddingObject[minProp];\n var max = clientSize - arrowRect[len] - paddingObject[maxProp];\n var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n var offset = within(min, center, max); // Prevents breaking syntax highlighting...\n\n var axisProp = axis;\n state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);\n}\n\nfunction effect$2(_ref2) {\n var state = _ref2.state,\n options = _ref2.options,\n name = _ref2.name;\n var _options$element = options.element,\n arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element,\n _options$padding = options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n\n if (arrowElement == null) {\n return;\n } // CSS selector\n\n\n if (typeof arrowElement === 'string') {\n arrowElement = state.elements.popper.querySelector(arrowElement);\n\n if (!arrowElement) {\n return;\n }\n }\n\n if (process.env.NODE_ENV !== \"production\") {\n if (!isHTMLElement(arrowElement)) {\n console.error(['Popper: \"arrow\" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));\n }\n }\n\n if (!contains(state.elements.popper, arrowElement)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(['Popper: \"arrow\" modifier\\'s `element` must be a child of the popper', 'element.'].join(' '));\n }\n\n return;\n }\n\n state.elements.arrow = arrowElement;\n state.modifiersData[name + \"#persistent\"] = {\n padding: mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements))\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar arrow$1 = {\n name: 'arrow',\n enabled: true,\n phase: 'main',\n fn: arrow,\n effect: effect$2,\n requires: ['popperOffsets'],\n requiresIfExists: ['preventOverflow']\n};\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n if (preventedOffsets === void 0) {\n preventedOffsets = {\n x: 0,\n y: 0\n };\n }\n\n return {\n top: overflow.top - rect.height - preventedOffsets.y,\n right: overflow.right - rect.width + preventedOffsets.x,\n bottom: overflow.bottom - rect.height + preventedOffsets.y,\n left: overflow.left - rect.width - preventedOffsets.x\n };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n return [top, right, bottom, left].some(function (side) {\n return overflow[side] >= 0;\n });\n}\n\nfunction hide(_ref) {\n var state = _ref.state,\n name = _ref.name;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var preventedOffsets = state.modifiersData.preventOverflow;\n var referenceOverflow = detectOverflow(state, {\n elementContext: 'reference'\n });\n var popperAltOverflow = detectOverflow(state, {\n altBoundary: true\n });\n var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n state.modifiersData[name] = {\n referenceClippingOffsets: referenceClippingOffsets,\n popperEscapeOffsets: popperEscapeOffsets,\n isReferenceHidden: isReferenceHidden,\n hasPopperEscaped: hasPopperEscaped\n };\n state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {\n 'data-popper-reference-hidden': isReferenceHidden,\n 'data-popper-escaped': hasPopperEscaped\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nvar hide$1 = {\n name: 'hide',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['preventOverflow'],\n fn: hide\n};\n\nvar defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nvar defaultModifiers$1 = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];\nvar createPopper$1 = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers$1\n}); // eslint-disable-next-line import/no-unused-modules\n\nexports.applyStyles = applyStyles$1;\nexports.arrow = arrow$1;\nexports.computeStyles = computeStyles$1;\nexports.createPopper = createPopper$1;\nexports.createPopperLite = createPopper;\nexports.defaultModifiers = defaultModifiers$1;\nexports.detectOverflow = detectOverflow;\nexports.eventListeners = eventListeners;\nexports.flip = flip$1;\nexports.hide = hide$1;\nexports.offset = offset$1;\nexports.popperGenerator = popperGenerator;\nexports.popperOffsets = popperOffsets$1;\nexports.preventOverflow = preventOverflow$1;\n//# sourceMappingURL=popper.js.map\n","(function () {\n\t'use strict';\n\n\t/**\n\t * Whether or not the device is a Touch device\n\t * @type {boolean}\n\t */\n\tvar isTouchDevice = \"ontouchstart\" in document;\n\n\t/**\n\t * If true, the user agent already supports the 'maxTouchPoints' property on the Navigator prototype\n\t * @type {boolean}\n\t */\n\tvar SUPPORTS_MAX_TOUCH_POINTS = \"maxTouchPoints\" in Navigator.prototype;\n\n\t// tslint:disable:no-any\n\t// Only set the 'maxTouchPoints' property on the Navigator prototype if it isn't already supported\n\tif (!SUPPORTS_MAX_TOUCH_POINTS) {\n\t // If the device is a touch device, use 1 as the max available touch points even if it may be more. We have no way of knowing! Otherwise, fall back to 0\n\t Object.defineProperty(Navigator.prototype, \"maxTouchPoints\", {\n\t value: \"maxTouchPoints\" in navigator\n\t ? // Use the existing maxTouchPoints value if given\n\t navigator.maxTouchPoints\n\t : // Use the existing msMaxTouchPoints value if given\n\t \"msMaxTouchPoints\" in navigator\n\t ? navigator.msMaxTouchPoints\n\t : !isTouchDevice\n\t ? 0\n\t : 1,\n\t enumerable: true\n\t });\n\t}\n\n\tvar POINTER_EVENT_TYPES = [\n\t \"pointerover\",\n\t \"pointerenter\",\n\t \"pointerdown\",\n\t \"pointermove\",\n\t \"pointerup\",\n\t \"pointercancel\",\n\t \"pointerout\",\n\t \"pointerleave\",\n\t \"gotpointercapture\",\n\t \"lostpointercapture\"\n\t];\n\n\t/**\n\t * Returns true if the given event type represents a PointerEvent\n\t * @param {string} type\n\t * @returns {type is PointerEventType}\n\t */\n\tfunction isPointerEventType(type) {\n\t switch (type) {\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointercancel\":\n\t case \"pointerenter\":\n\t case \"pointerleave\":\n\t case \"pointerout\":\n\t case \"pointerover\":\n\t return true;\n\t default:\n\t return false;\n\t }\n\t}\n\n\t/**\n\t * Checks if there are Global Event Handlers (such as 'onpointerdown') for every Pointer Event\n\t * @type {boolean}\n\t */\n\tvar SUPPORTS_POINTER_EVENT_HANDLERS = POINTER_EVENT_TYPES.every(function (type) { return \"on\" + type in window; });\n\n\t// Only patch the dispatchEvent EventTarget prototype method if the user agent\n\t// doesn't already support Global Event Handlers for Pointer Events\n\tif (!SUPPORTS_POINTER_EVENT_HANDLERS) {\n\t // Keep a reference to the original dispatchEvent prototype method\n\t var originalDispatchEvent_1 = EventTarget.prototype.dispatchEvent;\n\t /**\n\t * Overwrite the dispatchEvent prototype method such that we can provide special handling\n\t * for PointerEvents\n\t * @param {Event} event\n\t * @returns {boolean}\n\t */\n\t EventTarget.prototype.dispatchEvent = function (event) {\n\t if (isPointerEventType(event.type)) {\n\t // Also invoke the event handler, if it exists\n\t var eventHandler = this[\"on\" + event.type];\n\t if (eventHandler != null) {\n\t eventHandler(event);\n\t }\n\t }\n\t return originalDispatchEvent_1.call(this, event);\n\t };\n\t}\n\n\t\n\n\t\n\n\t/*! *****************************************************************************\r\n\tCopyright (c) Microsoft Corporation. All rights reserved.\r\n\tLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\n\tthis file except in compliance with the License. You may obtain a copy of the\r\n\tLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\n\tTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\n\tKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\n\tWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\n\tMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\n\tSee the Apache Version 2.0 License for specific language governing permissions\r\n\tand limitations under the License.\r\n\t***************************************************************************** */\r\n\r\n\tvar __assign = function() {\r\n\t __assign = Object.assign || function __assign(t) {\r\n\t for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n\t s = arguments[i];\r\n\t for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n\t }\r\n\t return t;\r\n\t };\r\n\t return __assign.apply(this, arguments);\r\n\t};\r\n\r\n\tfunction __read(o, n) {\r\n\t var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n\t if (!m) return o;\r\n\t var i = m.call(o), r, ar = [], e;\r\n\t try {\r\n\t while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n\t }\r\n\t catch (error) { e = { error: error }; }\r\n\t finally {\r\n\t try {\r\n\t if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n\t }\r\n\t finally { if (e) throw e.error; }\r\n\t }\r\n\t return ar;\r\n\t}\r\n\r\n\tfunction __spread() {\r\n\t for (var ar = [], i = 0; i < arguments.length; i++)\r\n\t ar = ar.concat(__read(arguments[i]));\r\n\t return ar;\r\n\t}\n\n\t/**\n\t * The default values for constructed PointerEvents\n\t * @type {object}\n\t */\n\tvar POINTER_EVENT_DEFAULT_VALUES = {\n\t pointerId: 0,\n\t width: 1,\n\t height: 1,\n\t pressure: 0,\n\t tangentialPressure: 0,\n\t tiltX: 0,\n\t tiltY: 0,\n\t twist: 0,\n\t pointerType: \"\",\n\t isPrimary: false\n\t};\n\n\tvar SHARED_DESCRIPTOR_OPTIONS = {\n\t writable: false,\n\t configurable: true,\n\t enumerable: true\n\t};\n\n\t/**\n\t * Gets a PropertyDescriptor with a fallback value\n\t * @param {Key} key\n\t * @param {IPointerEventBase[Key]} providedValue\n\t * @returns {PropertyDescriptor}\n\t */\n\tfunction getDescriptorWithFallback(key, providedValue) {\n\t return __assign({ value: providedValue != null ? providedValue : POINTER_EVENT_DEFAULT_VALUES[key] }, SHARED_DESCRIPTOR_OPTIONS);\n\t}\n\n\tvar SEEN_POINTER_IDS = new Set();\n\n\t// tslint:disable:no-any\n\t// tslint:disable:bool-param-default\n\t/**\n\t * A specialization of MouseEvents as spec'ed in https://www.w3.org/TR/pointerevents\n\t */\n\tvar PointerEvent = /** @class */ (function () {\n\t function PointerEvent(type, eventInitDict) {\n\t if (eventInitDict === void 0) { eventInitDict = {}; }\n\t // Sets all of the given PropertyDescriptors with fallbacks to the default values as defined by the specification\n\t var propsToSet = {\n\t pointerId: getDescriptorWithFallback(\"pointerId\", eventInitDict.pointerId),\n\t width: getDescriptorWithFallback(\"width\", eventInitDict.width),\n\t height: getDescriptorWithFallback(\"height\", eventInitDict.height),\n\t pressure: getDescriptorWithFallback(\"pressure\", eventInitDict.pressure),\n\t tangentialPressure: getDescriptorWithFallback(\"tangentialPressure\", eventInitDict.tangentialPressure),\n\t tiltX: getDescriptorWithFallback(\"tiltX\", eventInitDict.tiltX),\n\t tiltY: getDescriptorWithFallback(\"tiltY\", eventInitDict.tiltY),\n\t twist: getDescriptorWithFallback(\"twist\", eventInitDict.twist),\n\t pointerType: getDescriptorWithFallback(\"pointerType\", eventInitDict.pointerType),\n\t isPrimary: getDescriptorWithFallback(\"isPrimary\", eventInitDict.isPrimary)\n\t };\n\t var mouseEvent = new MouseEvent(type, eventInitDict);\n\t Object.defineProperties(mouseEvent, propsToSet);\n\t // Update the SEEN_POINTER_IDS Set with the pointer id from the options\n\t SEEN_POINTER_IDS.add(propsToSet.pointerId.value);\n\t // Return the constructed MouseEvent directly from the constructor\n\t return mouseEvent;\n\t }\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @returns {EventTarget[]}\n\t */\n\t PointerEvent.prototype.deepPath = function () {\n\t return [];\n\t };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @returns {EventTarget[]}\n\t */\n\t PointerEvent.prototype.composedPath = function () {\n\t return [];\n\t };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _keyArg\n\t * @returns {boolean}\n\t */\n\t PointerEvent.prototype.getModifierState = function (_keyArg) {\n\t return false;\n\t };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _type\n\t * @param {boolean} _bubbles\n\t * @param {boolean} _cancelable\n\t */\n\t PointerEvent.prototype.initEvent = function (_type, _bubbles, _cancelable) { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _typeArg\n\t * @param {boolean} _canBubbleArg\n\t * @param {boolean} _cancelableArg\n\t * @param {Window} _viewArg\n\t * @param {number} _detailArg\n\t * @param {number} _screenXArg\n\t * @param {number} _screenYArg\n\t * @param {number} _clientXArg\n\t * @param {number} _clientYArg\n\t * @param {boolean} _ctrlKeyArg\n\t * @param {boolean} _altKeyArg\n\t * @param {boolean} _shiftKeyArg\n\t * @param {boolean} _metaKeyArg\n\t * @param {number} _buttonArg\n\t * @param {EventTarget | null} _relatedTargetArg\n\t */\n\t PointerEvent.prototype.initMouseEvent = function (_typeArg, _canBubbleArg, _cancelableArg, _viewArg, _detailArg, _screenXArg, _screenYArg, _clientXArg, _clientYArg, _ctrlKeyArg, _altKeyArg, _shiftKeyArg, _metaKeyArg, _buttonArg, _relatedTargetArg) { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t * @param {string} _typeArg\n\t * @param {boolean} _canBubbleArg\n\t * @param {boolean} _cancelableArg\n\t * @param {Window} _viewArg\n\t * @param {number} _detailArg\n\t */\n\t PointerEvent.prototype.initUIEvent = function (_typeArg, _canBubbleArg, _cancelableArg, _viewArg, _detailArg) { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t */\n\t PointerEvent.prototype.preventDefault = function () { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t */\n\t PointerEvent.prototype.stopImmediatePropagation = function () { };\n\t /**\n\t * This is a no-op. A MouseEvent is returned from the constructor\n\t */\n\t PointerEvent.prototype.stopPropagation = function () { };\n\t return PointerEvent;\n\t}());\n\n\t/**\n\t * Converts the type of a PointerEvent into one that the browser can understand\n\t * @param {string} pointerEventType\n\t * @returns {string|null}\n\t */\n\tfunction convertPointerEventType(pointerEventType) {\n\t if (isTouchDevice) {\n\t switch (pointerEventType) {\n\t case \"pointerdown\":\n\t return \"touchstart\";\n\t case \"pointermove\":\n\t return \"touchmove\";\n\t case \"pointerup\":\n\t return \"touchend\";\n\t case \"pointercancel\":\n\t return \"touchcancel\";\n\t case \"pointerout\":\n\t case \"pointerleave\":\n\t case \"pointerenter\":\n\t case \"pointerover\":\n\t case \"lostpointercapture\":\n\t case \"gotpointercapture\":\n\t return null;\n\t }\n\t }\n\t else {\n\t switch (pointerEventType) {\n\t case \"pointerdown\":\n\t return \"mousedown\";\n\t case \"pointermove\":\n\t return \"mousemove\";\n\t case \"pointerup\":\n\t return \"mouseup\";\n\t case \"pointercancel\":\n\t return null;\n\t case \"pointerout\":\n\t return \"mouseout\";\n\t case \"pointerleave\":\n\t return \"mouseleave\";\n\t case \"pointerenter\":\n\t return \"mouseenter\";\n\t case \"pointerover\":\n\t return \"mouseover\";\n\t case \"lostpointercapture\":\n\t case \"gotpointercapture\":\n\t return null;\n\t }\n\t }\n\t throw new TypeError(\"Event of type: '\" + pointerEventType + \"' could not be handled!\");\n\t}\n\n\t\n\n\t\n\n\t\n\n\t\n\n\t/**\n\t * Returns true if the given event target is an element\n\t * @param {EventTarget|null} eventTarget\n\t * @returns {eventTarget is Element}\n\t */\n\tfunction isElement(eventTarget) {\n\t return eventTarget != null && \"offsetLeft\" in eventTarget;\n\t}\n\n\t// tslint:disable:no-any\n\t/**\n\t * Gets the parent of an element, taking into account DocumentFragments, ShadowRoots, as well as the root context (window)\n\t * @param {EventTarget} currentElement\n\t * @returns {EventTarget | null}\n\t */\n\tfunction getParent(currentElement) {\n\t if (\"nodeType\" in currentElement && currentElement.nodeType === 1) {\n\t return currentElement.parentNode;\n\t }\n\t if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n\t return currentElement.host;\n\t }\n\t else if (currentElement === document) {\n\t return window;\n\t }\n\t else if (currentElement instanceof Node)\n\t return currentElement.parentNode;\n\t return null;\n\t}\n\n\t// tslint:disable:no-any\n\t/**\n\t * Finds the nearest root from an element\n\t * @param {Element} target\n\t * @returns {DocumentOrShadowRoot}\n\t */\n\tfunction findNearestRoot(target) {\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n\t // Assume this is a ShadowRoot\n\t return currentElement;\n\t }\n\t var parent_1 = getParent(currentElement);\n\t if (parent_1 === currentElement) {\n\t return document;\n\t }\n\t currentElement = parent_1;\n\t }\n\t return document;\n\t}\n\n\tvar POINTER_ID_TO_CAPTURED_TARGET_MAP = new Map();\n\n\t// tslint:disable:no-any\n\t/**\n\t * Retrieves the width of a touch\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getTouchWidth(touch) {\n\t if (\"radiusX\" in touch)\n\t return touch.radiusX * 2;\n\t else if (\"webkitRadiusX\" in touch)\n\t return touch.webkitRadiusX * 2;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.width;\n\t }\n\t}\n\t/**\n\t * Retrieves the height of a touch\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getTouchHeight(touch) {\n\t if (\"radiusY\" in touch)\n\t return touch.radiusY * 2;\n\t else if (\"webkitRadiusY\" in touch)\n\t return touch.webkitRadiusY * 2;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.height;\n\t }\n\t}\n\t/**\n\t * Gets the pressure of the current touch, depending on the type of event\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent | Touch} touchOrMouseEvent\n\t * @returns {number}\n\t */\n\tfunction getPressure(type, touchOrMouseEvent) {\n\t if (type === \"pointerup\") {\n\t return 0;\n\t }\n\t else if (\"force\" in touchOrMouseEvent)\n\t return touchOrMouseEvent.force;\n\t else if (\"webkitForce\" in touchOrMouseEvent)\n\t return touchOrMouseEvent.webkitForce;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.pressure;\n\t }\n\t}\n\t/**\n\t * Gets the 'twist' value of a Touch event\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getTouchTwist(touch) {\n\t if (\"rotationAngle\" in touch)\n\t return touch.rotationAngle;\n\t else if (\"webkitRotationAngle\" in touch)\n\t return touch.webkitRotationAngle;\n\t else {\n\t return POINTER_EVENT_DEFAULT_VALUES.twist;\n\t }\n\t}\n\t/**\n\t * If the event is \"pointermove\", and if the target is given and is an element,\n\t * use whatever element is currently under the cursor.\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {Touch} touch\n\t * @returns {EventTarget | null}\n\t */\n\tfunction getTouchTarget(pointerId, type, e, touch) {\n\t var captured = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId);\n\t if (captured !== undefined)\n\t return captured;\n\t if (type !== \"pointermove\" || !isElement(e.target) || !isElement(e.currentTarget))\n\t return e.target;\n\t return findNearestRoot(e.currentTarget).elementFromPoint(touch.clientX, touch.clientY);\n\t}\n\n\t/**\n\t * Gets the event path from a target\n\t * @param {Element} target\n\t * @returns {Element[]}\n\t */\n\tfunction getEventPath(target) {\n\t var path = [];\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t path.push(currentElement);\n\t currentElement = getParent(currentElement);\n\t // If the last Node is equal to the latest parentNode, break immediately\n\t if (path[path.length - 1] === currentElement)\n\t break;\n\t }\n\t return path;\n\t}\n\n\t/**\n\t * Finds the nearest ancestor of an element that can scroll\n\t * @param {Element} target\n\t * @returns {IScrollAncestor}\n\t */\n\tfunction findNearestAncestorsWithScroll(target) {\n\t var path = [];\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t if (\"style\" in currentElement) {\n\t var computedStyle = getComputedStyle(currentElement);\n\t var overflow = computedStyle.getPropertyValue(\"overflow\");\n\t var canScrollX = overflow.startsWith(\"visible\") || overflow.startsWith(\"scroll\");\n\t var canScrollY = overflow.endsWith(\"visible\") || overflow.endsWith(\"scroll\");\n\t var canScroll = canScrollX || canScrollY;\n\t if (canScroll) {\n\t path.push({ canScrollX: canScrollX, canScrollY: canScrollY, scrollElement: currentElement });\n\t }\n\t }\n\t var parent_1 = getParent(currentElement);\n\t // If the last Node is equal to the latest parentNode, break immediately\n\t if (parent_1 === currentElement)\n\t break;\n\t currentElement = parent_1;\n\t }\n\t return path;\n\t}\n\n\t/**\n\t * Overwrites the targets for the given event\n\t * @param {Event} e\n\t * @param {NullableEventTarget} target\n\t * @param {NullableEventTarget} currentTarget\n\t * @param {NullableEventTarget} relatedTarget\n\t */\n\tfunction overwriteTargetsForEvent(e, target, currentTarget, relatedTarget) {\n\t // Set the original target and currentTarget on the cancel event\n\t Object.defineProperties(e, __assign({}, (target === undefined\n\t ? {}\n\t : {\n\t target: __assign({ value: target }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (currentTarget === undefined\n\t ? {}\n\t : {\n\t currentTarget: __assign({ value: currentTarget }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (relatedTarget === undefined\n\t ? {}\n\t : {\n\t relatedTarget: __assign({ value: relatedTarget }, SHARED_DESCRIPTOR_OPTIONS)\n\t })));\n\t}\n\n\tvar currentMousePointerId = POINTER_EVENT_DEFAULT_VALUES.pointerId + 1;\n\n\tvar currentPenOrTouchPointerId = currentMousePointerId + 1;\n\n\t/**\n\t * Gets a PointerId from a Touch\n\t * @param {Touch} touch\n\t * @returns {number}\n\t */\n\tfunction getPointerIdFromTouch(touch) {\n\t return touch.identifier + currentPenOrTouchPointerId;\n\t}\n\n\t/**\n\t * Returns true if the given event type is cancelable, based on the given event\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent | TouchEvent} e\n\t * @returns {boolean}\n\t */\n\tfunction isCancelable(type, e) {\n\t switch (type) {\n\t case \"pointerover\":\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t return true;\n\t default:\n\t return e.cancelable;\n\t }\n\t}\n\n\t/**\n\t * Returns true if the given event type can bubble, based on the given event\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent | TouchEvent} e\n\t * @returns {boolean}\n\t */\n\tfunction canBubble(type, e) {\n\t switch (type) {\n\t case \"pointerover\":\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointercancel\":\n\t case \"pointerout\":\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t return true;\n\t default:\n\t return e.bubbles;\n\t }\n\t}\n\n\tvar CLONEABLE_EVENT_PROPERTIES = new Set([\n\t \"cancelBubble\",\n\t \"currentTarget\",\n\t \"defaultPrevented\",\n\t \"eventPhase\",\n\t \"returnValue\",\n\t \"scoped\",\n\t \"srcElement\",\n\t \"timeStamp\",\n\t \"deepPath\",\n\t \"AT_TARGET\",\n\t \"BUBBLING_PHASE\",\n\t \"CAPTURING_PHASE\",\n\t \"NONE\"\n\t]);\n\n\tvar CLONEABLE_UI_EVENT_PROPERTIES = new Set(__spread(CLONEABLE_EVENT_PROPERTIES, [\n\t \"view\"\n\t], (\"sourceCapabilities\" in UIEvent.prototype ? [\"sourceCapabilities\"] : [])));\n\n\t/**\n\t * Clones an Event as a new PointerEvent\n\t * @param {ICloneEventAsPointerEventOptions} options\n\t * @returns {PointerEvent}\n\t */\n\tfunction cloneEventAsPointerEvent(_a) {\n\t var dynamicPropertiesHandler = _a.dynamicPropertiesHandler, e = _a.e, initOptions = _a.initOptions, overwrittenMouseEventProperties = _a.overwrittenMouseEventProperties, type = _a.type;\n\t // Create a new PointerEvent\n\t var clone = new PointerEvent(type, initOptions);\n\t // Preventing default on the clone will also prevent default on the original event\n\t var rawPreventDefault = clone.preventDefault;\n\t var rawStopPropagation = clone.stopPropagation;\n\t var rawStopImmediatePropagation = clone.stopImmediatePropagation;\n\t clone.preventDefault = function () {\n\t rawPreventDefault.call(this);\n\t if (!e.defaultPrevented) {\n\t e.preventDefault();\n\t }\n\t };\n\t // Stopping propagation on the clone will also stop propagation on the original event\n\t clone.stopPropagation = function () {\n\t rawStopPropagation.call(this);\n\t e.stopPropagation();\n\t };\n\t // Stopping immediate propagation on the clone will also stop immediate propagation on the original event\n\t clone.stopImmediatePropagation = function () {\n\t rawStopImmediatePropagation.call(this);\n\t e.stopImmediatePropagation();\n\t };\n\t var additionalPropsToSet = {};\n\t CLONEABLE_UI_EVENT_PROPERTIES.forEach(function (key) {\n\t return (additionalPropsToSet[key] = __assign({ value: e[key] }, SHARED_DESCRIPTOR_OPTIONS));\n\t });\n\t additionalPropsToSet = __assign({}, additionalPropsToSet, overwrittenMouseEventProperties, dynamicPropertiesHandler());\n\t // Set MouseEvent (and inherited UIEvent) properties on the event object\n\t Object.defineProperties(clone, additionalPropsToSet);\n\t return clone;\n\t}\n\n\tvar pointerIdToCancelFiredSet = new Set();\n\t/**\n\t * Updates the PointerIdToCancelFiredSet\n\t * @param {{type: PointerEventType, pointerId: number}} e\n\t */\n\tfunction updatePointerIdToCancelFiredSet(_a) {\n\t var type = _a.type, pointerId = _a.pointerId;\n\t switch (type) {\n\t case \"pointercancel\":\n\t pointerIdToCancelFiredSet.add(pointerId);\n\t break;\n\t case \"pointerdown\":\n\t case \"pointerup\":\n\t pointerIdToCancelFiredSet[\"delete\"](pointerId);\n\t break;\n\t }\n\t}\n\n\t/**\n\t * Invokes a listener with the given event\n\t * @param {PointerEvent} event\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction invokeListener(event, listener) {\n\t typeof listener === \"function\" ? listener(event) : listener.handleEvent(event);\n\t}\n\n\t\n\n\tvar styleDeclarationPropertyName = \"touchAction\";\n\tvar styleAttributePropertyName = \"touch-action\";\n\tvar styleAttributePropertyNameRegex = new RegExp(styleAttributePropertyName + \":\\\\s*([^;]*)\");\n\t/**\n\t * Finds all ancestors and their touch-action values\n\t * @param {Element} target\n\t * @returns {ITouchActionAncestor[]}\n\t */\n\tfunction findNearestAncestorsWithTouchAction(target) {\n\t var path = [];\n\t var currentElement = target;\n\t while (currentElement != null) {\n\t var touchActionPropertyValue = null;\n\t if (\"style\" in currentElement) {\n\t touchActionPropertyValue = currentElement.style[styleDeclarationPropertyName];\n\t if (touchActionPropertyValue == null || touchActionPropertyValue === \"\") {\n\t var styleAttributeValue = currentElement.getAttribute(\"style\");\n\t if (styleAttributeValue != null && styleAttributeValue.includes(styleAttributePropertyName)) {\n\t var match = styleAttributeValue.match(styleAttributePropertyNameRegex);\n\t if (match != null) {\n\t var _a = __read(match, 2), values = _a[1];\n\t touchActionPropertyValue = values;\n\t }\n\t }\n\t }\n\t if (touchActionPropertyValue == null || touchActionPropertyValue === \"\") {\n\t var attributeValue = target.getAttribute(\"touch-action\");\n\t if (attributeValue != null && attributeValue !== \"\") {\n\t touchActionPropertyValue = attributeValue;\n\t }\n\t }\n\t if (touchActionPropertyValue != null) {\n\t path.push({\n\t element: currentElement,\n\t touchAction: new Set(touchActionPropertyValue.split(/\\s/).map(function (part) { return part.trim(); }))\n\t });\n\t }\n\t }\n\t var parent_1 = getParent(currentElement);\n\t // If the last Node is equal to the latest parentNode, break immediately\n\t if (parent_1 === currentElement)\n\t break;\n\t currentElement = parent_1;\n\t }\n\t return path;\n\t}\n\n\t// tslint:disable:no-any\n\t// tslint:disable:no-identical-conditions\n\t// tslint:disable:no-collapsible-if\n\t/**\n\t * The name of the property to extend TouchEvents with\n\t * @type {string}\n\t */\n\tvar TOUCH_ACTION_PROPERTY_NAME = \"___touchAction___\";\n\t/**\n\t * How great the different between a touchstart and touchmove before it is determined that panning is undergoing\n\t * @type {number}\n\t */\n\tvar PANNING_DIFFERENCE_THRESHOLD = 5;\n\t/**\n\t * The PointerEvents to track during scrolling\n\t * @type {(string)[]}\n\t */\n\tvar POINTER_EVENTS_TO_TRACK = [\"pointercancel\", \"pointerleave\", \"pointerup\", \"pointerout\"];\n\tvar LAST_POINTER_DOWN_EVENT_FOR_POINTER_ID = new Map();\n\t/**\n\t * Handles all those dynamic properties that are specific for a specific PointerEvent type on Touch devices\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {Touch} currentTouch\n\t * @param {TouchEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForPointerEventOnTouch(pointerId, type, currentTouch, e) {\n\t switch (type) {\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointerover\":\n\t case \"pointerenter\":\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t return handleDynamicPropertiesForContactTouch(pointerId, type, currentTouch, e);\n\t case \"pointercancel\":\n\t case \"pointerout\":\n\t case \"pointerleave\":\n\t return handleDynamicPropertiesForNoContactTouch(pointerId, type, currentTouch, e);\n\t default:\n\t throw new TypeError(\"Error: Could not handle dynamic properties for a PointerEvent of type: '\" + type + \"'\");\n\t }\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointercancel/pointerleave/pointerout events on Touch devices\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {Touch} touch\n\t * @param {TouchEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForNoContactTouch(pointerId, type, touch, e) {\n\t return {\n\t target: __assign({ value: getTouchTarget(pointerId, type, e, touch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For everything other than pointerover/pointerleave/pointerout/pointerenter, the related target should be null\n\t // https://www.w3.org/TR/pointerevents2/\n\t relatedTarget: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t width: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.width }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.height }, SHARED_DESCRIPTOR_OPTIONS),\n\t pressure: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.pressure }, SHARED_DESCRIPTOR_OPTIONS),\n\t tangentialPressure: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tangentialPressure }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltX: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltX }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltY }, SHARED_DESCRIPTOR_OPTIONS),\n\t twist: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.twist }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointercancel events on Touch devices\n\t * @param {number} pointerId\n\t * @param {string} type\n\t * @param {Touch} currentTouch\n\t * @param {TouchEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForContactTouch(pointerId, type, currentTouch, e) {\n\t var offsetX = currentTouch.clientX - (isElement(currentTouch.target) ? currentTouch.target.offsetLeft : 0);\n\t var offsetY = currentTouch.clientY - (isElement(currentTouch.target) ? currentTouch.target.offsetTop : 0);\n\t var offsetParent = \"offsetParent\" in currentTouch.target ? currentTouch.target : null;\n\t var layerX = offsetParent == null ? offsetX : currentTouch.clientX - offsetParent.offsetLeft;\n\t var layerY = offsetParent == null ? offsetY : currentTouch.clientY - offsetParent.offsetTop;\n\t return {\n\t target: __assign({ value: getTouchTarget(pointerId, type, e, currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For everything other than pointerover/pointerleave/pointerout/pointerenter, the related target should be null\n\t // https://www.w3.org/TR/pointerevents2/\n\t relatedTarget: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ \n\t // Touch contact are indicated by the button value 0\n\t value: type === \"gotpointercapture\" ? -1 : 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ \n\t // During Touch contact, there is a single button in use, hence the value of 1\n\t value: type === \"pointerup\" || type === \"lostpointercapture\" ? 0 : 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: currentTouch.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: currentTouch.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: currentTouch.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: currentTouch.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: currentTouch.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: currentTouch.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: currentTouch.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: currentTouch.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: offsetX }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: offsetY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For both pointerdown and pointer up events, there has been no movement since the previous event. This is only applicable to pointermove events\n\t movementX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For both pointerdown and pointer up events, there has been no movement since the previous event. This is only applicable to pointermove events\n\t movementY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // The width and height in CSS pixels of the contact geometry of the pointer.\n\t // Will use the radiusX or webkitRadiusX properties of Touch Events to determine this\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t width: __assign({ value: getTouchWidth(currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: getTouchHeight(currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Some browsers like iOS safari reports force values for touches which we can use to determine the pressure.\n\t // For \"pointerup\" events, the pressure will always be 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pressure: __assign({ value: getPressure(type, currentTouch) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // There is no known way to detect the tangential pressure currently, so we just default to setting this to 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tangentialPressure: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tangentialPressure }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Touch pointers doesn't support tilt. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tiltX: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltX }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: POINTER_EVENT_DEFAULT_VALUES.tiltY }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Gets the rotation angle, in degrees, of the contact area ellipse\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t twist: __assign({ value: getTouchTwist(currentTouch) }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles whatever logic needs to come before any given kind of TouchEvent\n\t * @param {PointerEventType} pointerEventType\n\t * @param {EventTarget} eventTarget\n\t * @param {TouchEvent} e\n\t * @param {PointerEvent[]} pointerEvents\n\t */\n\tfunction handlePrePointerEventForTouch(pointerEventType, eventTarget, e, pointerEvents) {\n\t switch (pointerEventType) {\n\t case \"pointermove\":\n\t if (isElement(e.target) && isElement(e.currentTarget)) {\n\t var touchAction_1 = e[TOUCH_ACTION_PROPERTY_NAME];\n\t // If only panning in the [x|y]-axis is allowed, test if panning is attempted in the [x|y]-axis and prevent it if that is the case\n\t if (touchAction_1 !== \"auto\") {\n\t pointerEvents.forEach(function (_a) {\n\t var pointerId = _a.pointerId, clientX = _a.clientX, clientY = _a.clientY;\n\t if (e.cancelable && !e.defaultPrevented) {\n\t // Take the last known pointer down event\n\t var pointerDownEvent = LAST_POINTER_DOWN_EVENT_FOR_POINTER_ID.get(pointerId);\n\t if (pointerDownEvent == null)\n\t return;\n\t var diffX = clientX - pointerDownEvent.clientX;\n\t var absDiffX = Math.abs(diffX);\n\t var diffY = clientY - pointerDownEvent.clientY;\n\t var absDiffY = Math.abs(diffY);\n\t var isPanningX = absDiffX > PANNING_DIFFERENCE_THRESHOLD && absDiffX > absDiffY;\n\t var isPanningY = absDiffY > PANNING_DIFFERENCE_THRESHOLD && absDiffY > absDiffX;\n\t var isPanningUp = diffY > 0;\n\t var isPanningDown = diffY < 0;\n\t var isPanningLeft = diffX > 0;\n\t var isPanningRight = diffX < 0;\n\t if (touchAction_1 === \"none\") {\n\t // Prevent touchmove from performing its default behavior if horizontal or vertical movement happens and none if allowed\n\t if (isPanningX || isPanningY) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-y\") {\n\t // Prevent touchmove from performing its default behavior if horizontal movement happens, but only vertical scrolling is allowed\n\t if (isPanningX) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-y pan-left\") {\n\t // Prevent touchmove from performing its default behavior if right-going horizontal movement happens\n\t if (isPanningRight) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-y pan-right\") {\n\t // Prevent touchmove from performing its default behavior if left-going horizontal movement happens\n\t if (isPanningLeft) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-up\") {\n\t if (!isPanningUp) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-down\") {\n\t if (!isPanningDown) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-left\") {\n\t if (!isPanningLeft) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-right\") {\n\t if (!isPanningRight) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-x\") {\n\t // Prevent touchmove from performing its default behavior if vertical movement happens, but only horizontal scrolling is allowed\n\t if (isPanningY) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-x pan-up\") {\n\t // Prevent touchmove from performing its default behavior if down-going vertical movement happens\n\t if (isPanningDown) {\n\t e.preventDefault();\n\t }\n\t }\n\t else if (touchAction_1 === \"pan-x pan-down\") {\n\t // Prevent touchmove from performing its default behavior if up-going vertical movement happens\n\t if (isPanningUp) {\n\t e.preventDefault();\n\t }\n\t }\n\t }\n\t });\n\t break;\n\t }\n\t // If the target is not equal to the original target\n\t if (e.target !== e.currentTarget) {\n\t // If none of the touches has a pointer id that is used for capturing pointer events and binding them to the current target of the event, do nothing\n\t if (Array.from(e.changedTouches).some(function (touch) { return POINTER_ID_TO_CAPTURED_TARGET_MAP.has(getPointerIdFromTouch(touch)); })) {\n\t break;\n\t }\n\t // Fire a \"pointercancel\" event if/when the target is no longer equal to the original target\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointercancel\", e, eventTarget);\n\t }\n\t }\n\t break;\n\t case \"pointerdown\":\n\t // All \"pointerdown\" events must be preceded by a \"pointerover\" event\n\t // https://www.w3.org/TR/pointerevents/#the-pointerover-event\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerover\", e, eventTarget);\n\t // All \"pointerdown\" events must be preceded by a \"pointerenter\" event\n\t // https://www.w3.org/TR/pointerevents/#the-pointerover-event\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerenter\", e, eventTarget);\n\t break;\n\t }\n\t}\n\t/**\n\t * Handles whatever logic needs to follow any given kind of TouchEvent\n\t * @param {PointerEventType} pointerEventType\n\t * @param {EventTarget} eventTarget\n\t * @param {TouchEvent} e\n\t */\n\tfunction handlePostPointerEventForTouch(pointerEventType, eventTarget, e) {\n\t // Store a reference to the event target and event currentTarget. These may change in the meantime, but we are going to need them when cloning the event\n\t var target = e.target;\n\t var currentTarget = e.currentTarget;\n\t // Immediately after pointerup or pointercancel events, a user agent MUST clear any pointer capture target overrides\n\t // https://www.w3.org/TR/pointerevents/#implicit-release-of-pointer-capture\n\t if (pointerEventType === \"pointerup\" || pointerEventType === \"pointercancel\") {\n\t Array.from(e.changedTouches).forEach(function (touch) {\n\t var pointerId = getPointerIdFromTouch(touch);\n\t var match = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId);\n\t if (match != null && isElement(match)) {\n\t match.releasePointerCapture(pointerId);\n\t }\n\t });\n\t }\n\t switch (pointerEventType) {\n\t case \"pointerdown\":\n\t // The equivalent event is \"touchcancel\" which won't fire when the finger leaves the element\n\t // or when scrolling happens. We need to enforce this behavior to follow the spec.\n\t // https://www.w3.org/TR/pointerevents2/#the-pointercancel-event\n\t if (isElement(e.currentTarget)) {\n\t /**\n\t * We need to listen for \"pointermove\" events to continuously monitor and update the target\n\t */\n\t var pointerMoveHandler_1 = function () { };\n\t /**\n\t * We need to make sure to unbind the handler to avoid memory leaks\n\t */\n\t var unbindPointerMoveHandler_1 = function () {\n\t eventTarget.removeEventListener(\"pointermove\", pointerMoveHandler_1);\n\t if (POINTER_EVENTS_TO_TRACK != null) {\n\t POINTER_EVENTS_TO_TRACK.forEach(function (type) {\n\t eventTarget.removeEventListener(type, unbindPointerMoveHandler_1);\n\t });\n\t }\n\t };\n\t eventTarget.addEventListener(\"pointermove\", pointerMoveHandler_1);\n\t var ancestorsWithScroll_1 = findNearestAncestorsWithScroll(e.currentTarget);\n\t var hasFiredScrollEvent_1 = false;\n\t /**\n\t * Unbind the scroll listeners to avoid memory leaks and unnecessary computations\n\t */\n\t var unbindScrollListeners_1 = function () {\n\t // Then remove all listeners for scroll events\n\t if (ancestorsWithScroll_1 != null) {\n\t ancestorsWithScroll_1.forEach(function (_a) {\n\t var scrollElement = _a.scrollElement;\n\t return scrollElement.removeEventListener(\"scroll\", scrollHandler_1);\n\t });\n\t ancestorsWithScroll_1 = null;\n\t }\n\t if (POINTER_EVENTS_TO_TRACK != null) {\n\t POINTER_EVENTS_TO_TRACK.forEach(function (type) {\n\t eventTarget.removeEventListener(type, unbindScrollListeners_1);\n\t });\n\t }\n\t };\n\t /**\n\t * When a scroll event happens, fire a 'pointercancel' event on the element\n\t */\n\t var scrollHandler_1 = function () {\n\t if (!hasFiredScrollEvent_1) {\n\t hasFiredScrollEvent_1 = true;\n\t // Re-set the target and currentTarget to the values the event had before.\n\t // It may have changed in the meantime\n\t overwriteTargetsForEvent(e, target, currentTarget);\n\t // Construct a new event and fire it on the EventTarget\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointercancel\", e, eventTarget);\n\t }\n\t unbindScrollListeners_1();\n\t };\n\t // Hook up listeners for \"scroll\" events on all scroll ancestors\n\t ancestorsWithScroll_1.forEach(function (_a) {\n\t var scrollElement = _a.scrollElement;\n\t return scrollElement.addEventListener(\"scroll\", scrollHandler_1);\n\t });\n\t // Make sure to also unbind the scroll handlers on various related PointerEvents\n\t POINTER_EVENTS_TO_TRACK.forEach(function (pointerEventToTrack) {\n\t eventTarget.addEventListener(pointerEventToTrack, unbindScrollListeners_1);\n\t eventTarget.addEventListener(pointerEventToTrack, unbindPointerMoveHandler_1);\n\t });\n\t }\n\t break;\n\t case \"pointercancel\":\n\t // If we're having to do with a 'pointercancel' event,\n\t // The spec requires a \"pointerout\" and \"pointerleave\" event to be fired immediately after.\n\t // https://www.w3.org/TR/pointerevents2/#the-pointercancel-event\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerout\", e, eventTarget);\n\t createPointerEventsForTouchOfTypeAndDispatch(\"pointerleave\", e, eventTarget);\n\t break;\n\t }\n\t}\n\t/**\n\t * Handles touch-action values for an event\n\t * @param {PointerEventType} _type\n\t * @param {PointerEvent} e\n\t */\n\tfunction handleTouchAction(_type, e) {\n\t // Only consider pointerdown events here\n\t if (!isElement(e.currentTarget))\n\t return;\n\t var touchActionAncestors = findNearestAncestorsWithTouchAction(e.currentTarget);\n\t var hasTouchActionNoneAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"none\"); });\n\t var hasPanXAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-x\"); });\n\t var hasPanYAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-y\"); });\n\t var hasPanUpAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-up\"); });\n\t var hasPanDownAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-down\"); });\n\t var hasPanLeftAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-left\"); });\n\t var hasPanRightAncestor = touchActionAncestors.some(function (ancestor) { return ancestor.touchAction.has(\"pan-right\"); });\n\t var canPanX = hasTouchActionNoneAncestor || hasPanXAncestor || (hasPanLeftAncestor && hasPanRightAncestor);\n\t var canPanY = hasTouchActionNoneAncestor || hasPanYAncestor || (hasPanUpAncestor && hasPanDownAncestor);\n\t if (canPanX && canPanY) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"none\" });\n\t }\n\t else if (canPanX) {\n\t if (hasPanUpAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-x pan-up\"\n\t });\n\t }\n\t else if (hasPanDownAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-x pan-down\"\n\t });\n\t }\n\t else {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-x\" });\n\t }\n\t }\n\t else if (canPanY) {\n\t if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-y pan-left\"\n\t });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-y pan-right\"\n\t });\n\t }\n\t else {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-y\" });\n\t }\n\t }\n\t else if (hasPanUpAncestor) {\n\t if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-up pan-left\"\n\t });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-up pan-right\"\n\t });\n\t }\n\t }\n\t else if (hasPanDownAncestor) {\n\t if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-down pan-left\"\n\t });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-down pan-right\"\n\t });\n\t }\n\t }\n\t else if (hasPanLeftAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-left\" });\n\t }\n\t else if (hasPanRightAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, {\n\t value: \"pan-right\"\n\t });\n\t }\n\t else if (hasPanUpAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-up\" });\n\t }\n\t else if (hasPanDownAncestor) {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"pan-down\" });\n\t }\n\t else {\n\t Object.defineProperty(e, TOUCH_ACTION_PROPERTY_NAME, { value: \"auto\" });\n\t }\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @returns {PointerEvent[]}\n\t */\n\tfunction createPointerEventsForTouchOfType(type, e) {\n\t handleTouchAction(type, e);\n\t return Array.from(e.changedTouches)\n\t .map(function (currentTouch) {\n\t // For Touch, each active pointer corresponds to a finger in direct contact with the digitizer\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t var pointerId = getPointerIdFromTouch(currentTouch);\n\t var initOptions = __assign({}, e, { pointerId: pointerId, pointerType: \"touch\", \n\t // The Touch will be primary if it is the first touch of the list\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t isPrimary: currentTouch === e.changedTouches[0], bubbles: canBubble(type, e), cancelable: isCancelable(type, e) });\n\t // Prevent the event if cancel has been fired and it isn't an event that will always be fired after pointercancel events\n\t var shouldPreventBecauseCanceled = type !== \"pointerout\" && type !== \"pointerleave\" && pointerIdToCancelFiredSet.has(pointerId);\n\t if (shouldPreventBecauseCanceled) {\n\t if (e.cancelable && !e.defaultPrevented) {\n\t e.preventDefault();\n\t }\n\t // Update the Set since this won't be invoked otherwise\n\t updatePointerIdToCancelFiredSet({ type: type, pointerId: pointerId });\n\t return null;\n\t }\n\t // Define all properties of MouseEvents that should be set on the event object\n\t // noinspection JSDeprecatedSymbols\n\t var overwrittenMouseEventProperties = __assign({ scoped: __assign({ value: e.scoped }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'fromElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t fromElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'toElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t toElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'detail' property should always have a value of 0\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t detail: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'composed' property should always have a value of true\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t composed: __assign({ value: true }, SHARED_DESCRIPTOR_OPTIONS), composedPath: __assign({ value: function () { return getEventPath(e.target); } }, SHARED_DESCRIPTOR_OPTIONS) }, (!(\"region\" in Touch.prototype)\n\t ? {}\n\t : {\n\t region: __assign({ value: currentTouch.region }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"path\" in Event.prototype) || !isElement(currentTouch.target)\n\t ? {}\n\t : {\n\t path: __assign({ value: getEventPath(currentTouch.target) }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"deepPath\" in Event.prototype) || !isElement(currentTouch.target)\n\t ? {}\n\t : {\n\t path: __assign({ value: function () { return getEventPath(currentTouch.target); } }, SHARED_DESCRIPTOR_OPTIONS)\n\t }));\n\t // Create a new PointerEvent\n\t var clonedEvent = cloneEventAsPointerEvent({\n\t e: e,\n\t type: type,\n\t initOptions: initOptions,\n\t overwrittenMouseEventProperties: overwrittenMouseEventProperties,\n\t dynamicPropertiesHandler: function () { return handleDynamicPropertiesForPointerEventOnTouch(pointerId, type, currentTouch, e); }\n\t });\n\t overwriteTargetsForEvent(e, clonedEvent.target, clonedEvent.currentTarget, clonedEvent.relatedTarget);\n\t // Store a reference to the last constructed \"pointerdown\" event\n\t if (type === \"pointerdown\") {\n\t LAST_POINTER_DOWN_EVENT_FOR_POINTER_ID.set(pointerId, clonedEvent);\n\t }\n\t return clonedEvent;\n\t })\n\t .filter(function (ev) { return ev != null; });\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type and invokes the listener with it\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventTarget} eventTarget\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction createPointerEventsForTouchOfTypeAndInvoke(type, e, eventTarget, listener) {\n\t var pointerEvents = createPointerEventsForTouchOfType(type, e);\n\t // Handle whatever needs to come before the TouchEvent\n\t handlePrePointerEventForTouch(type, eventTarget, e, pointerEvents);\n\t pointerEvents.forEach(function (clone) {\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Invoke the listener with the cloned event\n\t invokeListener(clone, listener);\n\t });\n\t // Handle whatever needs to come after the TouchEvent\n\t handlePostPointerEventForTouch(type, eventTarget, e);\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type and dispatches an event on the event target\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventTarget} eventTarget\n\t */\n\tfunction createPointerEventsForTouchOfTypeAndDispatch(type, e, eventTarget) {\n\t var pointerEvents = createPointerEventsForTouchOfType(type, e);\n\t // Handle whatever needs to come before the TouchEvent\n\t handlePrePointerEventForTouch(type, eventTarget, e, pointerEvents);\n\t pointerEvents.forEach(function (clone) {\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Dispatch the event on the target\n\t eventTarget.dispatchEvent(clone);\n\t });\n\t // Handle whatever needs to come after the TouchEvent\n\t handlePostPointerEventForTouch(type, eventTarget, e);\n\t}\n\t/**\n\t * Handles a PointerEvent for a Touch device\n\t * @param {EventTarget} eventTarget\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction handlePointerEventForTouch(eventTarget, type, e, listener) {\n\t createPointerEventsForTouchOfTypeAndInvoke(type, e, eventTarget, listener);\n\t}\n\n\t\n\n\t/**\n\t * Gets the target for a MouseEvent\n\t * @param {number} pointerId\n\t * @param {MouseEvent} e\n\t * @returns {EventTarget | null}\n\t */\n\tfunction getMouseTarget(pointerId, e) {\n\t var captured = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId);\n\t if (captured !== undefined) {\n\t return captured;\n\t }\n\t return e.target;\n\t}\n\n\t// tslint:disable:no-any\n\t/**\n\t * A Map between Event Targets and disposable objects\n\t * @type {Map}\n\t */\n\tvar POINTER_UP_FALLBACK_LISTENER_MAP = new Map();\n\t/**\n\t * Dispatches a 'pointerup' event the next time a 'mouseup' event is fired on the window\n\t * @param {MouseEvent} e\n\t * @returns {IDisposable}\n\t */\n\tfunction dispatchPointerUpForPointerEventOnNextGlobalUpEvent(e) {\n\t var target = e.target, currentTarget = e.currentTarget;\n\t var dispose = function () {\n\t window.removeEventListener(\"mouseup\", handler);\n\t };\n\t var handler = function (upEvent) {\n\t // Use the coordinate-specific values from the mouseup event and set it on the constructed 'pointerup' event\n\t var _a = isElement(currentTarget) ? currentTarget.getBoundingClientRect() : { left: 0, top: 0 }, left = _a.left, top = _a.top;\n\t createPointerEventsForMouseOfTypeAndDispatch(\"pointerup\", e, currentTarget, {\n\t target: __assign({ value: target }, SHARED_DESCRIPTOR_OPTIONS),\n\t currentTarget: __assign({ value: currentTarget }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: upEvent.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: upEvent.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: upEvent.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: upEvent.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: upEvent.layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: upEvent.layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: upEvent.movementX }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: upEvent.movementY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: upEvent.clientX - left }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: upEvent.clientY - top }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: upEvent.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: upEvent.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: upEvent.x }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: upEvent.y }, SHARED_DESCRIPTOR_OPTIONS)\n\t });\n\t dispose();\n\t };\n\t window.addEventListener(\"mouseup\", handler);\n\t return { dispose: dispose };\n\t}\n\t/**\n\t * Handles whatever logic needs to follow any given kind of MouseEvent\n\t * @param {PointerEventType} pointerEventType\n\t * @param {MouseEvent} e\n\t */\n\tfunction handlePostPointerEventForMouse(pointerEventType, e) {\n\t switch (pointerEventType) {\n\t case \"pointercancel\":\n\t case \"pointerup\":\n\t // Clean up after the global \"pointerup\" listener, if it exists\n\t if (e.currentTarget != null && POINTER_UP_FALLBACK_LISTENER_MAP.has(e.currentTarget)) {\n\t var handler = POINTER_UP_FALLBACK_LISTENER_MAP.get(e.currentTarget);\n\t // Clear the global listener for \"mouseup\" events\n\t handler.dispose();\n\t POINTER_UP_FALLBACK_LISTENER_MAP[\"delete\"](e.currentTarget);\n\t }\n\t // Immediately after pointerup or pointercancel events, a user agent MUST clear any pointer capture target overrides\n\t // https://www.w3.org/TR/pointerevents/#implicit-release-of-pointer-capture\n\t var match = POINTER_ID_TO_CAPTURED_TARGET_MAP.get(currentMousePointerId);\n\t if (match != null && isElement(match)) {\n\t match.releasePointerCapture(currentMousePointerId);\n\t }\n\t break;\n\t case \"pointerdown\":\n\t if (e.currentTarget != null && !POINTER_UP_FALLBACK_LISTENER_MAP.has(e.currentTarget)) {\n\t POINTER_UP_FALLBACK_LISTENER_MAP.set(e.currentTarget, dispatchPointerUpForPointerEventOnNextGlobalUpEvent(e));\n\t }\n\t }\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointerdown or pointerup events on Mouse devices\n\t * @param {number} pointerId\n\t * @param {string} type\n\t * @param {MouseEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForContactMouse(pointerId, type, e) {\n\t return {\n\t target: __assign({ value: getMouseTarget(pointerId, e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ \n\t // If the pointer is simply over the element, no pointer contact has changed since last event.\n\t // https://www.w3.org/TR/pointerevents2/#the-button-property\n\t value: type === \"pointerover\" || type === \"gotpointercapture\" ? -1 : type === \"lostpointercapture\" ? 0 : e.button }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ value: type === \"lostpointercapture\" ? 0 : type === \"gotpointercapture\" ? 1 : e.buttons }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: e.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: e.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: e.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: e.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: e.layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: e.layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: e.movementX }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: e.movementY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: e.offsetX }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: e.offsetY }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: e.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: e.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: e.x }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: e.y }, SHARED_DESCRIPTOR_OPTIONS),\n\t // For everything other than pointerover/pointerleave/pointerout/pointerenter, the related target should be null\n\t // https://www.w3.org/TR/pointerevents2/\n\t relatedTarget: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS),\n\t // The width and height of active mouse and pen pointers are always equal to 1\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t width: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support pressure (mice and pens doesn't), the pressure is always 0.5 except for \"up\" events (which is zero)\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pressure: __assign({ value: getPressure(type, e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support tangential pressure (mice and pens doesn't), the value is always 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tangentialPressure: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support tilt. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tiltX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support twist. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t twist: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for pointerout or pointerleave events on Mouse devices\n\t * @param {number} pointerId\n\t * @param {MouseEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForNoContactMouse(pointerId, e) {\n\t return {\n\t target: __assign({ value: getMouseTarget(pointerId, e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t button: __assign({ value: e.button }, SHARED_DESCRIPTOR_OPTIONS),\n\t buttons: __assign({ value: e.buttons }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientX: __assign({ value: e.clientX }, SHARED_DESCRIPTOR_OPTIONS),\n\t clientY: __assign({ value: e.clientY }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenX: __assign({ value: e.screenX }, SHARED_DESCRIPTOR_OPTIONS),\n\t screenY: __assign({ value: e.screenY }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerX: __assign({ value: e.layerX }, SHARED_DESCRIPTOR_OPTIONS),\n\t layerY: __assign({ value: e.layerY }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementX: __assign({ value: e.movementX }, SHARED_DESCRIPTOR_OPTIONS),\n\t movementY: __assign({ value: e.movementY }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetX: __assign({ value: e.offsetX }, SHARED_DESCRIPTOR_OPTIONS),\n\t offsetY: __assign({ value: e.offsetY }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageX: __assign({ value: e.pageX }, SHARED_DESCRIPTOR_OPTIONS),\n\t pageY: __assign({ value: e.pageY }, SHARED_DESCRIPTOR_OPTIONS),\n\t x: __assign({ value: e.x }, SHARED_DESCRIPTOR_OPTIONS),\n\t y: __assign({ value: e.y }, SHARED_DESCRIPTOR_OPTIONS),\n\t relatedTarget: __assign({ value: e.relatedTarget }, SHARED_DESCRIPTOR_OPTIONS),\n\t // The width and height of active mouse and pen pointers are always equal to 1\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t width: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t height: __assign({ value: 1 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support pressure (mice and pens doesn't), the pressure is always 0.5 except for \"up\" events (which is zero)\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pressure: __assign({ value: getPressure(\"pointerout\", e) }, SHARED_DESCRIPTOR_OPTIONS),\n\t // if the device doesn't support tangential pressure (mice and pens doesn't), the value is always 0\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tangentialPressure: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support tilt. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t tiltX: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t tiltY: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS),\n\t // Mouse pointers doesn't support twist. Default to values of zero\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t twist: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS)\n\t };\n\t}\n\t/**\n\t * Handles all those dynamic properties that are specific for a specific PointerEvent type on Mouse devices\n\t * @param {number} pointerId\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @returns {{[Key in DynamicPointerEventProperty]: PropertyDescriptor}}\n\t */\n\tfunction handleDynamicPropertiesForPointerEventOnMouse(pointerId, type, e) {\n\t switch (type) {\n\t case \"pointerdown\":\n\t case \"pointermove\":\n\t case \"pointerup\":\n\t case \"pointerover\":\n\t case \"pointerenter\":\n\t case \"gotpointercapture\":\n\t case \"lostpointercapture\":\n\t return handleDynamicPropertiesForContactMouse(pointerId, type, e);\n\t case \"pointerout\":\n\t case \"pointerleave\":\n\t case \"pointercancel\":\n\t return handleDynamicPropertiesForNoContactMouse(pointerId, e);\n\t default:\n\t throw new TypeError(\"Error: Could not handle dynamic properties for a PointerEvent of type: '\" + type + \"'\");\n\t }\n\t}\n\t/**\n\t * Creates a PointerEvent based on a MouseEvent of the given type\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @returns {PointerEvent[]}\n\t */\n\tfunction createPointerEventsForMouseOfType(type, e) {\n\t var pointerId = currentMousePointerId;\n\t var initOptions = __assign({}, e, { \n\t // Mice are always active pointers, so their pointer ids won't increment\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t pointerId: pointerId, pointerType: \"mouse\", \n\t // Mouse pointers are always active and always considered primary, even if multiple mouse devices are connected\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t isPrimary: true, bubbles: canBubble(type, e), cancelable: isCancelable(type, e) });\n\t // Prevent the event if the pointer id is currently being caught by an EventTarget\n\t var shouldPreventBecausePointerCapture = (type === \"pointerout\" || type === \"pointerleave\") && POINTER_ID_TO_CAPTURED_TARGET_MAP.has(pointerId);\n\t if (shouldPreventBecausePointerCapture) {\n\t if (e.cancelable && !e.defaultPrevented) {\n\t e.preventDefault();\n\t }\n\t return [];\n\t }\n\t // Define all properties of MouseEvents that should be set on the event object\n\t // noinspection JSDeprecatedSymbols\n\t var overwrittenMouseEventProperties = __assign({ scoped: __assign({ value: e.scoped }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'fromElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t fromElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'toElement' property should be set to 'null' for interoperability reasons according to the spec\n\t // https://www.w3.org/TR/pointerevents/#pointerevent-interface\n\t toElement: __assign({ value: null }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'detail' property should always have a value of 0\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t detail: __assign({ value: 0 }, SHARED_DESCRIPTOR_OPTIONS), \n\t // The 'composed' property should always have a value of true\n\t // https://www.w3.org/TR/pointerevents/#attributes-and-default-actions\n\t composed: __assign({ value: true }, SHARED_DESCRIPTOR_OPTIONS), composedPath: __assign({ value: function () { return getEventPath(e.target); } }, SHARED_DESCRIPTOR_OPTIONS) }, (!(\"region\" in MouseEvent.prototype)\n\t ? {}\n\t : {\n\t region: __assign({ value: e.region }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"path\" in e)\n\t ? {}\n\t : {\n\t path: __assign({ \n\t // Touch contact are indicated by the button value 0\n\t value: e.path }, SHARED_DESCRIPTOR_OPTIONS)\n\t }), (!(\"deepPath\" in Event.prototype) || !isElement(e.target)\n\t ? {}\n\t : {\n\t path: __assign({ value: function () { return getEventPath(e.target); } }, SHARED_DESCRIPTOR_OPTIONS)\n\t }));\n\t // Create a new PointerEvent\n\t var clonedEvent = cloneEventAsPointerEvent({\n\t e: e,\n\t type: type,\n\t initOptions: initOptions,\n\t overwrittenMouseEventProperties: overwrittenMouseEventProperties,\n\t dynamicPropertiesHandler: function () { return handleDynamicPropertiesForPointerEventOnMouse(pointerId, type, e); }\n\t });\n\t overwriteTargetsForEvent(e, clonedEvent.target, clonedEvent.currentTarget, clonedEvent.relatedTarget);\n\t return [clonedEvent];\n\t}\n\t/**\n\t * Creates a PointerEvent based on a TouchEvent of the given type and dispatches an event on the event target\n\t * @param {PointerEventType} type\n\t * @param {TouchEvent} e\n\t * @param {EventTarget} eventTarget\n\t * @param {PropertyDescriptorMap} [extraDescriptors]\n\t */\n\tfunction createPointerEventsForMouseOfTypeAndDispatch(type, e, eventTarget, extraDescriptors) {\n\t var pointerEvents = createPointerEventsForMouseOfType(type, e);\n\t pointerEvents.forEach(function (clone) {\n\t if (extraDescriptors != null) {\n\t Object.defineProperties(clone, extraDescriptors);\n\t }\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Dispatch the event on the target\n\t eventTarget.dispatchEvent(clone);\n\t });\n\t // Handle whatever needs to come after the MouseEvent\n\t handlePostPointerEventForMouse(type, e);\n\t}\n\t/**\n\t * Creates a PointerEvent based on a MouseEvent of the given type and invokes the listener with it\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @param {EventTarget} eventTarget\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction createPointerEventsForMouseOfTypeAndInvoke(type, e, eventTarget, listener) {\n\t var pointerEvents = createPointerEventsForMouseOfType(type, e);\n\t pointerEvents.forEach(function (clone) {\n\t updatePointerIdToCancelFiredSet(clone);\n\t // Invoke the listener with the cloned event\n\t invokeListener(clone, listener);\n\t });\n\t // Handle whatever needs to come after the MouseEvent\n\t handlePostPointerEventForMouse(type, e);\n\t}\n\t/**\n\t * Handles a PointerEvent related to a MouseEvent\n\t * @param {EventTarget} eventTarget\n\t * @param {PointerEventType} type\n\t * @param {MouseEvent} e\n\t * @param {EventListenerOrEventListenerObject} listener\n\t */\n\tfunction handlePointerEventForMouse(eventTarget, type, e, listener) {\n\t createPointerEventsForMouseOfTypeAndInvoke(type, e, eventTarget, listener);\n\t}\n\n\tvar boundHandlerMap = new Map();\n\t/**\n\t * Adds a bound handler\n\t * @param {EventListenerOrEventListenerObject} listener\n\t * @param {Function} handler\n\t */\n\tfunction addBoundHandler(listener, handler) {\n\t var set = boundHandlerMap.get(listener);\n\t if (set == null) {\n\t set = new Set();\n\t boundHandlerMap.set(listener, set);\n\t }\n\t set.add(handler);\n\t}\n\n\t/**\n\t * Checks if the user agent already supports the PointerEvent constructor\n\t * @type {boolean}\n\t */\n\tvar SUPPORTS_POINTER_EVENTS = \"PointerEvent\" in window;\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t // Keep a reference to the original addEventListener prototype method\n\t var originalAddEventListener_1 = EventTarget.prototype.addEventListener;\n\t /**\n\t * Overwrite it such that we can add special handling for PointerEvents\n\t * @param {string} type\n\t * @param {EventListenerOrEventListenerObject | null} listener\n\t * @param {boolean | AddEventListenerOptions} options\n\t */\n\t EventTarget.prototype.addEventListener = function (type, listener, options) {\n\t var _this = this;\n\t if (listener == null) {\n\t return originalAddEventListener_1(type, listener, options);\n\t }\n\t if (isPointerEventType(type)) {\n\t var convertedEventType = convertPointerEventType(type);\n\t var handler = function (e) { return (\"changedTouches\" in e ? handlePointerEventForTouch(_this, type, e, listener) : handlePointerEventForMouse(_this, type, e, listener)); };\n\t var firedPointerEventsHandler = function (e) {\n\t // Only call the listener if the PointerEvent is **NOT** trusted\n\t // This is to ensure that no duplicate events are fired in browsers that natively supports PointerEvents, but where this polyfill is force-applied anyway\n\t if (!e.isTrusted) {\n\t invokeListener(e, listener);\n\t }\n\t };\n\t if (convertedEventType != null) {\n\t originalAddEventListener_1.call(this, convertedEventType, handler, options);\n\t // Add the original listener to the bound handler Map mapped to the 'handler' function so that we can\n\t // remove the listener at a later point\n\t addBoundHandler(listener, handler);\n\t }\n\t // Also add a listener for the pointer event name since these may be fired on the node as well\n\t originalAddEventListener_1.call(this, type, firedPointerEventsHandler, options);\n\t // Add the original listener to the bound handler Map mapped to the 'firedPointerEventsHandler' function so that we can\n\t // remove the listener at a later point\n\t addBoundHandler(listener, firedPointerEventsHandler);\n\t }\n\t else {\n\t originalAddEventListener_1.call(this, type, listener, options);\n\t }\n\t };\n\t}\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t // Keep a reference to the original removeEventListener prototype method\n\t var originalRemoveEventListener_1 = EventTarget.prototype.removeEventListener;\n\t /**\n\t * Overwrite the removeEventListener prototype method such that we can provide special handling\n\t * for PointerEvents\n\t * @param {string} type\n\t * @param {EventListenerOrEventListenerObject | null} listener\n\t * @param {EventListenerOptions | boolean} options\n\t */\n\t EventTarget.prototype.removeEventListener = function (type, listener, options) {\n\t var _this = this;\n\t var convertedEventType = isPointerEventType(type) ? convertPointerEventType(type) : undefined;\n\t if (listener == null) {\n\t originalRemoveEventListener_1.call(this, type, null, options);\n\t if (convertedEventType != null) {\n\t originalRemoveEventListener_1.call(this, convertedEventType, null, options);\n\t }\n\t return;\n\t }\n\t var boundHandlers = boundHandlerMap.get(listener);\n\t if (boundHandlers != null) {\n\t boundHandlers.forEach(function (handler) {\n\t originalRemoveEventListener_1.call(_this, type, handler, options);\n\t if (convertedEventType != null) {\n\t originalRemoveEventListener_1.call(_this, convertedEventType, handler, options);\n\t }\n\t });\n\t boundHandlerMap[\"delete\"](listener);\n\t }\n\t else {\n\t originalRemoveEventListener_1.call(this, type, listener, options);\n\t if (convertedEventType != null) {\n\t originalRemoveEventListener_1.call(this, convertedEventType, listener, options);\n\t }\n\t }\n\t };\n\t}\n\n\t// tslint:disable:no-any\n\t// Only patch the dispatchEvent EventTarget prototype method if the user agent\n\t// doesn't already support Global Event Handlers for Pointer Events\n\tif (!SUPPORTS_POINTER_EVENT_HANDLERS) {\n\t // Add EventHandlers such that \"in\" checks return true\n\t EventTarget.prototype.ongotpointercapture = null;\n\t EventTarget.prototype.onlostpointercapture = null;\n\t EventTarget.prototype.onpointerdown = null;\n\t EventTarget.prototype.onpointermove = null;\n\t EventTarget.prototype.onpointerup = null;\n\t EventTarget.prototype.onpointercancel = null;\n\t EventTarget.prototype.onpointerover = null;\n\t EventTarget.prototype.onpointerout = null;\n\t EventTarget.prototype.onpointerenter = null;\n\t EventTarget.prototype.onpointerleave = null;\n\t}\n\n\t// tslint:disable:no-any\n\tvar hasPointerLock = false;\n\tvar HAS_POINTER_LOCK = function () { return hasPointerLock; };\n\t/**\n\t * Invoked when a \"pointerlockchange\" event is fired. Is used to\n\t * update the value of 'hasPointerLock'\n\t */\n\tvar handler = function () {\n\t hasPointerLock = document.pointerLockElement != null && document.mozPointerLockElement != null;\n\t};\n\t// Listen for PointerLock events\n\tdocument.addEventListener(\"pointerlockchange\", handler);\n\tdocument.addEventListener(\"mozpointerlockchange\", handler);\n\n\t/**\n\t * Throws a DOMException if possible, otherwise it falls back to throwing a regular error\n\t * @param {string} message\n\t * @param {string} name\n\t */\n\tfunction throwDOMException(message, name) {\n\t var exception;\n\t try {\n\t exception = new DOMException(message, name);\n\t }\n\t catch (ex) {\n\t exception = new Error(name + \": \" + message);\n\t if (name != null) {\n\t exception.name = name;\n\t }\n\t }\n\t throw exception;\n\t}\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t /**\n\t * Sets pointer capture for the pointer identified by the argument pointerId to the element on which\n\t * this method is invoked\n\t * https://www.w3.org/TR/pointerevents/#extensions-to-the-element-interface\n\t * @param {number} pointerId\n\t */\n\t Element.prototype.setPointerCapture = function (pointerId) {\n\t // If no active pointer exists with the given pointer id, throw a DOMException\n\t // with name 'InvalidPointerId'\n\t // https://www.w3.org/TR/pointerevents/#setting-pointer-capture\n\t if (!SEEN_POINTER_IDS.has(pointerId)) {\n\t throwDOMException(\"Could not set pointer capture on an element: No active pointers exist with the given pointer id: '\" + pointerId + \"'\", \"InvalidPointerId\");\n\t }\n\t // If the element is not connected, throw an InvalidStateError\n\t // https://www.w3.org/TR/pointerevents/#setting-pointer-capture\n\t if (!this.isConnected) {\n\t throwDOMException(\"Could not set pointer capture on an element: It wasn't connected!\", \"InvalidStateError\");\n\t }\n\t if (HAS_POINTER_LOCK()) {\n\t throwDOMException(\"Could not set pointer capture on an element: The document had a PointerLock!\", \"InvalidStateError\");\n\t }\n\t // Otherwise, mark the pointer id as captured by this element\n\t POINTER_ID_TO_CAPTURED_TARGET_MAP.set(pointerId, this);\n\t isTouchDevice\n\t ? createPointerEventsForTouchOfTypeAndDispatch(\"gotpointercapture\", new TouchEvent(\"\"), this)\n\t : createPointerEventsForMouseOfTypeAndDispatch(\"gotpointercapture\", new MouseEvent(\"\"), this);\n\t };\n\t}\n\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t /**\n\t * Releases pointer capture for the pointer identified by the argument pointerId to the element on which\n\t * this method is invoked\n\t * https://www.w3.org/TR/pointerevents/#extensions-to-the-element-interface\n\t * @param {number} pointerId\n\t */\n\t Element.prototype.releasePointerCapture = function (pointerId) {\n\t // If no active pointer exists with the given pointer id, throw a DOMException\n\t // with name 'InvalidPointerId'\n\t // https://www.w3.org/TR/pointerevents/#setting-pointer-capture\n\t if (!SEEN_POINTER_IDS.has(pointerId)) {\n\t throwDOMException(\"Could not release pointer capture on an element: No active pointers exist with the given pointer id: '\" + pointerId + \"'\", \"InvalidPointerId\");\n\t }\n\t // Otherwise, mark the pointer id as captured by this element\n\t POINTER_ID_TO_CAPTURED_TARGET_MAP[\"delete\"](pointerId);\n\t isTouchDevice\n\t ? createPointerEventsForTouchOfTypeAndDispatch(\"lostpointercapture\", new TouchEvent(\"\"), this)\n\t : createPointerEventsForMouseOfTypeAndDispatch(\"lostpointercapture\", new MouseEvent(\"\"), this);\n\t };\n\t}\n\n\t// tslint:disable:no-any\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t /**\n\t * Checks if the element has pointer capture for the pointer identified by the argument pointerId\n\t * https://www.w3.org/TR/pointerevents/#extensions-to-the-element-interface\n\t * @param {number} pointerId\n\t */\n\t Element.prototype.hasPointerCapture = function (pointerId) {\n\t return POINTER_ID_TO_CAPTURED_TARGET_MAP.get(pointerId) != null;\n\t };\n\t}\n\n\t// tslint:disable:no-any\n\t// Only patch the window object if it doesn't already have a PointerEvent constructor\n\tif (!SUPPORTS_POINTER_EVENTS) {\n\t // Set the PointerEvent reference on the window object\n\t window.PointerEvent = PointerEvent;\n\t}\n\n}());\n//# sourceMappingURL=index.js.map\n","'use strict';\n\nvar objectAssign = require('object-assign');\n\n// compare and isBuffer taken from https://github.com/feross/buffer/blob/680e9e5e488f22aac27599a57dc844a6315928dd/index.js\n// original notice:\n\n/*!\n * The buffer module from node.js, for the browser.\n *\n * @author Feross Aboukhadijeh \n * @license MIT\n */\nfunction compare(a, b) {\n if (a === b) {\n return 0;\n }\n\n var x = a.length;\n var y = b.length;\n\n for (var i = 0, len = Math.min(x, y); i < len; ++i) {\n if (a[i] !== b[i]) {\n x = a[i];\n y = b[i];\n break;\n }\n }\n\n if (x < y) {\n return -1;\n }\n if (y < x) {\n return 1;\n }\n return 0;\n}\nfunction isBuffer(b) {\n if (global.Buffer && typeof global.Buffer.isBuffer === 'function') {\n return global.Buffer.isBuffer(b);\n }\n return !!(b != null && b._isBuffer);\n}\n\n// based on node assert, original notice:\n// NB: The URL to the CommonJS spec is kept just for tradition.\n// node-assert has evolved a lot since then, both in API and behavior.\n\n// http://wiki.commonjs.org/wiki/Unit_Testing/1.0\n//\n// THIS IS NOT TESTED NOR LIKELY TO WORK OUTSIDE V8!\n//\n// Originally from narwhal.js (http://narwhaljs.org)\n// Copyright (c) 2009 Thomas Robinson <280north.com>\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the 'Software'), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN\n// ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\n// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nvar util = require('util/');\nvar hasOwn = Object.prototype.hasOwnProperty;\nvar pSlice = Array.prototype.slice;\nvar functionsHaveNames = (function () {\n return function foo() {}.name === 'foo';\n}());\nfunction pToString (obj) {\n return Object.prototype.toString.call(obj);\n}\nfunction isView(arrbuf) {\n if (isBuffer(arrbuf)) {\n return false;\n }\n if (typeof global.ArrayBuffer !== 'function') {\n return false;\n }\n if (typeof ArrayBuffer.isView === 'function') {\n return ArrayBuffer.isView(arrbuf);\n }\n if (!arrbuf) {\n return false;\n }\n if (arrbuf instanceof DataView) {\n return true;\n }\n if (arrbuf.buffer && arrbuf.buffer instanceof ArrayBuffer) {\n return true;\n }\n return false;\n}\n// 1. The assert module provides functions that throw\n// AssertionError's when particular conditions are not met. The\n// assert module must conform to the following interface.\n\nvar assert = module.exports = ok;\n\n// 2. The AssertionError is defined in assert.\n// new assert.AssertionError({ message: message,\n// actual: actual,\n// expected: expected })\n\nvar regex = /\\s*function\\s+([^\\(\\s]*)\\s*/;\n// based on https://github.com/ljharb/function.prototype.name/blob/adeeeec8bfcc6068b187d7d9fb3d5bb1d3a30899/implementation.js\nfunction getName(func) {\n if (!util.isFunction(func)) {\n return;\n }\n if (functionsHaveNames) {\n return func.name;\n }\n var str = func.toString();\n var match = str.match(regex);\n return match && match[1];\n}\nassert.AssertionError = function AssertionError(options) {\n this.name = 'AssertionError';\n this.actual = options.actual;\n this.expected = options.expected;\n this.operator = options.operator;\n if (options.message) {\n this.message = options.message;\n this.generatedMessage = false;\n } else {\n this.message = getMessage(this);\n this.generatedMessage = true;\n }\n var stackStartFunction = options.stackStartFunction || fail;\n if (Error.captureStackTrace) {\n Error.captureStackTrace(this, stackStartFunction);\n } else {\n // non v8 browsers so we can have a stacktrace\n var err = new Error();\n if (err.stack) {\n var out = err.stack;\n\n // try to strip useless frames\n var fn_name = getName(stackStartFunction);\n var idx = out.indexOf('\\n' + fn_name);\n if (idx >= 0) {\n // once we have located the function frame\n // we need to strip out everything before it (and its line)\n var next_line = out.indexOf('\\n', idx + 1);\n out = out.substring(next_line + 1);\n }\n\n this.stack = out;\n }\n }\n};\n\n// assert.AssertionError instanceof Error\nutil.inherits(assert.AssertionError, Error);\n\nfunction truncate(s, n) {\n if (typeof s === 'string') {\n return s.length < n ? s : s.slice(0, n);\n } else {\n return s;\n }\n}\nfunction inspect(something) {\n if (functionsHaveNames || !util.isFunction(something)) {\n return util.inspect(something);\n }\n var rawname = getName(something);\n var name = rawname ? ': ' + rawname : '';\n return '[Function' + name + ']';\n}\nfunction getMessage(self) {\n return truncate(inspect(self.actual), 128) + ' ' +\n self.operator + ' ' +\n truncate(inspect(self.expected), 128);\n}\n\n// At present only the three keys mentioned above are used and\n// understood by the spec. Implementations or sub modules can pass\n// other keys to the AssertionError's constructor - they will be\n// ignored.\n\n// 3. All of the following functions must throw an AssertionError\n// when a corresponding condition is not met, with a message that\n// may be undefined if not provided. All assertion methods provide\n// both the actual and expected values to the assertion error for\n// display purposes.\n\nfunction fail(actual, expected, message, operator, stackStartFunction) {\n throw new assert.AssertionError({\n message: message,\n actual: actual,\n expected: expected,\n operator: operator,\n stackStartFunction: stackStartFunction\n });\n}\n\n// EXTENSION! allows for well behaved errors defined elsewhere.\nassert.fail = fail;\n\n// 4. Pure assertion tests whether a value is truthy, as determined\n// by !!guard.\n// assert.ok(guard, message_opt);\n// This statement is equivalent to assert.equal(true, !!guard,\n// message_opt);. To test strictly for the value true, use\n// assert.strictEqual(true, guard, message_opt);.\n\nfunction ok(value, message) {\n if (!value) fail(value, true, message, '==', assert.ok);\n}\nassert.ok = ok;\n\n// 5. The equality assertion tests shallow, coercive equality with\n// ==.\n// assert.equal(actual, expected, message_opt);\n\nassert.equal = function equal(actual, expected, message) {\n if (actual != expected) fail(actual, expected, message, '==', assert.equal);\n};\n\n// 6. The non-equality assertion tests for whether two objects are not equal\n// with != assert.notEqual(actual, expected, message_opt);\n\nassert.notEqual = function notEqual(actual, expected, message) {\n if (actual == expected) {\n fail(actual, expected, message, '!=', assert.notEqual);\n }\n};\n\n// 7. The equivalence assertion tests a deep equality relation.\n// assert.deepEqual(actual, expected, message_opt);\n\nassert.deepEqual = function deepEqual(actual, expected, message) {\n if (!_deepEqual(actual, expected, false)) {\n fail(actual, expected, message, 'deepEqual', assert.deepEqual);\n }\n};\n\nassert.deepStrictEqual = function deepStrictEqual(actual, expected, message) {\n if (!_deepEqual(actual, expected, true)) {\n fail(actual, expected, message, 'deepStrictEqual', assert.deepStrictEqual);\n }\n};\n\nfunction _deepEqual(actual, expected, strict, memos) {\n // 7.1. All identical values are equivalent, as determined by ===.\n if (actual === expected) {\n return true;\n } else if (isBuffer(actual) && isBuffer(expected)) {\n return compare(actual, expected) === 0;\n\n // 7.2. If the expected value is a Date object, the actual value is\n // equivalent if it is also a Date object that refers to the same time.\n } else if (util.isDate(actual) && util.isDate(expected)) {\n return actual.getTime() === expected.getTime();\n\n // 7.3 If the expected value is a RegExp object, the actual value is\n // equivalent if it is also a RegExp object with the same source and\n // properties (`global`, `multiline`, `lastIndex`, `ignoreCase`).\n } else if (util.isRegExp(actual) && util.isRegExp(expected)) {\n return actual.source === expected.source &&\n actual.global === expected.global &&\n actual.multiline === expected.multiline &&\n actual.lastIndex === expected.lastIndex &&\n actual.ignoreCase === expected.ignoreCase;\n\n // 7.4. Other pairs that do not both pass typeof value == 'object',\n // equivalence is determined by ==.\n } else if ((actual === null || typeof actual !== 'object') &&\n (expected === null || typeof expected !== 'object')) {\n return strict ? actual === expected : actual == expected;\n\n // If both values are instances of typed arrays, wrap their underlying\n // ArrayBuffers in a Buffer each to increase performance\n // This optimization requires the arrays to have the same type as checked by\n // Object.prototype.toString (aka pToString). Never perform binary\n // comparisons for Float*Arrays, though, since e.g. +0 === -0 but their\n // bit patterns are not identical.\n } else if (isView(actual) && isView(expected) &&\n pToString(actual) === pToString(expected) &&\n !(actual instanceof Float32Array ||\n actual instanceof Float64Array)) {\n return compare(new Uint8Array(actual.buffer),\n new Uint8Array(expected.buffer)) === 0;\n\n // 7.5 For all other Object pairs, including Array objects, equivalence is\n // determined by having the same number of owned properties (as verified\n // with Object.prototype.hasOwnProperty.call), the same set of keys\n // (although not necessarily the same order), equivalent values for every\n // corresponding key, and an identical 'prototype' property. Note: this\n // accounts for both named and indexed properties on Arrays.\n } else if (isBuffer(actual) !== isBuffer(expected)) {\n return false;\n } else {\n memos = memos || {actual: [], expected: []};\n\n var actualIndex = memos.actual.indexOf(actual);\n if (actualIndex !== -1) {\n if (actualIndex === memos.expected.indexOf(expected)) {\n return true;\n }\n }\n\n memos.actual.push(actual);\n memos.expected.push(expected);\n\n return objEquiv(actual, expected, strict, memos);\n }\n}\n\nfunction isArguments(object) {\n return Object.prototype.toString.call(object) == '[object Arguments]';\n}\n\nfunction objEquiv(a, b, strict, actualVisitedObjects) {\n if (a === null || a === undefined || b === null || b === undefined)\n return false;\n // if one is a primitive, the other must be same\n if (util.isPrimitive(a) || util.isPrimitive(b))\n return a === b;\n if (strict && Object.getPrototypeOf(a) !== Object.getPrototypeOf(b))\n return false;\n var aIsArgs = isArguments(a);\n var bIsArgs = isArguments(b);\n if ((aIsArgs && !bIsArgs) || (!aIsArgs && bIsArgs))\n return false;\n if (aIsArgs) {\n a = pSlice.call(a);\n b = pSlice.call(b);\n return _deepEqual(a, b, strict);\n }\n var ka = objectKeys(a);\n var kb = objectKeys(b);\n var key, i;\n // having the same number of owned properties (keys incorporates\n // hasOwnProperty)\n if (ka.length !== kb.length)\n return false;\n //the same set of keys (although not necessarily the same order),\n ka.sort();\n kb.sort();\n //~~~cheap key test\n for (i = ka.length - 1; i >= 0; i--) {\n if (ka[i] !== kb[i])\n return false;\n }\n //equivalent values for every corresponding key, and\n //~~~possibly expensive deep test\n for (i = ka.length - 1; i >= 0; i--) {\n key = ka[i];\n if (!_deepEqual(a[key], b[key], strict, actualVisitedObjects))\n return false;\n }\n return true;\n}\n\n// 8. The non-equivalence assertion tests for any deep inequality.\n// assert.notDeepEqual(actual, expected, message_opt);\n\nassert.notDeepEqual = function notDeepEqual(actual, expected, message) {\n if (_deepEqual(actual, expected, false)) {\n fail(actual, expected, message, 'notDeepEqual', assert.notDeepEqual);\n }\n};\n\nassert.notDeepStrictEqual = notDeepStrictEqual;\nfunction notDeepStrictEqual(actual, expected, message) {\n if (_deepEqual(actual, expected, true)) {\n fail(actual, expected, message, 'notDeepStrictEqual', notDeepStrictEqual);\n }\n}\n\n\n// 9. The strict equality assertion tests strict equality, as determined by ===.\n// assert.strictEqual(actual, expected, message_opt);\n\nassert.strictEqual = function strictEqual(actual, expected, message) {\n if (actual !== expected) {\n fail(actual, expected, message, '===', assert.strictEqual);\n }\n};\n\n// 10. The strict non-equality assertion tests for strict inequality, as\n// determined by !==. assert.notStrictEqual(actual, expected, message_opt);\n\nassert.notStrictEqual = function notStrictEqual(actual, expected, message) {\n if (actual === expected) {\n fail(actual, expected, message, '!==', assert.notStrictEqual);\n }\n};\n\nfunction expectedException(actual, expected) {\n if (!actual || !expected) {\n return false;\n }\n\n if (Object.prototype.toString.call(expected) == '[object RegExp]') {\n return expected.test(actual);\n }\n\n try {\n if (actual instanceof expected) {\n return true;\n }\n } catch (e) {\n // Ignore. The instanceof check doesn't work for arrow functions.\n }\n\n if (Error.isPrototypeOf(expected)) {\n return false;\n }\n\n return expected.call({}, actual) === true;\n}\n\nfunction _tryBlock(block) {\n var error;\n try {\n block();\n } catch (e) {\n error = e;\n }\n return error;\n}\n\nfunction _throws(shouldThrow, block, expected, message) {\n var actual;\n\n if (typeof block !== 'function') {\n throw new TypeError('\"block\" argument must be a function');\n }\n\n if (typeof expected === 'string') {\n message = expected;\n expected = null;\n }\n\n actual = _tryBlock(block);\n\n message = (expected && expected.name ? ' (' + expected.name + ').' : '.') +\n (message ? ' ' + message : '.');\n\n if (shouldThrow && !actual) {\n fail(actual, expected, 'Missing expected exception' + message);\n }\n\n var userProvidedMessage = typeof message === 'string';\n var isUnwantedException = !shouldThrow && util.isError(actual);\n var isUnexpectedException = !shouldThrow && actual && !expected;\n\n if ((isUnwantedException &&\n userProvidedMessage &&\n expectedException(actual, expected)) ||\n isUnexpectedException) {\n fail(actual, expected, 'Got unwanted exception' + message);\n }\n\n if ((shouldThrow && actual && expected &&\n !expectedException(actual, expected)) || (!shouldThrow && actual)) {\n throw actual;\n }\n}\n\n// 11. Expected to throw an error:\n// assert.throws(block, Error_opt, message_opt);\n\nassert.throws = function(block, /*optional*/error, /*optional*/message) {\n _throws(true, block, error, message);\n};\n\n// EXTENSION! This is annoying to write outside this module.\nassert.doesNotThrow = function(block, /*optional*/error, /*optional*/message) {\n _throws(false, block, error, message);\n};\n\nassert.ifError = function(err) { if (err) throw err; };\n\n// Expose a strict only variant of assert\nfunction strict(value, message) {\n if (!value) fail(value, true, message, '==', strict);\n}\nassert.strict = objectAssign(strict, assert, {\n equal: assert.strictEqual,\n deepEqual: assert.deepStrictEqual,\n notEqual: assert.notStrictEqual,\n notDeepEqual: assert.notDeepStrictEqual\n});\nassert.strict.strict = assert.strict;\n\nvar objectKeys = Object.keys || function (obj) {\n var keys = [];\n for (var key in obj) {\n if (hasOwn.call(obj, key)) keys.push(key);\n }\n return keys;\n};\n","if (typeof Object.create === 'function') {\n // implementation from standard node.js 'util' module\n module.exports = function inherits(ctor, superCtor) {\n ctor.super_ = superCtor\n ctor.prototype = Object.create(superCtor.prototype, {\n constructor: {\n value: ctor,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n };\n} else {\n // old school shim for old browsers\n module.exports = function inherits(ctor, superCtor) {\n ctor.super_ = superCtor\n var TempCtor = function () {}\n TempCtor.prototype = superCtor.prototype\n ctor.prototype = new TempCtor()\n ctor.prototype.constructor = ctor\n }\n}\n","module.exports = function isBuffer(arg) {\n return arg && typeof arg === 'object'\n && typeof arg.copy === 'function'\n && typeof arg.fill === 'function'\n && typeof arg.readUInt8 === 'function';\n}","// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nvar formatRegExp = /%[sdj%]/g;\nexports.format = function(f) {\n if (!isString(f)) {\n var objects = [];\n for (var i = 0; i < arguments.length; i++) {\n objects.push(inspect(arguments[i]));\n }\n return objects.join(' ');\n }\n\n var i = 1;\n var args = arguments;\n var len = args.length;\n var str = String(f).replace(formatRegExp, function(x) {\n if (x === '%%') return '%';\n if (i >= len) return x;\n switch (x) {\n case '%s': return String(args[i++]);\n case '%d': return Number(args[i++]);\n case '%j':\n try {\n return JSON.stringify(args[i++]);\n } catch (_) {\n return '[Circular]';\n }\n default:\n return x;\n }\n });\n for (var x = args[i]; i < len; x = args[++i]) {\n if (isNull(x) || !isObject(x)) {\n str += ' ' + x;\n } else {\n str += ' ' + inspect(x);\n }\n }\n return str;\n};\n\n\n// Mark that a method should not be used.\n// Returns a modified function which warns once by default.\n// If --no-deprecation is set, then it is a no-op.\nexports.deprecate = function(fn, msg) {\n // Allow for deprecating things in the process of starting up.\n if (isUndefined(global.process)) {\n return function() {\n return exports.deprecate(fn, msg).apply(this, arguments);\n };\n }\n\n if (process.noDeprecation === true) {\n return fn;\n }\n\n var warned = false;\n function deprecated() {\n if (!warned) {\n if (process.throwDeprecation) {\n throw new Error(msg);\n } else if (process.traceDeprecation) {\n console.trace(msg);\n } else {\n console.error(msg);\n }\n warned = true;\n }\n return fn.apply(this, arguments);\n }\n\n return deprecated;\n};\n\n\nvar debugs = {};\nvar debugEnviron;\nexports.debuglog = function(set) {\n if (isUndefined(debugEnviron))\n debugEnviron = process.env.NODE_DEBUG || '';\n set = set.toUpperCase();\n if (!debugs[set]) {\n if (new RegExp('\\\\b' + set + '\\\\b', 'i').test(debugEnviron)) {\n var pid = process.pid;\n debugs[set] = function() {\n var msg = exports.format.apply(exports, arguments);\n console.error('%s %d: %s', set, pid, msg);\n };\n } else {\n debugs[set] = function() {};\n }\n }\n return debugs[set];\n};\n\n\n/**\n * Echos the value of a value. Trys to print the value out\n * in the best way possible given the different types.\n *\n * @param {Object} obj The object to print out.\n * @param {Object} opts Optional options object that alters the output.\n */\n/* legacy: obj, showHidden, depth, colors*/\nfunction inspect(obj, opts) {\n // default options\n var ctx = {\n seen: [],\n stylize: stylizeNoColor\n };\n // legacy...\n if (arguments.length >= 3) ctx.depth = arguments[2];\n if (arguments.length >= 4) ctx.colors = arguments[3];\n if (isBoolean(opts)) {\n // legacy...\n ctx.showHidden = opts;\n } else if (opts) {\n // got an \"options\" object\n exports._extend(ctx, opts);\n }\n // set default options\n if (isUndefined(ctx.showHidden)) ctx.showHidden = false;\n if (isUndefined(ctx.depth)) ctx.depth = 2;\n if (isUndefined(ctx.colors)) ctx.colors = false;\n if (isUndefined(ctx.customInspect)) ctx.customInspect = true;\n if (ctx.colors) ctx.stylize = stylizeWithColor;\n return formatValue(ctx, obj, ctx.depth);\n}\nexports.inspect = inspect;\n\n\n// http://en.wikipedia.org/wiki/ANSI_escape_code#graphics\ninspect.colors = {\n 'bold' : [1, 22],\n 'italic' : [3, 23],\n 'underline' : [4, 24],\n 'inverse' : [7, 27],\n 'white' : [37, 39],\n 'grey' : [90, 39],\n 'black' : [30, 39],\n 'blue' : [34, 39],\n 'cyan' : [36, 39],\n 'green' : [32, 39],\n 'magenta' : [35, 39],\n 'red' : [31, 39],\n 'yellow' : [33, 39]\n};\n\n// Don't use 'blue' not visible on cmd.exe\ninspect.styles = {\n 'special': 'cyan',\n 'number': 'yellow',\n 'boolean': 'yellow',\n 'undefined': 'grey',\n 'null': 'bold',\n 'string': 'green',\n 'date': 'magenta',\n // \"name\": intentionally not styling\n 'regexp': 'red'\n};\n\n\nfunction stylizeWithColor(str, styleType) {\n var style = inspect.styles[styleType];\n\n if (style) {\n return '\\u001b[' + inspect.colors[style][0] + 'm' + str +\n '\\u001b[' + inspect.colors[style][1] + 'm';\n } else {\n return str;\n }\n}\n\n\nfunction stylizeNoColor(str, styleType) {\n return str;\n}\n\n\nfunction arrayToHash(array) {\n var hash = {};\n\n array.forEach(function(val, idx) {\n hash[val] = true;\n });\n\n return hash;\n}\n\n\nfunction formatValue(ctx, value, recurseTimes) {\n // Provide a hook for user-specified inspect functions.\n // Check that value is an object with an inspect function on it\n if (ctx.customInspect &&\n value &&\n isFunction(value.inspect) &&\n // Filter out the util module, it's inspect function is special\n value.inspect !== exports.inspect &&\n // Also filter out any prototype objects using the circular check.\n !(value.constructor && value.constructor.prototype === value)) {\n var ret = value.inspect(recurseTimes, ctx);\n if (!isString(ret)) {\n ret = formatValue(ctx, ret, recurseTimes);\n }\n return ret;\n }\n\n // Primitive types cannot have properties\n var primitive = formatPrimitive(ctx, value);\n if (primitive) {\n return primitive;\n }\n\n // Look up the keys of the object.\n var keys = Object.keys(value);\n var visibleKeys = arrayToHash(keys);\n\n if (ctx.showHidden) {\n keys = Object.getOwnPropertyNames(value);\n }\n\n // IE doesn't make error fields non-enumerable\n // http://msdn.microsoft.com/en-us/library/ie/dww52sbt(v=vs.94).aspx\n if (isError(value)\n && (keys.indexOf('message') >= 0 || keys.indexOf('description') >= 0)) {\n return formatError(value);\n }\n\n // Some type of object without properties can be shortcutted.\n if (keys.length === 0) {\n if (isFunction(value)) {\n var name = value.name ? ': ' + value.name : '';\n return ctx.stylize('[Function' + name + ']', 'special');\n }\n if (isRegExp(value)) {\n return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');\n }\n if (isDate(value)) {\n return ctx.stylize(Date.prototype.toString.call(value), 'date');\n }\n if (isError(value)) {\n return formatError(value);\n }\n }\n\n var base = '', array = false, braces = ['{', '}'];\n\n // Make Array say that they are Array\n if (isArray(value)) {\n array = true;\n braces = ['[', ']'];\n }\n\n // Make functions say that they are functions\n if (isFunction(value)) {\n var n = value.name ? ': ' + value.name : '';\n base = ' [Function' + n + ']';\n }\n\n // Make RegExps say that they are RegExps\n if (isRegExp(value)) {\n base = ' ' + RegExp.prototype.toString.call(value);\n }\n\n // Make dates with properties first say the date\n if (isDate(value)) {\n base = ' ' + Date.prototype.toUTCString.call(value);\n }\n\n // Make error with message first say the error\n if (isError(value)) {\n base = ' ' + formatError(value);\n }\n\n if (keys.length === 0 && (!array || value.length == 0)) {\n return braces[0] + base + braces[1];\n }\n\n if (recurseTimes < 0) {\n if (isRegExp(value)) {\n return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');\n } else {\n return ctx.stylize('[Object]', 'special');\n }\n }\n\n ctx.seen.push(value);\n\n var output;\n if (array) {\n output = formatArray(ctx, value, recurseTimes, visibleKeys, keys);\n } else {\n output = keys.map(function(key) {\n return formatProperty(ctx, value, recurseTimes, visibleKeys, key, array);\n });\n }\n\n ctx.seen.pop();\n\n return reduceToSingleString(output, base, braces);\n}\n\n\nfunction formatPrimitive(ctx, value) {\n if (isUndefined(value))\n return ctx.stylize('undefined', 'undefined');\n if (isString(value)) {\n var simple = '\\'' + JSON.stringify(value).replace(/^\"|\"$/g, '')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\\\\"/g, '\"') + '\\'';\n return ctx.stylize(simple, 'string');\n }\n if (isNumber(value))\n return ctx.stylize('' + value, 'number');\n if (isBoolean(value))\n return ctx.stylize('' + value, 'boolean');\n // For some reason typeof null is \"object\", so special case here.\n if (isNull(value))\n return ctx.stylize('null', 'null');\n}\n\n\nfunction formatError(value) {\n return '[' + Error.prototype.toString.call(value) + ']';\n}\n\n\nfunction formatArray(ctx, value, recurseTimes, visibleKeys, keys) {\n var output = [];\n for (var i = 0, l = value.length; i < l; ++i) {\n if (hasOwnProperty(value, String(i))) {\n output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,\n String(i), true));\n } else {\n output.push('');\n }\n }\n keys.forEach(function(key) {\n if (!key.match(/^\\d+$/)) {\n output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,\n key, true));\n }\n });\n return output;\n}\n\n\nfunction formatProperty(ctx, value, recurseTimes, visibleKeys, key, array) {\n var name, str, desc;\n desc = Object.getOwnPropertyDescriptor(value, key) || { value: value[key] };\n if (desc.get) {\n if (desc.set) {\n str = ctx.stylize('[Getter/Setter]', 'special');\n } else {\n str = ctx.stylize('[Getter]', 'special');\n }\n } else {\n if (desc.set) {\n str = ctx.stylize('[Setter]', 'special');\n }\n }\n if (!hasOwnProperty(visibleKeys, key)) {\n name = '[' + key + ']';\n }\n if (!str) {\n if (ctx.seen.indexOf(desc.value) < 0) {\n if (isNull(recurseTimes)) {\n str = formatValue(ctx, desc.value, null);\n } else {\n str = formatValue(ctx, desc.value, recurseTimes - 1);\n }\n if (str.indexOf('\\n') > -1) {\n if (array) {\n str = str.split('\\n').map(function(line) {\n return ' ' + line;\n }).join('\\n').substr(2);\n } else {\n str = '\\n' + str.split('\\n').map(function(line) {\n return ' ' + line;\n }).join('\\n');\n }\n }\n } else {\n str = ctx.stylize('[Circular]', 'special');\n }\n }\n if (isUndefined(name)) {\n if (array && key.match(/^\\d+$/)) {\n return str;\n }\n name = JSON.stringify('' + key);\n if (name.match(/^\"([a-zA-Z_][a-zA-Z_0-9]*)\"$/)) {\n name = name.substr(1, name.length - 2);\n name = ctx.stylize(name, 'name');\n } else {\n name = name.replace(/'/g, \"\\\\'\")\n .replace(/\\\\\"/g, '\"')\n .replace(/(^\"|\"$)/g, \"'\");\n name = ctx.stylize(name, 'string');\n }\n }\n\n return name + ': ' + str;\n}\n\n\nfunction reduceToSingleString(output, base, braces) {\n var numLinesEst = 0;\n var length = output.reduce(function(prev, cur) {\n numLinesEst++;\n if (cur.indexOf('\\n') >= 0) numLinesEst++;\n return prev + cur.replace(/\\u001b\\[\\d\\d?m/g, '').length + 1;\n }, 0);\n\n if (length > 60) {\n return braces[0] +\n (base === '' ? '' : base + '\\n ') +\n ' ' +\n output.join(',\\n ') +\n ' ' +\n braces[1];\n }\n\n return braces[0] + base + ' ' + output.join(', ') + ' ' + braces[1];\n}\n\n\n// NOTE: These type checking functions intentionally don't use `instanceof`\n// because it is fragile and can be easily faked with `Object.create()`.\nfunction isArray(ar) {\n return Array.isArray(ar);\n}\nexports.isArray = isArray;\n\nfunction isBoolean(arg) {\n return typeof arg === 'boolean';\n}\nexports.isBoolean = isBoolean;\n\nfunction isNull(arg) {\n return arg === null;\n}\nexports.isNull = isNull;\n\nfunction isNullOrUndefined(arg) {\n return arg == null;\n}\nexports.isNullOrUndefined = isNullOrUndefined;\n\nfunction isNumber(arg) {\n return typeof arg === 'number';\n}\nexports.isNumber = isNumber;\n\nfunction isString(arg) {\n return typeof arg === 'string';\n}\nexports.isString = isString;\n\nfunction isSymbol(arg) {\n return typeof arg === 'symbol';\n}\nexports.isSymbol = isSymbol;\n\nfunction isUndefined(arg) {\n return arg === void 0;\n}\nexports.isUndefined = isUndefined;\n\nfunction isRegExp(re) {\n return isObject(re) && objectToString(re) === '[object RegExp]';\n}\nexports.isRegExp = isRegExp;\n\nfunction isObject(arg) {\n return typeof arg === 'object' && arg !== null;\n}\nexports.isObject = isObject;\n\nfunction isDate(d) {\n return isObject(d) && objectToString(d) === '[object Date]';\n}\nexports.isDate = isDate;\n\nfunction isError(e) {\n return isObject(e) &&\n (objectToString(e) === '[object Error]' || e instanceof Error);\n}\nexports.isError = isError;\n\nfunction isFunction(arg) {\n return typeof arg === 'function';\n}\nexports.isFunction = isFunction;\n\nfunction isPrimitive(arg) {\n return arg === null ||\n typeof arg === 'boolean' ||\n typeof arg === 'number' ||\n typeof arg === 'string' ||\n typeof arg === 'symbol' || // ES6 symbol\n typeof arg === 'undefined';\n}\nexports.isPrimitive = isPrimitive;\n\nexports.isBuffer = require('./support/isBuffer');\n\nfunction objectToString(o) {\n return Object.prototype.toString.call(o);\n}\n\n\nfunction pad(n) {\n return n < 10 ? '0' + n.toString(10) : n.toString(10);\n}\n\n\nvar months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',\n 'Oct', 'Nov', 'Dec'];\n\n// 26 Feb 16:19:34\nfunction timestamp() {\n var d = new Date();\n var time = [pad(d.getHours()),\n pad(d.getMinutes()),\n pad(d.getSeconds())].join(':');\n return [d.getDate(), months[d.getMonth()], time].join(' ');\n}\n\n\n// log is just a thin wrapper to console.log that prepends a timestamp\nexports.log = function() {\n console.log('%s - %s', timestamp(), exports.format.apply(exports, arguments));\n};\n\n\n/**\n * Inherit the prototype methods from one constructor into another.\n *\n * The Function.prototype.inherits from lang.js rewritten as a standalone\n * function (not on Function.prototype). NOTE: If this file is to be loaded\n * during bootstrapping this function needs to be rewritten using some native\n * functions as prototype setup using normal JavaScript does not work as\n * expected during bootstrapping (see mirror.js in r114903).\n *\n * @param {function} ctor Constructor function which needs to inherit the\n * prototype.\n * @param {function} superCtor Constructor function to inherit prototype from.\n */\nexports.inherits = require('inherits');\n\nexports._extend = function(origin, add) {\n // Don't do anything if add isn't an object\n if (!add || !isObject(add)) return origin;\n\n var keys = Object.keys(add);\n var i = keys.length;\n while (i--) {\n origin[keys[i]] = add[keys[i]];\n }\n return origin;\n};\n\nfunction hasOwnProperty(obj, prop) {\n return Object.prototype.hasOwnProperty.call(obj, prop);\n}\n","// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nvar objectCreate = Object.create || objectCreatePolyfill\nvar objectKeys = Object.keys || objectKeysPolyfill\nvar bind = Function.prototype.bind || functionBindPolyfill\n\nfunction EventEmitter() {\n if (!this._events || !Object.prototype.hasOwnProperty.call(this, '_events')) {\n this._events = objectCreate(null);\n this._eventsCount = 0;\n }\n\n this._maxListeners = this._maxListeners || undefined;\n}\nmodule.exports = EventEmitter;\n\n// Backwards-compat with node 0.10.x\nEventEmitter.EventEmitter = EventEmitter;\n\nEventEmitter.prototype._events = undefined;\nEventEmitter.prototype._maxListeners = undefined;\n\n// By default EventEmitters will print a warning if more than 10 listeners are\n// added to it. This is a useful default which helps finding memory leaks.\nvar defaultMaxListeners = 10;\n\nvar hasDefineProperty;\ntry {\n var o = {};\n if (Object.defineProperty) Object.defineProperty(o, 'x', { value: 0 });\n hasDefineProperty = o.x === 0;\n} catch (err) { hasDefineProperty = false }\nif (hasDefineProperty) {\n Object.defineProperty(EventEmitter, 'defaultMaxListeners', {\n enumerable: true,\n get: function() {\n return defaultMaxListeners;\n },\n set: function(arg) {\n // check whether the input is a positive number (whose value is zero or\n // greater and not a NaN).\n if (typeof arg !== 'number' || arg < 0 || arg !== arg)\n throw new TypeError('\"defaultMaxListeners\" must be a positive number');\n defaultMaxListeners = arg;\n }\n });\n} else {\n EventEmitter.defaultMaxListeners = defaultMaxListeners;\n}\n\n// Obviously not all Emitters should be limited to 10. This function allows\n// that to be increased. Set to zero for unlimited.\nEventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {\n if (typeof n !== 'number' || n < 0 || isNaN(n))\n throw new TypeError('\"n\" argument must be a positive number');\n this._maxListeners = n;\n return this;\n};\n\nfunction $getMaxListeners(that) {\n if (that._maxListeners === undefined)\n return EventEmitter.defaultMaxListeners;\n return that._maxListeners;\n}\n\nEventEmitter.prototype.getMaxListeners = function getMaxListeners() {\n return $getMaxListeners(this);\n};\n\n// These standalone emit* functions are used to optimize calling of event\n// handlers for fast cases because emit() itself often has a variable number of\n// arguments and can be deoptimized because of that. These functions always have\n// the same number of arguments and thus do not get deoptimized, so the code\n// inside them can execute faster.\nfunction emitNone(handler, isFn, self) {\n if (isFn)\n handler.call(self);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self);\n }\n}\nfunction emitOne(handler, isFn, self, arg1) {\n if (isFn)\n handler.call(self, arg1);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self, arg1);\n }\n}\nfunction emitTwo(handler, isFn, self, arg1, arg2) {\n if (isFn)\n handler.call(self, arg1, arg2);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self, arg1, arg2);\n }\n}\nfunction emitThree(handler, isFn, self, arg1, arg2, arg3) {\n if (isFn)\n handler.call(self, arg1, arg2, arg3);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].call(self, arg1, arg2, arg3);\n }\n}\n\nfunction emitMany(handler, isFn, self, args) {\n if (isFn)\n handler.apply(self, args);\n else {\n var len = handler.length;\n var listeners = arrayClone(handler, len);\n for (var i = 0; i < len; ++i)\n listeners[i].apply(self, args);\n }\n}\n\nEventEmitter.prototype.emit = function emit(type) {\n var er, handler, len, args, i, events;\n var doError = (type === 'error');\n\n events = this._events;\n if (events)\n doError = (doError && events.error == null);\n else if (!doError)\n return false;\n\n // If there is no 'error' event listener then throw.\n if (doError) {\n if (arguments.length > 1)\n er = arguments[1];\n if (er instanceof Error) {\n throw er; // Unhandled 'error' event\n } else {\n // At least give some kind of context to the user\n var err = new Error('Unhandled \"error\" event. (' + er + ')');\n err.context = er;\n throw err;\n }\n return false;\n }\n\n handler = events[type];\n\n if (!handler)\n return false;\n\n var isFn = typeof handler === 'function';\n len = arguments.length;\n switch (len) {\n // fast cases\n case 1:\n emitNone(handler, isFn, this);\n break;\n case 2:\n emitOne(handler, isFn, this, arguments[1]);\n break;\n case 3:\n emitTwo(handler, isFn, this, arguments[1], arguments[2]);\n break;\n case 4:\n emitThree(handler, isFn, this, arguments[1], arguments[2], arguments[3]);\n break;\n // slower\n default:\n args = new Array(len - 1);\n for (i = 1; i < len; i++)\n args[i - 1] = arguments[i];\n emitMany(handler, isFn, this, args);\n }\n\n return true;\n};\n\nfunction _addListener(target, type, listener, prepend) {\n var m;\n var events;\n var existing;\n\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n\n events = target._events;\n if (!events) {\n events = target._events = objectCreate(null);\n target._eventsCount = 0;\n } else {\n // To avoid recursion in the case that type === \"newListener\"! Before\n // adding it to the listeners, first emit \"newListener\".\n if (events.newListener) {\n target.emit('newListener', type,\n listener.listener ? listener.listener : listener);\n\n // Re-assign `events` because a newListener handler could have caused the\n // this._events to be assigned to a new object\n events = target._events;\n }\n existing = events[type];\n }\n\n if (!existing) {\n // Optimize the case of one listener. Don't need the extra array object.\n existing = events[type] = listener;\n ++target._eventsCount;\n } else {\n if (typeof existing === 'function') {\n // Adding the second element, need to change to array.\n existing = events[type] =\n prepend ? [listener, existing] : [existing, listener];\n } else {\n // If we've already got an array, just append.\n if (prepend) {\n existing.unshift(listener);\n } else {\n existing.push(listener);\n }\n }\n\n // Check for listener leak\n if (!existing.warned) {\n m = $getMaxListeners(target);\n if (m && m > 0 && existing.length > m) {\n existing.warned = true;\n var w = new Error('Possible EventEmitter memory leak detected. ' +\n existing.length + ' \"' + String(type) + '\" listeners ' +\n 'added. Use emitter.setMaxListeners() to ' +\n 'increase limit.');\n w.name = 'MaxListenersExceededWarning';\n w.emitter = target;\n w.type = type;\n w.count = existing.length;\n if (typeof console === 'object' && console.warn) {\n console.warn('%s: %s', w.name, w.message);\n }\n }\n }\n }\n\n return target;\n}\n\nEventEmitter.prototype.addListener = function addListener(type, listener) {\n return _addListener(this, type, listener, false);\n};\n\nEventEmitter.prototype.on = EventEmitter.prototype.addListener;\n\nEventEmitter.prototype.prependListener =\n function prependListener(type, listener) {\n return _addListener(this, type, listener, true);\n };\n\nfunction onceWrapper() {\n if (!this.fired) {\n this.target.removeListener(this.type, this.wrapFn);\n this.fired = true;\n switch (arguments.length) {\n case 0:\n return this.listener.call(this.target);\n case 1:\n return this.listener.call(this.target, arguments[0]);\n case 2:\n return this.listener.call(this.target, arguments[0], arguments[1]);\n case 3:\n return this.listener.call(this.target, arguments[0], arguments[1],\n arguments[2]);\n default:\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; ++i)\n args[i] = arguments[i];\n this.listener.apply(this.target, args);\n }\n }\n}\n\nfunction _onceWrap(target, type, listener) {\n var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };\n var wrapped = bind.call(onceWrapper, state);\n wrapped.listener = listener;\n state.wrapFn = wrapped;\n return wrapped;\n}\n\nEventEmitter.prototype.once = function once(type, listener) {\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n this.on(type, _onceWrap(this, type, listener));\n return this;\n};\n\nEventEmitter.prototype.prependOnceListener =\n function prependOnceListener(type, listener) {\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n this.prependListener(type, _onceWrap(this, type, listener));\n return this;\n };\n\n// Emits a 'removeListener' event if and only if the listener was removed.\nEventEmitter.prototype.removeListener =\n function removeListener(type, listener) {\n var list, events, position, i, originalListener;\n\n if (typeof listener !== 'function')\n throw new TypeError('\"listener\" argument must be a function');\n\n events = this._events;\n if (!events)\n return this;\n\n list = events[type];\n if (!list)\n return this;\n\n if (list === listener || list.listener === listener) {\n if (--this._eventsCount === 0)\n this._events = objectCreate(null);\n else {\n delete events[type];\n if (events.removeListener)\n this.emit('removeListener', type, list.listener || listener);\n }\n } else if (typeof list !== 'function') {\n position = -1;\n\n for (i = list.length - 1; i >= 0; i--) {\n if (list[i] === listener || list[i].listener === listener) {\n originalListener = list[i].listener;\n position = i;\n break;\n }\n }\n\n if (position < 0)\n return this;\n\n if (position === 0)\n list.shift();\n else\n spliceOne(list, position);\n\n if (list.length === 1)\n events[type] = list[0];\n\n if (events.removeListener)\n this.emit('removeListener', type, originalListener || listener);\n }\n\n return this;\n };\n\nEventEmitter.prototype.removeAllListeners =\n function removeAllListeners(type) {\n var listeners, events, i;\n\n events = this._events;\n if (!events)\n return this;\n\n // not listening for removeListener, no need to emit\n if (!events.removeListener) {\n if (arguments.length === 0) {\n this._events = objectCreate(null);\n this._eventsCount = 0;\n } else if (events[type]) {\n if (--this._eventsCount === 0)\n this._events = objectCreate(null);\n else\n delete events[type];\n }\n return this;\n }\n\n // emit removeListener for all listeners on all events\n if (arguments.length === 0) {\n var keys = objectKeys(events);\n var key;\n for (i = 0; i < keys.length; ++i) {\n key = keys[i];\n if (key === 'removeListener') continue;\n this.removeAllListeners(key);\n }\n this.removeAllListeners('removeListener');\n this._events = objectCreate(null);\n this._eventsCount = 0;\n return this;\n }\n\n listeners = events[type];\n\n if (typeof listeners === 'function') {\n this.removeListener(type, listeners);\n } else if (listeners) {\n // LIFO order\n for (i = listeners.length - 1; i >= 0; i--) {\n this.removeListener(type, listeners[i]);\n }\n }\n\n return this;\n };\n\nfunction _listeners(target, type, unwrap) {\n var events = target._events;\n\n if (!events)\n return [];\n\n var evlistener = events[type];\n if (!evlistener)\n return [];\n\n if (typeof evlistener === 'function')\n return unwrap ? [evlistener.listener || evlistener] : [evlistener];\n\n return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);\n}\n\nEventEmitter.prototype.listeners = function listeners(type) {\n return _listeners(this, type, true);\n};\n\nEventEmitter.prototype.rawListeners = function rawListeners(type) {\n return _listeners(this, type, false);\n};\n\nEventEmitter.listenerCount = function(emitter, type) {\n if (typeof emitter.listenerCount === 'function') {\n return emitter.listenerCount(type);\n } else {\n return listenerCount.call(emitter, type);\n }\n};\n\nEventEmitter.prototype.listenerCount = listenerCount;\nfunction listenerCount(type) {\n var events = this._events;\n\n if (events) {\n var evlistener = events[type];\n\n if (typeof evlistener === 'function') {\n return 1;\n } else if (evlistener) {\n return evlistener.length;\n }\n }\n\n return 0;\n}\n\nEventEmitter.prototype.eventNames = function eventNames() {\n return this._eventsCount > 0 ? Reflect.ownKeys(this._events) : [];\n};\n\n// About 1.5x faster than the two-arg version of Array#splice().\nfunction spliceOne(list, index) {\n for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1)\n list[i] = list[k];\n list.pop();\n}\n\nfunction arrayClone(arr, n) {\n var copy = new Array(n);\n for (var i = 0; i < n; ++i)\n copy[i] = arr[i];\n return copy;\n}\n\nfunction unwrapListeners(arr) {\n var ret = new Array(arr.length);\n for (var i = 0; i < ret.length; ++i) {\n ret[i] = arr[i].listener || arr[i];\n }\n return ret;\n}\n\nfunction objectCreatePolyfill(proto) {\n var F = function() {};\n F.prototype = proto;\n return new F;\n}\nfunction objectKeysPolyfill(obj) {\n var keys = [];\n for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k)) {\n keys.push(k);\n }\n return k;\n}\nfunction functionBindPolyfill(context) {\n var fn = this;\n return function () {\n return fn.apply(context, arguments);\n };\n}\n","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n"]} \ No newline at end of file diff --git a/assets/js/bundle.js b/assets/js/bundle.js index c49b984..31a5e50 100644 --- a/assets/js/bundle.js +++ b/assets/js/bundle.js @@ -1463,7 +1463,7 @@ var DemoMode = /*#__PURE__*/function (_PlayMode) { return _get(_getPrototypeOf(DemoMode.prototype), "handleEnterMode", this).call(this); case 2: - this.remainingTime = this.options.duration; + this.elapsedTime = 0; this.showDemoText(); case 4: @@ -1494,21 +1494,15 @@ var DemoMode = /*#__PURE__*/function (_PlayMode) { } // Update remaining time - var newRemainingTime = Math.max(0, this.remainingTime - delta); - - if (this.remainingTime !== newRemainingTime) { - this.remainingTime = newRemainingTime; - } + this.elapsedTime = this.elapsedTime + delta; - if (this.remainingTime === 0) { + if (this.elapsedTime > this.options.duration) { this.demoOver(); this.triggerEvent('timeout'); return; } - var timePerPage = this.options.duration / PAGE_COUNT; - var timeElapsed = this.options.duration - this.remainingTime; - var expectedPage = Math.floor(PAGE_COUNT - this.remainingTime / (this.options.duration / PAGE_COUNT)); // const expectedPage = Math.floor(timeElapsed / timePerPage); + var expectedPage = Math.floor(this.elapsedTime / this.options.duration * PAGE_COUNT); if (expectedPage !== this.currPage) { this.setPage(expectedPage); @@ -3137,6 +3131,12 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } @@ -3162,10 +3162,14 @@ var TitleMode = /*#__PURE__*/function (_GameMode) { var _super = _createSuper(TitleMode); - function TitleMode() { + function TitleMode(game, options) { + var _this; + _classCallCheck(this, TitleMode); - return _super.apply(this, arguments); + _this = _super.call(this, game); + _this.options = _objectSpread(_objectSpread({}, TitleMode.defaultOptions), options); + return _this; } _createClass(TitleMode, [{ @@ -3230,8 +3234,9 @@ var TitleMode = /*#__PURE__*/function (_GameMode) { duration: 3500 }); this.animCounter = 0; + this.elapsedTime = 0; - case 13: + case 14: case "end": return _context2.stop(); } @@ -3281,6 +3286,12 @@ var TitleMode = /*#__PURE__*/function (_GameMode) { })) { this.triggerEvent('done'); } + + this.elapsedTime += delta; + + if (this.elapsedTime > this.options.duration) { + this.triggerEvent('timeout'); + } } }, { key: "draw", @@ -3293,6 +3304,9 @@ var TitleMode = /*#__PURE__*/function (_GameMode) { }(_gameMode["default"]); exports["default"] = TitleMode; +TitleMode.defaultOptions = { + duration: 8 * 1000 +}; },{"./game-mode":17,"./i18n":19,"./wavy-animation":24}],17:[function(require,module,exports){ "use strict"; @@ -3616,66 +3630,56 @@ var GradientDescentGame = /*#__PURE__*/function () { } _context.next = 23; - return this.registerMode('title', new _gameModeTitle["default"](this)); + return this.registerMode('title', new _gameModeTitle["default"](this, { + duration: this.config.showDemo ? _gameModeTitle["default"].defaultOptions.duration : Infinity + })); case 23: _context.next = 25; - return this.registerMode('bottype', new _gameModeBottype["default"](this)); + return this.registerMode('demo', new _gameModeDemo["default"](this)); case 25: _context.next = 27; - return this.registerMode('numplayers', new _gameModeNumplayers["default"](this)); + return this.registerMode('bottype', new _gameModeBottype["default"](this)); case 27: _context.next = 29; - return this.registerMode('play', new _gameModePlay["default"](this)); + return this.registerMode('numplayers', new _gameModeNumplayers["default"](this)); case 29: _context.next = 31; - return this.registerMode('demo', new _gameModeDemo["default"](this)); + return this.registerMode('play', new _gameModePlay["default"](this)); case 31: - if (!this.config.flagDemoMode) { - _context.next = 38; - break; - } - - this.transition('demo', 'done', 'demo'); - this.transition('demo', 'timeout', 'demo'); - _context.next = 36; - return this.setMode('demo'); - - case 36: - _context.next = 54; - break; - - case 38: if (!this.config.continuousGame) { - _context.next = 44; + _context.next = 37; break; } this.transition('play', 'done', 'play'); - _context.next = 42; + _context.next = 35; return this.setMode('play'); - case 42: - _context.next = 54; + case 35: + _context.next = 50; break; - case 44: + case 37: showBotType = this.config.botType === null; showNumPlayers = this.config.maxPlayers > 1; afterNumPlayers = showBotType ? 'bottype' : 'play'; afterTitle = showNumPlayers ? 'numplayers' : afterNumPlayers; this.transition('title', 'done', afterTitle); + this.transition('title', 'timeout', 'demo'); + this.transition('demo', 'done', afterTitle); + this.transition('demo', 'timeout', 'title'); this.transition('numplayers', 'done', afterNumPlayers); this.transition('bottype', 'done', 'play'); this.transition('play', 'done', 'title'); - _context.next = 54; + _context.next = 50; return this.setMode('title'); - case 54: + case 50: case "end": return _context.stop(); } diff --git a/index.html b/index.html index 7a4a7af..0befac6 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - + Gradient Descent @@ -25,6 +25,6 @@ - + \ No newline at end of file diff --git a/src/js/game-mode-demo.js b/src/js/game-mode-demo.js index c26d835..5cb5289 100644 --- a/src/js/game-mode-demo.js +++ b/src/js/game-mode-demo.js @@ -38,7 +38,7 @@ export default class DemoMode extends PlayMode { async handleEnterMode() { await super.handleEnterMode(); - this.remainingTime = this.options.duration; + this.elapsedTime = 0; this.showDemoText(); } @@ -52,19 +52,14 @@ export default class DemoMode extends PlayMode { } // Update remaining time - const newRemainingTime = Math.max(0, this.remainingTime - delta); - if (this.remainingTime !== newRemainingTime) { - this.remainingTime = newRemainingTime; - } - if (this.remainingTime === 0) { + this.elapsedTime = this.elapsedTime + delta; + if (this.elapsedTime > this.options.duration) { this.demoOver(); this.triggerEvent('timeout'); return; } - const timePerPage = this.options.duration / PAGE_COUNT; - const timeElapsed = this.options.duration - this.remainingTime; - const expectedPage = Math.floor(PAGE_COUNT - this.remainingTime / (this.options.duration / PAGE_COUNT)); - // const expectedPage = Math.floor(timeElapsed / timePerPage); + + const expectedPage = Math.floor((this.elapsedTime / this.options.duration) * PAGE_COUNT); if (expectedPage !== this.currPage) { this.setPage(expectedPage); } diff --git a/src/js/game-mode-title.js b/src/js/game-mode-title.js index 17fe625..c1c6a56 100644 --- a/src/js/game-mode-title.js +++ b/src/js/game-mode-title.js @@ -4,6 +4,11 @@ import GameMode from './game-mode'; import WavyAnimation from './wavy-animation'; export default class TitleMode extends GameMode { + constructor(game, options) { + super(game); + this.options = {...TitleMode.defaultOptions, ...options}; + } + async preLoadAssets() { this.logoSprite = await this.game.loadSVGSymbol('assets/img/descent-logo.svg'); this.poly = this.logoSprite.findOne('#descent'); @@ -34,6 +39,7 @@ export default class TitleMode extends GameMode { this.wavyStep = WavyAnimation(this.logoSprite, { duration: 3500 }); this.animCounter = 0; + this.elapsedTime = 0; } async handleExitMode() { @@ -50,6 +56,11 @@ export default class TitleMode extends GameMode { .find((ctrl, i) => ctrl.action && !lastInputs[i].action)) { this.triggerEvent('done'); } + + this.elapsedTime += delta; + if (this.elapsedTime > this.options.duration) { + this.triggerEvent('timeout'); + } } draw(delta, ts) { @@ -57,3 +68,7 @@ export default class TitleMode extends GameMode { this.wavyStep(delta, ts); } } + +TitleMode.defaultOptions = { + duration: 8 * 1000, +}; diff --git a/src/js/game.js b/src/js/game.js index 10eb38a..d1a21aa 100644 --- a/src/js/game.js +++ b/src/js/game.js @@ -103,17 +103,15 @@ export default class GradientDescentGame { minAspectRatioContainer.appendChild(this.debugControlsPane); } - await this.registerMode('title', new TitleMode(this)); + await this.registerMode('title', new TitleMode(this, { + duration: this.config.showDemo ? TitleMode.defaultOptions.duration : Infinity + })); + await this.registerMode('demo', new DemoMode(this)); await this.registerMode('bottype', new BotTypeMode(this)); await this.registerMode('numplayers', new PlayerNumberMode(this)); await this.registerMode('play', new PlayMode(this)); - await this.registerMode('demo', new DemoMode(this)); - if (this.config.flagDemoMode) { - this.transition('demo', 'done', 'demo'); - this.transition('demo', 'timeout', 'demo'); - await this.setMode('demo'); - } else if (this.config.continuousGame) { + if (this.config.continuousGame) { this.transition('play', 'done', 'play'); await this.setMode('play'); } else { @@ -124,6 +122,9 @@ export default class GradientDescentGame { const afterTitle = showNumPlayers ? 'numplayers' : afterNumPlayers; this.transition('title', 'done', afterTitle); + this.transition('title', 'timeout', 'demo'); + this.transition('demo', 'done', afterTitle); + this.transition('demo', 'timeout', 'title'); this.transition('numplayers', 'done', afterNumPlayers); this.transition('bottype', 'done', 'play'); this.transition('play', 'done', 'title'); diff --git a/src/pug/rev-manifest.scripts.json b/src/pug/rev-manifest.scripts.json index 792d838..4b3ec8f 100644 --- a/src/pug/rev-manifest.scripts.json +++ b/src/pug/rev-manifest.scripts.json @@ -1,3 +1,3 @@ { - "bundle.min.js": "bundle-269e3ae9b2.min.js" + "bundle.min.js": "bundle-0dc89b22da.min.js" } \ No newline at end of file diff --git a/src/pug/rev-manifest.styles.json b/src/pug/rev-manifest.styles.json index 9dddb42..75cbd51 100644 --- a/src/pug/rev-manifest.styles.json +++ b/src/pug/rev-manifest.styles.json @@ -1,3 +1,3 @@ { - "default.css": "default-68545de719.css" + "default.css": "default-62a114e65a.css" } \ No newline at end of file diff --git a/src/sass/_mod_app.scss b/src/sass/_mod_app.scss index aa598f3..00be8b2 100644 --- a/src/sass/_mod_app.scss +++ b/src/sass/_mod_app.scss @@ -48,6 +48,7 @@ @extend .text-center; position: absolute; top: 80%; + color: $color-turquoise; } .menu-title {