From 797cc2b10592613d6c180bc33a3baf29fc1e1976 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Mon, 7 Aug 2017 17:21:17 +0200
Subject: [PATCH 01/31] handle messages which fail to decrypt

---
 www/common/common-messaging.js | 23 ++++++++++++++++++++++-
 www/common/curve.js            |  1 +
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index 3bc6fc8aa..8b9d03749 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -240,7 +240,28 @@ define([
         if (!isId) { return; }
 
         var decryptedMsg = channel.encryptor.decrypt(msg);
-        var parsed = JSON.parse(decryptedMsg);
+
+        if (decryptedMsg === null) {
+            // console.error('unable to decrypt message');
+            // console.error('potentially meant for yourself');
+
+            // message failed to parse, meaning somebody sent it to you but
+            // encrypted it with the wrong key, or you're sending a message to
+            // yourself in a different tab.
+            return;
+        }
+
+        if (!decryptedMsg) {
+            console.error('decrypted message was falsey but not null');
+            return;
+        }
+
+        try {
+            var parsed = JSON.parse(decryptedMsg);
+        } catch (e) {
+            console.error(decryptedMsg);
+            return;
+        }
         if (parsed[0] !== Types.mapId && parsed[0] !== Types.mapIdAck) { return; }
         if (parsed[2] !== sender || !parsed[1]) { return; }
         channel.mapId[sender] = parsed[1];
diff --git a/www/common/curve.js b/www/common/curve.js
index b33823fd5..0c39ba421 100644
--- a/www/common/curve.js
+++ b/www/common/curve.js
@@ -35,6 +35,7 @@ define([
         var nonce = decodeBase64(unpacked[0]);
         var box = decodeBase64(unpacked[1]);
         var message = Nacl.box.open.after(box, nonce, secret);
+        if (message === false) { return null; }
         return encodeUTF8(message);
     };
 

From d835005905342e76c8c526d4e9d9c8a24b0b313a Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Mon, 7 Aug 2017 17:22:56 +0200
Subject: [PATCH 02/31] simplify in-memory message format

---
 www/common/common-messaging.js | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index 8b9d03749..34f690d0b 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -162,8 +162,16 @@ define([
 
         var parsedMsg = JSON.parse(msg);
         if (parsedMsg[0] === Types.message) {
-            parsedMsg.shift();
-            channel.messages.push([sig, parsedMsg]);
+            // TODO validate messages here
+            var res = {
+                type: parsedMsg[0], //Types.message,
+                sig: sig,
+                channel: parsedMsg[1],
+                time: parsedMsg[2],
+                text: parsedMsg[3],
+            };
+
+            channel.messages.push(res);
             return true;
         }
         var proxy;
@@ -493,24 +501,22 @@ define([
             var $msg, msg, date, name;
             var last = typeof(channel.lastDisplayed) === 'number'? channel.lastDisplayed: -1;
             for (var i = last + 1; i<messages.length; i++) {
-                msg = messages[i][1]; // 0 is the hash, 1 the array
+                msg = messages[i];
                 $msg = $('<div>', {'class': 'message'}).appendTo($messages);
 
                 // date
-                date = msg[1] ? new Date(msg[1]).toLocaleString() : '?';
+                date = msg.time ? new Date(msg.time).toLocaleString(): '?';
                 //$('<div>', {'class':'date'}).text(date).appendTo($msg);
                 $msg.attr('title', date);
 
                 // name
-                if (msg[0] !== channel.lastSender) {
-                    name = getFriend(common, msg[0]).displayName;
+                if (msg.channel !== channel.lastSender) {
+                    name = getFriend(common, msg.channel).displayName;
                     $('<div>', {'class':'sender'}).text(name).appendTo($msg);
                 }
-                channel.lastSender = msg[0];
+                channel.lastSender = msg.channel;
 
-                // content
-                //$('<div>', {'class':'content'}).text(msg[2]).appendTo($msg);
-                $('<div>', {'class':'content'}).html(parseMessage(msg[2])).appendTo($msg);
+                $('<div>', {'class':'content'}).html(parseMessage(msg.text)).appendTo($msg);
             }
             $messages.scrollTop($messages[0].scrollHeight);
             channel.lastDisplayed = i-1;
@@ -518,7 +524,7 @@ define([
 
             if (messages.length > 10) {
                 var lastKnownMsg = messages[messages.length - 11];
-                data.lastKnownHash = lastKnownMsg[0];
+                channel.setLastMessageRead(lastKnownMsg.sig);
             }
         };
         // Display a new channel
@@ -680,6 +686,9 @@ define([
                     removeUI: function () { removeUI(data.curvePublic); },
                     updateUI: function (types) { updateUI(data.curvePublic, types); },
                     updateStatus: function () { updateStatus(data.curvePublic); },
+                    setLastMessageRead: function (hash) {
+                        data.lastKnownHash = hash;
+                    },
                     getMessagesSinceDisconnect: function () {
                         getChannelMessagesSince(network, chan, data, keys);
                     },

From c63807fd2b979d1427508ba1911c2c4e10f2b748 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Mon, 7 Aug 2017 17:24:16 +0200
Subject: [PATCH 03/31] implement channel.send

---
 www/common/common-messaging.js | 51 +++++++++++++++++++---------------
 1 file changed, 28 insertions(+), 23 deletions(-)

diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index 34f690d0b..0880ec296 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -372,6 +372,8 @@ define([
         messenger.input = $input[0];
 
         var send = function () {
+            // TODO implement sending queue
+            // TODO separate message logic from UI
             var channel = channels[data.channel];
             if (channel.sending) {
                 console.error("still sending");
@@ -385,34 +387,18 @@ define([
                 console.error("input is disabled");
                 return;
             }
+
+            var payload = $input.val();
             // Send the message
-            var msg = [Types.message, proxy.curvePublic, +new Date(), $input.val()];
-            var msgStr = JSON.stringify(msg);
-            var cryptMsg = channel.encryptor.encrypt(msgStr);
-            channel.sending = true;
-
-            console.log(channel.wc);
-            var network = common.getNetwork();
-            if (!network.webChannels.some(function (wc) {
-                if (wc.id === channel.wc.id) {
-                    console.error(wc.id, channel.wc.id);
-                    return true;
+            channel.send(payload, function (e) {
+                if (e) {
+                    channel.sending = false;
+                    console.error(err);
+                    return;
                 }
-                console.error(wc.id, channel.wc.id);
-                //return wc.id === channel.wc.id;
-            })) {
-                console.error('no such channel:' + channel.wc.id);
-                return;
-            }
-
-            channel.wc.bcast(cryptMsg).then(function () {
                 $input.val('');
-                pushMsg(common, channel, cryptMsg);
                 channel.refresh();
                 channel.sending = false;
-            }, function (err) {
-                channel.sending = false;
-                console.error(err);
             });
         };
         $('<button>', {'class': 'btn btn-primary fa fa-paper-plane'})
@@ -710,6 +696,25 @@ define([
                         var messageHash = oldestMessage[0];
                         getMoreHistory(network, chan, messageHash, 10);
                     },
+                    send: function (payload, cb) {
+                        if (!network.webChannels.some(function (wc) {
+                            if (wc.id === channel.wc.id) { return true; }
+                        })) {
+                            return void cb('NO_SUCH_CHANNEL');
+                        }
+
+                        var msg = [Types.message, proxy.curvePublic, +new Date(), payload];
+                        var msgStr = JSON.stringify(msg);
+                        var cryptMsg = channel.encryptor.encrypt(msgStr);
+                        channel.sending = true;
+
+                        channel.wc.bcast(cryptMsg).then(function () {
+                            pushMsg(common, channel, cryptMsg);
+                            cb();
+                        }, function (err) {
+                            cb(err);
+                        });
+                    },
                 };
                 chan.on('message', function (msg, sender) {
                     onMessage(common, msg, sender, chan);

From fc95f1b6a83def7b531ead81ec09a33cbf4d5f57 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Tue, 8 Aug 2017 10:32:25 +0200
Subject: [PATCH 04/31] lint compliance

---
 www/common/common-messaging.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index 0880ec296..f11d17293 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -264,8 +264,9 @@ define([
             return;
         }
 
+        var parsed;
         try {
-            var parsed = JSON.parse(decryptedMsg);
+            parsed = JSON.parse(decryptedMsg);
         } catch (e) {
             console.error(decryptedMsg);
             return;
@@ -324,7 +325,6 @@ define([
 
     var createChatBox = function (common, $container, curvePublic, messenger) {
         var data = getFriend(common, curvePublic);
-        var proxy = common.getProxy();
 
         // Input
         var channel = channels[data.channel];
@@ -393,7 +393,7 @@ define([
             channel.send(payload, function (e) {
                 if (e) {
                     channel.sending = false;
-                    console.error(err);
+                    console.error(e);
                     return;
                 }
                 $input.val('');
@@ -508,6 +508,7 @@ define([
             channel.lastDisplayed = i-1;
             channel.unnotify();
 
+            // return void channel.notify();
             if (messages.length > 10) {
                 var lastKnownMsg = messages[messages.length - 11];
                 channel.setLastMessageRead(lastKnownMsg.sig);
@@ -675,6 +676,12 @@ define([
                     setLastMessageRead: function (hash) {
                         data.lastKnownHash = hash;
                     },
+                    getLastMessageRead: function () {
+                        return data.lastKnownHash;
+                    },
+                    isActive: function () {
+                        return data.curvePublic === Msg.active;
+                    },
                     getMessagesSinceDisconnect: function () {
                         getChannelMessagesSince(network, chan, data, keys);
                     },

From 88be5444f0d6457238c6f06e972dc74d26a34d3b Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 10:37:37 +0200
Subject: [PATCH 05/31] change alertify warn color

---
 customize.dist/src/less2/include/alertify.less   | 6 +++---
 customize.dist/src/less2/include/colortheme.less | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index 1a791bc04..3e9bec46a 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -39,14 +39,14 @@
             box-shadow: @alertify_box-shadow;
             &, &.default {
                 // FIXME
-                background: rgba(0, 0, 0, .8);
+                background: @colortheme_notification-log;
             }
             &.error {
                 font-weight: bold;
-                background: @colortheme_cp-red;
+                background: @colortheme_notification-warn;
             }
             &.success {
-                background: rgba(0, 0, 0, .8);
+                background: @colortheme_notification-log;
             }
         }
     }
diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less
index a1e02d9d4..51b9af335 100644
--- a/customize.dist/src/less2/include/colortheme.less
+++ b/customize.dist/src/less2/include/colortheme.less
@@ -24,6 +24,9 @@
 @colortheme_alertify-red: #E55236;
 @colortheme_alertify-green: #77C825;
 
+@colortheme_notification-log: rgba(0, 0, 0, 0.8);
+@colortheme_notification-warn: rgba(205, 37, 50, 0.8);
+
 // Apps
 
 @colortheme_pad-bg: #1c4fa0;

From f585ddccdf5db49691950aa0c17ca9c99d7f7252 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 11:44:01 +0200
Subject: [PATCH 06/31] fix image sizes in /slide/

---
 www/common/diffMarked.js | 4 ++++
 www/slide/slide.less     | 9 +++++++++
 2 files changed, 13 insertions(+)

diff --git a/www/common/diffMarked.js b/www/common/diffMarked.js
index 42da27b97..f72d5277e 100644
--- a/www/common/diffMarked.js
+++ b/www/common/diffMarked.js
@@ -60,6 +60,10 @@ define([
         return out;
     };
 
+    renderer.paragraph = function (p) {
+        return /<media\-tag[\s\S]*>/i.test(p)? p + '\n': '<p>' + p + '</p>\n';
+    };
+
     var MutationObserver = window.MutationObserver;
     var forbiddenTags = [
         'SCRIPT',
diff --git a/www/slide/slide.less b/www/slide/slide.less
index ef50796b9..0e8c414db 100644
--- a/www/slide/slide.less
+++ b/www/slide/slide.less
@@ -336,6 +336,15 @@ div#modal #content, #print {
             padding-left: 0.3em;
         }
 
+        // fixes image overflowing
+        media-tag {
+            height: 100%;
+
+            & + * {
+                margin-top: 1rem;
+            }
+        }
+
         img {
             position: relative;
             min-width: 1%;

From c427f375ddb2421ba14196a3649fedef6985f0be Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 11:48:17 +0200
Subject: [PATCH 07/31] add bootstrap css to /code for image uploader

---
 www/code/inner.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/www/code/inner.js b/www/code/inner.js
index fa3a41f6f..d36a7acd2 100644
--- a/www/code/inner.js
+++ b/www/code/inner.js
@@ -4,6 +4,7 @@ define([
     'cm/lib/codemirror',
 
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
     'less!/code/code.less',
     'less!/customize/src/less/toolbar.less',
     'less!/customize/src/less/cryptpad.less',

From d15280c6ce6c6094c996736afe11f855da48c130 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 11:52:16 +0200
Subject: [PATCH 08/31] prevent pdfs from being huge

---
 www/code/code.less | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/www/code/code.less b/www/code/code.less
index 6c620fff8..79ec0af11 100644
--- a/www/code/code.less
+++ b/www/code/code.less
@@ -59,8 +59,13 @@ body {
     box-sizing: border-box;
     font-family: Calibri,Ubuntu,sans-serif;
     word-wrap: break-word;
-    media-tag * {
-        max-width:100%;
+    media-tag {
+        * {
+            max-width:100%;
+        }
+        iframe[type="application/pdf"] {
+            max-height:50vh;
+        }
     }
 }
 

From 90075cd48e17ff1905887bc82f3eff29b45539f3 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 12:01:39 +0200
Subject: [PATCH 09/31] media-tag to less file

---
 customize.dist/src/less2/include/mediatag.less | 18 ++++++++++++++++++
 www/slide/slide.less                           | 17 ++---------------
 2 files changed, 20 insertions(+), 15 deletions(-)
 create mode 100644 customize.dist/src/less2/include/mediatag.less

diff --git a/customize.dist/src/less2/include/mediatag.less b/customize.dist/src/less2/include/mediatag.less
new file mode 100644
index 000000000..704fd71bd
--- /dev/null
+++ b/customize.dist/src/less2/include/mediatag.less
@@ -0,0 +1,18 @@
+.mediatag_base() {
+    media-tag {
+        min-height: 0;
+        flex: 1;
+        display: flex;
+        flex-flow: column;
+        text-align: center;
+    }
+
+    media-tag img {
+        flex: 1;
+        max-height: 100% !important;
+    }
+
+    media-tag iframe {
+        min-height: 100%;
+    }
+}
diff --git a/www/slide/slide.less b/www/slide/slide.less
index 0e8c414db..9e020f98f 100644
--- a/www/slide/slide.less
+++ b/www/slide/slide.less
@@ -392,19 +392,6 @@ p {
     //flex: 1;
 }
 
-media-tag {
-    min-height: 0;
-    flex: 1;
-    display: flex;
-    flex-flow: column;
-    text-align: center;
-}
+@import "../customize/src/less2/include/mediatag.less";
 
-media-tag img {
-    flex: 1;
-    max-height: 100% !important;
-}
-
-media-tag iframe {
-  min-height: 100%;
-}
+.mediatag_base();

From 355b7f1839b82fe26beb9e4e9a8711bf04b17cdc Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 12:05:22 +0200
Subject: [PATCH 10/31] change recent to local pads

---
 customize.dist/pages.js                 | 2 +-
 customize.dist/translations/messages.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 1d07bef96..d416c4d65 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -263,7 +263,7 @@ define([
                                 [ 'slide', '/slide/', Msg.main_slidePad, 'fa-file-powerpoint-o' ],
                                 [ 'poll.cp-more.cp-hidden', '/poll/', Msg.main_pollPad, 'fa-calendar' ],
                                 [ 'whiteboard.cp-more.cp-hidden', '/whiteboard/', Msg.main_whiteboardPad, 'fa-paint-brush' ],
-                                [ 'recent.cp-more.cp-hidden', '/drive/', Msg.main_recentPads, 'fa-hdd-o' ]
+                                [ 'recent.cp-more.cp-hidden', '/drive/', Msg.main_localPads, 'fa-hdd-o' ]
                             ].map(function (x) {
                                 return h('a', [
                                     { href: x[1] },
diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index 5fb3a6ae1..fa0cf7791 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -525,7 +525,7 @@ define(function () {
     out.main_slidePad = 'Markdown Presentation';
     out.main_pollPad = 'Poll or Schedule';
     out.main_whiteboardPad = 'Whiteboard';
-    out.main_recentPads = 'Recent Pads';
+    out.main_localPads = 'Local Pads';
 
     out.footer_applications = "Applications";
     out.footer_contact = "Contact";

From 85e383d5c59e7335025ae8e07bba91575fb14d86 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 14:36:04 +0200
Subject: [PATCH 11/31] add invisible splitter

---
 www/code/code.less | 12 ++++++++++++
 www/code/main.js   | 20 ++++++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/www/code/code.less b/www/code/code.less
index 79ec0af11..50026d340 100644
--- a/www/code/code.less
+++ b/www/code/code.less
@@ -59,6 +59,7 @@ body {
     box-sizing: border-box;
     font-family: Calibri,Ubuntu,sans-serif;
     word-wrap: break-word;
+    position: relative;
     media-tag {
         * {
             max-width:100%;
@@ -77,6 +78,17 @@ body {
     .markdown_gfm-table(black);
 }
 
+.cp-splitter {
+    position: absolute;
+    height: 100%;
+    width: 8px;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+
+    cursor: col-resize;
+}
+
 @media (max-width: @media-medium-screen) {
     .CodeMirror {
         flex: 1;
diff --git a/www/code/main.js b/www/code/main.js
index db358018d..7591f12a2 100644
--- a/www/code/main.js
+++ b/www/code/main.js
@@ -387,6 +387,26 @@ define([
                     }
                 });
 
+                // add the splitter
+                var splitter = $('<div>', {
+                    'class': 'cp-splitter'
+                }).appendTo($iframe.find('#previewContainer'));
+
+                var $target = $iframe.find('.CodeMirror');
+                splitter.on('mousedown', function (e) {
+                    e.preventDefault();
+                    var x = e.pageX;
+                    var w = $target.width();
+
+                    $iframe.on('mouseup mousemove', function handler(evt) {
+                        if (evt.type === 'mouseup') {
+                            $iframe.off('mouseup mousemove', handler);
+                            return;
+                        }
+                        $target.css('width', (w - x + evt.pageX) + 'px');
+                    });
+                });
+
                 Cryptpad.removeLoadingScreen();
                 setEditable(true);
                 initializing = false;

From d3f2398865f15f3f68cec20f97eaa449ddafec62 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 16:19:44 +0200
Subject: [PATCH 12/31] bump tippy to 1.2.0, add dynamicTitle option

---
 www/common/common-interface.js | 1 +
 www/common/tippy.css           | 2 +-
 www/common/tippy.min.js        | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/www/common/common-interface.js b/www/common/common-interface.js
index d7d0b46d6..83389b816 100644
--- a/www/common/common-interface.js
+++ b/www/common/common-interface.js
@@ -313,6 +313,7 @@ define([
                 position: 'bottom',
                 distance: 0,
                 performance: true,
+                dynamicTitle: true,
                 delay: [delay, 0]
             });
         };
diff --git a/www/common/tippy.css b/www/common/tippy.css
index 9e4527a03..bb3a28650 100644
--- a/www/common/tippy.css
+++ b/www/common/tippy.css
@@ -1 +1 @@
-.tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333;pointer-events:none}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{-webkit-transition-timing-function:cubic-bezier(.53,1,.36,.85);transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;-webkit-transition:all ease;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}
\ No newline at end of file
+.tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}
\ No newline at end of file
diff --git a/www/common/tippy.min.js b/www/common/tippy.min.js
index 431ed33a5..302888e9c 100644
--- a/www/common/tippy.min.js
+++ b/www/common/tippy.min.js
@@ -1 +1 @@
-(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.tippy=t()})(this,function(){'use strict';function e(e){Pe.forEach(function(t){var o=t.popper,i=t.tippyInstance,n=t.settings,r=n.appendTo,s=n.hideOnClick,a=n.trigger;if(r.contains(o)){var p=!0===s||-1!==a.indexOf('focus'),l=!e||o!==e.popper;p&&l&&i.hide(o)}})}function t(e,t){var o=Element.prototype.closest||function(e){for(var t=this;t;){if(Ie.call(t,e))return t;t=t.parentElement}};return o.call(e,t)}function o(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function n(){var i=function(){xe.touch=!0,xe.iOS()&&document.body.classList.add('tippy-touch'),xe.dynamicInputDetection&&document.addEventListener('mousemove',n)},n=function(){var e;return function(){var t=performance&&performance.now();t&&10>t-e&&(xe.touch=!1,document.removeEventListener('mousemove',n),!xe.iOS()&&document.body.classList.contains('tippy-touch')&&document.body.classList.remove('tippy-touch')),e=t}}();document.addEventListener('click',function(i){if(!(i.target instanceof Element))return e();var n=t(i.target,Ce.TOOLTIPPED_EL),r=t(i.target,Ce.POPPER);if(r){var s=o(Pe,function(e){return e.popper===r}),a=s.settings.interactive;if(a)return}if(n){var p=o(Pe,function(e){return e.el===n}),l=p.settings,d=l.hideOnClick,c=l.multiple,f=l.trigger;if(!c&&xe.touch||!c&&-1!==f.indexOf('click'))return e(p);if(!0!==d||-1!==f.indexOf('click'))return}t(i.target,Ce.CONTROLLER)||!document.querySelector(Ce.POPPER)||e()}),document.addEventListener('touchstart',i),window.addEventListener('blur',function(){var e=document,t=e.activeElement;t&&t.blur&&Ie.call(t,Ce.TOOLTIPPED_EL)&&t.blur()}),!xe.SUPPORTS_TOUCH&&(0<navigator.maxTouchPoints||0<navigator.msMaxTouchPoints)&&document.addEventListener('pointerdown',i)}function r(){return!r.done&&(r.done=!0,Ae.appendTo=document.body,n(),!0)}function s(e){window.requestAnimationFrame(function(){setTimeout(e,0)})}function a(e){for(var t=[!1,'webkit'],o=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<t.length;n++){var i=t[n],r=i?''+i+o:e;if('undefined'!=typeof window.document.body.style[r])return r}return null}function p(e,t){return Array.prototype.findIndex?e.findIndex(t):e.indexOf(o(e,t))}function l(e){var t=e.getAttribute('title');e.setAttribute('data-original-title',t||'html'),e.removeAttribute('title')}function d(e){var t=e.getBoundingClientRect();return 0<=t.top&&0<=t.left&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}function c(e,t){t?window.getComputedStyle(t)[a('transform')]:window.getComputedStyle(e).opacity}function f(e,t){e.forEach(function(e){e&&t(e.classList)})}function m(e,t){e.forEach(function(e){if(e){var o=Ie.call(e,Ce.CONTENT),i=o?Se(t/1.3):t;e.style[a('transitionDuration')]=i+'ms'}})}function h(e){return'visible'===e.style.visibility}function u(){}function g(e){return e.replace(/-.+/,'')}function b(t){var e,i,n=this,r=o(Pe,function(e){return e.el===n}),s=r.popper,p=r.settings.offset,l=g(s.getAttribute('x-placement')),d=Se(s.offsetWidth/2),c=Se(s.offsetHeight/2),f=5,m=document.documentElement.offsetWidth||document.body.offsetWidth,h=t.pageX,u=t.pageY;'top'===l?(e=h-d+p,i=u-2.25*c):'left'===l?(e=h-2*d-10,i=u-c+p):'right'===l?(e=h+c,i=u-c+p):'bottom'===l?(e=h-d+p,i=u+c/1.5):void 0;('top'===l||'bottom'===l)&&(h+f+d+p>m&&(e=m-f-2*d),0>h-f-d+p&&(e=f)),s.style[a('transform')]='translate3d('+e+'px, '+i+'px, 0)'}function y(e){return e instanceof Element||/Element/.test(Object.prototype.toString.call(e))?[e]:[].slice.call(document.querySelectorAll(e))}function v(e,t,o){if(!t)return o();var i=e.popper.querySelector(Ce.TOOLTIP),n=!1,r=function t(r){r.target!==i||(n=!0,i.removeEventListener('webkitTransitionEnd',t),i.removeEventListener('transitionend',t),o())};i.addEventListener('webkitTransitionEnd',r),i.addEventListener('transitionend',r),clearTimeout(e._transitionendTimeout),e._transitionendTimeout=setTimeout(function(){n||o()},t)}function E(e){return e&&'[object Function]'==={}.toString.call(e)}function O(e,t){if(1!==e.nodeType)return[];var o=window.getComputedStyle(e,null);return t?o[t]:o}function w(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function L(e){if(!e||-1!==['HTML','BODY','#document'].indexOf(e.nodeName))return window.document.body;var t=O(e),o=t.overflow,i=t.overflowX,n=t.overflowY;return /(auto|scroll)/.test(o+n+i)?e:L(w(e))}function T(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||e.firstElementChild.offsetParent===e)}function S(e){return null===e.parentNode?e:S(e.parentNode)}function P(e){var t=e&&e.offsetParent,o=t&&t.nodeName;return o&&'BODY'!==o&&'HTML'!==o?t:window.document.documentElement}function x(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return window.document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,i=o?e:t,n=o?t:e,r=document.createRange();r.setStart(i,0),r.setEnd(n,0);var s=r.commonAncestorContainer;if(e!==s&&t!==s||i.contains(n))return T(s)?s:P(s);var a=S(e);return a.host?x(a.host,t):x(e,S(t).host)}function C(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:'top',o='top'===t?'scrollTop':'scrollLeft',i=e.nodeName;if('BODY'===i||'HTML'===i){var n=window.document.documentElement,r=window.document.scrollingElement||n;return r[o]}return e[o]}function A(e,t){var o=2<arguments.length&&void 0!==arguments[2]&&arguments[2],i=C(t,'top'),n=C(t,'left'),r=o?-1:1;return e.top+=i*r,e.bottom+=i*r,e.left+=n*r,e.right+=n*r,e}function k(e,t){var o='x'===t?'Left':'Top',i='Left'==o?'Right':'Bottom';return+e['border'+o+'Width'].split('px')[0]+ +e['border'+i+'Width'].split('px')[0]}function I(e,t,o,i){return Te(t['offset'+e],o['client'+e],o['offset'+e],qe()?o['offset'+e]+i['margin'+('Height'===e?'Top':'Left')]+i['margin'+('Height'===e?'Bottom':'Right')]:0)}function D(){var e=window.document.body,t=window.document.documentElement,o=qe()&&window.getComputedStyle(t);return{height:I('Height',e,t,o),width:I('Width',e,t,o)}}function R(e){return ze({},e,{right:e.left+e.width,bottom:e.top+e.height})}function H(e){var t={};if(qe())try{t=e.getBoundingClientRect();var o=C(e,'top'),i=C(e,'left');t.top+=o,t.left+=i,t.bottom+=o,t.right+=i}catch(e){}else t=e.getBoundingClientRect();var n={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},r='HTML'===e.nodeName?D():{},s=r.width||e.clientWidth||n.right-n.left,a=r.height||e.clientHeight||n.bottom-n.top,p=e.offsetWidth-s,l=e.offsetHeight-a;if(p||l){var d=O(e);p-=k(d,'x'),l-=k(d,'y'),n.width-=p,n.height-=l}return R(n)}function N(e,t){var o=qe(),i='HTML'===t.nodeName,n=H(e),r=H(t),s=L(e),a=O(t),p=+a.borderTopWidth.split('px')[0],l=+a.borderLeftWidth.split('px')[0],d=R({top:n.top-r.top-p,left:n.left-r.left-l,width:n.width,height:n.height});if(d.marginTop=0,d.marginLeft=0,!o&&i){var c=+a.marginTop.split('px')[0],f=+a.marginLeft.split('px')[0];d.top-=p-c,d.bottom-=p-c,d.left-=l-f,d.right-=l-f,d.marginTop=c,d.marginLeft=f}return(o?t.contains(s):t===s&&'BODY'!==s.nodeName)&&(d=A(d,t)),d}function B(e){var t=window.document.documentElement,o=N(e,t),i=Te(t.clientWidth,window.innerWidth||0),n=Te(t.clientHeight,window.innerHeight||0),r=C(t),s=C(t,'left'),a={top:r-o.top+o.marginTop,left:s-o.left+o.marginLeft,width:i,height:n};return R(a)}function M(e){var t=e.nodeName;return'BODY'===t||'HTML'===t?!1:'fixed'===O(e,'position')||M(w(e))}function W(e,t,o,i){var n={top:0,left:0},r=x(e,t);if('viewport'===i)n=B(r);else{var s;'scrollParent'===i?(s=L(w(e)),'BODY'===s.nodeName&&(s=window.document.documentElement)):'window'===i?s=window.document.documentElement:s=i;var a=N(s,r);if('HTML'===s.nodeName&&!M(r)){var p=D(),l=p.height,d=p.width;n.top+=a.top-a.marginTop,n.bottom=l+a.top,n.left+=a.left-a.marginLeft,n.right=d+a.left}else n=a}return n.left+=o,n.top+=o,n.right-=o,n.bottom-=o,n}function U(e){var t=e.width,o=e.height;return t*o}function q(e,t,o,i,n){var r=5<arguments.length&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf('auto'))return e;var s=W(o,i,r,n),a={top:{width:s.width,height:t.top-s.top},right:{width:s.right-t.right,height:s.height},bottom:{width:s.width,height:s.bottom-t.bottom},left:{width:t.left-s.left,height:s.height}},p=Object.keys(a).map(function(e){return ze({key:e},a[e],{area:U(a[e])})}).sort(function(e,t){return t.area-e.area}),l=p.filter(function(e){var t=e.width,i=e.height;return t>=o.clientWidth&&i>=o.clientHeight}),d=0<l.length?l[0].key:p[0].key,c=e.split('-')[1];return d+(c?'-'+c:'')}function _(e,t,o){var i=x(t,o);return N(o,i)}function F(e){var t=window.getComputedStyle(e),o=parseFloat(t.marginTop)+parseFloat(t.marginBottom),i=parseFloat(t.marginLeft)+parseFloat(t.marginRight),n={width:e.offsetWidth+i,height:e.offsetHeight+o};return n}function Y(e){var t={left:'right',right:'left',bottom:'top',top:'bottom'};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function z(e,t,o){o=o.split('-')[0];var i=F(e),n={width:i.width,height:i.height},r=-1!==['right','left'].indexOf(o),s=r?'top':'left',a=r?'left':'top',p=r?'height':'width',l=r?'width':'height';return n[s]=t[s]+t[p]/2-i[p]/2,n[a]=o===a?t[a]-i[l]:t[Y(a)],n}function j(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function K(e,t,o){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===o});var i=j(e,function(e){return e[t]===o});return e.indexOf(i)}function G(e,t,o){var i=void 0===o?e:e.slice(0,K(e,'name',o));return i.forEach(function(e){e.function&&console.warn('`modifier.function` is deprecated, use `modifier.fn`!');var o=e.function||e.fn;e.enabled&&E(o)&&(t.offsets.popper=R(t.offsets.popper),t.offsets.reference=R(t.offsets.reference),t=o(t,e))}),t}function X(){if(!this.state.isDestroyed){var e={instance:this,styles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=_(this.state,this.popper,this.reference),e.placement=q(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.offsets.popper=z(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position='absolute',e=G(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function V(e,t){return e.some(function(e){var o=e.name,i=e.enabled;return i&&o===t})}function Q(e){for(var t=[!1,'ms','webkit','moz','o'],o=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<t.length-1;n++){var i=t[n],r=i?''+i+o:e;if('undefined'!=typeof window.document.body.style[r])return r}return null}function J(){return this.state.isDestroyed=!0,V(this.modifiers,'applyStyle')&&(this.popper.removeAttribute('x-placement'),this.popper.style.left='',this.popper.style.position='',this.popper.style.top='',this.popper.style[Q('transform')]=''),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function Z(e,t,o,i){var n='BODY'===e.nodeName,r=n?window:e;r.addEventListener(t,o,{passive:!0}),n||Z(L(r.parentNode),t,o,i),i.push(r)}function $(e,t,o,i){o.updateBound=i,window.addEventListener('resize',o.updateBound,{passive:!0});var n=L(e);return Z(n,'scroll',o.updateBound,o.scrollParents),o.scrollElement=n,o.eventsEnabled=!0,o}function ee(){this.state.eventsEnabled||(this.state=$(this.reference,this.options,this.state,this.scheduleUpdate))}function te(e,t){return window.removeEventListener('resize',t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener('scroll',t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t}function oe(){this.state.eventsEnabled&&(window.cancelAnimationFrame(this.scheduleUpdate),this.state=te(this.reference,this.state))}function ie(e){return''!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function ne(e,t){Object.keys(t).forEach(function(o){var i='';-1!==['width','height','top','right','bottom','left'].indexOf(o)&&ie(t[o])&&(i='px'),e.style[o]=t[o]+i})}function re(e,t){Object.keys(t).forEach(function(o){var i=t[o];!1===i?e.removeAttribute(o):e.setAttribute(o,t[o])})}function se(e,t,o){var i=j(e,function(e){var o=e.name;return o===t}),n=!!i&&e.some(function(e){return e.name===o&&e.enabled&&e.order<i.order});if(!n){var r='`'+t+'`';console.warn('`'+o+'`'+' modifier is required by '+r+' modifier in order to work, be sure to include it before '+r+'!')}return n}function ae(e){return'end'===e?'start':'start'===e?'end':e}function pe(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=Ke.indexOf(e),i=Ke.slice(o+1).concat(Ke.slice(0,o));return t?i.reverse():i}function le(e,t,o,i){var n=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+n[1],s=n[2];if(!r)return e;if(0===s.indexOf('%')){var a;switch(s){case'%p':a=o;break;case'%':case'%r':default:a=i;}var p=R(a);return p[t]/100*r}if('vh'===s||'vw'===s){var l;return l='vh'===s?Te(document.documentElement.clientHeight,window.innerHeight||0):Te(document.documentElement.clientWidth,window.innerWidth||0),l/100*r}return r}function de(e,t,o,i){var n=[0,0],r=-1!==['right','left'].indexOf(i),s=e.split(/(\+|\-)/).map(function(e){return e.trim()}),a=s.indexOf(j(s,function(e){return-1!==e.search(/,|\s/)}));s[a]&&-1===s[a].indexOf(',')&&console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');var p=/\s*,\s*|\s+/,l=-1===a?[s]:[s.slice(0,a).concat([s[a].split(p)[0]]),[s[a].split(p)[1]].concat(s.slice(a+1))];return l=l.map(function(e,i){var n=(1===i?!r:r)?'height':'width',s=!1;return e.reduce(function(e,t){return''===e[e.length-1]&&-1!==['+','-'].indexOf(t)?(e[e.length-1]=t,s=!0,e):s?(e[e.length-1]+=t,s=!1,e):e.concat(t)},[]).map(function(e){return le(e,n,t,o)})}),l.forEach(function(e,t){e.forEach(function(o,i){ie(o)&&(n[t]+=o*('-'===e[i-1]?-1:1))})}),n}function ce(e){return-(e-Ae.distance)+'px'}function fe(e){var t=e.el,o=e.popper,i=e.settings,n=i.position,r=i.popperOptions,s=i.offset,a=i.distance,p=i.flipDuration,l=o.querySelector(Ce.TOOLTIP),d=Je({placement:n},r||{},{modifiers:Je({},r?r.modifiers:{},{flip:Je({padding:a+5},r&&r.modifiers?r.modifiers.flip:{}),offset:Je({offset:s},r&&r.modifiers?r.modifiers.offset:{})}),onUpdate:function(){l.style.top='',l.style.bottom='',l.style.left='',l.style.right='',l.style[g(o.getAttribute('x-placement'))]=ce(a)}});return new Xe(t,o,d)}function me(e){var t=e.el,o=e.popper,i=e.settings,n=i.appendTo,r=i.followCursor,p=i.flipDuration;if(!n.contains(o)){if(n.appendChild(o),!!e.popperInstance)e.popperInstance.update(),(!r||xe.touch)&&e.popperInstance.enableEventListeners();else if(e.popperInstance=fe(e),window.MutationObserver){var l=o.style,d=new MutationObserver(function(){l[a('transitionDuration')]='0ms',e.popperInstance.update(),s(function(){l[a('transitionDuration')]=p+'ms'})});d.observe(o,{childList:!0,subtree:!0,characterData:!0}),e._mutationObserver=d}r&&!xe.touch&&(t.addEventListener('mousemove',b),e.popperInstance.disableEventListeners())}}function he(e){var t=e.popper,o=e.popperInstance,i=e.settings.stickyDuration,n=function(){return t.style[a('transitionDuration')]=i+'ms'},r=function(){return t.style[a('transitionDuration')]=''};s(function e(){o&&o.scheduleUpdate(),n(),h(t)?window.requestAnimationFrame(e):r()})}function ue(e,t){var o=ke.reduce(function(o,i){var n=e.getAttribute('data-'+i.toLowerCase())||t[i];return'false'===n&&(n=!1),'true'===n&&(n=!0),isFinite(n)&&!isNaN(parseFloat(n))&&(n=parseFloat(n)),'string'==typeof n&&'['===n.trim().charAt(0)&&(n=JSON.parse(n)),o[i]=n,o},{});return Je({},t,o)}function ge(e,t,o){var i=o.position,n=o.distance,r=o.arrow,s=o.animateFill,a=o.inertia,p=o.animation,l=o.arrowSize,d=o.size,c=o.theme,f=o.html,m=o.zIndex,h=o.interactive,u=document.createElement('div');u.setAttribute('class','tippy-popper'),u.setAttribute('role','tooltip'),u.setAttribute('aria-hidden','true'),u.setAttribute('id','tippy-tooltip-'+e),u.style.zIndex=m;var b=document.createElement('div');if(b.setAttribute('class','tippy-tooltip tippy-tooltip--'+d+' leave'),b.setAttribute('data-animation',p),c.split(' ').forEach(function(e){b.classList.add(e+'-theme')}),r){var y=document.createElement('div');y.setAttribute('class','arrow-'+l),y.setAttribute('x-arrow',''),b.appendChild(y)}if(s){b.setAttribute('data-animatefill','');var v=document.createElement('div');v.setAttribute('class','leave'),v.setAttribute('x-circle',''),b.appendChild(v)}a&&b.setAttribute('data-inertia',''),h&&b.setAttribute('data-interactive','');var E=document.createElement('div');if(E.setAttribute('class','tippy-tooltip-content'),f){var O;f instanceof Element?(E.appendChild(f),O='#'+f.id||'tippy-html-template'):(E.innerHTML=document.getElementById(f.replace('#','')).innerHTML,O=f),u.classList.add('html-template'),h&&u.setAttribute('tabindex','-1'),b.setAttribute('data-template-id',O)}else E.innerHTML=t;return b.style[g(i)]=ce(n),b.appendChild(E),u.appendChild(b),u}function be(e,t,o,i){var n=[];return'manual'===e?n:(t.addEventListener(e,o.handleTrigger),n.push({event:e,handler:o.handleTrigger}),'mouseenter'===e&&(xe.SUPPORTS_TOUCH&&i&&(t.addEventListener('touchstart',o.handleTrigger),n.push({event:'touchstart',handler:o.handleTrigger}),t.addEventListener('touchend',o.handleMouseleave),n.push({event:'touchend',handler:o.handleMouseleave})),t.addEventListener('mouseleave',o.handleMouseleave),n.push({event:'mouseleave',handler:o.handleMouseleave})),'focus'===e&&(t.addEventListener('blur',o.handleBlur),n.push({event:'blur',handler:o.handleBlur})),n)}function ye(e,t,o){if(!t.getAttribute('x-placement'))return!0;var i=e.clientX,n=e.clientY,r=o.interactiveBorder,s=o.distance,a=t.getBoundingClientRect(),p=g(t.getAttribute('x-placement')),l=r+s,d={top:a.top-n>r,bottom:n-a.bottom>r,left:a.left-i>r,right:i-a.right>r};return'top'===p?d.top=a.top-n>l:'bottom'===p?d.bottom=n-a.bottom>l:'left'===p?d.left=a.left-i>l:'right'===p?d.right=i-a.right>l:void 0,d.top||d.bottom||d.left||d.right}function ve(e,o,i){var n,r,s=this,a=i.position,p=i.delay,l=i.duration,d=i.interactive,c=i.interactiveBorder,f=i.distance,m=i.hideOnClick,u=i.trigger,g=i.touchHold,b=i.touchWait,y=function(){clearTimeout(n),clearTimeout(r)},v=function(){if(y(),!h(o)){var e=Array.isArray(p)?p[0]:p;p?n=setTimeout(function(){return s.show(o)},e):s.show(o)}},E=function(e){return s.callbacks.wait?s.callbacks.wait.call(o,v,e):v()},O=function(){y();var e=Array.isArray(p)?p[1]:p;p?r=setTimeout(function(){return s.hide(o)},e):s.hide(o)};return{handleTrigger:function(t){var i='mouseenter'===t.type&&xe.SUPPORTS_TOUCH&&xe.touch;if(!(i&&g)){var n='click'===t.type;n&&h(o)&&'persistent'!==m?O():E(t),i&&xe.iOS()&&e.click&&e.click()}},handleMouseleave:function(n){if(!('mouseleave'===n.type&&xe.SUPPORTS_TOUCH&&xe.touch&&g)){if(d){var r=function n(r){var s=function(){document.body.removeEventListener('mouseleave',O),document.removeEventListener('mousemove',n),O()},a=t(r.target,Ce.TOOLTIPPED_EL),p=t(r.target,Ce.POPPER)===o,l=-1!==u.indexOf('click');return a&&a!==e?s():void(p||a===e||l||ye(r,o,i)&&s())};return document.body.addEventListener('mouseleave',O),void document.addEventListener('mousemove',r)}O()}},handleBlur:function(e){!e.relatedTarget||xe.touch||t(e.relatedTarget,Ce.POPPER)||O()}}}function Ee(e){var t=this;return e.reduce(function(e,o){var i=t.settings.performance?t.settings:ue(o,t.settings);i.arrow&&(i.animateFill=!1);var n=i.html,r=i.trigger,s=i.touchHold,a=o.getAttribute('title');if(!a&&!n)return e;var p=Ze;o.setAttribute('data-tooltipped',''),o.setAttribute('aria-describedby','tippy-tooltip-'+p),l(o);var d=ge(p,a,i),c=ve.call(t,o,d,i),f=[];return r.trim().split(' ').forEach(function(e){return f=f.concat(be(e,o,c,s))}),e.push({id:p,el:o,popper:d,settings:i,listeners:f,tippyInstance:t}),Ze++,e},[])}function Oe(e,t){return new $e(e,t)}var we=Math.min,Le=Math.floor,Te=Math.max,Se=Math.round,xe={};'undefined'!=typeof window&&(xe.SUPPORTED='requestAnimationFrame'in window,xe.SUPPORTS_TOUCH='ontouchstart'in window,xe.touch=!1,xe.dynamicInputDetection=!0,xe.iOS=function(){return /iPhone|iPad|iPod/.test(navigator.userAgent)&&!window.MSStream});for(var Pe=[],Ce={POPPER:'.tippy-popper',TOOLTIP:'.tippy-tooltip',CONTENT:'.tippy-tooltip-content',CIRCLE:'[x-circle]',ARROW:'[x-arrow]',TOOLTIPPED_EL:'[data-tooltipped]',CONTROLLER:'[data-tippy-controller]'},Ae={html:!1,position:'top',animation:'shift',animateFill:!0,arrow:!1,arrowSize:'regular',delay:0,trigger:'mouseenter focus',duration:350,interactive:!1,interactiveBorder:2,theme:'dark',size:'regular',distance:10,offset:0,hideOnClick:!0,multiple:!1,followCursor:!1,inertia:!1,flipDuration:350,sticky:!1,stickyDuration:200,appendTo:null,zIndex:9999,touchHold:!1,performance:!1,popperOptions:{}},ke=xe.SUPPORTED&&Object.keys(Ae),Ie=Element.prototype.matches||Element.prototype.matchesSelector||Element.prototype.webkitMatchesSelector||Element.prototype.mozMatchesSelector||Element.prototype.msMatchesSelector||function(e){for(var t=(this.document||this.ownerDocument).querySelectorAll(e),o=t.length;0<=--o&&t.item(o)!==this;);return-1<o},De=['native code','[object MutationObserverConstructor]'],Re=function(e){return De.some(function(t){return-1<(e||'').toString().indexOf(t)})},He='undefined'!=typeof window,Ne=['Edge','Trident','Firefox'],Be=0,Me=0;Me<Ne.length;Me+=1)if(He&&0<=navigator.userAgent.indexOf(Ne[Me])){Be=1;break}var i,We=He&&Re(window.MutationObserver),Ue=We?function(e){var t=!1,o=0,i=document.createElement('span'),n=new MutationObserver(function(){e(),t=!1});return n.observe(i,{attributes:!0}),function(){t||(t=!0,i.setAttribute('x-index',o),++o)}}:function(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},Be))}},qe=function(){return void 0==i&&(i=-1!==navigator.appVersion.indexOf('MSIE 10')),i},_e=function(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')},Fe=function(){function e(e,t){for(var o,n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,o,i){return o&&e(t.prototype,o),i&&e(t,i),t}}(),Ye=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},ze=Object.assign||function(e){for(var t,o=1;o<arguments.length;o++)for(var i in t=arguments[o],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},je=['auto-start','auto','auto-end','top-start','top','top-end','right-start','right','right-end','bottom-end','bottom','bottom-start','left-end','left','left-start'],Ke=je.slice(3),Ge={FLIP:'flip',CLOCKWISE:'clockwise',COUNTERCLOCKWISE:'counterclockwise'},Xe=function(){function e(t,o){var i=this,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{};_e(this,e),this.scheduleUpdate=function(){return requestAnimationFrame(i.update)},this.update=Ue(this.update.bind(this)),this.options=ze({},e.Defaults,n),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=t.jquery?t[0]:t,this.popper=o.jquery?o[0]:o,this.options.modifiers={},Object.keys(ze({},e.Defaults.modifiers,n.modifiers)).forEach(function(t){i.options.modifiers[t]=ze({},e.Defaults.modifiers[t]||{},n.modifiers?n.modifiers[t]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return ze({name:e},i.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(e){e.enabled&&E(e.onLoad)&&e.onLoad(i.reference,i.popper,i.options,e,i.state)}),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return Fe(e,[{key:'update',value:function(){return X.call(this)}},{key:'destroy',value:function(){return J.call(this)}},{key:'enableEventListeners',value:function(){return ee.call(this)}},{key:'disableEventListeners',value:function(){return oe.call(this)}}]),e}();Xe.Utils=('undefined'==typeof window?global:window).PopperUtils,Xe.placements=je,Xe.Defaults={placement:'bottom',eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(e){var t=e.placement,o=t.split('-')[0],i=t.split('-')[1];if(i){var n=e.offsets,r=n.reference,s=n.popper,a=-1!==['bottom','top'].indexOf(o),p=a?'left':'top',l=a?'width':'height',d={start:Ye({},p,r[p]),end:Ye({},p,r[p]+r[l]-s[l])};e.offsets.popper=ze({},s,d[i])}return e}},offset:{order:200,enabled:!0,fn:function(e,t){var o,i=t.offset,n=e.placement,r=e.offsets,s=r.popper,a=r.reference,p=n.split('-')[0];return o=ie(+i)?[+i,0]:de(i,s,a,p),'left'===p?(s.top+=o[0],s.left-=o[1]):'right'===p?(s.top+=o[0],s.left+=o[1]):'top'===p?(s.left+=o[0],s.top-=o[1]):'bottom'===p&&(s.left+=o[0],s.top+=o[1]),e.popper=s,e},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(e,t){var o=t.boundariesElement||P(e.instance.popper);e.instance.reference===o&&(o=P(o));var i=W(e.instance.popper,e.instance.reference,t.padding,o);t.boundaries=i;var n=t.priority,r=e.offsets.popper,s={primary:function(e){var o=r[e];return r[e]<i[e]&&!t.escapeWithReference&&(o=Te(r[e],i[e])),Ye({},e,o)},secondary:function(e){var o='right'===e?'left':'top',n=r[o];return r[e]>i[e]&&!t.escapeWithReference&&(n=we(r[o],i[e]-('right'===e?r.width:r.height))),Ye({},o,n)}};return n.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';r=ze({},r,s[t](e))}),e.offsets.popper=r,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,i=t.reference,n=e.placement.split('-')[0],r=Le,s=-1!==['top','bottom'].indexOf(n),a=s?'right':'bottom',p=s?'left':'top',l=s?'width':'height';return o[a]<r(i[p])&&(e.offsets.popper[p]=r(i[p])-o[l]),o[p]>r(i[a])&&(e.offsets.popper[p]=r(i[a])),e}},arrow:{order:500,enabled:!0,fn:function(e,t){if(!se(e.instance.modifiers,'arrow','keepTogether'))return e;var o=t.element;if('string'==typeof o){if(o=e.instance.popper.querySelector(o),!o)return e;}else if(!e.instance.popper.contains(o))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var i=e.placement.split('-')[0],n=e.offsets,r=n.popper,s=n.reference,a=-1!==['left','right'].indexOf(i),p=a?'height':'width',l=a?'top':'left',d=a?'left':'top',c=a?'bottom':'right',f=F(o)[p];s[c]-f<r[l]&&(e.offsets.popper[l]-=r[l]-(s[c]-f)),s[l]+f>r[c]&&(e.offsets.popper[l]+=s[l]+f-r[c]);var m=s[l]+s[p]/2-f/2,h=m-R(e.offsets.popper)[l];return h=Te(we(r[p]-f,h),0),e.arrowElement=o,e.offsets.arrow={},e.offsets.arrow[l]=Se(h),e.offsets.arrow[d]='',e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(V(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=W(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement),i=e.placement.split('-')[0],n=Y(i),r=e.placement.split('-')[1]||'',s=[];switch(t.behavior){case Ge.FLIP:s=[i,n];break;case Ge.CLOCKWISE:s=pe(i);break;case Ge.COUNTERCLOCKWISE:s=pe(i,!0);break;default:s=t.behavior;}return s.forEach(function(a,p){if(i!==a||s.length===p+1)return e;i=e.placement.split('-')[0],n=Y(i);var l=e.offsets.popper,d=e.offsets.reference,c=Le,f='left'===i&&c(l.right)>c(d.left)||'right'===i&&c(l.left)<c(d.right)||'top'===i&&c(l.bottom)>c(d.top)||'bottom'===i&&c(l.top)<c(d.bottom),m=c(l.left)<c(o.left),h=c(l.right)>c(o.right),u=c(l.top)<c(o.top),g=c(l.bottom)>c(o.bottom),b='left'===i&&m||'right'===i&&h||'top'===i&&u||'bottom'===i&&g,y=-1!==['top','bottom'].indexOf(i),v=!!t.flipVariations&&(y&&'start'===r&&m||y&&'end'===r&&h||!y&&'start'===r&&u||!y&&'end'===r&&g);(f||b||v)&&(e.flipped=!0,(f||b)&&(i=s[p+1]),v&&(r=ae(r)),e.placement=i+(r?'-'+r:''),e.offsets.popper=ze({},e.offsets.popper,z(e.instance.popper,e.offsets.reference,e.placement)),e=G(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],i=e.offsets,n=i.popper,r=i.reference,s=-1!==['left','right'].indexOf(o),a=-1===['top','left'].indexOf(o);return n[s?'left':'top']=r[t]-(a?n[s?'width':'height']:0),e.placement=Y(t),e.offsets.popper=R(n),e}},hide:{order:800,enabled:!0,fn:function(e){if(!se(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=j(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottom<o.top||t.left>o.right||t.top>o.bottom||t.right<o.left){if(!0===e.hide)return e;e.hide=!0,e.attributes['x-out-of-boundaries']=''}else{if(!1===e.hide)return e;e.hide=!1,e.attributes['x-out-of-boundaries']=!1}return e}},computeStyle:{order:850,enabled:!0,fn:function(e,t){var o=t.x,i=t.y,n=e.offsets.popper,r=j(e.instance.modifiers,function(e){return'applyStyle'===e.name}).gpuAcceleration;void 0!==r&&console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');var s,a,p=void 0===r?t.gpuAcceleration:r,l=P(e.instance.popper),d=H(l),c={position:n.position},f={left:Le(n.left),top:Le(n.top),bottom:Le(n.bottom),right:Le(n.right)},m='bottom'===o?'top':'bottom',h='right'===i?'left':'right',u=Q('transform');if(a='bottom'==m?-d.height+f.bottom:f.top,s='right'==h?-d.width+f.right:f.left,p&&u)c[u]='translate3d('+s+'px, '+a+'px, 0)',c[m]=0,c[h]=0,c.willChange='transform';else{var g='bottom'==m?-1:1,b='right'==h?-1:1;c[m]=a*g,c[h]=s*b,c.willChange=m+', '+h}var y={"x-placement":e.placement};return e.attributes=ze({},y,e.attributes),e.styles=ze({},c,e.styles),e},gpuAcceleration:!0,x:'bottom',y:'right'},applyStyle:{order:900,enabled:!0,fn:function(e){return ne(e.instance.popper,e.styles),re(e.instance.popper,e.attributes),e.offsets.arrow&&ne(e.arrowElement,e.offsets.arrow),e},onLoad:function(e,t,o,i,n){var r=_(n,t,e),s=q(o.placement,r,t,e,o.modifiers.flip.boundariesElement,o.modifiers.flip.padding);return t.setAttribute('x-placement',s),ne(t,{position:'absolute'}),o},gpuAcceleration:void 0}}};var Ve=function(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')},Qe=function(){function e(e,t){for(var o,n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,o,i){return o&&e(t.prototype,o),i&&e(t,i),t}}(),Je=Object.assign||function(e){for(var t,o=1;o<arguments.length;o++)for(var i in t=arguments[o],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Ze=1,$e=function(){function e(t){var o=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};Ve(this,e),xe.SUPPORTED&&(r(),this.state={destroyed:!1},this.selector=t,this.settings=Je({},Ae,o),this.callbacks={wait:o.wait,show:o.onShow||o.show||u,shown:o.onShown||o.shown||u,hide:o.onHide||o.hide||u,hidden:o.onHidden||o.hidden||u},this.store=Ee.call(this,y(t)),Pe.push.apply(Pe,this.store))}return Qe(e,[{key:'getPopperElement',value:function(e){try{return o(this.store,function(t){return t.el===e}).popper}catch(t){console.error('[getPopperElement]: Element passed as the argument does not exist in the instance')}}},{key:'getReferenceElement',value:function(e){try{return o(this.store,function(t){return t.popper===e}).el}catch(t){console.error('[getReferenceElement]: Popper passed as the argument does not exist in the instance')}}},{key:'getReferenceData',value:function(e){return o(this.store,function(t){return t.el===e||t.popper===e})}},{key:'show',value:function(e,t){var i=this;if(!this.state.destroyed){this.callbacks.show.call(e);var n=o(this.store,function(t){return t.popper===e}),r=e.querySelector(Ce.TOOLTIP),a=e.querySelector(Ce.CIRCLE),p=e.querySelector(Ce.CONTENT),l=n.el,d=n.settings,u=d.appendTo,g=d.sticky,b=d.interactive,y=d.followCursor,E=d.flipDuration,O=d.duration,w=void 0===t?Array.isArray(O)?O[0]:O:t;m([e,r,a],0),me(n),e.style.visibility='visible',e.setAttribute('aria-hidden','false'),s(function(){h(e)&&((!y||xe.touch)&&n.popperInstance.update(),m([r,a],w),(!y||xe.touch)&&m([e],E),a&&(p.style.opacity=1),b&&l.classList.add('active'),g&&he(n),c(r,a),f([r,a],function(e){e.contains('tippy-notransition')&&e.remove('tippy-notransition'),e.remove('leave'),e.add('enter')}),v(n,w,function(){!h(e)||n._onShownFired||(b&&e.focus(),r.classList.add('tippy-notransition'),n._onShownFired=!0,i.callbacks.shown.call(e))}))})}}},{key:'hide',value:function(e,t){var i=this;if(!this.state.destroyed){this.callbacks.hide.call(e);var n=o(this.store,function(t){return t.popper===e}),r=e.querySelector(Ce.TOOLTIP),s=e.querySelector(Ce.CIRCLE),a=e.querySelector(Ce.CONTENT),p=n.el,l=n.settings,c=l.appendTo,u=l.sticky,g=l.interactive,y=l.followCursor,E=l.html,O=l.trigger,w=l.duration,L=void 0===t?Array.isArray(w)?w[1]:w:t;n._onShownFired=!1,g&&p.classList.remove('active'),e.style.visibility='hidden',e.setAttribute('aria-hidden','true'),m([r,s,s?a:null],L),s&&(a.style.opacity=0),f([r,s],function(e){e.contains('tippy-tooltip')&&e.remove('tippy-notransition'),e.remove('enter'),e.add('leave')}),E&&-1!==O.indexOf('click')&&d(p)&&p.focus(),v(n,L,function(){h(e)||!c.contains(e)||(p.removeEventListener('mousemove',b),n.popperInstance.disableEventListeners(),c.removeChild(e),i.callbacks.hidden.call(e))})}}},{key:'update',value:function(e){if(!this.state.destroyed){var t=o(this.store,function(t){return t.popper===e}),i=e.querySelector(Ce.CONTENT),n=t.el,r=t.settings.html;return r instanceof Element?void console.warn('Aborted: update() should not be used if `html` is a DOM element'):void(i.innerHTML=r?document.getElementById(r.replace('#','')).innerHTML:n.getAttribute('title')||n.getAttribute('data-original-title'),!r&&l(n))}}},{key:'destroy',value:function(e,t){var i=this;if(!this.state.destroyed){var n=o(this.store,function(t){return t.popper===e}),r=n.el,s=n.popperInstance,a=n.listeners,l=n._mutationObserver;h(e)&&this.hide(e,0),a.forEach(function(e){return r.removeEventListener(e.event,e.handler)}),r.setAttribute('title',r.getAttribute('data-original-title')),r.removeAttribute('data-original-title'),r.removeAttribute('data-tooltipped'),r.removeAttribute('aria-describedby'),s&&s.destroy(),l&&l.disconnect(),Pe.splice(p(Pe,function(t){return t.popper===e}),1),(void 0===t||t)&&(this.store=Pe.filter(function(e){return e.tippyInstance===i}))}}},{key:'destroyAll',value:function(){var e=this;if(!this.state.destroyed){var t=this.store.length;this.store.forEach(function(o,i){var n=o.popper;e.destroy(n,i===t-1)}),this.store=null,this.state.destroyed=!0}}}]),e}();return Oe.Browser=xe,Oe.Defaults=Ae,Oe.disableDynamicInputDetection=function(){return xe.dynamicInputDetection=!1},Oe.enableDynamicInputDetection=function(){return xe.dynamicInputDetection=!0},Oe});
+(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.tippy=t()})(this,function(){'use strict';function t(e){Pe.forEach(function(t){var i=t.popper,o=t.tippyInstance,n=t.settings,r=n.appendTo,s=n.hideOnClick,a=n.trigger;if(r.contains(i)){var p=!0===s||-1!==a.indexOf('focus'),d=!e||i!==e.popper;p&&d&&o.hide(i)}})}function o(t,i){var o=Element.prototype.closest||function(t){for(var i=this;i;){if(e.call(i,t))return i;i=i.parentElement}};return o.call(t,i)}function n(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function r(){var i=function(){Ae.touch=!0,Ae.iOS()&&document.body.classList.add('tippy-touch'),Ae.dynamicInputDetection&&window.performance&&document.addEventListener('mousemove',r)},r=function(){var e;return function(){var t=performance.now();20>t-e&&(Ae.touch=!1,document.removeEventListener('mousemove',r),!Ae.iOS()&&document.body.classList.remove('tippy-touch')),e=t}}();document.addEventListener('click',function(e){if(!(e.target instanceof Element))return t();var i=o(e.target,Ce.TOOLTIPPED_EL),r=o(e.target,Ce.POPPER);if(r){var s=n(Pe,function(e){return e.popper===r}),a=s.settings.interactive;if(a)return}if(i){var p=n(Pe,function(e){return e.el===i}),d=p.settings,l=d.hideOnClick,c=d.multiple,f=d.trigger;if(!c&&Ae.touch||!c&&-1!==f.indexOf('click'))return t(p);if(!0!==l||-1!==f.indexOf('click'))return}o(e.target,Ce.CONTROLLER)||!document.querySelector(Ce.POPPER)||t()}),document.addEventListener('touchstart',i),window.addEventListener('blur',function(){var t=document,i=t.activeElement;i&&i.blur&&e.call(i,Ce.TOOLTIPPED_EL)&&i.blur()}),!Ae.SUPPORTS_TOUCH&&(0<navigator.maxTouchPoints||0<navigator.msMaxTouchPoints)&&document.addEventListener('pointerdown',i)}function s(){return!s.done&&(s.done=!0,ke.appendTo=document.body,r(),!0)}function a(e){window.requestAnimationFrame(function(){setTimeout(e,0)})}function p(e){for(var t=[!1,'webkit'],o=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<t.length;n++){var i=t[n],r=i?''+i+o:e;if('undefined'!=typeof window.document.body.style[r])return r}return null}function d(e,t){return Array.prototype.findIndex?e.findIndex(t):e.indexOf(n(e,t))}function l(e){var t=e.getAttribute('title');e.setAttribute('data-original-title',t||'html'),e.removeAttribute('title')}function c(e){var t=e.getBoundingClientRect();return 0<=t.top&&0<=t.left&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}function f(e,t){t?window.getComputedStyle(t)[p('transform')]:window.getComputedStyle(e).opacity}function m(e,t){e.forEach(function(e){e&&t(e.classList)})}function h(t,i){t.forEach(function(t){if(t){var o=e.call(t,Ce.CONTENT),n=o?xe(i/1.3):i;t.style[p('transitionDuration')]=n+'ms'}})}function u(e){return'visible'===e.style.visibility}function g(){}function b(e){return e.replace(/-.+/,'')}function y(t){var e,i,o=this,r=n(Pe,function(e){return e.el===o}),s=r.popper,a=r.settings.offset,d=b(s.getAttribute('x-placement')),l=xe(s.offsetWidth/2),c=xe(s.offsetHeight/2),f=5,m=document.documentElement.offsetWidth||document.body.offsetWidth,h=t.pageX,u=t.pageY;'top'===d?(e=h-l+a,i=u-2.25*c):'left'===d?(e=h-2*l-10,i=u-c+a):'right'===d?(e=h+c,i=u-c+a):'bottom'===d?(e=h-l+a,i=u+c/1.5):void 0;('top'===d||'bottom'===d)&&(h+f+l+a>m&&(e=m-f-2*l),0>h-f-l+a&&(e=f)),s.style[p('transform')]='translate3d('+e+'px, '+i+'px, 0)'}function v(e){return e instanceof Element||/Element/.test(Object.prototype.toString.call(e))?[e]:Array.isArray(e)?e:[].slice.call(document.querySelectorAll(e))}function E(e,t,i){if(!t)return i();var o=e.popper.querySelector(Ce.TOOLTIP),n=!1,r=function t(r){r.target!==o||(n=!0,o.removeEventListener('webkitTransitionEnd',t),o.removeEventListener('transitionend',t),i())};o.addEventListener('webkitTransitionEnd',r),o.addEventListener('transitionend',r),clearTimeout(e._transitionendTimeout),e._transitionendTimeout=setTimeout(function(){n||i()},t)}function O(e){return e&&'[object Function]'==={}.toString.call(e)}function w(e,t){if(1!==e.nodeType)return[];var i=window.getComputedStyle(e,null);return t?i[t]:i}function T(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function L(e){if(!e||-1!==['HTML','BODY','#document'].indexOf(e.nodeName))return window.document.body;var t=w(e),i=t.overflow,o=t.overflowX,n=t.overflowY;return /(auto|scroll)/.test(i+n+o)?e:L(T(e))}function S(e){var t=e&&e.offsetParent,i=t&&t.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TD','TABLE'].indexOf(t.nodeName)&&'static'===w(t,'position')?S(t):t:window.document.documentElement}function x(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||S(e.firstElementChild)===e)}function A(e){return null===e.parentNode?e:A(e.parentNode)}function P(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return window.document.documentElement;var i=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,o=i?e:t,n=i?t:e,r=document.createRange();r.setStart(o,0),r.setEnd(n,0);var s=r.commonAncestorContainer;if(e!==s&&t!==s||o.contains(n))return x(s)?s:S(s);var a=A(e);return a.host?P(a.host,t):P(e,A(t).host)}function C(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:'top',i='top'===t?'scrollTop':'scrollLeft',o=e.nodeName;if('BODY'===o||'HTML'===o){var n=window.document.documentElement,r=window.document.scrollingElement||n;return r[i]}return e[i]}function k(e,t){var i=2<arguments.length&&void 0!==arguments[2]&&arguments[2],o=C(t,'top'),n=C(t,'left'),r=i?-1:1;return e.top+=o*r,e.bottom+=o*r,e.left+=n*r,e.right+=n*r,e}function I(e,t){var i='x'===t?'Left':'Top',o='Left'==i?'Right':'Bottom';return+e['border'+i+'Width'].split('px')[0]+ +e['border'+o+'Width'].split('px')[0]}function D(e,t,i,o){return Se(t['offset'+e],i['client'+e],i['offset'+e],_e()?i['offset'+e]+o['margin'+('Height'===e?'Top':'Left')]+o['margin'+('Height'===e?'Bottom':'Right')]:0)}function R(){var e=window.document.body,t=window.document.documentElement,i=_e()&&window.getComputedStyle(t);return{height:D('Height',e,t,i),width:D('Width',e,t,i)}}function H(e){return je({},e,{right:e.left+e.width,bottom:e.top+e.height})}function N(e){var t={};if(_e())try{t=e.getBoundingClientRect();var i=C(e,'top'),o=C(e,'left');t.top+=i,t.left+=o,t.bottom+=i,t.right+=o}catch(e){}else t=e.getBoundingClientRect();var n={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},r='HTML'===e.nodeName?R():{},s=r.width||e.clientWidth||n.right-n.left,a=r.height||e.clientHeight||n.bottom-n.top,p=e.offsetWidth-s,d=e.offsetHeight-a;if(p||d){var l=w(e);p-=I(l,'x'),d-=I(l,'y'),n.width-=p,n.height-=d}return H(n)}function M(e,t){var i=_e(),o='HTML'===t.nodeName,n=N(e),r=N(t),s=L(e),a=w(t),p=+a.borderTopWidth.split('px')[0],d=+a.borderLeftWidth.split('px')[0],l=H({top:n.top-r.top-p,left:n.left-r.left-d,width:n.width,height:n.height});if(l.marginTop=0,l.marginLeft=0,!i&&o){var c=+a.marginTop.split('px')[0],f=+a.marginLeft.split('px')[0];l.top-=p-c,l.bottom-=p-c,l.left-=d-f,l.right-=d-f,l.marginTop=c,l.marginLeft=f}return(i?t.contains(s):t===s&&'BODY'!==s.nodeName)&&(l=k(l,t)),l}function B(e){var t=window.document.documentElement,i=M(e,t),o=Se(t.clientWidth,window.innerWidth||0),n=Se(t.clientHeight,window.innerHeight||0),r=C(t),s=C(t,'left'),a={top:r-i.top+i.marginTop,left:s-i.left+i.marginLeft,width:o,height:n};return H(a)}function W(e){var t=e.nodeName;return'BODY'===t||'HTML'===t?!1:'fixed'===w(e,'position')||W(T(e))}function U(e,t,i,o){var n={top:0,left:0},r=P(e,t);if('viewport'===o)n=B(r);else{var s;'scrollParent'===o?(s=L(T(e)),'BODY'===s.nodeName&&(s=window.document.documentElement)):'window'===o?s=window.document.documentElement:s=o;var a=M(s,r);if('HTML'===s.nodeName&&!W(r)){var p=R(),d=p.height,l=p.width;n.top+=a.top-a.marginTop,n.bottom=d+a.top,n.left+=a.left-a.marginLeft,n.right=l+a.left}else n=a}return n.left+=i,n.top+=i,n.right-=i,n.bottom-=i,n}function q(e){var t=e.width,i=e.height;return t*i}function _(e,t,i,o,n){var r=5<arguments.length&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf('auto'))return e;var s=U(i,o,r,n),a={top:{width:s.width,height:t.top-s.top},right:{width:s.right-t.right,height:s.height},bottom:{width:s.width,height:s.bottom-t.bottom},left:{width:t.left-s.left,height:s.height}},p=Object.keys(a).map(function(e){return je({key:e},a[e],{area:q(a[e])})}).sort(function(e,t){return t.area-e.area}),d=p.filter(function(e){var t=e.width,o=e.height;return t>=i.clientWidth&&o>=i.clientHeight}),l=0<d.length?d[0].key:p[0].key,c=e.split('-')[1];return l+(c?'-'+c:'')}function F(e,t,i){var o=P(t,i);return M(i,o)}function Y(e){var t=window.getComputedStyle(e),i=parseFloat(t.marginTop)+parseFloat(t.marginBottom),o=parseFloat(t.marginLeft)+parseFloat(t.marginRight),n={width:e.offsetWidth+o,height:e.offsetHeight+i};return n}function z(e){var t={left:'right',right:'left',bottom:'top',top:'bottom'};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function j(e,t,i){i=i.split('-')[0];var o=Y(e),n={width:o.width,height:o.height},r=-1!==['right','left'].indexOf(i),s=r?'top':'left',a=r?'left':'top',p=r?'height':'width',d=r?'width':'height';return n[s]=t[s]+t[p]/2-o[p]/2,n[a]=i===a?t[a]-o[d]:t[z(a)],n}function K(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function X(e,t,i){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===i});var o=K(e,function(e){return e[t]===i});return e.indexOf(o)}function G(e,t,i){var o=void 0===i?e:e.slice(0,X(e,'name',i));return o.forEach(function(e){e.function&&console.warn('`modifier.function` is deprecated, use `modifier.fn`!');var i=e.function||e.fn;e.enabled&&O(i)&&(t.offsets.popper=H(t.offsets.popper),t.offsets.reference=H(t.offsets.reference),t=i(t,e))}),t}function V(){if(!this.state.isDestroyed){var e={instance:this,styles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=F(this.state,this.popper,this.reference),e.placement=_(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.offsets.popper=j(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position='absolute',e=G(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function J(e,t){return e.some(function(e){var i=e.name,o=e.enabled;return o&&i===t})}function Z(e){for(var t=[!1,'ms','Webkit','Moz','O'],o=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<t.length-1;n++){var i=t[n],r=i?''+i+o:e;if('undefined'!=typeof window.document.body.style[r])return r}return null}function $(){return this.state.isDestroyed=!0,J(this.modifiers,'applyStyle')&&(this.popper.removeAttribute('x-placement'),this.popper.style.left='',this.popper.style.position='',this.popper.style.top='',this.popper.style[Z('transform')]=''),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function Q(e,t,i,o){var n='BODY'===e.nodeName,r=n?window:e;r.addEventListener(t,i,{passive:!0}),n||Q(L(r.parentNode),t,i,o),o.push(r)}function ee(e,t,i,o){i.updateBound=o,window.addEventListener('resize',i.updateBound,{passive:!0});var n=L(e);return Q(n,'scroll',i.updateBound,i.scrollParents),i.scrollElement=n,i.eventsEnabled=!0,i}function te(){this.state.eventsEnabled||(this.state=ee(this.reference,this.options,this.state,this.scheduleUpdate))}function ie(e,t){return window.removeEventListener('resize',t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener('scroll',t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t}function oe(){this.state.eventsEnabled&&(window.cancelAnimationFrame(this.scheduleUpdate),this.state=ie(this.reference,this.state))}function ne(e){return''!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function re(e,t){Object.keys(t).forEach(function(i){var o='';-1!==['width','height','top','right','bottom','left'].indexOf(i)&&ne(t[i])&&(o='px'),e.style[i]=t[i]+o})}function se(e,t){Object.keys(t).forEach(function(i){var o=t[i];!1===o?e.removeAttribute(i):e.setAttribute(i,t[i])})}function ae(e,t,i){var o=K(e,function(e){var i=e.name;return i===t}),n=!!o&&e.some(function(e){return e.name===i&&e.enabled&&e.order<o.order});if(!n){var r='`'+t+'`';console.warn('`'+i+'`'+' modifier is required by '+r+' modifier in order to work, be sure to include it before '+r+'!')}return n}function pe(e){return'end'===e?'start':'start'===e?'end':e}function de(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],i=Xe.indexOf(e),o=Xe.slice(i+1).concat(Xe.slice(0,i));return t?o.reverse():o}function le(e,t,i,o){var n=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+n[1],s=n[2];if(!r)return e;if(0===s.indexOf('%')){var a;switch(s){case'%p':a=i;break;case'%':case'%r':default:a=o;}var p=H(a);return p[t]/100*r}if('vh'===s||'vw'===s){var d;return d='vh'===s?Se(document.documentElement.clientHeight,window.innerHeight||0):Se(document.documentElement.clientWidth,window.innerWidth||0),d/100*r}return r}function ce(e,t,i,o){var n=[0,0],r=-1!==['right','left'].indexOf(o),s=e.split(/(\+|\-)/).map(function(e){return e.trim()}),a=s.indexOf(K(s,function(e){return-1!==e.search(/,|\s/)}));s[a]&&-1===s[a].indexOf(',')&&console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');var p=/\s*,\s*|\s+/,d=-1===a?[s]:[s.slice(0,a).concat([s[a].split(p)[0]]),[s[a].split(p)[1]].concat(s.slice(a+1))];return d=d.map(function(e,o){var n=(1===o?!r:r)?'height':'width',s=!1;return e.reduce(function(e,t){return''===e[e.length-1]&&-1!==['+','-'].indexOf(t)?(e[e.length-1]=t,s=!0,e):s?(e[e.length-1]+=t,s=!1,e):e.concat(t)},[]).map(function(e){return le(e,n,t,i)})}),d.forEach(function(e,t){e.forEach(function(i,o){ne(i)&&(n[t]+=i*('-'===e[o-1]?-1:1))})}),n}function fe(e){return-(e-ke.distance)+'px'}function me(e){var t=e.el,i=e.popper,o=e.settings,n=o.position,r=o.popperOptions,s=o.offset,a=o.distance,p=o.flipDuration,d=i.querySelector(Ce.TOOLTIP),l=$e({placement:n},r||{},{modifiers:$e({},r?r.modifiers:{},{flip:$e({padding:a+5},r&&r.modifiers?r.modifiers.flip:{}),offset:$e({offset:s},r&&r.modifiers?r.modifiers.offset:{})}),onUpdate:function(){var e=d.style;e.top='',e.bottom='',e.left='',e.right='',e[b(i.getAttribute('x-placement'))]=fe(a)}});return new Ve(t,i,l)}function he(e){var t=e.el,i=e.popper,o=e.settings,n=o.appendTo,r=o.followCursor,s=o.flipDuration;if(!n.contains(i)){if(n.appendChild(i),!!e.popperInstance)e.popperInstance.update(),(!r||Ae.touch)&&e.popperInstance.enableEventListeners();else if(e.popperInstance=me(e),window.MutationObserver){var d=i.style,l=new MutationObserver(function(){d[p('transitionDuration')]='0ms',e.popperInstance.update(),a(function(){d[p('transitionDuration')]=s+'ms'})});l.observe(i,{childList:!0,subtree:!0,characterData:!0}),e._mutationObserver=l}r&&!Ae.touch&&(t.addEventListener('mousemove',y),e.popperInstance.disableEventListeners())}}function ue(e){var t=e.popper,i=e.popperInstance,o=e.settings.stickyDuration,n=function(){return t.style[p('transitionDuration')]=o+'ms'},r=function(){return t.style[p('transitionDuration')]=''};a(function e(){i&&i.scheduleUpdate(),n(),u(t)?window.requestAnimationFrame(e):r()})}function ge(e,t){var i=Ie.reduce(function(i,o){var n=e.getAttribute('data-'+o.toLowerCase())||t[o];return'false'===n&&(n=!1),'true'===n&&(n=!0),isFinite(n)&&!isNaN(parseFloat(n))&&(n=parseFloat(n)),'string'==typeof n&&'['===n.trim().charAt(0)&&(n=JSON.parse(n)),i[o]=n,i},{});return $e({},t,i)}function be(e,t,i){var o=i.position,n=i.distance,r=i.arrow,s=i.animateFill,a=i.inertia,p=i.animation,d=i.arrowSize,l=i.size,c=i.theme,f=i.html,m=i.zIndex,h=i.interactive,u=document.createElement('div');u.setAttribute('class','tippy-popper'),u.setAttribute('role','tooltip'),u.setAttribute('aria-hidden','true'),u.setAttribute('id','tippy-tooltip-'+e),u.style.zIndex=m;var g=document.createElement('div');if(g.setAttribute('class','tippy-tooltip tippy-tooltip--'+l+' leave'),g.setAttribute('data-animation',p),c.split(' ').forEach(function(e){g.classList.add(e+'-theme')}),r){var y=document.createElement('div');y.setAttribute('class','arrow-'+d),y.setAttribute('x-arrow',''),g.appendChild(y)}if(s){g.setAttribute('data-animatefill','');var v=document.createElement('div');v.setAttribute('class','leave'),v.setAttribute('x-circle',''),g.appendChild(v)}a&&g.setAttribute('data-inertia',''),h&&g.setAttribute('data-interactive','');var E=document.createElement('div');if(E.setAttribute('class','tippy-tooltip-content'),f){var O;f instanceof Element?(E.appendChild(f),O='#'+f.id||'tippy-html-template'):(E.innerHTML=document.getElementById(f.replace('#','')).innerHTML,O=f),u.classList.add('html-template'),h&&u.setAttribute('tabindex','-1'),g.setAttribute('data-template-id',O)}else E.innerHTML=t;return g.style[b(o)]=fe(n),g.appendChild(E),u.appendChild(g),u}function ye(e,t,i,o){var n=[];return'manual'===e?n:(t.addEventListener(e,i.handleTrigger),n.push({event:e,handler:i.handleTrigger}),'mouseenter'===e&&(Ae.SUPPORTS_TOUCH&&o&&(t.addEventListener('touchstart',i.handleTrigger),n.push({event:'touchstart',handler:i.handleTrigger}),t.addEventListener('touchend',i.handleMouseleave),n.push({event:'touchend',handler:i.handleMouseleave})),t.addEventListener('mouseleave',i.handleMouseleave),n.push({event:'mouseleave',handler:i.handleMouseleave})),'focus'===e&&(t.addEventListener('blur',i.handleBlur),n.push({event:'blur',handler:i.handleBlur})),n)}function ve(e,t,i){if(!t.getAttribute('x-placement'))return!0;var o=e.clientX,n=e.clientY,r=i.interactiveBorder,s=i.distance,a=t.getBoundingClientRect(),p=b(t.getAttribute('x-placement')),d=r+s,l={top:a.top-n>r,bottom:n-a.bottom>r,left:a.left-o>r,right:o-a.right>r};return'top'===p?l.top=a.top-n>d:'bottom'===p?l.bottom=n-a.bottom>d:'left'===p?l.left=a.left-o>d:'right'===p?l.right=o-a.right>d:void 0,l.top||l.bottom||l.left||l.right}function Ee(e,t,i){var n,r,s=this,a=i.position,p=i.delay,d=i.duration,l=i.interactive,c=i.interactiveBorder,f=i.distance,m=i.hideOnClick,h=i.trigger,g=i.touchHold,b=i.touchWait,y=function(){clearTimeout(n),clearTimeout(r)},v=function(){if(y(),!u(t)){var e=Array.isArray(p)?p[0]:p;p?n=setTimeout(function(){return s.show(t)},e):s.show(t)}},E=function(e){return s.callbacks.wait?s.callbacks.wait.call(t,v,e):v()},O=function(){y();var e=Array.isArray(p)?p[1]:p;p?r=setTimeout(function(){return s.hide(t)},e):s.hide(t)};return{handleTrigger:function(i){var o='mouseenter'===i.type&&Ae.SUPPORTS_TOUCH&&Ae.touch;if(!(o&&g)){var n='click'===i.type;n&&u(t)&&'persistent'!==m?O():E(i),o&&Ae.iOS()&&e.click&&e.click()}},handleMouseleave:function(n){if(!('mouseleave'===n.type&&Ae.SUPPORTS_TOUCH&&Ae.touch&&g)){if(l){var r=function n(r){var s=function(){document.body.removeEventListener('mouseleave',O),document.removeEventListener('mousemove',n),O()},a=o(r.target,Ce.TOOLTIPPED_EL),p=o(r.target,Ce.POPPER)===t,d=-1!==h.indexOf('click');return a&&a!==e?s():void(p||a===e||d||ve(r,t,i)&&s())};return document.body.addEventListener('mouseleave',O),void document.addEventListener('mousemove',r)}O()}},handleBlur:function(e){!e.relatedTarget||Ae.touch||o(e.relatedTarget,Ce.POPPER)||O()}}}function Oe(e){var t=this;return e.reduce(function(e,i){var o=Qe,n=t.settings.performance?t.settings:ge(i,t.settings);n.arrow&&(n.animateFill=!1);var r=n.html,s=n.trigger,a=n.touchHold,p=i.getAttribute('title');if(!p&&!r)return e;i.setAttribute('data-tooltipped',''),i.setAttribute('aria-describedby','tippy-tooltip-'+o),l(i);var d=be(o,p,n),c=Ee.call(t,i,d,n),f=[];return s.trim().split(' ').forEach(function(e){return f=f.concat(ye(e,i,c,a))}),e.push({id:o,el:i,popper:d,settings:n,listeners:f,tippyInstance:t}),Qe++,e},[])}function we(e,t){return new et(e,t)}var Te=Math.min,Le=Math.floor,Se=Math.max,xe=Math.round,Ae={};'undefined'!=typeof window&&(Ae.SUPPORTED='requestAnimationFrame'in window,Ae.SUPPORTS_TOUCH='ontouchstart'in window,Ae.touch=!1,Ae.dynamicInputDetection=!0,Ae.iOS=function(){return /iPhone|iPad|iPod/.test(navigator.userAgent)&&!window.MSStream});for(var Pe=[],Ce={POPPER:'.tippy-popper',TOOLTIP:'.tippy-tooltip',CONTENT:'.tippy-tooltip-content',CIRCLE:'[x-circle]',ARROW:'[x-arrow]',TOOLTIPPED_EL:'[data-tooltipped]',CONTROLLER:'[data-tippy-controller]'},ke={html:!1,position:'top',animation:'shift',animateFill:!0,arrow:!1,arrowSize:'regular',delay:0,trigger:'mouseenter focus',duration:350,interactive:!1,interactiveBorder:2,theme:'dark',size:'regular',distance:10,offset:0,hideOnClick:!0,multiple:!1,followCursor:!1,inertia:!1,flipDuration:350,sticky:!1,stickyDuration:200,appendTo:null,zIndex:9999,touchHold:!1,performance:!1,dynamicTitle:!1,popperOptions:{}},Ie=Ae.SUPPORTED&&Object.keys(ke),De=Element.prototype,e=De.matches||De.matchesSelector||De.webkitMatchesSelector||De.mozMatchesSelector||De.msMatchesSelector||function(e){for(var t=(this.document||this.ownerDocument).querySelectorAll(e),o=t.length;0<=--o&&t.item(o)!==this;);return-1<o},Re=['native code','[object MutationObserverConstructor]'],He=function(e){return Re.some(function(t){return-1<(e||'').toString().indexOf(t)})},Ne='undefined'!=typeof window,Me=['Edge','Trident','Firefox'],Be=0,We=0;We<Me.length;We+=1)if(Ne&&0<=navigator.userAgent.indexOf(Me[We])){Be=1;break}var i,Ue=Ne&&He(window.MutationObserver),qe=Ue?function(e){var t=!1,o=0,i=document.createElement('span'),n=new MutationObserver(function(){e(),t=!1});return n.observe(i,{attributes:!0}),function(){t||(t=!0,i.setAttribute('x-index',o),++o)}}:function(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},Be))}},_e=function(){return void 0==i&&(i=-1!==navigator.appVersion.indexOf('MSIE 10')),i},Fe=function(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')},Ye=function(){function e(e,t){for(var o,n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,i,o){return i&&e(t.prototype,i),o&&e(t,o),t}}(),ze=function(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e},je=Object.assign||function(e){for(var t,o=1;o<arguments.length;o++)for(var i in t=arguments[o],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Ke=['auto-start','auto','auto-end','top-start','top','top-end','right-start','right','right-end','bottom-end','bottom','bottom-start','left-end','left','left-start'],Xe=Ke.slice(3),Ge={FLIP:'flip',CLOCKWISE:'clockwise',COUNTERCLOCKWISE:'counterclockwise'},Ve=function(){function e(t,i){var o=this,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{};Fe(this,e),this.scheduleUpdate=function(){return requestAnimationFrame(o.update)},this.update=qe(this.update.bind(this)),this.options=je({},e.Defaults,n),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=t.jquery?t[0]:t,this.popper=i.jquery?i[0]:i,this.options.modifiers={},Object.keys(je({},e.Defaults.modifiers,n.modifiers)).forEach(function(t){o.options.modifiers[t]=je({},e.Defaults.modifiers[t]||{},n.modifiers?n.modifiers[t]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return je({name:e},o.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(e){e.enabled&&O(e.onLoad)&&e.onLoad(o.reference,o.popper,o.options,e,o.state)}),this.update();var r=this.options.eventsEnabled;r&&this.enableEventListeners(),this.state.eventsEnabled=r}return Ye(e,[{key:'update',value:function(){return V.call(this)}},{key:'destroy',value:function(){return $.call(this)}},{key:'enableEventListeners',value:function(){return te.call(this)}},{key:'disableEventListeners',value:function(){return oe.call(this)}}]),e}();Ve.Utils=('undefined'==typeof window?global:window).PopperUtils,Ve.placements=Ke,Ve.Defaults={placement:'bottom',eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(e){var t=e.placement,i=t.split('-')[0],o=t.split('-')[1];if(o){var n=e.offsets,r=n.reference,s=n.popper,a=-1!==['bottom','top'].indexOf(i),p=a?'left':'top',d=a?'width':'height',l={start:ze({},p,r[p]),end:ze({},p,r[p]+r[d]-s[d])};e.offsets.popper=je({},s,l[o])}return e}},offset:{order:200,enabled:!0,fn:function(e,t){var i,o=t.offset,n=e.placement,r=e.offsets,s=r.popper,a=r.reference,p=n.split('-')[0];return i=ne(+o)?[+o,0]:ce(o,s,a,p),'left'===p?(s.top+=i[0],s.left-=i[1]):'right'===p?(s.top+=i[0],s.left+=i[1]):'top'===p?(s.left+=i[0],s.top-=i[1]):'bottom'===p&&(s.left+=i[0],s.top+=i[1]),e.popper=s,e},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(e,t){var i=t.boundariesElement||S(e.instance.popper);e.instance.reference===i&&(i=S(i));var o=U(e.instance.popper,e.instance.reference,t.padding,i);t.boundaries=o;var n=t.priority,r=e.offsets.popper,s={primary:function(e){var i=r[e];return r[e]<o[e]&&!t.escapeWithReference&&(i=Se(r[e],o[e])),ze({},e,i)},secondary:function(e){var i='right'===e?'left':'top',n=r[i];return r[e]>o[e]&&!t.escapeWithReference&&(n=Te(r[i],o[e]-('right'===e?r.width:r.height))),ze({},i,n)}};return n.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';r=je({},r,s[t](e))}),e.offsets.popper=r,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,i=t.popper,o=t.reference,n=e.placement.split('-')[0],r=Le,s=-1!==['top','bottom'].indexOf(n),a=s?'right':'bottom',p=s?'left':'top',d=s?'width':'height';return i[a]<r(o[p])&&(e.offsets.popper[p]=r(o[p])-i[d]),i[p]>r(o[a])&&(e.offsets.popper[p]=r(o[a])),e}},arrow:{order:500,enabled:!0,fn:function(e,t){if(!ae(e.instance.modifiers,'arrow','keepTogether'))return e;var i=t.element;if('string'==typeof i){if(i=e.instance.popper.querySelector(i),!i)return e;}else if(!e.instance.popper.contains(i))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var o=e.placement.split('-')[0],n=e.offsets,r=n.popper,s=n.reference,a=-1!==['left','right'].indexOf(o),p=a?'height':'width',d=a?'top':'left',l=a?'left':'top',c=a?'bottom':'right',f=Y(i)[p];s[c]-f<r[d]&&(e.offsets.popper[d]-=r[d]-(s[c]-f)),s[d]+f>r[c]&&(e.offsets.popper[d]+=s[d]+f-r[c]);var m=s[d]+s[p]/2-f/2,h=m-H(e.offsets.popper)[d];return h=Se(Te(r[p]-f,h),0),e.arrowElement=i,e.offsets.arrow={},e.offsets.arrow[d]=xe(h),e.offsets.arrow[l]='',e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(J(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var i=U(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement),o=e.placement.split('-')[0],n=z(o),r=e.placement.split('-')[1]||'',s=[];switch(t.behavior){case Ge.FLIP:s=[o,n];break;case Ge.CLOCKWISE:s=de(o);break;case Ge.COUNTERCLOCKWISE:s=de(o,!0);break;default:s=t.behavior;}return s.forEach(function(a,p){if(o!==a||s.length===p+1)return e;o=e.placement.split('-')[0],n=z(o);var d=e.offsets.popper,l=e.offsets.reference,c=Le,f='left'===o&&c(d.right)>c(l.left)||'right'===o&&c(d.left)<c(l.right)||'top'===o&&c(d.bottom)>c(l.top)||'bottom'===o&&c(d.top)<c(l.bottom),m=c(d.left)<c(i.left),h=c(d.right)>c(i.right),u=c(d.top)<c(i.top),g=c(d.bottom)>c(i.bottom),b='left'===o&&m||'right'===o&&h||'top'===o&&u||'bottom'===o&&g,y=-1!==['top','bottom'].indexOf(o),v=!!t.flipVariations&&(y&&'start'===r&&m||y&&'end'===r&&h||!y&&'start'===r&&u||!y&&'end'===r&&g);(f||b||v)&&(e.flipped=!0,(f||b)&&(o=s[p+1]),v&&(r=pe(r)),e.placement=o+(r?'-'+r:''),e.offsets.popper=je({},e.offsets.popper,j(e.instance.popper,e.offsets.reference,e.placement)),e=G(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,i=t.split('-')[0],o=e.offsets,n=o.popper,r=o.reference,s=-1!==['left','right'].indexOf(i),a=-1===['top','left'].indexOf(i);return n[s?'left':'top']=r[t]-(a?n[s?'width':'height']:0),e.placement=z(t),e.offsets.popper=H(n),e}},hide:{order:800,enabled:!0,fn:function(e){if(!ae(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,i=K(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottom<i.top||t.left>i.right||t.top>i.bottom||t.right<i.left){if(!0===e.hide)return e;e.hide=!0,e.attributes['x-out-of-boundaries']=''}else{if(!1===e.hide)return e;e.hide=!1,e.attributes['x-out-of-boundaries']=!1}return e}},computeStyle:{order:850,enabled:!0,fn:function(e,t){var i=t.x,o=t.y,n=e.offsets.popper,r=K(e.instance.modifiers,function(e){return'applyStyle'===e.name}).gpuAcceleration;void 0!==r&&console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');var s,a,p=void 0===r?t.gpuAcceleration:r,d=S(e.instance.popper),l=N(d),c={position:n.position},f={left:Le(n.left),top:Le(n.top),bottom:Le(n.bottom),right:Le(n.right)},m='bottom'===i?'top':'bottom',h='right'===o?'left':'right',u=Z('transform');if(a='bottom'==m?-l.height+f.bottom:f.top,s='right'==h?-l.width+f.right:f.left,p&&u)c[u]='translate3d('+s+'px, '+a+'px, 0)',c[m]=0,c[h]=0,c.willChange='transform';else{var g='bottom'==m?-1:1,b='right'==h?-1:1;c[m]=a*g,c[h]=s*b,c.willChange=m+', '+h}var y={"x-placement":e.placement};return e.attributes=je({},y,e.attributes),e.styles=je({},c,e.styles),e},gpuAcceleration:!0,x:'bottom',y:'right'},applyStyle:{order:900,enabled:!0,fn:function(e){return re(e.instance.popper,e.styles),se(e.instance.popper,e.attributes),e.offsets.arrow&&re(e.arrowElement,e.offsets.arrow),e},onLoad:function(e,t,i,o,n){var r=F(n,t,e),s=_(i.placement,r,t,e,i.modifiers.flip.boundariesElement,i.modifiers.flip.padding);return t.setAttribute('x-placement',s),re(t,{position:'absolute'}),i},gpuAcceleration:void 0}}};var Je=function(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')},Ze=function(){function e(e,t){for(var o,n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,i,o){return i&&e(t.prototype,i),o&&e(t,o),t}}(),$e=Object.assign||function(e){for(var t,o=1;o<arguments.length;o++)for(var i in t=arguments[o],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Qe=1,et=function(){function e(t){var i=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};Je(this,e),Ae.SUPPORTED&&(s(),this.state={destroyed:!1},this.selector=t,this.settings=$e({},ke,i),this.callbacks={wait:i.wait,show:i.onShow||i.show||g,shown:i.onShown||i.shown||g,hide:i.onHide||i.hide||g,hidden:i.onHidden||i.hidden||g},this.store=Oe.call(this,v(t)),Pe.push.apply(Pe,this.store))}return Ze(e,[{key:'getPopperElement',value:function(e){try{return n(this.store,function(t){return t.el===e}).popper}catch(t){console.error('[getPopperElement]: Element passed as the argument does not exist in the instance')}}},{key:'getReferenceElement',value:function(e){try{return n(this.store,function(t){return t.popper===e}).el}catch(t){console.error('[getReferenceElement]: Popper passed as the argument does not exist in the instance')}}},{key:'getReferenceData',value:function(e){return n(this.store,function(t){return t.el===e||t.popper===e})}},{key:'show',value:function(e,t){var i=this;if(!this.state.destroyed){this.callbacks.show.call(e);var o=n(this.store,function(t){return t.popper===e}),r=e.querySelector(Ce.TOOLTIP),s=e.querySelector(Ce.CIRCLE),p=e.querySelector(Ce.CONTENT),d=o.el,c=o.settings,g=c.appendTo,b=c.sticky,y=c.interactive,v=c.followCursor,O=c.flipDuration,w=c.duration,T=c.dynamicTitle;if(T){var L=d.getAttribute('title');L&&(p.innerHTML=L,l(d))}var S=void 0===t?Array.isArray(w)?w[0]:w:t;h([e,r,s],0),he(o),e.style.visibility='visible',e.setAttribute('aria-hidden','false'),a(function(){u(e)&&((!v||Ae.touch)&&o.popperInstance.update(),h([r,s],S),(!v||Ae.touch)&&h([e],O),s&&(p.style.opacity=1),y&&d.classList.add('active'),b&&ue(o),f(r,s),m([r,s],function(e){e.contains('tippy-notransition')&&e.remove('tippy-notransition'),e.remove('leave'),e.add('enter')}),E(o,S,function(){!u(e)||o._onShownFired||(y&&e.focus(),r.classList.add('tippy-notransition'),o._onShownFired=!0,i.callbacks.shown.call(e))}))})}}},{key:'hide',value:function(e,t){var i=this;if(!this.state.destroyed){this.callbacks.hide.call(e);var o=n(this.store,function(t){return t.popper===e}),r=e.querySelector(Ce.TOOLTIP),s=e.querySelector(Ce.CIRCLE),a=e.querySelector(Ce.CONTENT),p=o.el,d=o.settings,l=d.appendTo,f=d.sticky,g=d.interactive,b=d.followCursor,v=d.html,O=d.trigger,w=d.duration,T=void 0===t?Array.isArray(w)?w[1]:w:t;o._onShownFired=!1,g&&p.classList.remove('active'),e.style.visibility='hidden',e.setAttribute('aria-hidden','true'),h([r,s,s?a:null],T),s&&(a.style.opacity=0),m([r,s],function(e){e.contains('tippy-tooltip')&&e.remove('tippy-notransition'),e.remove('enter'),e.add('leave')}),v&&-1!==O.indexOf('click')&&c(p)&&p.focus(),E(o,T,function(){u(e)||!l.contains(e)||(p.removeEventListener('mousemove',y),o.popperInstance.disableEventListeners(),l.removeChild(e),i.callbacks.hidden.call(e))})}}},{key:'update',value:function(e){if(!this.state.destroyed){var t=n(this.store,function(t){return t.popper===e}),i=e.querySelector(Ce.CONTENT),o=t.el,r=t.settings.html;return r instanceof Element?void console.warn('Aborted: update() should not be used if `html` is a DOM element'):void(i.innerHTML=r?document.getElementById(r.replace('#','')).innerHTML:o.getAttribute('title')||o.getAttribute('data-original-title'),!r&&l(o))}}},{key:'destroy',value:function(e,t){var i=this;if(!this.state.destroyed){var o=n(this.store,function(t){return t.popper===e}),r=o.el,s=o.popperInstance,a=o.listeners,p=o._mutationObserver;u(e)&&this.hide(e,0),a.forEach(function(e){return r.removeEventListener(e.event,e.handler)}),r.setAttribute('title',r.getAttribute('data-original-title')),r.removeAttribute('data-original-title'),r.removeAttribute('data-tooltipped'),r.removeAttribute('aria-describedby'),s&&s.destroy(),p&&p.disconnect(),Pe.splice(d(Pe,function(t){return t.popper===e}),1),(void 0===t||t)&&(this.store=Pe.filter(function(e){return e.tippyInstance===i}))}}},{key:'destroyAll',value:function(){var e=this;if(!this.state.destroyed){var t=this.store.length;this.store.forEach(function(i,o){var n=i.popper;e.destroy(n,o===t-1)}),this.store=null,this.state.destroyed=!0}}}]),e}();return we.Browser=Ae,we.Defaults=ke,we.disableDynamicInputDetection=function(){return Ae.dynamicInputDetection=!1},we.enableDynamicInputDetection=function(){return Ae.dynamicInputDetection=!0},we});

From 2cc6c636db9d21d4e763ac8d2135688fb79da471 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 16:20:31 +0200
Subject: [PATCH 13/31] Add some missing titles

---
 customize.dist/translations/messages.js | 10 +++++++++-
 www/drive/main.js                       |  2 ++
 www/pad/main.js                         |  3 +++
 www/whiteboard/main.js                  |  4 ++--
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index fa0cf7791..b5f315706 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -244,9 +244,11 @@ define(function () {
     out.canvas_enable = "Enable draw";
     out.canvas_width = "Width";
     out.canvas_opacity = "Opacity";
-    out.canvas_opacityLabel = "opacity: {0}";
+    out.canvas_opacityLabel = "Opacity: {0}";
     out.canvas_widthLabel = "Width: {0}";
     out.canvas_saveToDrive = "Save this image as a file in your CryptDrive";
+    out.canvas_currentBrush = "Current brush";
+    out.canvas_chooseColor = "Choose a color";
 
     // Profile
     out.profileButton = "Profile"; // dropdown menu
@@ -343,6 +345,8 @@ define(function () {
     out.fm_backup_title = 'Backup link';
     out.fm_nameFile = 'How would you like to name that file?';
     out.fm_error_cantPin = "Internal server error. Please reload the page and try again.";
+    out.fm_viewListButton = "List view";
+    out.fm_viewGridButton = "Grid view";
     // File - Context menu
     out.fc_newfolder = "New folder";
     out.fc_rename = "Rename";
@@ -483,6 +487,10 @@ define(function () {
     out.todo_markAsIncompleteTitle = "Mark this task as incomplete";
     out.todo_removeTaskTitle = "Remove this task from your todo list";
 
+    // pad
+    out.pad_showToolbar = "Show toolbar";
+    out.pad_hideToolbar = "Hide toolbar";
+
     // general warnings
     out.warn_notPinned = "This pad is not in anyone's CryptDrive. It will expire after 3 months. <a href='/about.html#pinning'>Learn more...</a>";
 
diff --git a/www/drive/main.js b/www/drive/main.js
index b1b764336..468be48b8 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -1374,6 +1374,8 @@ define([
             } else {
                 $gridButton.addClass('active');
             }
+            $listButton.attr('title', Messages.fm_viewListButton);
+            $gridButton.attr('title', Messages.fm_viewGridButton);
             $container.append($listButton).append($gridButton);
         };
 
diff --git a/www/pad/main.js b/www/pad/main.js
index 712edc9bf..a095ba46e 100644
--- a/www/pad/main.js
+++ b/www/pad/main.js
@@ -520,14 +520,17 @@ define([
                     $collapse.removeClass('fa-question');
                     var updateIcon = function () {
                         $collapse.removeClass('fa-caret-down').removeClass('fa-caret-up');
+                        $collapse.attr('title', '');
                         var isCollapsed = !$bar.find('.cke_toolbox_main').is(':visible');
                         if (isCollapsed) {
                             if (!initializing) { Cryptpad.feedback('HIDETOOLBAR_PAD'); }
                             $collapse.addClass('fa-caret-down');
+                            $collapse.attr('title', Messages.pad_showToolbar);
                         }
                         else {
                             if (!initializing) { Cryptpad.feedback('SHOWTOOLBAR_PAD'); }
                             $collapse.addClass('fa-caret-up');
+                            $collapse.attr('title', Messages.pad_hideToolbar);
                         }
                     };
                     updateIcon();
diff --git a/www/whiteboard/main.js b/www/whiteboard/main.js
index 5a6fefb35..8a0fcf415 100644
--- a/www/whiteboard/main.js
+++ b/www/whiteboard/main.js
@@ -93,7 +93,7 @@ window.canvas = canvas;
             var img = ccanvas.toDataURL("image/png");
             var $img = $('<img>', {
                 src: img,
-                title: 'Current brush'
+                title: Messages.canvas_currentBrush
             });
             $controls.find('.selected').html('').append($img);
             canvas.freeDrawingCursor = 'url('+img+') '+size/2+' '+size/2+', crosshair';
@@ -289,7 +289,7 @@ window.canvas = canvas;
 
             var $color = module.$color = $('<button>', {
                 id: "color-picker",
-                title: "choose a color",
+                title: Messages.canvas_chooseColor,
                 'class': "fa fa-square rightside-button",
             })
             .on('click', function () {

From 6ca6755d02f567d029262877ffb35f461baf41ca Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 16:51:23 +0200
Subject: [PATCH 14/31] more missing titles in toolbar

---
 customize.dist/translations/messages.js | 4 ++++
 www/common/toolbar2.js                  | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index b5f315706..19858d1f3 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -118,6 +118,10 @@ define(function () {
     out.shareButton = 'Share';
     out.shareSuccess = 'Copied link to clipboard';
 
+    out.userListButton = "User list";
+
+    out.userAccountButton = "Your account";
+
     out.newButton = 'New';
     out.newButtonTitle = 'Create a new pad';
     out.uploadButton = 'Upload files';
diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js
index 0c7b6e507..004cfd2b2 100644
--- a/www/common/toolbar2.js
+++ b/www/common/toolbar2.js
@@ -308,7 +308,7 @@ define([
 
         toolbar.userlistContent = $content;
 
-        var $container = $('<span>', {id: 'userButtons'});
+        var $container = $('<span>', {id: 'userButtons', title: Messages.userListButton});
 
         var $button = $('<button>').appendTo($container);
         $('<span>',{'class': 'buttonTitle'}).appendTo($button);
@@ -446,6 +446,7 @@ define([
             //$shareBlock.find('button').attr('id', 'shareButton');
             $shareBlock.find('.dropdown-bar-content').addClass(SHARE_CLS).addClass(EDITSHARE_CLS).addClass(VIEWSHARE_CLS);
             $shareBlock.addClass('shareButton');
+            $shareBlock.attr('title', Messages.shareButton);
 
             if (hashes.editHash) {
                 $shareBlock.find('a.editShare').click(function () {
@@ -760,6 +761,7 @@ define([
 
     var createUserAdmin = function (toolbar, config) {
         var $userAdmin = toolbar.$userAdmin.find('.'+USERADMIN_CLS).show();
+        $userAdmin.attr('title', Messages.userAccountButton);
         var userMenuCfg = {
             $initBlock: $userAdmin
         };

From 58b3b32cc371141f49888d24024bb783cbfe0568 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Tue, 8 Aug 2017 17:13:10 +0200
Subject: [PATCH 15/31] big messaging refactor. split UI from logic

---
 www/common/common-messaging.js | 339 ++++++++++++++++++++-------------
 www/common/cryptpad-common.js  |   2 +-
 www/contacts/main.js           |   3 +-
 3 files changed, 208 insertions(+), 136 deletions(-)

diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index f11d17293..01fa6e8df 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -79,7 +79,120 @@ define([
     // Messaging tools
     var avatars = {};
 
-    var addToFriendListUI = function (common, $block, open, remove, f) {
+    // TODO make this internal to the messenger
+    var channels = Msg.channels  = window.channels = {};
+
+    var UI = Msg.UI = {};
+    UI.init = function (common, $listContainer, $msgContainer) {
+        var ui = {
+            containers: {
+                friendList: $listContainer,
+                messages: $msgContainer,
+            },
+        };
+
+        ui.setFriendList = function (display, remove) {
+            UI.getFriendList(common, display, remove).appendTo($listContainer);
+        };
+
+        ui.notify = function (curvePublic) {
+            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
+                return $(el).data('key') === curvePublic;
+            });
+            $friend.addClass('notify');
+        };
+
+        ui.unnotify = function (curvePublic) {
+            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
+                return $(el).data('key') === curvePublic;
+            });
+            $friend.removeClass('notify');
+        };
+
+        ui.update = function (curvePublic, types) {
+            var data = getFriend(common, curvePublic);
+            var chan = channels[data.channel];
+            if (!chan.ready) {
+                chan.updateOnReady = (chan.updateOnReady || []).concat(types);
+                return;
+            }
+            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
+                return $(el).data('key') === curvePublic;
+            });
+            if (types.indexOf('displayName') >= 0) {
+                $friend.find('.name').text(data.displayName);
+            }
+            if (types.indexOf('avatar') >= 0) {
+                $friend.find('.default').remove();
+                $friend.find('media-tag').remove();
+                if (data.avatar && avatars[data.avatar]) {
+                    $friend.prepend(avatars[data.avatar]);
+                } else {
+                    common.displayAvatar($friend, data.avatar, data.displayName, function ($img) {
+                        if (data.avatar && $img) {
+                            avatars[data.avatar] = $img[0].outerHTML;
+                        }
+                    });
+                }
+            }
+        };
+
+        ui.updateStatus = function (curvePublic) {
+            var data = getFriend(common, curvePublic);
+            var chan = channels[data.channel];
+
+            // FIXME mixes logic and presentation
+            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
+                return $(el).data('key') === curvePublic;
+            });
+            var status = chan.userList.some(function (nId) {
+                return chan.mapId[nId] === curvePublic;
+            });
+            var statusText = status ? 'online' : 'offline';
+            $friend.find('.status').attr('class', 'status '+statusText);
+        };
+
+        ui.getChannel = function (curvePublic) {
+            // TODO extract into UI method
+            var $chat = $msgContainer.find('.chat').filter(function (idx, el) {
+                return $(el).data('key') === curvePublic;
+            });
+            return $chat.length? $chat: null;
+        };
+
+        ui.hideInfo = function () {
+            $msgContainer.find('.info').hide();
+        };
+
+        ui.showInfo = function () {
+            $msgContainer.find('.info').show();
+        };
+
+        ui.createChat = function (curvePublic) {
+            return $('<div>', {'class':'chat'})
+                .data('key', curvePublic).appendTo($msgContainer);
+        };
+
+        ui.hideChat = function () {
+            $msgContainer.find('.chat').hide();
+        };
+
+        ui.getFriend = function (curvePublic) {
+            return $listContainer.find('.friend').filter(function (idx, el) {
+                return $(el).data('key') === curvePublic;
+            });
+        };
+
+        ui.addToFriendList = function (curvePublic, display, remove) {
+            var $block = $listContainer.find('> div');
+            UI.addToFriendList(common, $block, display, remove, curvePublic);
+        };
+
+        return ui;
+    };
+
+    // internal
+    UI.addToFriendList = function (common, $block, open, remove, f) {
         var proxy = common.getProxy();
         var friends = proxy.friends || {};
         if (f === "me") { return; }
@@ -120,12 +233,14 @@ define([
         }
         $('<span>', {'class': 'status'}).appendTo($friend);
     };
-    Msg.getFriendListUI = function (common, open, remove) {
-        var proxy = common.getProxy();
+
+    //  iterate over your friends list and return a dom element containing UI
+    UI.getFriendList = function (common, open, remove) {
+        var proxy = common.getProxy(); // throws
         var $block = $('<div>');
         var friends = proxy.friends || {};
         Object.keys(friends).forEach(function (f) {
-            addToFriendListUI(common, $block, open, remove, f);
+            UI.addToFriendList(common, $block, open, remove, f);
         });
         return $block;
     };
@@ -146,7 +261,6 @@ define([
         });
     };
 
-    var channels = Msg.channels  = window.channels = {};
 
     var msgAlreadyKnown = function (channel, sig) {
         return channel.messages.some(function (message) {
@@ -164,7 +278,7 @@ define([
         if (parsedMsg[0] === Types.message) {
             // TODO validate messages here
             var res = {
-                type: parsedMsg[0], //Types.message,
+                type: parsedMsg[0],
                 sig: sig,
                 channel: parsedMsg[1],
                 time: parsedMsg[2],
@@ -200,6 +314,8 @@ define([
         }
     };
 
+    /*  Broadcast a display name, profile, or avatar change to all contacts
+    */
     var updateMyData = function (common) {
         var friends = getFriendList(common);
         var mySyncData = friends.me;
@@ -226,7 +342,7 @@ define([
     var onChannelReady = function (common, chanId) {
         if (ready.indexOf(chanId) !== -1) { return; }
         ready.push(chanId);
-        channels[chanId].updateStatus();
+        channels[chanId].updateStatus(); // c'est quoi?
         var friends = getFriendList(common);
         if (ready.length === Object.keys(friends).length) {
             // All channels are ready
@@ -323,6 +439,7 @@ define([
         }
     };
 
+    // TODO extract into UI method
     var createChatBox = function (common, $container, curvePublic, messenger) {
         var data = getFriend(common, curvePublic);
 
@@ -390,6 +507,7 @@ define([
 
             var payload = $input.val();
             // Send the message
+            channel.sending = true;
             channel.send(payload, function (e) {
                 if (e) {
                     channel.sending = false;
@@ -401,12 +519,11 @@ define([
                 channel.sending = false;
             });
         };
-        $('<button>', {'class': 'btn btn-primary fa fa-paper-plane'})
-            //.text(common.Messages.contacts_send)
-            .appendTo($inputBlock).click(send);
-        /*$input.on('keypress', function (e) {
-            if (e.which === 13) { send(); }
-        });*/
+        $('<button>', {
+            'class': 'btn btn-primary fa fa-paper-plane',
+            title: common.Messages.contacts_send,
+        }).appendTo($inputBlock).click(send);
+
         var onKeyDown = function (e) {
             if (e.keyCode === 13) {
                 if (e.ctrlKey || e.shiftKey) {
@@ -456,31 +573,67 @@ define([
         });
     };
 
-    Msg.init = function (common, $listContainer, $msgContainer) {
-        var messenger = {};
+    var getMoreHistory = function (network, chan, hash, count) {
+        var msg = [ 'GET_HISTORY_RANGE', chan.id, {
+                from: hash,
+                count: count,
+            }
+        ];
 
+        network.sendto(network.historyKeeper, JSON.stringify(msg)).then(function () {
+        }, function (err) {
+            throw new Error(err);
+        });
+    };
+
+    var getChannelMessagesSince = function (network, proxy, chan, data, keys) {
+        var cfg = {
+            validateKey: keys.validateKey,
+            owners: [proxy.edPublic, data.edPublic],
+            lastKnownHash: data.lastKnownHash
+        };
+        var msg = ['GET_HISTORY', chan.id, cfg];
+        network.sendto(network.historyKeeper, JSON.stringify(msg))
+          .then($.noop, function (err) {
+            throw new Error(err);
+        });
+    };
+
+    Msg.init = function (common, ui) { //$listContainer, $msgContainer) {
+        // declare common variables
         var network = common.getNetwork();
         var proxy = common.getProxy();
         Msg.hk = network.historyKeeper;
         var friends = getFriendList(common);
 
+        // listen for messages...
         network.on('message', function(msg, sender) {
             onDirectMessage(common, msg, sender);
         });
 
+        // declare messenger and common methods
+        var messenger = {
+            ui: ui,
+        };
+
+        messenger.setActive = function (id) {
+            // TODO validate id
+            messenger.active = id;
+        };
+
         // Refresh the active channel
+        // TODO extract into UI method
         var refresh = function (curvePublic) {
-            if (Msg.active !== curvePublic) { return; }
+            if (messenger.active !== curvePublic) { return; }
             var data = friends[curvePublic];
             if (!data) { return; }
             var channel = channels[data.channel];
             if (!channel) { return; }
 
-            var $chat = $msgContainer.find('.chat').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
+            var $chat = ui.getChannel(curvePublic);
+
+            if (!$chat) { return; }
 
-            if (!$chat.length) { return; }
             // Add new messages
             var messages = channel.messages;
             var $messages = $chat.find('.messages');
@@ -515,28 +668,28 @@ define([
             }
         };
         // Display a new channel
+        // TODO extract into UI method
         var display = function (curvePublic) {
-            $msgContainer.find('.info').hide();
+            ui.hideInfo();
             var isNew = false;
-            var $chat = $msgContainer.find('.chat').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            if (!$chat.length) {
-                $chat = $('<div>', {'class':'chat'})
-                        .data('key', curvePublic).appendTo($msgContainer);
+            var $chat = ui.getChannel(curvePublic);
+            if (!$chat) {
+                $chat = ui.createChat(curvePublic);
                 createChatBox(common, $chat, curvePublic, messenger);
                 isNew = true;
             }
             // Show the correct div
-            $msgContainer.find('.chat').hide();
+            ui.hideChat();
             $chat.show();
 
-            Msg.active = curvePublic;
+            // TODO set this attr per-messenger
+            messenger.setActive(curvePublic);
             // TODO don't mark messages as read unless you have displayed them
 
             refresh(curvePublic);
         };
 
+        // TODO take a callback
         var remove = function (curvePublic) {
             var data = getFriend(common, curvePublic);
             var channel = channels[data.channel];
@@ -555,106 +708,20 @@ define([
         };
 
         // Display friend list
-        common.getFriendListUI(common, display, remove).appendTo($listContainer);
+        ui.setFriendList(display, remove);
 
-        // Notify on new messages
-        var notify = function (curvePublic) {
-            //if (Msg.active === curvePublic) { return; }
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            $friend.addClass('notify');
-            common.notify();
-        };
-        var unnotify = function (curvePublic) {
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            $friend.removeClass('notify');
-        };
+        // TODO extract into UI method...
         var removeUI = function (curvePublic) {
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            var $chat = $msgContainer.find('.chat').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
+            var $friend = ui.getFriend(curvePublic);
+            var $chat = ui.getChannel(curvePublic);
             $friend.remove();
             $chat.remove();
-            $msgContainer.find('.info').show();
-        };
-        var updateUI = function (curvePublic, types) {
-            var data = getFriend(common, curvePublic);
-            var chan = channels[data.channel];
-            if (!chan.ready) {
-                chan.updateOnReady = (chan.updateOnReady || []).concat(types);
-                return;
-            }
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            if (types.indexOf('displayName') >= 0) {
-                $friend.find('.name').text(data.displayName);
-            }
-            if (types.indexOf('avatar') >= 0) {
-                $friend.find('.default').remove();
-                $friend.find('media-tag').remove();
-                if (data.avatar && avatars[data.avatar]) {
-                    $friend.prepend(avatars[data.avatar]);
-                } else {
-                    common.displayAvatar($friend, data.avatar, data.displayName, function ($img) {
-                        if (data.avatar && $img) {
-                            avatars[data.avatar] = $img[0].outerHTML;
-                        }
-                    });
-                }
-            }
-        };
-        var updateStatus = function (curvePublic) {
-            var data = getFriend(common, curvePublic);
-            var chan = channels[data.channel];
-            var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                return $(el).data('key') === curvePublic;
-            });
-            var status = chan.userList.some(function (nId) {
-                return chan.mapId[nId] === curvePublic;
-            });
-            var statusText = status ? 'online' : 'offline';
-            $friend.find('.status').attr('class', 'status '+statusText);
-        };
-        var getMoreHistory = function (network, chan, hash, count) {
-            var msg = [
-                'GET_HISTORY_RANGE',
-                chan.id,
-                {
-                    from: hash,
-                    count: count,
-                }
-            ];
-
-            console.log(msg);
-
-            network.sendto(network.historyKeeper, JSON.stringify(msg)).then(function (a, b, c) {
-                console.log(a, b, c);
-            }, function (err) {
-                throw new Error(err);
-            });
-        };
-
-        var getChannelMessagesSince = function (network, chan, data, keys) {
-            var cfg = {
-                validateKey: keys.validateKey,
-                owners: [proxy.edPublic, data.edPublic],
-                lastKnownHash: data.lastKnownHash
-            };
-            var msg = ['GET_HISTORY', chan.id, cfg];
-            network.sendto(network.historyKeeper, JSON.stringify(msg))
-              .then($.noop, function (err) {
-                throw new Error(err);
-            });
+            ui.showInfo();
         };
 
         // Open the channels
+
+        // TODO extract this into an external function
         var openFriendChannel = function (f) {
             if (f === "me") { return; }
             var data = friends[f];
@@ -668,11 +735,14 @@ define([
                     encryptor: encryptor,
                     messages: [],
                     refresh: function () { refresh(data.curvePublic); },
-                    notify: function () { notify(data.curvePublic); },
-                    unnotify: function () { unnotify(data.curvePublic); },
+                    notify: function () {
+                        ui.notify(data.curvePublic);
+                        common.notify();
+                    },
+                    unnotify: function () { ui.unnotify(data.curvePublic); },
                     removeUI: function () { removeUI(data.curvePublic); },
-                    updateUI: function (types) { updateUI(data.curvePublic, types); },
-                    updateStatus: function () { updateStatus(data.curvePublic); },
+                    updateUI: function (types) { ui.update(data.curvePublic, types); },
+                    updateStatus: function () { ui.updateStatus(data.curvePublic); },
                     setLastMessageRead: function (hash) {
                         data.lastKnownHash = hash;
                     },
@@ -680,10 +750,10 @@ define([
                         return data.lastKnownHash;
                     },
                     isActive: function () {
-                        return data.curvePublic === Msg.active;
+                        return data.curvePublic === messenger.active;
                     },
                     getMessagesSinceDisconnect: function () {
-                        getChannelMessagesSince(network, chan, data, keys);
+                        getChannelMessagesSince(network, proxy, chan, data, keys);
                     },
                     wc: chan,
                     userList: [],
@@ -713,7 +783,6 @@ define([
                         var msg = [Types.message, proxy.curvePublic, +new Date(), payload];
                         var msgStr = JSON.stringify(msg);
                         var cryptMsg = channel.encryptor.encrypt(msgStr);
-                        channel.sending = true;
 
                         channel.wc.bcast(cryptMsg).then(function () {
                             pushMsg(common, channel, cryptMsg);
@@ -752,7 +821,7 @@ define([
                     channel.updateStatus();
                 });
 
-                getChannelMessagesSince(network, chan, data, keys);
+                getChannelMessagesSince(network, proxy, chan, data, keys);
             }, function (err) {
                 console.error(err);
             });
@@ -768,6 +837,7 @@ define([
             Object.keys(friends).forEach(openFriendChannel);
         };
 
+        // TODO split out into UI
         messenger.setEditable = function (bool) {
             bool = !bool;
             var input = messenger.input;
@@ -790,14 +860,14 @@ define([
 
         openFriendChannels();
 
+        // TODO split loop innards into ui methods
         var checkNewFriends = function () {
             Object.keys(friends).forEach(function (f) {
-                var $friend = $listContainer.find('.friend').filter(function (idx, el) {
-                    return $(el).data('key') === f;
-                });
+                var $friend = ui.getFriend(f);
+
                 if (!$friend.length) {
                     openFriendChannel(f);
-                    addToFriendListUI(common, $listContainer.find('> div'), display, remove, f);
+                    ui.addToFriendList(f, display, remove);
                 }
             });
         };
@@ -939,6 +1009,7 @@ define([
         if (pendingRequests.indexOf(netfluxId) === -1) {
             pendingRequests.push(netfluxId);
             var proxy = common.getProxy();
+            // FIXME this name doesn't indicate what it does
             common.changeDisplayName(proxy[common.displayNameKey]);
         }
         network.sendto(netfluxId, msgStr);
diff --git a/www/common/cryptpad-common.js b/www/common/cryptpad-common.js
index 437d91de6..c95c61fa6 100644
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@@ -125,10 +125,10 @@ define([
     common.createOwnedChannel = Messaging.createOwnedChannel;
     common.getFriendList = Messaging.getFriendList;
     common.getFriendChannelsList = Messaging.getFriendChannelsList;
-    common.getFriendListUI = Messaging.getFriendListUI;
     common.createData = Messaging.createData;
     common.getPendingInvites = Messaging.getPending;
     common.getLatestMessages = Messaging.getLatestMessages;
+    common.initMessagingUI = Messaging.UI.init;
 
     // Userlist
     common.createUserList = UserList.create;
diff --git a/www/contacts/main.js b/www/contacts/main.js
index 355e8822a..4803a812a 100644
--- a/www/contacts/main.js
+++ b/www/contacts/main.js
@@ -51,7 +51,8 @@ define([
             APP.messenger.setEditable(true);
         });
 
-        APP.messenger = Cryptpad.initMessaging(Cryptpad, $list, $messages);
+        var ui = APP.ui = Cryptpad.initMessagingUI(Cryptpad, $list, $messages);
+        APP.messenger = Cryptpad.initMessaging(Cryptpad, ui);
 
         var $infoBlock = $('<div>', {'class': 'info'}).appendTo($messages);
         $('<h2>').text(Messages.contacts_info1).appendTo($infoBlock);

From ca686f9c92b65beb9db81f6bf17b52b3beb34195 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 8 Aug 2017 17:47:10 +0200
Subject: [PATCH 16/31] (hopefully) fix newline in lists when pasting links

---
 customize.dist/translations/messages.es.js    | 4 ++--
 customize.dist/translations/messages.fr.js    | 4 ++--
 customize.dist/translations/messages.js       | 4 ++--
 customize.dist/translations/messages.pt-br.js | 4 ++--
 customize.dist/translations/messages.ro.js    | 2 +-
 customize.dist/translations/messages.zh.js    | 4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/customize.dist/translations/messages.es.js b/customize.dist/translations/messages.es.js
index 900a4dd46..34b0b9f4a 100644
--- a/customize.dist/translations/messages.es.js
+++ b/customize.dist/translations/messages.es.js
@@ -291,7 +291,7 @@ define(function () {
     out.blog = "Blog";
 
     out.initialState = [
-        '<span style="font-size:18px;"><p>',
+        '<p>',
         'Esto es&nbsp;<strong>CryptPad</strong>, el editor colaborativo en tiempo real Zero Knowledge. Todo está guardado cuando escribes.',
         '<br>',
         'Comparte el enlace a este pad para editar con amigos o utiliza el botón <span class="fa fa-share-alt" style="border: 1px solid black;color:#000;">&nbsp;Compartir&nbsp;</span> para obtener un <em>enlace sólo lectura</em>&nbsp;que permite leer pero no escribir.',
@@ -299,7 +299,7 @@ define(function () {
 
         '<p><em>',
         'Vamos, empieza a escribir...',
-        '</em></p></span>',
+        '</em></p>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js
index 70814a2de..5278a8be8 100644
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@@ -566,7 +566,7 @@ define(function () {
     // Initial states
 
     out.initialState = [
-        '<span style="font-size:16px;"><p>',
+        '<p>',
         'Voici <strong>CryptPad</strong>, l\'éditeur collaboratif en temps-réel Zero Knowledge. Tout est sauvegardé dés que vous le tapez.',
         '<br>',
         'Partagez le lien vers ce pad avec des amis ou utilisez le bouton <span class="fa fa-share-alt" style="border: 1px solid black;color:#000;">&nbsp;Partager&nbsp;</span> pour obtenir le <em>lien de lecture-seule</em>, qui permet la lecture mais non la modification.',
@@ -574,7 +574,7 @@ define(function () {
         '<p>',
         '<em>',
         'Lancez-vous, commencez à taper...',
-        '</em></p></span>',
+        '</em></p>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index 19858d1f3..ec7cac571 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -615,7 +615,7 @@ define(function () {
     // Initial states
 
     out.initialState = [
-        '<span style="font-size:16px;"><p>',
+        '<p>',
         'This is&nbsp;<strong>CryptPad</strong>, the Zero Knowledge realtime collaborative editor. Everything is saved as you type.',
         '<br>',
         'Share the link to this pad to edit with friends or use the <span class="fa fa-share-alt" style="border: 1px solid black;color:#000;">&nbsp;Share&nbsp;</span> button to share a <em>read-only link</em>&nbsp;which allows viewing but not editing.',
@@ -623,7 +623,7 @@ define(function () {
 
         '<p><em>',
         'Go ahead, just start typing...',
-        '</em></p></span>',
+        '</em></p>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/customize.dist/translations/messages.pt-br.js b/customize.dist/translations/messages.pt-br.js
index 6ea5865d4..8764c7233 100644
--- a/customize.dist/translations/messages.pt-br.js
+++ b/customize.dist/translations/messages.pt-br.js
@@ -484,7 +484,7 @@ define(function () {
     // Initial states
 
     out.initialState = [
-        '<span style="font-size:16px;"><p>',
+        '<p>',
         'This is&nbsp;<strong>CryptPad</strong>, the Zero Knowledge realtime collaborative editor. Everything is saved as you type.',
         '<br>',
         'Share the link to this pad to edit with friends or use the <span style="background-color:#5cb85c;color:#ffffff;">&nbsp;Share&nbsp;</span> button to share a <em>read-only link</em>&nbsp;which allows viewing but not editing.',
@@ -492,7 +492,7 @@ define(function () {
 
         '<p><span style="color:#808080;"><em>',
         'Go ahead, just start typing...',
-        '</em></span></p></span>',
+        '</em></span></p>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/customize.dist/translations/messages.ro.js b/customize.dist/translations/messages.ro.js
index 0eeb8f7f2..d2d497dbd 100644
--- a/customize.dist/translations/messages.ro.js
+++ b/customize.dist/translations/messages.ro.js
@@ -331,7 +331,7 @@ define(function () {
     out.header_france = "<a href=\"http://www.xwiki.com/\" target=\"_blank\" rel=\"noopener noreferrer\">With <img class=\"bottom-bar-heart\" src=\"/customize/heart.png\" alt=\"love\" /> from <img class=\"bottom-bar-fr\" src=\"/customize/fr.png\" title=\"Franța\" alt=\"Franța\"/> by <img src=\"/customize/logo-xwiki.png\" alt=\"XWiki SAS\" class=\"bottom-bar-xwiki\"/></a>";
     out.header_support = "<a href=\"http://ng.open-paas.org/\" title=\"OpenPaaS::ng\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/customize/openpaasng.png\" alt=\"OpenPaaS-ng\" class=\"bottom-bar-openpaas\" /></a>";
     out.header_logoTitle = "Mergi la pagina principală";
-    out.initialState = "<span style=\"font-size:16px;\"><p>Acesta este&nbsp;<strong>CryptPad</strong>, editorul colaborativ bazat pe tehnologia Zero Knowledge în timp real. Totul este salvat pe măsură ce scrii.<br>Partajează link-ul către acest pad pentru a edita cu prieteni sau folosește <span class=\"fa fa-share-alt\" style=\"border:1px solid black;color:#000;\">&nbsp;Share&nbsp;</span> butonul pentru a partaja <em>read-only link</em>&nbsp;permițând vizualizarea dar nu și editarea.</p><p><em>Îndrăznește, începe să scrii...</em></p></span><p>&nbsp;<br></p>";
+    out.initialState = "<p>Acesta este&nbsp;<strong>CryptPad</strong>, editorul colaborativ bazat pe tehnologia Zero Knowledge în timp real. Totul este salvat pe măsură ce scrii.<br>Partajează link-ul către acest pad pentru a edita cu prieteni sau folosește <span class=\"fa fa-share-alt\" style=\"border:1px solid black;color:#000;\">&nbsp;Share&nbsp;</span> butonul pentru a partaja <em>read-only link</em>&nbsp;permițând vizualizarea dar nu și editarea.</p><p><em>Îndrăznește, începe să scrii...</em></p><p>&nbsp;<br></p>";
     out.codeInitialState = "/*\n   Acesta este editorul colaborativ de cod bazat pe tehnologia Zero Knowledge CryptPad.\n   Ce scrii aici este criptat, așa că doar oamenii care au link-ul pot să-l acceseze.\n   Poți să alegi ce limbaj de programare pus n evidență și schema de culori UI n dreapta sus.\n*/";
     out.slideInitialState = "# CryptSlide\n* Acesta este un editor colaborativ bazat pe tehnologia Zero Knowledge.\n* Ce scrii aici este criptat, așa că doar oamenii care au link-ul pot să-l acceseze.\n* Nici măcar serverele nu au acces la ce scrii tu.\n* Ce vezi aici, ce auzi aici, atunci când pleci, lași aici.\n\n-\n# Cum se folosește\n1. Scrie-ți conținutul slide-urilor folosind sintaxa markdown\n  - Află mai multe despre sintaxa markdown [aici](http://www.markdowntutorial.com/)\n2. Separă-ți slide-urile cu -\n3. Click pe butonul \"Play\" pentru a vedea rezultatele  - Slide-urile tale sunt actualizate în timp real.";
     out.driveReadmeTitle = "Ce este CryptDrive?";
diff --git a/customize.dist/translations/messages.zh.js b/customize.dist/translations/messages.zh.js
index ac0d9ce77..012b31018 100644
--- a/customize.dist/translations/messages.zh.js
+++ b/customize.dist/translations/messages.zh.js
@@ -467,7 +467,7 @@ define(function () {
     // Initial states
 
     out.initialState = [
-        '<span style="font-size:16px;"><p>',
+        '<p>',
         '這是&nbsp;<strong>CryptPad</strong>, 零知識即時協作編輯平台，當你輸入時一切已即存好。',
         '<br>',
         '分享這個工作檔案的網址連結給友人或是使用、 <span class="fa fa-share-alt" style="border: 1px solid black;color:#000;">&nbsp;分享&nbsp;</span> 按鈕分享<em>唯讀的連結</em>&nbsp;其只能看不能編寫。',
@@ -475,7 +475,7 @@ define(function () {
 
         '<p><em>',
         '來吧, 開始打字輸入吧...',
-        '</em></p></span>',
+        '</em></p>',
         '<p>&nbsp;<br></p>'
     ].join('');
 

From cdf3cee9c8d25c40a7ea5a30bd4b85c81672dca1 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Tue, 8 Aug 2017 18:21:03 +0200
Subject: [PATCH 17/31] split out message rendering into ui

---
 www/common/common-messaging.js | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index 01fa6e8df..842700a3a 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -188,6 +188,18 @@ define([
             UI.addToFriendList(common, $block, display, remove, curvePublic);
         };
 
+        ui.createMessage = function (msg, name) {
+            var $msg = $('<div>', {'class': 'message'})
+                .attr('title', msg.time ? new Date(msg.time).toLocaleString(): '?');
+
+            if (name) {
+                $('<div>', {'class':'sender'}).text(name).appendTo($msg);
+            }
+
+            $('<div>', {'class':'content'}).html(parseMessage(msg.text)).appendTo($msg);
+            return $msg;
+        };
+
         return ui;
     };
 
@@ -599,7 +611,7 @@ define([
         });
     };
 
-    Msg.init = function (common, ui) { //$listContainer, $msgContainer) {
+    Msg.init = function (common, ui) {
         // declare common variables
         var network = common.getNetwork();
         var proxy = common.getProxy();
@@ -641,21 +653,11 @@ define([
             var last = typeof(channel.lastDisplayed) === 'number'? channel.lastDisplayed: -1;
             for (var i = last + 1; i<messages.length; i++) {
                 msg = messages[i];
-                $msg = $('<div>', {'class': 'message'}).appendTo($messages);
-
-                // date
-                date = msg.time ? new Date(msg.time).toLocaleString(): '?';
-                //$('<div>', {'class':'date'}).text(date).appendTo($msg);
-                $msg.attr('title', date);
+                name = (msg.channel !== channel.lastSender)?
+                    getFriend(common, msg.channel).displayName: undefined;
 
-                // name
-                if (msg.channel !== channel.lastSender) {
-                    name = getFriend(common, msg.channel).displayName;
-                    $('<div>', {'class':'sender'}).text(name).appendTo($msg);
-                }
+                ui.createMessage(msg, name).appendTo($messages);
                 channel.lastSender = msg.channel;
-
-                $('<div>', {'class':'content'}).html(parseMessage(msg.text)).appendTo($msg);
             }
             $messages.scrollTop($messages[0].scrollHeight);
             channel.lastDisplayed = i-1;

From 34a5a32c447edb79f01f938ecdbc1422eb3cc6c4 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Tue, 8 Aug 2017 20:29:02 +0200
Subject: [PATCH 18/31] lint compliance

---
 www/common/common-messaging.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index 842700a3a..ffb0fe75e 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -649,7 +649,7 @@ define([
             // Add new messages
             var messages = channel.messages;
             var $messages = $chat.find('.messages');
-            var $msg, msg, date, name;
+            var msg, name;
             var last = typeof(channel.lastDisplayed) === 'number'? channel.lastDisplayed: -1;
             for (var i = last + 1; i<messages.length; i++) {
                 msg = messages[i];

From 34ba673cd3955e2f40e5436eac0ae41fc5316be7 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 10:54:20 +0200
Subject: [PATCH 19/31] improve file upload UI

---
 customize.dist/src/less/cryptpad.less         | 35 ++++++++++---------
 .../src/less2/include/colortheme.less         |  2 ++
 customize.dist/src/less2/include/modal.less   | 17 +++++++++
 www/common/common-file.js                     |  3 +-
 www/file/file.less                            |  6 ----
 5 files changed, 40 insertions(+), 23 deletions(-)
 create mode 100644 customize.dist/src/less2/include/modal.less

diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less
index e607ef7ff..67adce78a 100644
--- a/customize.dist/src/less/cryptpad.less
+++ b/customize.dist/src/less/cryptpad.less
@@ -3,6 +3,7 @@
 
 @import "../less2/include/alertify.less";
 @import "../less2/include/colortheme.less";
+@import "../less2/include/modal.less";
 @import "./bar.less";
 @import "./loading.less";
 @import "./dropdown.less";
@@ -633,29 +634,30 @@ noscript {
 
 /* Upload status table */
 #uploadStatusContainer {
+    .modal_base();
     position: absolute;
     left: 10vw; right: 10vw;
-    bottom: 100px;
-    background-color: rgba(0,0,0,0.5);
-    color: white;
-    opacity: 0.7;
+    bottom: 10vh;
+    opacity: 1;
     box-sizing: border-box;
-    z-index:10000;
+    z-index: 10000;
     display: none;
-    font-family: @colortheme_font;
+    opacity: 0.9;
     #uploadStatus {
         width: 80vw;
-        border: 1px solid black;
-        border-collapse: collapse;
         tr:nth-child(1) {
-            background-color: #888;
-            border: 1px solid #999;
-            td { text-align: center; }
+            background-color: darken(@colortheme_modal-bg, 20%);
+            td {
+                text-align: center;
+                font-weight: bold;
+                padding: 0.25em;
+            }
         }
+        @upload_pad_h: 0.25em;
+        @upload_pad_v: 0.5em;
+
         td {
-            border-left: 1px solid #BBB;
-            border-right: 1px solid #BBB;
-            padding: 0 10px;
+            padding: @upload_pad_h @upload_pad_v;
         }
         .upProgress {
             width: 200px;
@@ -666,9 +668,10 @@ noscript {
         .progressContainer {
             position: absolute;
             width: 0px;
-            left: 5px;
-            top: 1px; bottom: 1px;
+            left: @upload_pad_v;
+            top: @upload_pad_h; bottom: @upload_pad_h;
             background-color: rgba(0,0,255,0.3);
+            z-index: -1;
         }
         .upCancel { text-align: center; }
         .fa.cancel {
diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less
index 51b9af335..a62800442 100644
--- a/customize.dist/src/less2/include/colortheme.less
+++ b/customize.dist/src/less2/include/colortheme.less
@@ -15,6 +15,8 @@
 
 @colortheme_modal-bg: #222;
 @colortheme_modal-fg: #fff;
+@colortheme_modal-link: #eee;
+@colortheme_modal-link-visited: lighten(@colortheme_modal-link, 10%);
 @colortheme_modal-dim: rgba(0, 0, 0, 0.4);
 @colortheme_modal-padding: 12px;
 @colortheme_modal-shadow: 0 8px 32px 0 rgba(0,0,0,.4);
diff --git a/customize.dist/src/less2/include/modal.less b/customize.dist/src/less2/include/modal.less
new file mode 100644
index 000000000..21cc69e97
--- /dev/null
+++ b/customize.dist/src/less2/include/modal.less
@@ -0,0 +1,17 @@
+@import (once) "./colortheme.less";
+
+.modal_base() {
+    font-family: @colortheme_font;
+
+    background-color: @colortheme_modal-bg;
+    color: @colortheme_modal-fg;
+    box-shadow: @colortheme_modal-shadow;
+
+    a {
+        color: @colortheme_modal-link;
+
+        &:visited {
+            color: @colortheme_modal-link-visited;
+        }
+    }
+}
diff --git a/www/common/common-file.js b/www/common/common-file.js
index 0093b9ef6..66e5eaefc 100644
--- a/www/common/common-file.js
+++ b/www/common/common-file.js
@@ -56,12 +56,13 @@ define([
             $row.find('.upCancel').html('-');
             var $pv = $row.find('.progressValue');
             var $pb = $row.find('.progressContainer');
+            var $pc = $row.find('.upProgress');
             var $link = $row.find('.upLink');
 
             var updateProgress = function (progressValue) {
                 $pv.text(Math.round(progressValue*100)/100 + '%');
                 $pb.css({
-                    width: (progressValue/100)*188+'px'
+                    width: (progressValue/100)*$pc.width()+'px'
                 });
             };
 
diff --git a/www/file/file.less b/www/file/file.less
index 1e4db2cd1..fa6485806 100644
--- a/www/file/file.less
+++ b/www/file/file.less
@@ -128,9 +128,3 @@ media-tag {
     z-index: 10000;
     display: block;
 }
-
-body #uploadStatusContainer {
-    background-color: rgba(255, 255, 255, 0.9);
-    color: black;
-    opacity: 0.9;
-}

From ec011b15d5356bca74f0cce3bae55febf01c0877 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 10:55:36 +0200
Subject: [PATCH 20/31] remove duplicate css property

---
 customize.dist/src/less/cryptpad.less | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less
index 67adce78a..138ba5817 100644
--- a/customize.dist/src/less/cryptpad.less
+++ b/customize.dist/src/less/cryptpad.less
@@ -638,11 +638,10 @@ noscript {
     position: absolute;
     left: 10vw; right: 10vw;
     bottom: 10vh;
-    opacity: 1;
+    opacity: 0.9;
     box-sizing: border-box;
     z-index: 10000;
     display: none;
-    opacity: 0.9;
     #uploadStatus {
         width: 80vw;
         tr:nth-child(1) {

From 665e81912e4d0073819afc99d922ef8c07bea110 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 11:06:06 +0200
Subject: [PATCH 21/31] put the tooltip on the actual button to prevent tippy
 from popping when not intended

---
 www/common/toolbar2.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js
index 004cfd2b2..2165a3eb9 100644
--- a/www/common/toolbar2.js
+++ b/www/common/toolbar2.js
@@ -446,7 +446,7 @@ define([
             //$shareBlock.find('button').attr('id', 'shareButton');
             $shareBlock.find('.dropdown-bar-content').addClass(SHARE_CLS).addClass(EDITSHARE_CLS).addClass(VIEWSHARE_CLS);
             $shareBlock.addClass('shareButton');
-            $shareBlock.attr('title', Messages.shareButton);
+            $shareBlock.find('button').attr('title', Messages.shareButton);
 
             if (hashes.editHash) {
                 $shareBlock.find('a.editShare').click(function () {
@@ -761,7 +761,7 @@ define([
 
     var createUserAdmin = function (toolbar, config) {
         var $userAdmin = toolbar.$userAdmin.find('.'+USERADMIN_CLS).show();
-        $userAdmin.attr('title', Messages.userAccountButton);
+        $userAdmin.find('button').attr('title', Messages.userAccountButton);
         var userMenuCfg = {
             $initBlock: $userAdmin
         };

From e08ed72653835a03bebba637a20c4e301a4fe717 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 11:11:53 +0200
Subject: [PATCH 22/31] generate the tooltip after the button

---
 www/common/toolbar2.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js
index 2165a3eb9..0b963a318 100644
--- a/www/common/toolbar2.js
+++ b/www/common/toolbar2.js
@@ -761,7 +761,6 @@ define([
 
     var createUserAdmin = function (toolbar, config) {
         var $userAdmin = toolbar.$userAdmin.find('.'+USERADMIN_CLS).show();
-        $userAdmin.find('button').attr('title', Messages.userAccountButton);
         var userMenuCfg = {
             $initBlock: $userAdmin
         };
@@ -776,6 +775,7 @@ define([
             userMenuCfg.displayChangeName = 1;
         }
         Cryptpad.createUserAdminMenu(userMenuCfg);
+        $userAdmin.find('button').attr('title', Messages.userAccountButton);
 
         var $userButton = toolbar.$userNameButton = $userAdmin.find('a.' + USERBUTTON_CLS);
         $userButton.click(function (e) {

From d47e26efd5417fb908f8538e0babafe00b0bed58 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 11:17:14 +0200
Subject: [PATCH 23/31] add margin in code

---
 www/code/code.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/code/code.less b/www/code/code.less
index 50026d340..ce7c7898e 100644
--- a/www/code/code.less
+++ b/www/code/code.less
@@ -72,7 +72,7 @@ body {
 
 #preview {
     max-width: 40vw;
-    margin: auto;
+    margin: 1em auto;
 
     .markdown_preformatted-code;
     .markdown_gfm-table(black);

From a4aeada585eb48c72265245fc8bf7429e299d486 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 11:20:46 +0200
Subject: [PATCH 24/31] make the file dialog placeholder visible, center file
 list

---
 www/common/file-dialog.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/www/common/file-dialog.less b/www/common/file-dialog.less
index aac18f274..936152f8b 100644
--- a/www/common/file-dialog.less
+++ b/www/common/file-dialog.less
@@ -44,6 +44,7 @@
             border: 0;
             padding: 8px 12px;
             margin: 1em;
+            width: 300px;
         }
 
         .close {
@@ -60,6 +61,7 @@
         .fileContainer {
             display: flex;
             flex-wrap: wrap;
+            justify-content: center;
             overflow-y: auto;
         }
 

From 82352b422ff7ca411dc8589f0e5e348ac79609d3 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 11:24:28 +0200
Subject: [PATCH 25/31] unhide show help button

---
 customize.dist/pages.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index d416c4d65..19d661c4a 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -488,8 +488,7 @@ define([
                             title: Msg.poll_admin_button
                         }, Msg.poll_admin_button),
                         h('button#help', {
-                            title: Msg.poll_show_help_button,
-                            style: { display: 'none' }
+                            title: Msg.poll_show_help_button
                         }, Msg.poll_show_help_button)
                     ]),
                     h('div.realtime', [

From 5821d3e72f2e48694090bf114e98ec7765273c53 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 11:25:58 +0200
Subject: [PATCH 26/31] remove useless title

---
 www/poll/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/poll/main.js b/www/poll/main.js
index 7bef35e6d..300e5c8fd 100644
--- a/www/poll/main.js
+++ b/www/poll/main.js
@@ -458,7 +458,7 @@ define([
         var msg = (help ? Messages.poll_hide_help_button : Messages.poll_show_help_button);
 
         $('#howItWorks').toggle(help);
-        $('#help').text(msg).attr('title', msg);
+        $('#help').text(msg);
     };
 
     var Title;

From 280c10c57d9a1bcd5f945d7c0e35951c7936f61d Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 11:48:04 +0200
Subject: [PATCH 27/31] alertify: use the right box-shadow

---
 customize.dist/src/less2/include/alertify.less | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index 3e9bec46a..a035f5bf0 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -114,8 +114,7 @@
                 text-align: left;
                 padding: @alertify_padding-base;
                 background: #fff;
-                // FIXME
-                box-shadow: 0 2px 4px -1px rgba(0,0,0,.14), 0 4px 5px 0 rgba(0,0,0,.098), 0 1px 10px 0 rgba(0,0,0,.084);
+                box-shadow: @alertify_box-shadow;
             }
 
             .msg {

From 8b2cb37c2f125a664f436a58bd91febaefb7d37c Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 12:33:40 +0200
Subject: [PATCH 28/31] improve poll looks

---
 customize.dist/pages.js | 12 ++++++------
 www/poll/main.js        |  3 ++-
 www/poll/poll.less      | 30 ++++++++++++++++++++++++++++--
 3 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 19d661c4a..90fe12537 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -480,14 +480,14 @@ define([
                         h('p', Msg.poll_p_encryption)
                     ]),
                     h('div.upper', [
-                        h('button#publish', {
+                        h('button#publish.btn.btn-success', {
                             style: { display: 'none' }
                         }, Msg.poll_publish_button),
-                        h('button#admin', {
+                        h('button#admin.btn.btn-primary', {
                             style: { display: 'none' },
                             title: Msg.poll_admin_button
                         }, Msg.poll_admin_button),
-                        h('button#help', {
+                        h('button#help.btn.btn-default', {
                             title: Msg.poll_show_help_button
                         }, Msg.poll_show_help_button)
                     ]),
@@ -503,13 +503,13 @@ define([
                         ]),
                         h('div#tableContainer', [
                             h('div#tableScroll'),
-                            h('button#create-user', {
+                            h('button#create-user.btn.btn-default', {
                                 title: Msg.poll_create_user
                             }, h('span.fa.fa-plus')),
-                            h('button#create-option', {
+                            h('button#create-option.btn.btn-default', {
                                 title: Msg.poll_create_option
                             }, h('span.fa.fa-plus')),
-                            h('button#commit', {
+                            h('button#commit.btn.btn-default', {
                                 title: Msg.poll_commit
                             }, h('span.fa.fa-check'))
                         ])
diff --git a/www/poll/main.js b/www/poll/main.js
index 300e5c8fd..7455ee823 100644
--- a/www/poll/main.js
+++ b/www/poll/main.js
@@ -11,6 +11,7 @@ define([
     '/bower_components/file-saver/FileSaver.min.js',
 
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
     'less!/customize/src/less/toolbar.less',
     'less!/customize/src/less/cryptpad.less',
     'less!/poll/poll.less',
@@ -135,7 +136,7 @@ define([
         var $commitCell = APP.$table.find('tfoot tr td:nth-child(2)');
         $createOption.append(APP.$createRow);
         $commitCell.append(APP.$commit);
-        $('#create-user, #create-option').css('display', 'inline-block');
+        $('#create-user, #create-option').css('display', 'inline-flex');
         if (!APP.proxy || !APP.proxy.table.rowsOrder || APP.proxy.table.rowsOrder.length === 0) { $('#create-user').hide(); }
         var width = $('#table').outerWidth();
         if (width) {
diff --git a/www/poll/poll.less b/www/poll/poll.less
index ddc0ea502..3a7547700 100644
--- a/www/poll/poll.less
+++ b/www/poll/poll.less
@@ -55,9 +55,14 @@ body {
     width: 400px;
 }
 
+input[type="text"], textarea {
+    background-color: white;
+    color: black;
+    border: 0;
+}
+
 input[type="text"][disabled], textarea[disabled] {
     background-color: transparent;
-    font: white;
     border: 0px;
 }
 
@@ -114,6 +119,7 @@ table#table {
     min-height: 5em;
     font-size: 20px;
     font-weight: bold;
+    border: 1px solid black;
 
 }
 #description[disabled] {
@@ -132,6 +138,10 @@ table#table {
 div.upper {
     width: 80%;
     margin: auto;
+
+    & > * {
+        margin-right: 1em;
+    }
 }
 
 // from cryptpad.less
@@ -329,7 +339,6 @@ form.realtime, div.realtime {
         input {
             &[type="text"] {
                 height: auto;
-                border: 1px solid @base;
                 width: 80%;
             }
         }
@@ -375,6 +384,7 @@ form.realtime, div.realtime {
                 //border-radius: 20px 0 0 20px;
                 input[type="text"] {
                     width: ~"calc(100% - 50px)";
+                    padding: 0 0.5em;
                 }
                 .edit {
                     float:right;
@@ -460,3 +470,19 @@ form.realtime, div.realtime {
     #adduser { .top-left; }
     #addoption { .bottom-left; }
 }
+
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    &.btn-default {
+        background-color: #BBB;
+        color: black;
+
+        &:hover {
+            background-color: #DDD;
+        }
+    }
+}
+

From b34e252edac20a6d403c5554cbf8b9b08ad240ea Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 14:43:32 +0200
Subject: [PATCH 29/31] improve whiteboard styles

---
 customize.dist/pages.js        | 58 ++++++++++++++++-----------
 www/whiteboard/main.js         | 14 +++----
 www/whiteboard/whiteboard.less | 73 ++++++++++++++++++++++++++++------
 3 files changed, 100 insertions(+), 45 deletions(-)

diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 90fe12537..f233e8247 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -427,33 +427,43 @@ define([
                     display: 'block',
                 }
             }, [
-                h('button#clear', Msg.canvas_clear), ' ',
-                h('button#toggleDraw', Msg.canvas_disable),
-                h('button#delete', {
+                h('button#clear.btn.btn-danger', Msg.canvas_clear), ' ',
+                h('button#toggleDraw.btn.btn-default', Msg.canvas_disable),
+                h('button#delete.btn.btn-default', {
                     style: {
                         display: 'none',
                     }
-                }),
-                h('input#width', {
-                    type: 'range',
-                    value: "5",
-                    min: "1",
-                    max: "100"
-                }),
-                h('label', {
-                    'for': 'width'
-                }, Msg.canvas_width),
-                h('input#opacity', {
-                    type: 'range',
-                    value: "1",
-                    min: "0.1",
-                    max: "1",
-                    step: "0.1"
-                }),
-                h('label', {
-                    'for': 'width',
-                }),
-                h('span.selected')
+                }, Msg.canvas_delete),
+                h('div.range-group', [
+                    h('label', {
+                        'for': 'width'
+                    }, Msg.canvas_width),
+                    h('input#width', {
+                        type: 'range',
+                        value: "5",
+                        min: "1",
+                        max: "100"
+                    }),
+                    h('span#width-val', '5px')
+                ]),
+                h('div.range-group', [
+                    h('label', {
+                        'for': 'opacity',
+                    }, Msg.canvas_opacity),
+                    h('input#opacity', {
+                        type: 'range',
+                        value: "1",
+                        min: "0.1",
+                        max: "1",
+                        step: "0.1"
+                    }),
+                    h('span#opacity-val', '100%')
+                ]),
+                h('span.selected', [
+                    h('img', {
+                        title: Msg.canvas_currentBrush
+                    })
+                ])
             ]),
             setHTML(h('div#colors'), '&nbsp;'),
             loadingScreen(),
diff --git a/www/whiteboard/main.js b/www/whiteboard/main.js
index 8a0fcf415..337cd8794 100644
--- a/www/whiteboard/main.js
+++ b/www/whiteboard/main.js
@@ -15,6 +15,7 @@ define([
     '/bower_components/file-saver/FileSaver.min.js',
 
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
     'less!/customize/src/less/cryptpad.less',
     'less!/whiteboard/whiteboard.less',
     'less!/customize/src/less/toolbar.less',
@@ -89,13 +90,8 @@ window.canvas = canvas;
             ctx.strokeStyle = '#000000';
             ctx.stroke();
 
-
             var img = ccanvas.toDataURL("image/png");
-            var $img = $('<img>', {
-                src: img,
-                title: Messages.canvas_currentBrush
-            });
-            $controls.find('.selected').html('').append($img);
+            $controls.find('.selected > img').attr('src', img);
             canvas.freeDrawingCursor = 'url('+img+') '+size/2+' '+size/2+', crosshair';
         };
 
@@ -103,6 +99,7 @@ window.canvas = canvas;
             var val = $width.val();
             canvas.freeDrawingBrush.width = Number(val);
             $widthLabel.text(Cryptpad.Messages._getKey("canvas_widthLabel", [val]));
+            $('#width-val').text(val + 'px');
             createCursor();
         };
         updateBrushWidth();
@@ -114,6 +111,7 @@ window.canvas = canvas;
             brush.opacity = Number(val);
             canvas.freeDrawingBrush.color = Colors.hex2rgba(brush.color, brush.opacity);
             $opacityLabel.text(Cryptpad.Messages._getKey("canvas_opacityLabel", [val]));
+            $('#opacity-val').text((Number(val) * 100) + '%');
             createCursor();
         };
         updateBrushOpacity();
@@ -188,7 +186,7 @@ window.canvas = canvas;
 
         var setEditable = function (bool) {
             if (readOnly && bool) { return; }
-            if (bool) { $controls.show(); }
+            if (bool) { $controls.css('display', 'flex'); }
             else { $controls.hide(); }
 
             canvas.isDrawingMode = bool ? module.draw : false;
@@ -199,7 +197,7 @@ window.canvas = canvas;
             canvas.forEachObject(function (object) {
                 object.selectable = bool;
             });
-            $canvasContainer.css('border-color', bool? 'black': 'red');
+            $canvasContainer.find('canvas').css('border-color', bool? 'black': 'red');
         };
 
         var saveImage = module.saveImage = function () {
diff --git a/www/whiteboard/whiteboard.less b/www/whiteboard/whiteboard.less
index 81c7e0bfe..72ae28e51 100644
--- a/www/whiteboard/whiteboard.less
+++ b/www/whiteboard/whiteboard.less
@@ -27,20 +27,29 @@ body {
 }
 // created by fabricjs. styled so defaults don't break anything
 .canvas-container {
-    border: 1px solid black;
     margin: auto;
     background: white;
+    & > canvas {
+        border: 1px solid black;
+    }
 }
 
 // contains user tools
 #controls {
-    display: block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
     position: relative;
     border-top: 1px solid black;
     background: white;
-    height: 100px;
-    line-height: 100px;
-    padding-bottom: 5px;
+
+    padding: 1em;
+
+    & > * + * {
+        margin: 0;
+        margin-left: 1em;
+    }
 
     #width, #opacity {
         .middle;
@@ -50,15 +59,36 @@ body {
         vertical-align: middle;
     }
     .selected {
-        margin-left: 20px;
-        display: inline-block;
-        height: 135px;
-        width: 135px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
         z-index: 9001;
-        text-align: center;
-        img {
-            vertical-align: middle;
+
+        width: 100px;
+        height: 100px;
+    }
+
+    .range-group {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+
+        input[type="range"] {
+            background-color: inherit;
         }
+
+        & > span {
+            cursor: default;
+            position: absolute;
+            top: 0;
+            right: 0;
+        }
+    }
+    .range-group:first-of-type {
+        margin-left: 2em;
+    }
+    .range-group:last-of-type {
+        margin-right: 1em;
     }
 }
 
@@ -70,13 +100,21 @@ body {
     display: flex;
     justify-content: space-between;
 
+    padding: 1em;
+
     span.palette-color {
         height: 4vw;
         width: 4vw;
-        display: inline-block;
+        display: block;
         margin: 5px;
         border: 1px solid black;
         vertical-align: top;
+        border-radius: 50%;
+        transition: transform 0.1s;
+
+        &:hover {
+            transform: scale(1.2);
+        }
     }
 }
 
@@ -87,6 +125,7 @@ body {
 
 // input[type=color] must exist in the dom to work correctly
 // styled so that they don't break layouts
+
 #pickers {
     visibility: hidden;
     position: absolute;
@@ -95,3 +134,11 @@ body {
     z-index: -5;
 }
 
+.btn.btn-default {
+    background-color: #BBB;
+    color: black;
+
+    &:hover {
+        background-color: #DDD;
+    }
+}

From c036bb26be2262f6877fad308b8725c7a0e3147d Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 15:46:17 +0200
Subject: [PATCH 30/31] use proper bootstrap class

---
 customize.dist/pages.js        | 12 ++++++------
 www/poll/poll.less             |  9 ---------
 www/whiteboard/whiteboard.less |  9 ---------
 3 files changed, 6 insertions(+), 24 deletions(-)

diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index f233e8247..89acf8e2f 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -428,8 +428,8 @@ define([
                 }
             }, [
                 h('button#clear.btn.btn-danger', Msg.canvas_clear), ' ',
-                h('button#toggleDraw.btn.btn-default', Msg.canvas_disable),
-                h('button#delete.btn.btn-default', {
+                h('button#toggleDraw.btn.btn-secondary', Msg.canvas_disable),
+                h('button#delete.btn.btn-secondary', {
                     style: {
                         display: 'none',
                     }
@@ -497,7 +497,7 @@ define([
                             style: { display: 'none' },
                             title: Msg.poll_admin_button
                         }, Msg.poll_admin_button),
-                        h('button#help.btn.btn-default', {
+                        h('button#help.btn.btn-secondary', {
                             title: Msg.poll_show_help_button
                         }, Msg.poll_show_help_button)
                     ]),
@@ -513,13 +513,13 @@ define([
                         ]),
                         h('div#tableContainer', [
                             h('div#tableScroll'),
-                            h('button#create-user.btn.btn-default', {
+                            h('button#create-user.btn.btn-secondary', {
                                 title: Msg.poll_create_user
                             }, h('span.fa.fa-plus')),
-                            h('button#create-option.btn.btn-default', {
+                            h('button#create-option.btn.btn-secondary', {
                                 title: Msg.poll_create_option
                             }, h('span.fa.fa-plus')),
-                            h('button#commit.btn.btn-default', {
+                            h('button#commit.btn.btn-secondary', {
                                 title: Msg.poll_commit
                             }, h('span.fa.fa-check'))
                         ])
diff --git a/www/poll/poll.less b/www/poll/poll.less
index 3a7547700..e3d5faffa 100644
--- a/www/poll/poll.less
+++ b/www/poll/poll.less
@@ -475,14 +475,5 @@ form.realtime, div.realtime {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-
-    &.btn-default {
-        background-color: #BBB;
-        color: black;
-
-        &:hover {
-            background-color: #DDD;
-        }
-    }
 }
 
diff --git a/www/whiteboard/whiteboard.less b/www/whiteboard/whiteboard.less
index 72ae28e51..d1f899d9f 100644
--- a/www/whiteboard/whiteboard.less
+++ b/www/whiteboard/whiteboard.less
@@ -133,12 +133,3 @@ body {
     height: 0;
     z-index: -5;
 }
-
-.btn.btn-default {
-    background-color: #BBB;
-    color: black;
-
-    &:hover {
-        background-color: #DDD;
-    }
-}

From edad5deeac3248f2f682a00ee3434781a0d80059 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 9 Aug 2017 16:06:29 +0200
Subject: [PATCH 31/31] fix logo not showing sometimes in chrome

---
 customize.dist/images/logo_white.png | Bin 0 -> 9843 bytes
 www/common/toolbar2.js               |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 customize.dist/images/logo_white.png

diff --git a/customize.dist/images/logo_white.png b/customize.dist/images/logo_white.png
new file mode 100644
index 0000000000000000000000000000000000000000..81928ffb1ff1a465caef1500471a514f23a5e265
GIT binary patch
literal 9843
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

literal 0
HcmV?d00001

diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js
index 0b963a318..4a8032ad4 100644
--- a/www/common/toolbar2.js
+++ b/www/common/toolbar2.js
@@ -629,7 +629,7 @@ define([
             title: Messages.header_logoTitle,
             'class': "cryptpad-logo"
         }).append($('<img>', {
-            src: '/customize/images/logo_white.svg'
+            src: '/customize/images/logo_white.png'
         }));
         var onClick = function (e) {
             e.preventDefault();