From ea8d03386d78e6e803d839826ded2f422a84bdf1 Mon Sep 17 00:00:00 2001
From: e7d <michael@e7d.io>
Date: Thu, 1 Jun 2023 18:13:15 +0200
Subject: [PATCH] remove jQuery dependencies

---
 css/main.css                       |  51 +++-
 index.html                         |   5 +-
 js/gamepad.js                      | 467 +++++++++++++++++------------
 js/jquery.min.js                   |   2 -
 templates/debug/template.html      |   2 -
 templates/debug/template.js        | 191 +++++++-----
 templates/ds4/template.html        |   2 -
 templates/ds4/template.js          |  69 ++---
 templates/dualsense/base-white.svg |  45 +++
 templates/dualsense/template.html  |   2 -
 templates/dualsense/template.js    |  69 ++---
 templates/telemetry/template.html  |   4 +-
 templates/telemetry/template.js    | 329 ++++++++++++--------
 templates/xbox-one/template.html   |   2 -
 templates/xbox-one/template.js     |  69 ++---
 15 files changed, 784 insertions(+), 525 deletions(-)
 delete mode 100644 js/jquery.min.js
 create mode 100644 templates/dualsense/base-white.svg

diff --git a/css/main.css b/css/main.css
index fb98fb3..68e47de 100644
--- a/css/main.css
+++ b/css/main.css
@@ -120,15 +120,10 @@ body.unsupported #gamepad {
     align-self: center;
 }
 
-#overlay > span {
+#overlay>span {
     padding: 0 8px;
 }
 
-#overlay #color,
-#overlay #triggers {
-    display: none;
-}
-
 #overlay select {
     padding: 4px 0;
     border-radius: 4px;
@@ -212,7 +207,7 @@ body.unsupported #gamepad {
     vertical-align: top;
 }
 
-.popout table > thead > tr > th {
+.popout table>thead>tr>th {
     border-bottom: 2px solid #ddd;
     border-top: 0;
     vertical-align: bottom;
@@ -252,13 +247,11 @@ kbd {
         inset 0 -0.05em 0.4em rgb(80, 80, 80), 0 0.1em 0 rgb(30, 30, 30),
         0 0.1em 0.1em rgba(0, 0, 0, 0.3);
     background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
-    background: -webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        from(rgb(60, 60, 60)),
-        to(rgb(80, 80, 80))
-    );
+    background: -webkit-gradient(linear,
+            left top,
+            left bottom,
+            from(rgb(60, 60, 60)),
+            to(rgb(80, 80, 80)));
     background: rgb(80, 80, 80);
     box-shadow: inset 0 0 1px rgb(150, 150, 150),
         inset 0 -0.05em 0.4em rgb(80, 80, 80), 0 0.1em 0 rgb(30, 30, 30),
@@ -266,3 +259,33 @@ kbd {
     color: rgb(250, 250, 250);
     text-shadow: -1px -1px 0 rgb(70, 70, 70);
 }
+
+.fadeIn {
+    animation: fadeIn 300ms;
+    opacity: 1;
+}
+
+@keyframes fadeIn {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
+
+.fadeOut {
+    animation: fadeOut 1s;
+    opacity: 0;
+}
+
+@keyframes fadeOut {
+    0% {
+        opacity: 1;
+    }
+
+    100% {
+        opacity: 0;
+    }
+}
diff --git a/index.html b/index.html
index 87028c9..aa5e978 100644
--- a/index.html
+++ b/index.html
@@ -113,13 +113,13 @@
 				<option value="magenta">Magenta</option>
 			</select>
 		</span>
-		<span id="color">
+		<span id="color" style="display: none;">
 			<label for="color">Color</label>
 			<select name="color">
 				<option value="">Default</option>
 			</select>
 		</span>
-		<span id="triggers">
+		<span id="triggers" style="display: none;">
 			<label for="triggers">Triggers</label>
 			<select name="triggers">
 				<option value="opacity">Opacity</option>
@@ -213,7 +213,6 @@
 		</div>
 	</div>
 
-	<script src="js/jquery.min.js"></script>
 	<script src="js/gamepad.js"></script>
 </body>
 
diff --git a/js/gamepad.js b/js/gamepad.js
index ed6a346..d1ea89c 100644
--- a/js/gamepad.js
+++ b/js/gamepad.js
@@ -9,21 +9,21 @@ class Gamepad {
      */
     constructor() {
         // cached DOM references
-        this.$body = $('body');
-        this.$instructions = $('#instructions');
-        this.$placeholder = $('#placeholder');
-        this.$gamepad = $('#gamepad');
-        this.$overlay = $('#overlay');
-        this.$gamepadSelect = $('select[name=gamepad-id]');
-        this.$skinSelect = $('select[name=skin]');
-        this.$backgroundSelect = $('select[name=background]');
-        this.$colorOverlay = this.$overlay.find('#color');
-        this.$colorSelect = this.$colorOverlay.find('select[name=color]');
-        this.$triggersOverlay = this.$overlay.find('#triggers');
-        this.$triggersSelect = this.$triggersOverlay.find('select[name=triggers]');
-        this.$helpPopout = $('#help.popout');
-        this.$helpPopoutClose = this.$helpPopout.find('.close');
-        this.$gamepadList = $('#gamepad-list');
+        this.$body = document.querySelector('body');
+        this.$instructions = document.querySelector('#instructions');
+        this.$placeholder = document.querySelector('#placeholder');
+        this.$gamepad = document.querySelector('#gamepad');
+        this.$overlay = document.querySelector('#overlay');
+        this.$gamepadSelect = document.querySelector('select[name=gamepad-id]');
+        this.$skinSelect = document.querySelector('select[name=skin]');
+        this.$backgroundSelect = document.querySelector('select[name=background]');
+        this.$colorOverlay = this.$overlay.querySelector('#color');
+        this.$colorSelect = this.$colorOverlay.querySelector('select[name=color]');
+        this.$triggersOverlay = this.$overlay.querySelector('#triggers');
+        this.$triggersSelect = this.$triggersOverlay.querySelector('select[name=triggers]');
+        this.$helpPopout = document.querySelector('#help.popout');
+        this.$helpPopoutClose = this.$helpPopout.querySelector('.close');
+        this.$gamepadList = document.querySelector('#gamepad-list');
 
         // ensure the GamePad API is available on this browser
         this.assertGamepadAPI();
@@ -172,16 +172,16 @@ class Gamepad {
                     break;
                 }
             }
-
-            if (backgroundStyleIndex)
+            if (backgroundStyleIndex) {
                 this.changeBackgroundStyle(backgroundStyleIndex);
+            }
         }
 
         // by default, enqueue a delayed display of the placeholder animation
         this.displayPlaceholder();
 
         // listen for keyboard events
-        this.$helpPopoutClose.on('click', this.toggleHelp.bind(this));
+        this.$helpPopoutClose.addEventListener('click', this.toggleHelp.bind(this));
     }
 
     /**
@@ -194,7 +194,7 @@ class Gamepad {
                 ? () => navigator.webkitGetGamepads()
                 : null;
         if (!getGamepadsFn) {
-            this.$body.addClass('unsupported');
+            this.$body.classList.add('unsupported');
             throw new Error('Unsupported gamepad API');
         }
         this.getNavigatorGamepads = getGamepadsFn;
@@ -204,23 +204,65 @@ class Gamepad {
      * Initialises the overlay selectors
      */
     initOverlaySelectors() {
-        this.$gamepadSelect.on('change', () =>
-            this.changeGamepad(this.$gamepadSelect.val())
+        this.$gamepadSelect.addEventListener('change', () =>
+            this.changeGamepad(this.$gamepadSelect.value)
         );
-        this.$skinSelect.on('change', () =>
-            this.changeSkin(this.$skinSelect.val())
+        this.$skinSelect.addEventListener('change', () =>
+            this.changeSkin(this.$skinSelect.value)
         );
-        this.$backgroundSelect.on('change', () =>
-            this.changeBackgroundStyle(this.$backgroundSelect.val())
+        this.$backgroundSelect.addEventListener('change', () =>
+            this.changeBackgroundStyle(this.$backgroundSelect.value)
         );
-        this.$colorSelect.on('change', () =>
-            this.changeGamepadColor(this.$colorSelect.val())
+        this.$colorSelect.addEventListener('change', () =>
+            this.changeGamepadColor(this.$colorSelect.value)
         );
-        this.$triggersSelect.on('change', () =>
-            this.toggleTriggersMeter(this.$triggersSelect.val() === 'meter')
+        this.$triggersSelect.addEventListener('change', () =>
+            this.toggleTriggersMeter(this.$triggersSelect.value === 'meter')
         );
     }
 
+    /**
+     * Shows an HTML element
+     *
+     * @param {HTMLElement} $element
+     */
+    show($element) {
+        $element.style.removeProperty('display');
+        $element.classList.remove('fadeIn', 'fadeOut');
+    }
+
+    /**
+     * Hides an HTML element
+     *
+     * @param {HTMLElement} $element
+     */
+    hide($element) {
+        $element.style.setProperty('display', 'none');
+        $element.classList.remove('fadeIn', 'fadeOut');
+    }
+
+    /**
+     * Fades in an HTML element
+     *
+     * @param {HTMLElement} $element
+     */
+    fadeIn($element) {
+        $element.style.removeProperty('display');
+        $element.classList.remove('fadeOut');
+        $element.classList.add('fadeIn');
+    }
+
+    /**
+     * Fades out an HTML element
+     *
+     * @param {HTMLElement} $element
+     */
+    fadeOut($element) {
+        $element.style.removeProperty('display');
+        $element.classList.remove('fadeIn');
+        $element.classList.add('fadeOut');
+    }
+
     /**
      * Displays the instructions
      */
@@ -228,10 +270,8 @@ class Gamepad {
         // do not display help if we have an active gamepad
         if (null !== this.index) return;
 
-        // cancel the queued display of the instructions animation, if any
-        window.clearTimeout(this.instructionsTimeout);
         // show the instructions
-        this.$instructions.show();
+        this.fadeIn(this.$instructions);
 
         // enqueue a delayed display of the instructions animation
         this.hideInstructions();
@@ -243,15 +283,20 @@ class Gamepad {
      * @param {boolean} [hideNow=false]
      */
     hideInstructions(hideNow = false) {
+        // cancel the queued display of the instructions animation, if any
+        window.clearTimeout(this.instructionsTimeout);
+
         // hide the message right away if needed
         if (hideNow) {
-            this.$instructions.hide();
+            this.hide(this.$instructions);
+            return;
         }
 
         // hide instructions animation if no gamepad is active after X ms
-        this.instructionsTimeout = window.setTimeout(() => {
-            this.$instructions.fadeOut();
-        }, this.instructionsDelay);
+        this.instructionsTimeout = window.setTimeout(
+            () => this.fadeOut(this.$instructions),
+            this.instructionsDelay
+        );
     }
 
     /**
@@ -261,10 +306,8 @@ class Gamepad {
         // do not display help if we have an active gamepad
         if (null !== this.index) return;
 
-        // cancel the queued display of the placeholder animation, if any
-        window.clearTimeout(this.placeholderTimeout);
         // show the placeholder
-        this.$placeholder.show();
+        this.fadeIn(this.$placeholder);
 
         // enqueue a delayed display of the placeholder animation
         this.hidePlaceholder();
@@ -276,25 +319,28 @@ class Gamepad {
      * @param {boolean} [hideNow=false]
      */
     hidePlaceholder(hideNow = false) {
+        // cancel the queued display of the placeholder animation, if any
+        window.clearTimeout(this.placeholderTimeout);
+
         // hide the animation right away if needed
         if (hideNow) {
-            this.$placeholder.hide();
+            this.hide(this.$placeholder);
+            return;
         }
 
         // hide placeholder animation if no gamepad is active after X ms
-        this.placeholderTimeout = window.setTimeout(() => {
-            this.$placeholder.fadeOut();
-        }, this.placeholderDelay);
+        this.placeholderTimeout = window.setTimeout(
+            () => this.fadeOut(this.$placeholder),
+            this.placeholderDelay
+        );
     }
 
     /**
      * Displays the overlay animation on screen
      */
     displayOverlay() {
-        // cancel the queued display of the overlay animation, if any
-        window.clearTimeout(this.overlayTimeout);
         // show the overlay
-        this.$overlay.show();
+        this.fadeIn(this.$overlay);
 
         // enqueue a delayed display of the overlay animation
         this.hideOverlay();
@@ -306,15 +352,20 @@ class Gamepad {
      * @param {boolean} [hideNow=false]
      */
     hideOverlay(hideNow = false) {
+        // cancel the queued display of the overlay animation, if any
+        window.clearTimeout(this.overlayTimeout);
+
         // hide the message right away if needed
         if (hideNow) {
-            this.$overlay.hide();
+            this.hide(this.$overlay);
+            return;
         }
 
         // hide overlay animation if no gamepad is active after X ms
-        this.overlayTimeout = window.setTimeout(() => {
-            this.$overlay.fadeOut();
-        }, this.overlayDelay);
+        this.overlayTimeout = window.setTimeout(
+            () => this.fadeOut(this.$overlay),
+            this.overlayDelay
+        );
     }
 
     /**
@@ -331,19 +382,17 @@ class Gamepad {
      * Updates the list of connected gamepads in the overlay
      */
     updateGamepadList() {
-        this.$gamepadSelect.find('.entry').remove();
+        this.$gamepadSelect.querySelectorAll('.entry').forEach($entry => $entry.remove());
         const $options = [];
         for (let key = 0; key < this.gamepads.length; key++) {
             const gamepad = this.gamepads[key];
-            if (!gamepad) {
-                continue;
-            }
+            if (!gamepad) continue;
             const { name } = this.toGamepadInfo(gamepad.id);
             $options.push(
                 `<option class='entry' value='${gamepad.id}'>${name}</option>`
             );
         }
-        this.$gamepadSelect.append($options.join(''));
+        this.$gamepadSelect.innerHTML += $options.join('');
     }
 
     /**
@@ -351,21 +400,21 @@ class Gamepad {
      */
     updateColors() {
         if (!this.type) {
-            this.$colorOverlay.hide();
+            this.hide(this.$colorOverlay);
             return;
         }
 
         const colors = this.identifiers[this.type].colors;
         if (!colors) {
-            this.$colorOverlay.hide();
+            this.hide(this.$colorOverlay);
             return;
         }
 
         const colorOptions = colors.map(
             (color) => `<option value='${color}'>${color.charAt(0).toUpperCase()}${color.slice(1)}</option>`
         );
-        this.$colorSelect.html(colorOptions);
-        this.$colorOverlay.fadeIn();
+        this.$colorSelect.innerHTML = colorOptions.join('');
+        this.show(this.$colorOverlay);
     }
 
     /**
@@ -373,17 +422,17 @@ class Gamepad {
      */
     updateTriggers() {
         if (!this.type) {
-            this.$triggersOverlay.hide();
+            this.hide(this.$triggersOverlay);
             return;
         }
 
         const triggers = this.identifiers[this.type].triggers;
         if (!triggers) {
-            this.$triggersOverlay.hide();
+            this.hide(this.$triggersOverlay);
             return;
         }
 
-        this.$triggersOverlay.fadeIn();
+        this.show(this.$triggersOverlay);
     }
 
     /**
@@ -416,7 +465,7 @@ class Gamepad {
 
         if (e.gamepad.index === this.index) {
             // display a disconnection indicator
-            this.$gamepad.addClass('disconnected');
+            this.$gamepad.classList.add('disconnected');
             this.disconnectedIndex = e.gamepad.index;
 
             // refresh gamepad list on help, if displayed
@@ -500,6 +549,9 @@ class Gamepad {
         // get fresh information from DOM about gamepads
         const gamepads = this.getNavigatorGamepads();
         if (gamepads !== this.gamepads) this.gamepads = gamepads;
+
+        // when visible, refresh gamepad list with latest data
+        if (this.helpVisible) this.buildHelpGamepadList();
     }
 
     /**
@@ -509,19 +561,16 @@ class Gamepad {
         const $tbody = [];
         for (let key = 0; key < this.gamepads.length; key++) {
             const gamepad = this.gamepads[key];
-            if (!gamepad) {
-                continue;
-            }
-
-            $tbody.push(
-                `<tr><td>${gamepad.index}</td><td>${gamepad.id}</td></tr>'`
-            );
+            if (!gamepad) continue;
+            $tbody.push(`<tr><td>${gamepad.index}</td><td>${gamepad.id}</td></tr>`);
         }
+
         if ($tbody.length === 0) {
-            $tbody.push('<tr><td colspan="2">No gamepad detected.</td></tr>');
+            this.$gamepadList.innerHTML = '<tr><td colspan="2">No gamepad detected.</td></tr>';
+            return;
         }
 
-        this.$gamepadList.html($tbody.join(''));
+        this.$gamepadList.innerHTML = $tbody.join('');
     }
 
     /**
@@ -583,20 +632,16 @@ class Gamepad {
             if (
                 null !== this.disconnectedIndex &&
                 index !== this.disconnectedIndex
-            )
-                continue;
+            ) continue;
 
             const gamepad = this.gamepads[index];
             if (!gamepad) continue;
 
             // check the parameters for a selected gamepad
             const gamepadId = this.getUrlParam('gamepad');
-            if (gamepadId) {
-                const [vendor, product] = gamepadId.split('-');
-                if (gamepad.id.includes(vendor) && gamepad.id.includes(product)) {
-                    this.map(gamepad.index);
-                    return;
-                }
+            if (gamepadId === gamepad.id) {
+                this.map(gamepad.index);
+                return;
             }
 
             // read the gamepad buttons
@@ -642,13 +687,12 @@ class Gamepad {
 
         // hide the help messages
         this.hideInstructions(true);
-        this.$helpPopout.removeClass('active');
         this.hidePlaceholder(true);
 
         // update local references
         this.index = index;
         this.disconnectedIndex = null;
-        this.$gamepad.removeClass('disconnected');
+        this.$gamepad.classList.remove('disconnected');
         const gamepad = this.getActive();
 
         // ensure that a gamepad was actually found for this index
@@ -670,16 +714,12 @@ class Gamepad {
         this.identifier = this.identifiers[this.type];
 
         // update the overlay selectors
-        this.$gamepadSelect.val(`${gamepad.id}`);
+        this.$gamepadSelect.value = gamepad.id;
         this.updateColors();
         this.updateTriggers();
 
         // load the HTML template file
-        this.loadTemplate(gamepad);
-
-        // hide the help before displaying the template
-        this.hideInstructions();
-        this.hidePlaceholder();
+        this.loadTemplate();
     }
 
     /**
@@ -704,6 +744,9 @@ class Gamepad {
         // ensure we have something to disconnect
         if (this.index === null) return;
 
+        // clear the current template
+        this.clearTemplate();
+
         // clear associated data
         this.index = null;
         this.disconnectedIndex = null;
@@ -714,73 +757,123 @@ class Gamepad {
         this.colorIndex = null;
         this.colorName = null;
         this.zoomLevel = 1;
-        this.$gamepad.empty();
-        this.$gamepadSelect.val('auto')
+        this.$gamepad.innerHTML = '';
+        this.$gamepad.classList.remove('fadeIn');
+        this.$gamepadSelect.value = 'auto';
         this.updateColors();
         this.updateTriggers();
         this.clearUrlParams();
     }
 
     /**
-     * Load the HTML template file for the active gamepad
-     *
-     * @param {*} gamepad
+     * Loads the template script and stylesheet
      */
-    loadTemplate(gamepad) {
-        // hide the gamepad while we prepare it
-        this.$gamepad.hide();
-
-        $.ajax(`templates/${this.type}/template.html`).done((template) => {
-            // inject the template HTML
-            this.$gamepad.html(template);
-
-            // read for parameters to apply:
-            const identifier = this.identifiers[this.type];
-            // - color
-            if (identifier.colors) {
-                this.changeGamepadColor(this.getUrlParam('color'));
-            } else {
-                this.updateUrlParams({ color: undefined });
-            }
-            // - triggers mode
-            if (identifier.triggers) {
-                this.toggleTriggersMeter(this.getUrlParam('triggers') === 'meter');
-            } else {
-                this.updateUrlParams({ triggers: undefined });
-            }
-            // - zoom
-            if (identifier.zoom) {
-                window.setTimeout(() =>
-                    this.changeZoom(
-                        this.type === 'debug'
-                            ? 'auto'
-                            : this.getUrlParam('zoom') || 'auto'
-                    )
-                );
-            } else {
-                this.updateUrlParams({ zoom: undefined });
-            }
-
-            // save the buttons mapping of this template
-            this.mapping.buttons = [];
-            for (let index = 0; index < gamepad.buttons.length; index++) {
-                this.mapping.buttons[index] = $(`[data-button='${index}']`);
-            }
-
-            // save the axes mapping of this template
-            this.mapping.axes = [];
-            for (let index = 0; index < gamepad.axes.length; index++) {
-                this.mapping.axes[index] = $(
-                    `[data-axis=${index}], [data-axis-x=${index}], [data-axis-y=${index}], [data-axis-z=${index}]`
-                );
-            }
+    loadTemplateAssets() {
+        const script = document.createElement('script');
+        script.async = true;
+        script.src = `templates/${this.type}/template.js`;
+        script.onload = () => {
+            // initialize the template
+            new this.template();
 
             // enqueue the initial display refresh
-            this.pollStatus(true);
+            this.startTemplate();
+        }
+        this.$gamepad.appendChild(script);
 
-            // once fully loaded, display the gamepad
-            this.$gamepad.fadeIn();
-        });
+        const link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = `templates/${this.type}/template.css`;
+        this.$gamepad.appendChild(link);
+    }
+
+    /**
+     * Load the HTML template file for the active gamepad
+     */
+    loadTemplate() {
+        // hide the gamepad while we prepare it
+        this.$gamepad.style.setProperty('display', 'none');
+
+        fetch(`templates/${this.type}/template.html`)
+            .then((response) => response.text())
+            .then((template) => {
+                // inject the template HTML
+                this.$gamepad.innerHTML = template;
+                this.loadTemplateAssets();
+
+                // read for parameters to apply:
+                const identifier = this.identifiers[this.type];
+                // - color
+                if (identifier.colors) {
+                    this.changeGamepadColor(this.getUrlParam('color'));
+                } else {
+                    this.updateUrlParams({ color: undefined });
+                }
+                // - triggers mode
+                if (identifier.triggers) {
+                    this.toggleTriggersMeter(this.getUrlParam('triggers') === 'meter');
+                } else {
+                    this.updateUrlParams({ triggers: undefined });
+                }
+                // - zoom
+                if (identifier.zoom) {
+                    window.setTimeout(() =>
+                        this.changeZoom(
+                            this.type === 'debug'
+                                ? 'auto'
+                                : this.getUrlParam('zoom') || 'auto'
+                        )
+                    );
+                } else {
+                    this.updateUrlParams({ zoom: undefined });
+                }
+
+                // once fully loaded, display the gamepad
+                this.$gamepad.style.removeProperty('display');
+                this.$gamepad.classList.remove('fadeOut');
+                this.$gamepad.classList.add('fadeIn');
+            });
+    }
+
+    /**
+     * Starts the template
+     */
+    startTemplate() {
+        // get the active gamepad
+        const activeGamepad = this.getActive();
+
+        // save the buttons mapping of this template
+        this.mapping.buttons = [];
+        for (let index = 0; index < activeGamepad.buttons.length; index++) {
+            const $button = document.querySelector(`[data-button='${index}']`);
+            if (!$button) break;
+            this.mapping.buttons[index] = $button;
+        }
+
+        // save the axes mapping of this template
+        this.mapping.axes = [];
+        for (let index = 0; index < activeGamepad.axes.length; index++) {
+            const $axis = document.querySelector(
+                `[data-axis='${index}'], [data-axis-x='${index}'], [data-axis-y='${index}'], [data-axis-z='${index}']`
+            );
+            if (!$axis) break;
+            this.mapping.axes[index] = $axis;
+        }
+
+        // enqueue the initial display refresh
+        this.pollStatus(true);
+    }
+
+    /**
+     * Clears the template
+     */
+    clearTemplate() {
+        // ensure that a tempalte is currently loaded
+        if (!this.template) return;
+
+        // destruct and clear the template
+        if (this.template.destructor) this.template.destructor();
+        delete this.template;
     }
 
     /**
@@ -815,6 +908,9 @@ class Gamepad {
      * @param {*} gamepad
      */
     updateButtons(gamepad) {
+        // ensure we have a button updater callback
+        if ('function' !== typeof this.updateButton) return;
+
         // update the buttons
         for (let index = 0; index < gamepad.buttons.length; index++) {
             // find the DOM element
@@ -828,13 +924,11 @@ class Gamepad {
             const button = gamepad.buttons[index];
 
             // update the display values
-            $button.attr('data-pressed', button.pressed);
-            $button.attr('data-value', button.value);
+            $button.setAttribute('data-pressed', button.pressed);
+            $button.setAttribute('data-value', button.value);
 
             // hook the template defined button update method
-            if ('function' === typeof this.updateButton) {
-                this.updateButton($button);
-            }
+            this.updateButton($button);
         }
     }
 
@@ -844,6 +938,9 @@ class Gamepad {
      * @param {*} gamepad
      */
     updateAxes(gamepad) {
+        // ensure we have an axis updater callback
+        if ('function' !== typeof this.updateAxis) return;
+
         // update the axes
         for (let index = 0; index < gamepad.axes.length; index++) {
             // find the DOM element
@@ -857,23 +954,21 @@ class Gamepad {
             const axis = gamepad.axes[index];
 
             // update the display values
-            if ($axis.is('[data-axis=' + index + ']')) {
-                $axis.attr('data-value', axis);
+            if ($axis.matches(`[data-axis='${index}']`)) {
+                $axis.setAttribute('data-value', axis);
             }
-            if ($axis.is('[data-axis-x=' + index + ']')) {
-                $axis.attr('data-value-x', axis);
+            if ($axis.matches(`[data-axis-x='${index}']`)) {
+                $axis.setAttribute('data-value-x', axis);
             }
-            if ($axis.is('[data-axis-y=' + index + ']')) {
-                $axis.attr('data-value-y', axis);
+            if ($axis.matches(`[data-axis-y='${index}']`)) {
+                $axis.setAttribute('data-value-y', axis);
             }
-            if ($axis.is('[data-axis-z=' + index + ']')) {
-                $axis.attr('data-value-z', axis);
+            if ($axis.matches(`[data-axis-z='${index}']`)) {
+                $axis.setAttribute('data-value-z', axis);
             }
 
             // hook the template defined axis update method
-            if ('function' === typeof this.updateAxis) {
-                this.updateAxis($axis);
-            }
+            this.updateAxis($axis);
         }
     }
 
@@ -884,11 +979,7 @@ class Gamepad {
      */
     changeGamepad(gamepadId) {
         // get the index corresponding to the identifier of the gamepad
-        const index = this.gamepads.findIndex(g => {
-            if (!g) return false;
-            const { vendor, product } = this.toGamepadInfo(g.id);
-            return `${vendor}-${product}` === gamepadId;
-        });
+        const index = this.gamepads.findIndex(g => g && gamepadId === g.id);
 
         // set the selected gamepad
         this.updateUrlParams({ gamepad: gamepadId !== 'auto' ? gamepadId : undefined });
@@ -901,8 +992,11 @@ class Gamepad {
      * @param {any} skin
      */
     changeSkin(skin) {
+        // clear the current template
+        this.clearTemplate();
+
         // update the visual skin selector
-        this.$skinSelect.val(skin);
+        this.$skinSelect.value = skin;
 
         // set the selected skin
         this.debug = skin === 'debug';
@@ -931,17 +1025,17 @@ class Gamepad {
         this.backgroundStyleName =
             this.backgroundStyle[this.backgroundStyleIndex];
 
-        this.$body.css({
-            background:
-                this.backgroundStyleName === 'checkered'
-                    ? 'url(css/transparent-bg.png)'
-                    : this.backgroundStyleName,
-            color: this.textColors[this.backgroundStyleIndex],
-        });
+        this.$body.style.setProperty(
+            'background',
+            this.backgroundStyleName === 'checkered'
+                ? 'url(css/transparent-bg.png)'
+                : this.backgroundStyleName
+        );
+        this.$body.style.setProperty('color', this.textColors[this.backgroundStyleIndex]);
 
         // update current settings
         this.updateUrlParams({ background: this.backgroundStyleName });
-        this.$backgroundSelect.val(this.backgroundStyleName);
+        this.$backgroundSelect.value = this.backgroundStyleName;
     }
 
     /**
@@ -983,11 +1077,11 @@ class Gamepad {
             : null;
 
         // update the DOM with the color value
-        this.$gamepad.attr('data-color', this.colorName);
+        this.$gamepad.setAttribute('data-color', this.colorName);
 
         // update current settings
         this.updateUrlParams({ color: this.colorName });
-        this.$colorSelect.val(this.colorName);
+        this.$colorSelect.value = this.colorName;
     }
 
     /**
@@ -1006,9 +1100,10 @@ class Gamepad {
 
         if (this.zoomMode === 'auto') {
             // 'auto' means a 'contained in window' zoom, with a max zoom of 1
+            const { width, height } = this.$gamepad.getBoundingClientRect();
             this.zoomLevel = Math.min(
-                window.innerWidth / this.$gamepad.width(),
-                window.innerHeight / this.$gamepad.height(),
+                window.innerWidth / width,
+                window.innerHeight / height,
                 1
             );
         } else if (level === 0) {
@@ -1029,7 +1124,7 @@ class Gamepad {
         this.zoomLevel = +this.zoomLevel.toFixed(2);
 
         // update the DOM with the zoom value
-        this.$gamepad.css(
+        this.$gamepad.style.setProperty(
             'transform',
             `translate(-50%, -50%) scale(${this.zoomLevel}, ${this.zoomLevel})`
         );
@@ -1084,13 +1179,9 @@ class Gamepad {
      * Toggles the on-screen help message
      */
     toggleHelp() {
-        // refresh gamepad list with latest data
-        this.pollGamepads();
-        this.buildHelpGamepadList();
-
         // display the help popout
-        this.$helpPopout.toggleClass('active');
-        this.helpVisible = this.$helpPopout.is('.active');
+        this.$helpPopout.classList.toggle('active');
+        this.helpVisible = this.$helpPopout.classList.contains('active');
     }
 
     /**
@@ -1102,14 +1193,14 @@ class Gamepad {
 
         this.triggersMeter =
             useMeter !== undefined ? useMeter : !this.triggersMeter;
-        this.$gamepad[this.triggersMeter ? 'addClass' : 'removeClass'](
+        this.$gamepad.classList[this.triggersMeter ? 'add' : 'remove'](
             'triggers-meter'
         );
 
         // update current settings
         const triggers = this.triggersMeter ? 'meter' : 'opacity';
         this.updateUrlParams({ triggers });
-        this.$triggersSelect.val(triggers);
+        this.$triggersSelect.value = triggers;
     }
 
     /**
diff --git a/js/jquery.min.js b/js/jquery.min.js
deleted file mode 100644
index b5329e9..0000000
--- a/js/jquery.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! jQuery v3.6.3 | (c) OpenJS Foundation and other contributors | jquery.org/license */
-!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,y=n.hasOwnProperty,a=y.toString,l=a.call(Object),v={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},S=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||S).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.3",E=function(e,t){return new E.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}E.fn=E.prototype={jquery:f,constructor:E,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=E.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return E.each(this,e)},map:function(n){return this.pushStack(E.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(E.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(E.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},E.extend=E.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(E.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||E.isPlainObject(n)?n:{},i=!1,a[t]=E.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},E.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=y.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?E.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:v}),"function"==typeof Symbol&&(E.fn[Symbol.iterator]=t[Symbol.iterator]),E.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,S,y,s,c,v,E="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",$=new RegExp(M+"+","g"),B=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,S)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&v(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!y||!y.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ve(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=E)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{if(d.cssSupportsSelector&&!CSS.supports("selector(:is("+c+"))"))throw new Error;return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===E&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[E]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ye(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ve(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,S=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.cssSupportsSelector=ce(function(){return CSS.supports("selector(*)")&&C.querySelectorAll(":is(:jqfake)")&&!CSS.supports("selector(:is(*,:jqfake))")}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=E,!C.getElementsByName||!C.getElementsByName(E).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&S){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&S){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&S)return t.getElementsByClassName(e)},s=[],y=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+E+"'></a><select id='"+E+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+E+"-]").length||y.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||y.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+E+"+*").length||y.push(".#.+[+~]"),e.querySelectorAll("\\\f"),y.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),d.cssSupportsSelector||y.push(":has"),y=y.length&&new RegExp(y.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),v=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType&&e.documentElement||e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&v(p,e)?-1:t==C||t.ownerDocument==p&&v(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&S&&!N[t+" "]&&(!s||!s.test(t))&&(!y||!y.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),v(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!S):void 0;return void 0!==r?r:d.attributes||!S?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace($," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,y){var v="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===y?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=v!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(v){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[E]||(a[E]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[E]||(a[E]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[E]||(a[E]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=y)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[E]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace(B,"$1"));return s[E]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=S?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ye(function(){return[0]}),last:ye(function(e,t){return[t-1]}),eq:ye(function(e,t,n){return[n<0?n+t:n]}),even:ye(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ye(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ye(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ye(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[E]||(e[E]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,y,v,e){return y&&!y[E]&&(y=Ce(y)),v&&!v[E]&&(v=Ce(v,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?v||(e?d:l||y)?[]:t:f;if(g&&g(f,p,n,r),y){i=Te(p,u),y(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(v||d){if(v){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);v(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=v?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),v?v(null,t,p,r):H.apply(t,p)})}function Se(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[E]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(B,"$1"),t,s<n&&Se(e.slice(s,n)),n<r&&Se(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace(B," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,y,v,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Se(t[n]))[E]?i.push(a):o.push(a);(a=A(e,(y=o,m=0<(v=i).length,x=0<y.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!S);while(s=y[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=v[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+v.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&S&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ve(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!S,n,!t||ee.test(e)&&ve(t.parentNode)||t),n},d.sortStable=E.split("").sort(j).join("")===E,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);E.find=d,E.expr=d.selectors,E.expr[":"]=E.expr.pseudos,E.uniqueSort=E.unique=d.uniqueSort,E.text=d.getText,E.isXMLDoc=d.isXML,E.contains=d.contains,E.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&E(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=E.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?E.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?E.grep(e,function(e){return e===n!==r}):"string"!=typeof n?E.grep(e,function(e){return-1<i.call(n,e)!==r}):E.filter(n,e,r)}E.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?E.find.matchesSelector(r,e)?[r]:[]:E.find.matches(e,E.grep(t,function(e){return 1===e.nodeType}))},E.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(E(e).filter(function(){for(t=0;t<r;t++)if(E.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)E.find(e,i[t],n);return 1<r?E.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?E(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(E.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof E?t[0]:t,E.merge(this,E.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:S,!0)),N.test(r[1])&&E.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=S.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(E):E.makeArray(e,this)}).prototype=E.fn,D=E(S);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}E.fn.extend({has:function(e){var t=E(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(E.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&E(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&E.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?E.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(E(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(E.uniqueSort(E.merge(this.get(),E(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),E.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),E.merge([],e.childNodes))}},function(r,i){E.fn[r]=function(e,t){var n=E.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=E.filter(t,n)),1<this.length&&(H[r]||E.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}E.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},E.each(e.match(P)||[],function(e,t){n[t]=!0}),n):E.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){E.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return E.each(arguments,function(e,t){var n;while(-1<(n=E.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<E.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},E.extend({Deferred:function(e){var o=[["notify","progress",E.Callbacks("memory"),E.Callbacks("memory"),2],["resolve","done",E.Callbacks("once memory"),E.Callbacks("once memory"),0,"resolved"],["reject","fail",E.Callbacks("once memory"),E.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return E.Deferred(function(r){E.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){E.Deferred.exceptionHook&&E.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(E.Deferred.getStackHook&&(t.stackTrace=E.Deferred.getStackHook()),C.setTimeout(t))}}return E.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?E.extend(e,a):a}},s={};return E.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=E.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;E.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},E.readyException=function(e){C.setTimeout(function(){throw e})};var F=E.Deferred();function $(){S.removeEventListener("DOMContentLoaded",$),C.removeEventListener("load",$),E.ready()}E.fn.ready=function(e){return F.then(e)["catch"](function(e){E.readyException(e)}),this},E.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--E.readyWait:E.isReady)||(E.isReady=!0)!==e&&0<--E.readyWait||F.resolveWith(S,[E])}}),E.ready.then=F.then,"complete"===S.readyState||"loading"!==S.readyState&&!S.documentElement.doScroll?C.setTimeout(E.ready):(S.addEventListener("DOMContentLoaded",$),C.addEventListener("load",$));var B=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)B(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(E(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=E.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||E.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!E.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}E.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),E.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):B(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),E.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,E.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=E.queue(e,t),r=n.length,i=n.shift(),o=E._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){E.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:E.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),E.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?E.queue(this[0],t):void 0===n?this:this.each(function(){var e=E.queue(this,t,n);E._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&E.dequeue(this,t)})},dequeue:function(e){return this.each(function(){E.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=E.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=S.documentElement,ie=function(e){return E.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return E.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===E.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return E.css(e,t,"")},u=s(),l=n&&n[3]||(E.cssNumber[t]?"":"px"),c=e.nodeType&&(E.cssNumber[t]||"px"!==l&&+u)&&te.exec(E.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)E.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,E.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=E.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}E.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?E(this).show():E(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=S.createDocumentFragment().appendChild(S.createElement("div")),(fe=S.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),v.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",v.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",v.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?E.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,v.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))E.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+E.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;E.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<E.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return S.activeElement}catch(e){}}()==("focus"===t)}function Se(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Se(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return E().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=E.guid++)),e.each(function(){E.event.add(this,t,i,r,n)})}function Ee(e,i,o){o?(Y.set(e,i,!1),E.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(E.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:E.event.trigger(E.extend(r[0],E.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&E.event.add(e,i,we)}E.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&E.find.matchesSelector(re,i),n.guid||(n.guid=E.guid++),(u=y.events)||(u=y.events=Object.create(null)),(a=y.handle)||(a=y.handle=function(e){return"undefined"!=typeof E&&E.event.triggered!==e.type?E.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=E.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=E.event.special[d]||{},c=E.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&E.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),E.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=Y.hasData(e)&&Y.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=E.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||E.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)E.event.remove(e,d+t[l],n,r,!0);E.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=E.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=E.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=E.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((E.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<E(i,this).index(l):E.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(E.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[E.expando]?e:new E.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Ee(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Ee(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},E.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},E.Event=function(e,t){if(!(this instanceof E.Event))return new E.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&E.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[E.expando]=!0},E.Event.prototype={constructor:E.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},E.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},E.event.addProp),E.each({focus:"focusin",blur:"focusout"},function(t,e){E.event.special[t]={setup:function(){return Ee(this,t,Ce),!1},trigger:function(){return Ee(this,t),!0},_default:function(e){return Y.get(e.target,t)},delegateType:e}}),E.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){E.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||E.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),E.fn.extend({on:function(e,t,n,r){return Se(this,e,t,n,r)},one:function(e,t,n,r){return Se(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,E(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){E.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&E(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)E.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=E.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!v.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=E.map(ye(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=E.clone(u,!0,!0),s&&E.merge(a,ye(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,E.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&E.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?E._evalUrl&&!u.noModule&&E._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?E.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||E.cleanData(ye(r)),r.parentNode&&(n&&ie(r)&&ve(ye(r,"script")),r.parentNode.removeChild(r));return e}E.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(v.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||E.isXMLDoc(e)))for(a=ye(c),r=0,i=(o=ye(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ye(e),a=a||ye(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ye(c,"script")).length&&ve(a,!f&&ye(e,"script")),c},cleanData:function(e){for(var t,n,r,i=E.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?E.event.remove(n,r):E.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),E.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return B(this,function(e){return void 0===e?E.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(E.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return E.clone(this,e,t)})},html:function(e){return B(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=E.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(E.cleanData(ye(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;E.inArray(this,n)<0&&(E.cleanData(ye(this)),t&&t.replaceChild(e,this))},n)}}),E.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){E.fn[e]=function(e){for(var t,n=[],r=E(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),E(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=/^--/,Me=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Ie=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},We=new RegExp(ne.join("|"),"i"),Fe="[\\x20\\t\\r\\n\\f]",$e=new RegExp("^"+Fe+"+|((?:^|[^\\\\])(?:\\\\.)*)"+Fe+"+$","g");function Be(e,t,n){var r,i,o,a,s=Re.test(t),u=e.style;return(n=n||Me(e))&&(a=n.getPropertyValue(t)||n[t],s&&a&&(a=a.replace($e,"$1")||void 0),""!==a||ie(e)||(a=E.style(e,t)),!v.pixelBoxStyles()&&Pe.test(a)&&We.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=n.width,u.width=r,u.minWidth=i,u.maxWidth=o)),void 0!==a?a+"":a}function _e(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=S.createElement("div"),l=S.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",v.clearCloneStyle="content-box"===l.style.backgroundClip,E.extend(v,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=S.createElement("table"),t=S.createElement("tr"),n=S.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var ze=["Webkit","Moz","ms"],Ue=S.createElement("div").style,Xe={};function Ve(e){var t=E.cssProps[e]||Xe[e];return t||(e in Ue?e:Xe[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=ze.length;while(n--)if((e=ze[n]+t)in Ue)return e}(e)||e)}var Ge=/^(none|table(?!-c[ea]).+)/,Ye={position:"absolute",visibility:"hidden",display:"block"},Qe={letterSpacing:"0",fontWeight:"400"};function Je(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Ke(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=E.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=E.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=E.css(e,"border"+ne[a]+"Width",!0,i))):(u+=E.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=E.css(e,"border"+ne[a]+"Width",!0,i):s+=E.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Ze(e,t,n){var r=Me(e),i=(!v.boxSizingReliable()||n)&&"border-box"===E.css(e,"boxSizing",!1,r),o=i,a=Be(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!v.boxSizingReliable()&&i||!v.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===E.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===E.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Ke(e,t,n||(i?"border":"content"),o,r,a)+"px"}function et(e,t,n,r,i){return new et.prototype.init(e,t,n,r,i)}E.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Be(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Re.test(t),l=e.style;if(u||(t=Ve(s)),a=E.cssHooks[t]||E.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(E.cssNumber[s]?"":"px")),v.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Re.test(t)||(t=Ve(s)),(a=E.cssHooks[t]||E.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Be(e,t,r)),"normal"===i&&t in Qe&&(i=Qe[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),E.each(["height","width"],function(e,u){E.cssHooks[u]={get:function(e,t,n){if(t)return!Ge.test(E.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Ze(e,u,n):Ie(e,Ye,function(){return Ze(e,u,n)})},set:function(e,t,n){var r,i=Me(e),o=!v.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===E.css(e,"boxSizing",!1,i),s=n?Ke(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Ke(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=E.css(e,u)),Je(0,t,s)}}}),E.cssHooks.marginLeft=_e(v.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Be(e,"marginLeft"))||e.getBoundingClientRect().left-Ie(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),E.each({margin:"",padding:"",border:"Width"},function(i,o){E.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(E.cssHooks[i+o].set=Je)}),E.fn.extend({css:function(e,t){return B(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Me(e),i=t.length;a<i;a++)o[t[a]]=E.css(e,t[a],!1,r);return o}return void 0!==n?E.style(e,t,n):E.css(e,t)},e,t,1<arguments.length)}}),((E.Tween=et).prototype={constructor:et,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||E.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(E.cssNumber[n]?"":"px")},cur:function(){var e=et.propHooks[this.prop];return e&&e.get?e.get(this):et.propHooks._default.get(this)},run:function(e){var t,n=et.propHooks[this.prop];return this.options.duration?this.pos=t=E.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):et.propHooks._default.set(this),this}}).init.prototype=et.prototype,(et.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=E.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){E.fx.step[e.prop]?E.fx.step[e.prop](e):1!==e.elem.nodeType||!E.cssHooks[e.prop]&&null==e.elem.style[Ve(e.prop)]?e.elem[e.prop]=e.now:E.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=et.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},E.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},E.fx=et.prototype.init,E.fx.step={};var tt,nt,rt,it,ot=/^(?:toggle|show|hide)$/,at=/queueHooks$/;function st(){nt&&(!1===S.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(st):C.setTimeout(st,E.fx.interval),E.fx.tick())}function ut(){return C.setTimeout(function(){tt=void 0}),tt=Date.now()}function lt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ct(e,t,n){for(var r,i=(ft.tweeners[t]||[]).concat(ft.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function ft(o,e,t){var n,a,r=0,i=ft.prefilters.length,s=E.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=tt||ut(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:E.extend({},e),opts:E.extend(!0,{specialEasing:{},easing:E.easing._default},t),originalProperties:e,originalOptions:t,startTime:tt||ut(),duration:t.duration,tweens:[],createTween:function(e,t){var n=E.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=E.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=ft.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(E._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return E.map(c,ct,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),E.fx.timer(E.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}E.Animation=E.extend(ft,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],ft.tweeners[n]=ft.tweeners[n]||[],ft.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),y=Y.get(e,"fxshow");for(r in n.queue||(null==(a=E._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,E.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ot.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!y||void 0===y[r])continue;g=!0}d[r]=y&&y[r]||E.style(e,r)}if((u=!E.isEmptyObject(t))||!E.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=y&&y.display)&&(l=Y.get(e,"display")),"none"===(c=E.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=E.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===E.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(y?"hidden"in y&&(g=y.hidden):y=Y.access(e,"fxshow",{display:l}),o&&(y.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)E.style(e,r,d[r])})),u=ct(g?y[r]:0,r,p),r in y||(y[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?ft.prefilters.unshift(e):ft.prefilters.push(e)}}),E.speed=function(e,t,n){var r=e&&"object"==typeof e?E.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return E.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in E.fx.speeds?r.duration=E.fx.speeds[r.duration]:r.duration=E.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&E.dequeue(this,r.queue)},r},E.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=E.isEmptyObject(t),o=E.speed(e,n,r),a=function(){var e=ft(this,E.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=E.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&at.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||E.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=E.timers,o=n?n.length:0;for(t.finish=!0,E.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),E.each(["toggle","show","hide"],function(e,r){var i=E.fn[r];E.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(lt(r,!0),e,t,n)}}),E.each({slideDown:lt("show"),slideUp:lt("hide"),slideToggle:lt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){E.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),E.timers=[],E.fx.tick=function(){var e,t=0,n=E.timers;for(tt=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||E.fx.stop(),tt=void 0},E.fx.timer=function(e){E.timers.push(e),E.fx.start()},E.fx.interval=13,E.fx.start=function(){nt||(nt=!0,st())},E.fx.stop=function(){nt=null},E.fx.speeds={slow:600,fast:200,_default:400},E.fn.delay=function(r,e){return r=E.fx&&E.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},rt=S.createElement("input"),it=S.createElement("select").appendChild(S.createElement("option")),rt.type="checkbox",v.checkOn=""!==rt.value,v.optSelected=it.selected,(rt=S.createElement("input")).value="t",rt.type="radio",v.radioValue="t"===rt.value;var pt,dt=E.expr.attrHandle;E.fn.extend({attr:function(e,t){return B(this,E.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){E.removeAttr(this,e)})}}),E.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?E.prop(e,t,n):(1===o&&E.isXMLDoc(e)||(i=E.attrHooks[t.toLowerCase()]||(E.expr.match.bool.test(t)?pt:void 0)),void 0!==n?null===n?void E.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=E.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!v.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),pt={set:function(e,t,n){return!1===t?E.removeAttr(e,n):e.setAttribute(n,n),n}},E.each(E.expr.match.bool.source.match(/\w+/g),function(e,t){var a=dt[t]||E.find.attr;dt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=dt[o],dt[o]=r,r=null!=a(e,t,n)?o:null,dt[o]=i),r}});var ht=/^(?:input|select|textarea|button)$/i,gt=/^(?:a|area)$/i;function yt(e){return(e.match(P)||[]).join(" ")}function vt(e){return e.getAttribute&&e.getAttribute("class")||""}function mt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}E.fn.extend({prop:function(e,t){return B(this,E.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[E.propFix[e]||e]})}}),E.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&E.isXMLDoc(e)||(t=E.propFix[t]||t,i=E.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=E.find.attr(e,"tabindex");return t?parseInt(t,10):ht.test(e.nodeName)||gt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),v.optSelected||(E.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),E.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){E.propFix[this.toLowerCase()]=this}),E.fn.extend({addClass:function(t){var e,n,r,i,o,a;return m(t)?this.each(function(e){E(this).addClass(t.call(this,e,vt(this)))}):(e=mt(t)).length?this.each(function(){if(r=vt(this),n=1===this.nodeType&&" "+yt(r)+" "){for(o=0;o<e.length;o++)i=e[o],n.indexOf(" "+i+" ")<0&&(n+=i+" ");a=yt(n),r!==a&&this.setAttribute("class",a)}}):this},removeClass:function(t){var e,n,r,i,o,a;return m(t)?this.each(function(e){E(this).removeClass(t.call(this,e,vt(this)))}):arguments.length?(e=mt(t)).length?this.each(function(){if(r=vt(this),n=1===this.nodeType&&" "+yt(r)+" "){for(o=0;o<e.length;o++){i=e[o];while(-1<n.indexOf(" "+i+" "))n=n.replace(" "+i+" "," ")}a=yt(n),r!==a&&this.setAttribute("class",a)}}):this:this.attr("class","")},toggleClass:function(t,n){var e,r,i,o,a=typeof t,s="string"===a||Array.isArray(t);return m(t)?this.each(function(e){E(this).toggleClass(t.call(this,e,vt(this),n),n)}):"boolean"==typeof n&&s?n?this.addClass(t):this.removeClass(t):(e=mt(t),this.each(function(){if(s)for(o=E(this),i=0;i<e.length;i++)r=e[i],o.hasClass(r)?o.removeClass(r):o.addClass(r);else void 0!==t&&"boolean"!==a||((r=vt(this))&&Y.set(this,"__className__",r),this.setAttribute&&this.setAttribute("class",r||!1===t?"":Y.get(this,"__className__")||""))}))},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+yt(vt(n))+" ").indexOf(t))return!0;return!1}});var xt=/\r/g;E.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,E(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=E.map(t,function(e){return null==e?"":e+""})),(r=E.valHooks[this.type]||E.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=E.valHooks[t.type]||E.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(xt,""):null==e?"":e:void 0}}),E.extend({valHooks:{option:{get:function(e){var t=E.find.attr(e,"value");return null!=t?t:yt(E.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=E(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=E.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<E.inArray(E.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),E.each(["radio","checkbox"],function(){E.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<E.inArray(E(e).val(),t)}},v.checkOn||(E.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),v.focusin="onfocusin"in C;var bt=/^(?:focusinfocus|focusoutblur)$/,wt=function(e){e.stopPropagation()};E.extend(E.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||S],d=y.call(e,"type")?e.type:e,h=y.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||S,3!==n.nodeType&&8!==n.nodeType&&!bt.test(d+E.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[E.expando]?e:new E.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:E.makeArray(t,[e]),c=E.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,bt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||S)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),E.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,wt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,wt),E.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=E.extend(new E.Event,n,{type:e,isSimulated:!0});E.event.trigger(r,null,t)}}),E.fn.extend({trigger:function(e,t){return this.each(function(){E.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return E.event.trigger(e,t,n,!0)}}),v.focusin||E.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){E.event.simulate(r,e.target,E.event.fix(e))};E.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var Tt=C.location,Ct={guid:Date.now()},St=/\?/;E.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||E.error("Invalid XML: "+(n?E.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var Et=/\[\]$/,kt=/\r?\n/g,At=/^(?:submit|button|image|reset|file)$/i,Nt=/^(?:input|select|textarea|keygen)/i;function jt(n,e,r,i){var t;if(Array.isArray(e))E.each(e,function(e,t){r||Et.test(n)?i(n,t):jt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)jt(n+"["+t+"]",e[t],r,i)}E.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!E.isPlainObject(e))E.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},E.fn.extend({serialize:function(){return E.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=E.prop(this,"elements");return e?E.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!E(this).is(":disabled")&&Nt.test(this.nodeName)&&!At.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=E(this).val();return null==n?null:Array.isArray(n)?E.map(n,function(e){return{name:t.name,value:e.replace(kt,"\r\n")}}):{name:t.name,value:n.replace(kt,"\r\n")}}).get()}});var Dt=/%20/g,qt=/#.*$/,Lt=/([?&])_=[^&]*/,Ht=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ot=/^(?:GET|HEAD)$/,Pt=/^\/\//,Rt={},Mt={},It="*/".concat("*"),Wt=S.createElement("a");function Ft(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function $t(t,i,o,a){var s={},u=t===Mt;function l(e){var r;return s[e]=!0,E.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Bt(e,t){var n,r,i=E.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&E.extend(!0,e,r),e}Wt.href=Tt.href,E.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Tt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Tt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":It,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":E.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Bt(Bt(e,E.ajaxSettings),t):Bt(E.ajaxSettings,e)},ajaxPrefilter:Ft(Rt),ajaxTransport:Ft(Mt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,y=E.ajaxSetup({},t),v=y.context||y,m=y.context&&(v.nodeType||v.jquery)?E(v):E.event,x=E.Deferred(),b=E.Callbacks("once memory"),w=y.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Ht.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(y.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),y.url=((e||y.url||Tt.href)+"").replace(Pt,Tt.protocol+"//"),y.type=t.method||t.type||y.method||y.type,y.dataTypes=(y.dataType||"*").toLowerCase().match(P)||[""],null==y.crossDomain){r=S.createElement("a");try{r.href=y.url,r.href=r.href,y.crossDomain=Wt.protocol+"//"+Wt.host!=r.protocol+"//"+r.host}catch(e){y.crossDomain=!0}}if(y.data&&y.processData&&"string"!=typeof y.data&&(y.data=E.param(y.data,y.traditional)),$t(Rt,y,t,T),h)return T;for(i in(g=E.event&&y.global)&&0==E.active++&&E.event.trigger("ajaxStart"),y.type=y.type.toUpperCase(),y.hasContent=!Ot.test(y.type),f=y.url.replace(qt,""),y.hasContent?y.data&&y.processData&&0===(y.contentType||"").indexOf("application/x-www-form-urlencoded")&&(y.data=y.data.replace(Dt,"+")):(o=y.url.slice(f.length),y.data&&(y.processData||"string"==typeof y.data)&&(f+=(St.test(f)?"&":"?")+y.data,delete y.data),!1===y.cache&&(f=f.replace(Lt,"$1"),o=(St.test(f)?"&":"?")+"_="+Ct.guid+++o),y.url=f+o),y.ifModified&&(E.lastModified[f]&&T.setRequestHeader("If-Modified-Since",E.lastModified[f]),E.etag[f]&&T.setRequestHeader("If-None-Match",E.etag[f])),(y.data&&y.hasContent&&!1!==y.contentType||t.contentType)&&T.setRequestHeader("Content-Type",y.contentType),T.setRequestHeader("Accept",y.dataTypes[0]&&y.accepts[y.dataTypes[0]]?y.accepts[y.dataTypes[0]]+("*"!==y.dataTypes[0]?", "+It+"; q=0.01":""):y.accepts["*"]),y.headers)T.setRequestHeader(i,y.headers[i]);if(y.beforeSend&&(!1===y.beforeSend.call(v,T,y)||h))return T.abort();if(u="abort",b.add(y.complete),T.done(y.success),T.fail(y.error),c=$t(Mt,y,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,y]),h)return T;y.async&&0<y.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},y.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(y,T,n)),!i&&-1<E.inArray("script",y.dataTypes)&&E.inArray("json",y.dataTypes)<0&&(y.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(y,s,T,i),i?(y.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(E.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(E.etag[f]=u)),204===e||"HEAD"===y.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(v,[o,l,T]):x.rejectWith(v,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,y,i?o:a]),b.fireWith(v,[T,l]),g&&(m.trigger("ajaxComplete",[T,y]),--E.active||E.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return E.get(e,t,n,"json")},getScript:function(e,t){return E.get(e,void 0,t,"script")}}),E.each(["get","post"],function(e,i){E[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),E.ajax(E.extend({url:e,type:i,dataType:r,data:t,success:n},E.isPlainObject(e)&&e))}}),E.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),E._evalUrl=function(e,t,n){return E.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){E.globalEval(e,t,n)}})},E.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=E(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){E(this).wrapInner(n.call(this,e))}):this.each(function(){var e=E(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){E(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){E(this).replaceWith(this.childNodes)}),this}}),E.expr.pseudos.hidden=function(e){return!E.expr.pseudos.visible(e)},E.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},E.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var _t={0:200,1223:204},zt=E.ajaxSettings.xhr();v.cors=!!zt&&"withCredentials"in zt,v.ajax=zt=!!zt,E.ajaxTransport(function(i){var o,a;if(v.cors||zt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(_t[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),E.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),E.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return E.globalEval(e),e}}}),E.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),E.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=E("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),S.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;E.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||E.expando+"_"+Ct.guid++;return this[e]=!0,e}}),E.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||E.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?E(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),v.createHTMLDocument=((Ut=S.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Ut.childNodes.length),E.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(v.createHTMLDocument?((r=(t=S.implementation.createHTMLDocument("")).createElement("base")).href=S.location.href,t.head.appendChild(r)):t=S),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&E(o).remove(),E.merge([],i.childNodes)));var r,i,o},E.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=yt(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&E.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?E("<div>").append(E.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},E.expr.pseudos.animated=function(t){return E.grep(E.timers,function(e){return t===e.elem}).length},E.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=E.css(e,"position"),c=E(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=E.css(e,"top"),u=E.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,E.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},E.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){E.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===E.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===E.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=E(e).offset()).top+=E.css(e,"borderTopWidth",!0),i.left+=E.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-E.css(r,"marginTop",!0),left:t.left-i.left-E.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===E.css(e,"position"))e=e.offsetParent;return e||re})}}),E.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;E.fn[t]=function(e){return B(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),E.each(["top","left"],function(e,n){E.cssHooks[n]=_e(v.pixelPosition,function(e,t){if(t)return t=Be(e,n),Pe.test(t)?E(e).position()[n]+"px":t})}),E.each({Height:"height",Width:"width"},function(a,s){E.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){E.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return B(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?E.css(e,t,i):E.style(e,t,n,i)},s,n?e:void 0,n)}})}),E.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){E.fn[t]=function(e){return this.on(t,e)}}),E.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),E.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){E.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Gt=/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;E.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||E.guid++,i},E.holdReady=function(e){e?E.readyWait++:E.ready(!0)},E.isArray=Array.isArray,E.parseJSON=JSON.parse,E.nodeName=A,E.isFunction=m,E.isWindow=x,E.camelCase=X,E.type=w,E.now=Date.now,E.isNumeric=function(e){var t=E.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},E.trim=function(e){return null==e?"":(e+"").replace(Gt,"$1")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return E});var Yt=C.jQuery,Qt=C.$;return E.noConflict=function(e){return C.$===E&&(C.$=Qt),e&&C.jQuery===E&&(C.jQuery=Yt),E},"undefined"==typeof e&&(C.jQuery=C.$=E),E});
diff --git a/templates/debug/template.html b/templates/debug/template.html
index 10d0523..a596dbc 100644
--- a/templates/debug/template.html
+++ b/templates/debug/template.html
@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="templates/debug/template.css">
-<script async src="templates/debug/template.js"></script>
 <div class="info">
 	<div class="container">
 		<div id="info-name" class="box extra-large">
diff --git a/templates/debug/template.js b/templates/debug/template.js
index d5b189c..f31950d 100644
--- a/templates/debug/template.js
+++ b/templates/debug/template.js
@@ -1,88 +1,121 @@
-function DebugTemplate(gamepad) {
-    return {
-        $name: $('#info-name .value'),
-        $vendor: $('#info-vendor'),
-        $product: $('#info-product'),
-        $id: $('#info-id'),
-        $timestamp: $('#info-timestamp .value'),
-        $index: $('#info-index .value'),
-        $mapping: $('#info-mapping .value'),
-        $rumble: $('#info-rumble .value'),
-        $axes: $('.axes .container'),
-        $buttons: $('.buttons .container'),
-        activeGamepad: gamepad.getActive(),
-        init: function () {
-            if (!this.activeGamepad) {
-                return;
-            }
-            const { name, vendor, product, id } = gamepad.toGamepadInfo(this.activeGamepad.id);
-            this.$name.html(name).attr('title', name);
-            if (vendor && product) {
-                this.$vendor.css({display: 'block'}).find('.value').html(vendor);
-                this.$product.css({display: 'block'}).find('.value').html(product);
-            } else {
-                this.$id.css({display: 'block'}).find('.value').html(id);
-            }
-            this.updateTimestamp();
-            this.$index.html(this.activeGamepad.index);
-            this.$mapping.html(this.activeGamepad.mapping || 'N/A');
-            this.$rumble.html(
-                this.activeGamepad.vibrationActuator
-                    ? this.activeGamepad.vibrationActuator.type
-                    : 'N/A'
-            );
-            this.initAxes();
-            this.initButtons();
-            gamepad.updateButton = ($button) => this.updateElem($button);
-            gamepad.updateAxis = ($axis) => this.updateElem($axis, 6);
-        },
-        initAxes: function () {
-            for (
-                let axisIndex = 0;
-                axisIndex < this.activeGamepad.axes.length;
-                axisIndex++
-            ) {
-                this.$axes.append(`
-                    <div class="box medium">
+window.gamepad.template = class DebugTemplate {
+    /**
+     * Instanciates a new debug template
+     */
+    constructor() {
+        this.gamepad = window.gamepad;
+        this.init();
+        this.gamepad.updateButton = ($button) => this.updateElem($button);
+        this.gamepad.updateAxis = ($axis) => this.updateElem($axis, 6);
+    }
+
+    /**
+     * Destroys the template
+     */
+    destructor() {
+        delete this.gamepad.updateButton;
+        delete this.gamepad.updateAxis;
+    }
+
+    /**
+     * Initializes the template
+     */
+    init() {
+        this.$name = document.querySelector('#info-name .value');
+        this.$vendor = document.querySelector('#info-vendor');
+        this.$product = document.querySelector('#info-product');
+        this.$id = document.querySelector('#info-id');
+        this.$timestamp = document.querySelector('#info-timestamp .value');
+        this.$index = document.querySelector('#info-index .value');
+        this.$mapping = document.querySelector('#info-mapping .value');
+        this.$rumble = document.querySelector('#info-rumble .value');
+        this.$axes = document.querySelector('.axes .container');
+        this.$buttons = document.querySelector('.buttons .container');
+        const activeGamepad = this.gamepad.getActive();
+        const { name, vendor, product, id } = this.gamepad.toGamepadInfo(activeGamepad.id);
+        this.$name.innerHTML = name;
+        this.$name.setAttribute('title', activeGamepad.id);
+        if (vendor && product) {
+            this.$vendor.querySelector('.value').innerHTML = vendor;
+            this.$product.querySelector('.value').innerHTML = product;
+            this.$vendor.style.setProperty('display', 'block');
+            this.$product.style.setProperty('display', 'block');
+        } else {
+            this.$id.querySelector('.value').innerHTML = id;
+            this.$id.style.setProperty('display', 'block');
+        }
+        this.updateTimestamp();
+        this.$index.innerHTML = this.activeGamepad.index;
+        this.$mapping.innerHTML = this.activeGamepad.mapping || 'N/A';
+        this.$rumble.innerHTML = this.activeGamepad.vibrationActuator
+            ? this.activeGamepad.vibrationActuator.type
+            : 'N/A';
+        this.initAxes();
+        this.initButtons();
+    }
+
+    /**
+     * Initializes the axes
+     */
+    initAxes() {
+        for (
+            let axisIndex = 0;
+            axisIndex < this.activeGamepad.axes.length;
+            axisIndex++
+        ) {
+            this.$axes.innerHTML += `
+                <div class="box medium">
                     <div class="content">
                         <div class="label">Axis ${axisIndex}</div>
                         <div class="value" data-axis="${axisIndex}"></div>
                     </div>
-                    </div>
-                `);
-            }
-        },
-        initButtons: function () {
-            for (
-                let buttonIndex = 0;
-                buttonIndex < this.activeGamepad.buttons.length;
-                buttonIndex++
-            ) {
-                this.$buttons.append(`
-                    <div class="box small">
+                </div>
+            `;
+        }
+    }
+
+    /**
+    * Initializes the buttons
+    */
+    initButtons() {
+        for (
+            let buttonIndex = 0;
+            buttonIndex < this.activeGamepad.buttons.length;
+            buttonIndex++
+        ) {
+            this.$buttons.innerHTML += `
+                <div class="box small">
                     <div class="content">
                         <div class="label">B${buttonIndex}</div>
                         <div class="value" data-button="${buttonIndex}"></div>
                     </div>
-                    </div>
-                `);
-            }
-        },
-        updateElem: function ($elem, precision = 2) {
-            this.updateTimestamp();
-            let value = parseFloat($elem.attr('data-value'), 10).toFixed(precision);
-            $elem.html(value);
-            let color = Math.floor(255 * 0.3 + 255 * 0.7 * Math.abs(value));
-            $elem.css({ color: `rgb(${color}, ${color}, ${color})` });
-        },
-        updateTimestamp: function () {
-            this.activeGamepad = gamepad.getActive();
-            if (!this.activeGamepad) {
-                return;
-            }
-            this.$timestamp.html(parseFloat(this.activeGamepad.timestamp).toFixed(3));
-        },
-    }.init();
-};
+                </div>
+            `;
+        }
+    }
 
-new DebugTemplate(window.gamepad);
+    /**
+     * Updates the value of an element
+     *
+     * @param {Element} $elem
+     * @param {Number} precision
+     */
+    updateElem($elem, precision = 2) {
+        this.updateTimestamp();
+        let value = parseFloat($elem.attributes['data-value'].value, 10).toFixed(precision);
+        $elem.innerHTML = value;
+        let color = Math.floor(255 * 0.3 + 255 * 0.7 * Math.abs(value));
+        $elem.style.setProperty('color', `rgb(${color}, ${color}, ${color})`);
+    }
+
+    /**
+     * Updates the timestamp
+     */
+    updateTimestamp() {
+        this.activeGamepad = this.gamepad.getActive();
+        if (!this.activeGamepad) {
+            return;
+        }
+        this.$timestamp.innerHTML = parseFloat(this.activeGamepad.timestamp).toFixed(3);
+    }
+};
diff --git a/templates/ds4/template.html b/templates/ds4/template.html
index 0957ce6..70ec9fc 100644
--- a/templates/ds4/template.html
+++ b/templates/ds4/template.html
@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="templates/ds4/template.css">
-<script async src="templates/ds4/template.js"></script>
 <div class="triggers">
 	<span class="trigger left" data-button="6"></span>
 	<span class="trigger right" data-button="7"></span>
diff --git a/templates/ds4/template.js b/templates/ds4/template.js
index dadcc3e..53e8233 100644
--- a/templates/ds4/template.js
+++ b/templates/ds4/template.js
@@ -1,37 +1,34 @@
-function DualShock4Template(gamepad) {
-    return {
-        init: function () {
-            gamepad.updateButton = function ($button) {
-                const value = parseFloat($button.attr('data-value'), 10);
-                if ($button.is('.trigger')) {
-                    $button.css(
-                        gamepad.triggersMeter
-                            ? {
-                                opacity: 1,
-                                'clip-path': `inset(${(1 - value) * 100}% 0px 0px 0pc)`,
-                            }
-                            : {
-                                opacity: `${value * 100}%`,
-                                'clip-path': 'none',
-                            }
-                    );
-                }
-            };
-            gamepad.updateAxis = function ($axis) {
-                const axisX = $axis.attr('data-value-x');
-                const axisY = $axis.attr('data-value-y');
-                if ($axis.is('.stick')) {
-                    $axis.css({
-                        'margin-top': axisY * 25,
-                        'margin-left': axisX * 25,
-                        transform: `rotateX(${-parseFloat(
-                            axisY * 30,
-                            8
-                        )}deg) rotateY(${parseFloat(axisX * 30, 8)}deg)`,
-                    });
-                }
-            };
-        },
-    }.init();
+window.gamepad.template = class DualShock4Template {
+    /**
+     * Instanciates a new DualShock 4 controller template
+     */
+    constructor() {
+        this.gamepad = window.gamepad;
+        this.gamepad.updateButton = ($button) => this.updateButton($button);
+        this.gamepad.updateAxis = ($axis) => this.updateAxis($axis);
+    }
+
+    /**
+     * Destroys the template
+     */
+    destructor() {
+        delete this.gamepad.updateButton;
+        delete this.gamepad.updateAxis;
+    }
+
+    updateButton($button) {
+        if (!$button.matches('.trigger')) return;
+        const value = parseFloat($button.getAttribute('data-value'), 10);
+        $button.style.setProperty('opacity', this.gamepad.triggersMeter ? 1 : `${value * 100}%`);
+        $button.style.setProperty('clip-path', this.gamepad.triggersMeter ? `inset(${100 - value * 100}% 0px 0px 0pc)` : 'none');
+    }
+
+    updateAxis($axis) {
+        if (!$axis.matches('.stick')) return;
+        const axisX = $axis.getAttribute('data-value-x');
+        const axisY = $axis.getAttribute('data-value-y');
+        $axis.style.setProperty('margin-top', `${axisY * 25}px`);
+        $axis.style.setProperty('margin-left', `${axisX * 25}px`);
+        $axis.style.setProperty('transform', `rotateX(${-parseFloat(axisY * 30, 8)}deg) rotateY(${parseFloat(axisX * 30, 8)}deg)`);
+    }
 };
-new DualShock4Template(window.gamepad);
diff --git a/templates/dualsense/base-white.svg b/templates/dualsense/base-white.svg
new file mode 100644
index 0000000..14ae4c2
--- /dev/null
+++ b/templates/dualsense/base-white.svg
@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 698">
+    <path fill="#e6e6e6"
+        d="M344.3 131c-9 1.9-21.5 6.9-32.1 12.9-11.5 6.4-15.8 10.3-16.8 14.9-.3 1.5-.7 3.7-1 4.8-.3 1.6-1.6 2.5-4.8 3.3-4.2 1-4.8 1.6-10.6 10.9-8.3 13.3-21.7 40.6-28.9 58.7-23.5 59.6-36.7 124.8-43.3 213.5-1.7 22.5-1.7 106.2 0 130 .7 9.6 1.5 21.4 1.8 26.2.5 7.6 1 9.4 4.2 14.8 9.3 15.8 28.1 29.1 45.7 32.6 3.8.7 11.9 2.4 17.9 3.8 5.9 1.4 13.8 2.8 17.5 3.2 7.4.7 9.2-.3 10.5-6.1 1.4-5.5 9.6-27.2 17.5-46.2 18.1-43.5 31.9-72.5 44.3-93.5 10.8-18.4 26.7-33.8 40.1-39.1 6.5-2.5 18.2-2.6 48.7-.3 32.9 2.4 265.1 2.3 288.5-.2 23.8-2.5 36.1-2.2 45.9 1.2 4.3 1.5 9.8 4 12.1 5.6 5.7 3.9 21.5 22 27.7 31.6 12 18.8 27 53.5 48.4 112.4 7.6 20.7 10.5 27 14.3 30.4 1.8 1.7 3.5 1.8 18.8 1.4 16.5-.4 17-.5 28.5-4.5 16.8-5.8 28.2-13.2 37.6-24.7 8.2-9.9 9-12.4 10.2-30.6 4.3-67.2 3.6-131.6-2-185.5-6.9-67-20.4-126-40.1-176-7.2-18.1-20.6-45.4-28.9-58.7-5-8.1-6.6-9.9-9.3-10.6-2.8-.7-3.3-1.4-4.3-5.8-2.2-9.2-2.9-9.9-19.5-18.8-11.9-6.3-21.3-9.9-30.9-11.6-7.4-1.4-48.3-.4-51.3 1.2-2.9 1.5-5.7 7-5.7 11v3.7l-18.2-.5c-22.7-.6-28.6-1-30.1-2.2-2.8-2.3-47.9-6.4-90-8.2-29.7-1.3-119.7-1.3-132.9 0-5.7.6-15.2 1.5-21.3 2.1-6 .6-14.4 1.4-18.5 1.9s-12.9 1.4-19.5 2c-6.6.7-13.7 1.8-15.7 2.6-2.7 1-10 1.4-25 1.6l-21.3.3-.1-3.7c-.1-4.1-2.3-8-5.7-10.2-2.7-1.7-45.6-3-52.4-1.6z" />
+    <path fill="#1a1a1a"
+        d="M398.1 121.37q-48.86-8.04-97.8.15 4.84-24.2 11.45-45.52 1.69-5.44 4.72-12.11 8.27-18.18 26.78-24.64 6.77-2.36 13.97-1.62 4.95.51 9.9 3.4 5.03 2.94 10.19 7.16 4.69 3.83 7.39 7.65 8.11 11.47 10.05 25.41 1.42 10.19 3.35 40.12Zm-35.24-13.34q.86-1.03 3.08-2.59 3.49-2.46 2.17-5.66-1.05-2.52-3.89-3.14-4.14-.91-5.58 3.88a.68.65-65.1 0 0 .26.77q1.91 1.22 2.79-1.1 1.02-2.7 2.75-1.13 1.51 1.38.95 2.95-.29.8-1.82 1.97-2.76 2.11-4.58 5.21a1.19 1.19 15.7 0 0 1.01 1.8q3.56.05 6.72-.03.92-.03 1.37-.34.82-.58.34-1.62a.87.76-9.9 0 0-.75-.45l-4.62-.1q-.54-.01-.2-.42Zm-17.7-10.34-.12 12.18a1.16 1.12.2 0 0 1.16 1.13h7.03q1.03 0 1.5-.25.96-.52.43-1.74a.81.76-9.9 0 0-.72-.47l-5.73-.04a.71.69 0 0 1-.71-.69V97.75a.98.84-76.7 0 0-.41-.8q-.99-.61-1.98-.05a.95.88 76.8 0 0-.45.79Zm550.82 23.71q-19.2-2.44-38.55-3.43-10.39-.53-19.99-.2-13.21.46-22.25 1.79-8.43 1.25-16.9 2.19 1.39-22.42 3.21-38.5 3.02-26.67 26.06-40.94 11.55-7.15 24.21-2.98 18.59 6.12 27.15 22.2 2.69 5.06 6.93 18.72 6.19 19.96 10.13 41.15Zm-64.44-15.49q5.49-1.61 5.14 4.09-.12 1.91 2.69 1.39a.46.43-9.1 0 0 .37-.48l-.48-4.35a1.66.98 32.1 0 0-.44-.85q-1.14-1.24.17-2.04a1.52.96-16.5 0 0 .61-.7q1.76-5.6-4.34-5.87-3.38-.15-6.62-.1a.65.65-.4 0 0-.64.65q0 6.23-.22 12.09-.08 2.35 2.6 1.66a.86.84 83.1 0 0 .63-.83l.03-4.01a.7.67-8.7 0 1 .5-.65Zm16.38 2.42q1.33-1.31 2.73-2.55 1.77-1.57 2.32-2.85 1.32-3.1-1.28-4.88-1.93-1.33-4.23-1.08-3.32.37-3.62 4.21a.73.67-78 0 0 .43.72q1.38.53 2.04-.54.61-1 .64-1.03 2.33-2.71 3.41.69a1.37 1.32-42.4 0 1-.06.95q-1.09 2.45-3.41 3.96-2.5 1.62-3.32 5a.46.46 6.9 0 0 .45.57h8.48a1.01.82 13.2 0 0 .8-.39q.65-1-.02-1.92a1.16.91-13.6 0 0-.85-.39l-4.37-.1q-.5-.01-.14-.37Z" />
+    <path fill="#2c2c2c"
+        d="m363.06 108.45 4.62.1a.87.76-9.9 0 1 .75.45q.48 1.04-.34 1.62-.45.31-1.37.34-3.16.08-6.72.03a1.19 1.19 15.7 0 1-1.01-1.8q1.82-3.1 4.58-5.21 1.53-1.17 1.82-1.97.56-1.57-.95-2.95-1.73-1.57-2.75 1.13-.88 2.32-2.79 1.1a.68.65-65.1 0 1-.26-.77q1.44-4.79 5.58-3.88 2.84.62 3.89 3.14 1.32 3.2-2.17 5.66-2.22 1.56-3.08 2.59-.34.41.2.42ZM345.61 96.9q.99-.56 1.98.05a.98.84-76.7 0 1 .41.8v10.06a.71.69 0 0 0 .71.69l5.73.04a.81.76-9.9 0 1 .72.47q.53 1.22-.43 1.74-.47.25-1.5.25h-7.03a1.16 1.12.2 0 1-1.16-1.13l.12-12.18a.95.88 76.8 0 1 .45-.79Zm485.43 9.66-.03 4.01a.86.84 83.1 0 1-.63.83q-2.68.69-2.6-1.66.22-5.86.22-12.09a.65.65-.4 0 1 .64-.65q3.24-.05 6.62.1 6.1.27 4.34 5.87a1.52.96-16.5 0 1-.61.7q-1.31.8-.17 2.04a1.66.98 32.1 0 1 .44.85l.48 4.35a.46.43-9.1 0 1-.37.48q-2.81.52-2.69-1.39.35-5.7-5.14-4.09a.7.67-8.7 0 0-.5.65Zm5.87-5.66a1.39 1.39 0 0 0-1.39-1.39h-3.2a1.39 1.39 0 0 0-1.39 1.39v.96a1.39 1.39 0 0 0 1.39 1.39h3.2a1.39 1.39 0 0 0 1.39-1.39v-.96Zm11.15 7.8 4.37.1a1.16.91-13.6 0 1 .85.39q.67.92.02 1.92a1.01.82 13.2 0 1-.8.39h-8.48a.46.46 6.9 0 1-.45-.57q.82-3.38 3.32-5 2.32-1.51 3.41-3.96a1.37 1.32-42.4 0 0 .06-.95q-1.08-3.4-3.41-.69-.03.03-.64 1.03-.66 1.07-2.04.54a.73.67-78 0 1-.43-.72q.3-3.84 3.62-4.21 2.3-.25 4.23 1.08 2.6 1.78 1.28 4.88-.55 1.28-2.32 2.85-1.4 1.24-2.73 2.55-.36.36.14.37Z" />
+    <path fill="#1a1a1a"
+        d="M836.91 101.86a1.39 1.39 0 0 1-1.39 1.39h-3.2a1.39 1.39 0 0 1-1.39-1.39v-.96a1.39 1.39 0 0 1 1.39-1.39h3.2a1.39 1.39 0 0 1 1.39 1.39v.96Z" />
+    <path
+        d="m398.1 121.37.69 6.17a.91.89-.7 0 1-.98.98q-11.67-.92-23.05-1.63-21.63-1.34-43.26-.07-15.89.94-32.42 2.49a.4.38 2.9 0 1-.44-.46l1.66-7.33q48.94-8.19 97.8-.15Zm497.88.03 1.75 7.45a.62.58-3.2 0 1-.67.7q-17.06-1.51-33.82-2.5-10.59-.63-19.98-.5-22.23.32-44.48 2.4a.94.87-.7 0 1-1.03-.93l.54-6.27q8.47-.94 16.9-2.19 9.04-1.33 22.25-1.79 9.6-.33 19.99.2 19.35.99 38.55 3.43Z" />
+    <path fill="#232323"
+        d="M392.5 133.29q3.22.48.34 2.08-2 1.11-4.24 1.53-1.98.38-2.06.4-22.73 5.27-45.52 10.27-14.4 3.17-35.52 5.93-2.81.37-2.79-2.25 6.94-4.32 16.98-9.56 14.1-7.37 29.33-9.13 6.07-.71 19.97-.16 11.76.46 23.51.89Zm503.86 18.79q-2.56 1.3-4.11 1.17-15.22-1.24-30.11-4.55-10.19-2.26-10.32-2.28-14.26-3.01-28.48-6.25-1.34-.31-10.21-2.19-7.28-1.54-10.07-2.79-2.03-.91.01-1.86 10.31-.47 20.43-.8 17.43-.55 20-.43 15.44.7 29.56 7.34 11.3 5.31 23.3 12.64Z" />
+    <path fill="#1a1a1a"
+        d="M392.5 133.29q3.3-.13 4.69 1.02 6.61 5.5 5.31 14.4-54.64 6.44-108.2 18.95.44-5.01 1.2-7.66 1.64-5.72 7.21-8.75-.02 2.62 2.79 2.25 21.12-2.76 35.52-5.93 22.79-5 45.52-10.27.08-.02 2.06-.4 2.24-.42 4.24-1.53 2.88-1.6-.34-2.08Zm410.57.04q-2.04.95-.01 1.86 2.79 1.25 10.07 2.79 8.87 1.88 10.21 2.19 14.22 3.24 28.48 6.25.13.02 10.32 2.28 14.89 3.31 30.11 4.55 1.55.13 4.11-1.17 7.16 6.06 6.58 15.91-43.18-9.46-74.94-14.74-11.88-1.97-32.86-4.05-2.23-11.53 7.93-15.87Z" />
+    <path fill="#0170bb"
+        d="M749.8 147.21q3.75-.57 6.54.71 5.97 6.72 8.85 13.14 2.51 5.62 1.56 10.69-4.85 25.85-14 64.75-2.02 8.57-4.79 22.75-4.05 3.49-8.21.21 8.39-41.35 17.19-82.6.55-2.57.57-5.28.02-2.67.07-5.33.23-11.29-7.78-19.04Zm-304.63-.3q-9.38 9.43-8.21 21.84.49 5.14 1.65 10.17l1.2 5.2q7.4 34.93 14.58 69.88-.08 4.76-4.22 4.82-1.19.01-2.09-.78-.89-.79-1.54-1.79-8.35-36.97-16.19-74.06-2.2-10.35-2.2-10.38-.59-5.68 1.66-10.75 2.74-6.15 8.69-13.02l6.67-1.13Z" />
+    <path fill="#818081"
+        d="M795.929 162.798a.54.54 0 0 1-.546.535l-10.06-.106a.54.54 0 0 1-.534-.545l.002-.18a.54.54 0 0 1 .546-.535l10.06.106a.54.54 0 0 1 .534.545l-.002.18Zm-393.287 8.551a.67.67 0 0 1-.408.855l-.057.02a.67.67 0 0 1-.855-.408l-2.884-8.144a.67.67 0 0 1 .408-.856l.057-.02a.67.67 0 0 1 .855.408l2.884 8.144Zm2.994-.513a.56.56 0 0 1-.686.396l-.077-.02a.56.56 0 0 1-.396-.686l1.507-5.622a.56.56 0 0 1 .686-.396l.077.02a.56.56 0 0 1 .396.686l-1.507 5.622Zm390.088-4.843a.27.27 0 0 1-.275.264l-10.158-.195a.27.27 0 0 1-.265-.275l.01-.5a.27.27 0 0 1 .275-.264l10.158.195a.27.27 0 0 1 .265.275l-.01.5Zm.256 2.917a.35.35 0 0 1-.351.35l-10.54-.02a.35.35 0 0 1-.35-.35l.001-.54a.35.35 0 0 1 .351-.35l10.54.02a.35.35 0 0 1 .35.35l-.001.54Zm-396.328 4.24a3.68.72 37.7 0 1-3.352-1.68 3.68.72 37.7 0 1-2.472-2.82 3.68.72 37.7 0 1 3.352 1.68 3.68.72 37.7 0 1 2.472 2.82Zm22.601 31.13a9.73 9.73 0 0 1-7.231 11.707l-.915.216a9.73 9.73 0 0 1-11.707-7.23l-4.873-20.613a9.73 9.73 0 0 1 7.231-11.707l.915-.216a9.73 9.73 0 0 1 11.707 7.23l4.873 20.613Zm-6.34-20.202a8.29 8.29 0 0 0-9.964-6.178l-.74.173a8.29 8.29 0 0 0-6.178 9.964l4.796 20.445a8.29 8.29 0 0 0 9.964 6.178l.74-.173a8.29 8.29 0 0 0 6.178-9.964l-4.796-20.445Z" />
+    <path fill="#777677"
+        d="M793.067 208.91a9.67 9.67 0 0 1-11.648 7.166l-.895-.213a9.67 9.67 0 0 1-7.165-11.648l4.894-20.545a9.67 9.67 0 0 1 11.648-7.166l.895.213a9.67 9.67 0 0 1 7.165 11.648l-4.894 20.545Zm3.469-20.904a8.39 8.39 0 0 0-6.253-10.084l-.7-.164a8.39 8.39 0 0 0-10.085 6.252l-4.814 20.524a8.39 8.39 0 0 0 6.253 10.084l.7.164a8.39 8.39 0 0 0 10.085-6.252l4.814-20.524Z" />
+    <path fill="#d8d8d8"
+        d="M791.722 208.53a8.39 8.39 0 0 1-10.084 6.252l-.701-.164a8.39 8.39 0 0 1-6.253-10.084l4.814-20.524a8.39 8.39 0 0 1 10.084-6.252l.701.164a8.39 8.39 0 0 1 6.253 10.084l-4.814 20.524Zm-371.013-4.007a8.29 8.29 0 0 1-6.178 9.964l-.74.173a8.29 8.29 0 0 1-9.964-6.178l-4.796-20.445a8.29 8.29 0 0 1 6.178-9.964l.74-.173a8.29 8.29 0 0 1 9.964 6.178l4.796 20.445Z" />
+    <path fill="#2e3940"
+        d="M454.39 254q2.5 16.22 8.23 31.48-1.37-.24-2.37.82a1.18 1.13 19.1 0 1-.81.37l-8 .32-1.15-6.48a1.24.49 86.1 0 0-.4-.84q-.26-.16-.6-.17l-2.75-23.25q.65 1 1.54 1.79.9.79 2.09.78 4.14-.06 4.22-4.82Z" />
+    <path fill="#2e3940"
+        d="M747.96 259.25q-2.22 14.17-2.25 28.5-.98-.3-1.27.69-1.1 3.68-3.99 7.72-10.12 14.17-25.51 22.28-6.5 3.42-14.18 4.06-.15.01-14.53-.01-90.23-.14-180.46.22-12.52.05-17.45-1.15-8.65-2.11-16.01-7.87-13.81-10.82-20.87-26.7l8-.32a1.18 1.13 19.1 0 0 .81-.37q1-1.06 2.37-.82 7.01 13.56 16.94 21.96 2.9 2.45 7.09 3.7 2.87.86 7.8.86h206.27q.87 0 1.69-.29 13.13-4.7 22.55-14.13 4.46-4.46 7.14-9.41 2.93-5.42 4.09-11.23 2.94-14.77 3.56-17.48 4.16 3.28 8.21-.21Z" />
+    <path fill="#1e1e1e"
+        d="M449.29 279.5q.34.01.6.17a1.24.49 86.1 0 1 .4.84l1.15 6.48q7.06 15.88 20.87 26.7 7.36 5.76 16.01 7.87 4.93 1.2 17.45 1.15 90.23-.36 180.46-.22 14.38.02 14.53.01 7.68-.64 14.18-4.06 15.39-8.11 25.51-22.28 2.89-4.04 3.99-7.72.29-.99 1.27-.69.42 8.74 3.85 14.19 5.57 8.82 15.85 21.55 9.42 11.66 9.46 11.72 15.37 19.36 23.44 29.98 2.87 3.77 6.54 9.34 2.68 4.06 5.92 9.73 7.37 12.89 14.73 25.78 18.82 33.63 35.29 68.46 15.42 35.19 29.21 71.04 12.53 32.24 22.89 65.24 3.67 11.69 8.19 23.07 3.17 7.97 8.23 13.84 2.71 3.13 7.49 3.62-21.62 6.52-44.2 3.67-7.23-17.6-9.6-23.98-18.09-48.79-39.87-96.03-2.39-7.8-7.3-14.31-3-5.59-9.52-15.72-.81-1.26-1.35-.44-10.1-12.16-18.52-20.94-3.42-3.56-8.6-6.05-19.16-9.22-40.34-5.76-5.88.96-23 2.25-9.35.7-31.99.59-16.22-.09-20.02-.09h-178.9l-7.67.03q-27.57.11-58.42-2.78-9.45-.88-20.43-.35-6.39.31-10.87 2.07-6.99 2.76-13.51 7.97-14 11.16-22.73 24.81-.91.03-1.41.8-6.18 9.61-11.38 19.79-22.14 43.37-40.23 88.6-9.77 24.42-14.78 41.51-2.74 1.37-5.66 1.05-16.86-1.85-36.25-7.21 4.13-.89 6.81-4.73 3.94-5.63 6-10.5 4.84-11.43 8.59-23.26 11.35-35.82 25.06-70.8 14.55-38.67 31.79-76.21 14.9-30.25 31.25-59.75 7.72-13.32 15.31-26.73 3.34-5.89 7.93-12.49 3.04-4.38 8.9-11.82 31.49-39.99 38.3-48.81 1.38-1.79 4.06-5.96 2.19-3.39 3.13-6.45 2.67-8.6 1.91-17.78Zm181.98 57.13a3.78 3.78 0 0 0-3.78-3.78 3.78 3.78 0 0 0-3.78 3.78 3.78 3.78 0 0 0 3.78 3.78 3.78 3.78 0 0 0 3.78-3.78Zm-58.81 0a3.78 3.78 0 0 0-3.78-3.78 3.78 3.78 0 0 0-3.78 3.78 3.78 3.78 0 0 0 3.78 3.78 3.78 3.78 0 0 0 3.78-3.78Zm14.36.02a3.77 3.77 0 0 0-3.77-3.77 3.77 3.77 0 0 0-3.77 3.77 3.77 3.77 0 0 0 3.77 3.77 3.77 3.77 0 0 0 3.77-3.77Zm15.07.01a3.79 3.79 0 0 0-3.79-3.79 3.79 3.79 0 0 0-3.79 3.79 3.79 3.79 0 0 0 3.79 3.79 3.79 3.79 0 0 0 3.79-3.79Zm14.32 0a3.78 3.78 0 0 0-3.78-3.78 3.78 3.78 0 0 0-3.78 3.78 3.78 3.78 0 0 0 3.78 3.78 3.78 3.78 0 0 0 3.78-3.78Zm-95.26 58.02a52.16 52.16 0 0 0-52.16-52.16 52.16 52.16 0 0 0-52.16 52.16 52.16 52.16 0 0 0 52.16 52.16 52.16 52.16 0 0 0 52.16-52.16Zm258.63-.01a52.17 52.17 0 0 0-52.17-52.17 52.17 52.17 0 0 0-52.17 52.17 52.17 52.17 0 0 0 52.17 52.17 52.17 52.17 0 0 0 52.17-52.17Zm-201.35-45.13a3.11 3.11 0 0 0-3.11-3.11 3.11 3.11 0 0 0-3.11 3.11 3.11 3.11 0 0 0 3.11 3.11 3.11 3.11 0 0 0 3.11-3.11Zm15.13 0a3.12 3.12 0 0 0-3.12-3.12 3.12 3.12 0 0 0-3.12 3.12 3.12 3.12 0 0 0 3.12 3.12 3.12 3.12 0 0 0 3.12-3.12Zm14.36-.01a3.12 3.12 0 0 0-3.12-3.12 3.12 3.12 0 0 0-3.12 3.12 3.12 3.12 0 0 0 3.12 3.12 3.12 3.12 0 0 0 3.12-3.12Zm15.13-.03a3.16 3.16 0 0 0-3.16-3.16 3.16 3.16 0 0 0-3.16 3.16 3.16 3.16 0 0 0 3.16 3.16 3.16 3.16 0 0 0 3.16-3.16Zm-6.14 86.89a3.62 3.62 0 0 0-3.62-3.62h-30.5a3.62 3.62 0 0 0-3.62 3.62v.5a3.62 3.62 0 0 0 3.62 3.62h30.5a3.62 3.62 0 0 0 3.62-3.62v-.5Z" />
+    <path fill="#070707"
+        d="M631.27 336.63a3.78 3.78 0 0 1-3.78 3.78 3.78 3.78 0 0 1-3.78-3.78 3.78 3.78 0 0 1 3.78-3.78 3.78 3.78 0 0 1 3.78 3.78Zm-58.81 0a3.78 3.78 0 0 1-3.78 3.78 3.78 3.78 0 0 1-3.78-3.78 3.78 3.78 0 0 1 3.78-3.78 3.78 3.78 0 0 1 3.78 3.78Zm14.36.02a3.77 3.77 0 0 1-3.77 3.77 3.77 3.77 0 0 1-3.77-3.77 3.77 3.77 0 0 1 3.77-3.77 3.77 3.77 0 0 1 3.77 3.77Zm15.07.01a3.79 3.79 0 0 1-3.79 3.79 3.79 3.79 0 0 1-3.79-3.79 3.79 3.79 0 0 1 3.79-3.79 3.79 3.79 0 0 1 3.79 3.79Zm14.32 0a3.78 3.78 0 0 1-3.78 3.78 3.78 3.78 0 0 1-3.78-3.78 3.78 3.78 0 0 1 3.78-3.78 3.78 3.78 0 0 1 3.78 3.78Z" />
+    <path fill="#0c0c0c"
+        d="M520.95 394.68a52.16 52.16 0 0 1-52.16 52.16 52.16 52.16 0 0 1-52.16-52.16 52.16 52.16 0 0 1 52.16-52.16 52.16 52.16 0 0 1 52.16 52.16Zm-8.3.05a43.89 43.89 0 0 0-43.89-43.89 43.89 43.89 0 0 0-43.89 43.89 43.89 43.89 0 0 0 43.89 43.89 43.89 43.89 0 0 0 43.89-43.89Zm266.93-.06a52.17 52.17 0 0 1-52.17 52.17 52.17 52.17 0 0 1-52.17-52.17 52.17 52.17 0 0 1 52.17-52.17 52.17 52.17 0 0 1 52.17 52.17Zm-8.35.03a43.85 43.85 0 0 0-43.85-43.85 43.85 43.85 0 0 0-43.85 43.85 43.85 43.85 0 0 0 43.85 43.85 43.85 43.85 0 0 0 43.85-43.85Z" />
+    <path fill="#070707"
+        d="M578.23 349.54a3.11 3.11 0 0 1-3.11 3.11 3.11 3.11 0 0 1-3.11-3.11 3.11 3.11 0 0 1 3.11-3.11 3.11 3.11 0 0 1 3.11 3.11Zm15.13 0a3.12 3.12 0 0 1-3.12 3.12 3.12 3.12 0 0 1-3.12-3.12 3.12 3.12 0 0 1 3.12-3.12 3.12 3.12 0 0 1 3.12 3.12Zm14.36-.01a3.12 3.12 0 0 1-3.12 3.12 3.12 3.12 0 0 1-3.12-3.12 3.12 3.12 0 0 1 3.12-3.12 3.12 3.12 0 0 1 3.12 3.12Zm15.13-.03a3.16 3.16 0 0 1-3.16 3.16 3.16 3.16 0 0 1-3.16-3.16 3.16 3.16 0 0 1 3.16-3.16 3.16 3.16 0 0 1 3.16 3.16Z" />
+    <path fill="#161616"
+        d="M512.65 394.73a43.89 43.89 0 0 1-43.89 43.89 43.89 43.89 0 0 1-43.89-43.89 43.89 43.89 0 0 1 43.89-43.89 43.89 43.89 0 0 1 43.89 43.89Zm-10.12-.09a33.76 33.76 0 0 0-33.76-33.76 33.76 33.76 0 0 0-33.76 33.76 33.76 33.76 0 0 0 33.76 33.76 33.76 33.76 0 0 0 33.76-33.76Zm268.7.06a43.85 43.85 0 0 1-43.85 43.85 43.85 43.85 0 0 1-43.85-43.85 43.85 43.85 0 0 1 43.85-43.85 43.85 43.85 0 0 1 43.85 43.85Zm-10.07-.07a33.75 33.75 0 0 0-33.75-33.75 33.75 33.75 0 0 0-33.75 33.75 33.75 33.75 0 0 0 33.75 33.75 33.75 33.75 0 0 0 33.75-33.75Z" />
+    <path fill="#1e1e1e"
+        d="M502.53 394.64a33.76 33.76 0 0 1-33.76 33.76 33.76 33.76 0 0 1-33.76-33.76 33.76 33.76 0 0 1 33.76-33.76 33.76 33.76 0 0 1 33.76 33.76Zm258.63-.01a33.75 33.75 0 0 1-33.75 33.75 33.75 33.75 0 0 1-33.75-33.75 33.75 33.75 0 0 1 33.75-33.75 33.75 33.75 0 0 1 33.75 33.75Z" />
+    <path fill="#070707"
+        d="M616.71 436.89a3.62 3.62 0 0 1-3.62 3.62h-30.5a3.62 3.62 0 0 1-3.62-3.62v-.5a3.62 3.62 0 0 1 3.62-3.62h30.5a3.62 3.62 0 0 1 3.62 3.62v.5Z" />
+    <path fill="#090806" fill-opacity=".514" d="m843.13 538.97-7.3-14.31q4.91 6.51 7.3 14.31Z" />
+    <path fill="#e6e6e6"
+        d="M369.96 510.25q-18.67 53.58-41.01 105.73-7 16.35-15.5 31.96-1.05 1.94-6.26 9.5-1.99 2.88-5.03 3.51 5.01-17.09 14.78-41.51 18.09-45.23 40.23-88.6 5.2-10.18 11.38-19.79.5-.77 1.41-.8ZM835.83 524.66l7.3 14.31Q864.91 586.21 883 635q2.37 6.38 9.6 23.98-5.34-3.66-8.6-9.48-12.23-21.85-21.04-43.02-20.19-48.53-38-97.98.54-.82 1.35.44 6.52 10.13 9.52 15.72Z" />
+</svg>
diff --git a/templates/dualsense/template.html b/templates/dualsense/template.html
index 47e4328..70ec9fc 100644
--- a/templates/dualsense/template.html
+++ b/templates/dualsense/template.html
@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="templates/dualsense/template.css">
-<script async src="templates/dualsense/template.js"></script>
 <div class="triggers">
 	<span class="trigger left" data-button="6"></span>
 	<span class="trigger right" data-button="7"></span>
diff --git a/templates/dualsense/template.js b/templates/dualsense/template.js
index dadcc3e..54c90a8 100644
--- a/templates/dualsense/template.js
+++ b/templates/dualsense/template.js
@@ -1,37 +1,34 @@
-function DualShock4Template(gamepad) {
-    return {
-        init: function () {
-            gamepad.updateButton = function ($button) {
-                const value = parseFloat($button.attr('data-value'), 10);
-                if ($button.is('.trigger')) {
-                    $button.css(
-                        gamepad.triggersMeter
-                            ? {
-                                opacity: 1,
-                                'clip-path': `inset(${(1 - value) * 100}% 0px 0px 0pc)`,
-                            }
-                            : {
-                                opacity: `${value * 100}%`,
-                                'clip-path': 'none',
-                            }
-                    );
-                }
-            };
-            gamepad.updateAxis = function ($axis) {
-                const axisX = $axis.attr('data-value-x');
-                const axisY = $axis.attr('data-value-y');
-                if ($axis.is('.stick')) {
-                    $axis.css({
-                        'margin-top': axisY * 25,
-                        'margin-left': axisX * 25,
-                        transform: `rotateX(${-parseFloat(
-                            axisY * 30,
-                            8
-                        )}deg) rotateY(${parseFloat(axisX * 30, 8)}deg)`,
-                    });
-                }
-            };
-        },
-    }.init();
+window.gamepad.template = class DualSenseTemplate {
+    /**
+     * Instanciates a new DualSense controller template
+     */
+    constructor() {
+        this.gamepad = window.gamepad;
+        this.gamepad.updateButton = ($button) => this.updateButton($button);
+        this.gamepad.updateAxis = ($axis) => this.updateAxis($axis);
+    }
+
+    /**
+     * Destroys the template
+     */
+    destructor() {
+        delete this.gamepad.updateButton;
+        delete this.gamepad.updateAxis;
+    }
+
+    updateButton($button) {
+        if (!$button.matches('.trigger')) return;
+        const value = parseFloat($button.getAttribute('data-value'), 10);
+        $button.style.setProperty('opacity', this.gamepad.triggersMeter ? 1 : `${value * 100}%`);
+        $button.style.setProperty('clip-path', this.gamepad.triggersMeter ? `inset(${100 - value * 100}% 0px 0px 0pc)` : 'none');
+    }
+
+    updateAxis($axis) {
+        if (!$axis.matches('.stick')) return;
+        const axisX = $axis.getAttribute('data-value-x');
+        const axisY = $axis.getAttribute('data-value-y');
+        $axis.style.setProperty('margin-top', `${axisY * 25}px`);
+        $axis.style.setProperty('margin-left', `${axisX * 25}px`);
+        $axis.style.setProperty('transform', `rotateX(${-parseFloat(axisY * 30, 8)}deg) rotateY(${parseFloat(axisX * 30, 8)}deg)`);
+    }
 };
-new DualShock4Template(window.gamepad);
diff --git a/templates/telemetry/template.html b/templates/telemetry/template.html
index be47ca7..49f5b3a 100644
--- a/templates/telemetry/template.html
+++ b/templates/telemetry/template.html
@@ -1,6 +1,4 @@
-<link rel="stylesheet" href="templates/telemetry/template.css">
-<script src="https://www.gstatic.com/charts/loader.js"></script>
-<script src="templates/telemetry/template.js"></script>
+<div id="fps"></div>
 <div id="telemetry">
 	<div id="chart"></div>
 	<div id="meters">
diff --git a/templates/telemetry/template.js b/templates/telemetry/template.js
index 1c3e494..5b3e78a 100644
--- a/templates/telemetry/template.js
+++ b/templates/telemetry/template.js
@@ -1,124 +1,213 @@
-function TelemetryTemplate(gamepad) {
-    return {
-        $clutchBar: document.querySelector('#clutch .bar'),
-        $clutchValue: document.querySelector('#clutch .value'),
-        $brakeBar: document.querySelector('#brake .bar'),
-        $brakeValue: document.querySelector('#brake .value'),
-        $throttleBar: document.querySelector('#throttle .bar'),
-        $throttleValue: document.querySelector('#throttle .value'),
-        $directionIndicator: document.querySelector('#direction .indicator'),
-        AXES: ['clutch', 'brake', 'throttle', 'direction'],
-        frequency: gamepad.getUrlParam('fps') || 60,
-        historyLength: gamepad.getUrlParam('history') || 5000,
-        index: 0,
-        init: function () {
-            this.interval = 1000 / this.frequency;
-            this.length = this.historyLength / this.interval;
-            this.loadAxes();
-            this.initChart();
-        },
-        toPercentage: function (value, min, max) {
-            return value !== undefined
-                ? Math.round((value - min) * (100 / (max - min)))
-                : 0;
-        },
-        toDegrees: function (value, min, max) {
-            const percentage = this.toPercentage(value, min, max);
-            return (this.directionDegrees) * (percentage - 50) / 100;
-        },
-        toAxisValue: function (gamepad, axis) {
-            const { [`${axis}Type`]: type, [`${axis}Index`]: index, [`${axis}Min`]: min, [`${axis}Max`]: max } = this[axis];
-            const value = type === 'button' ? gamepad.buttons[index].value : gamepad.axes[index];
-            return axis === 'direction' ? this.toDegrees(value, min, max) : this.toPercentage(value, min, max);
-        },
-        loadAxes: function () {
-            this.AXES.forEach((axis) => {
-                this[axis] = {
-                    [`${axis}Type`]: (gamepad.getUrlParam(`${axis}Type`) || 'axis').replace('axis', 'axe'),
-                    [`${axis}Index`]: gamepad.getUrlParam(`${axis}Index`),
-                    [`${axis}Min`]: gamepad.getUrlParam(`${axis}Min`) || -1,
-                    [`${axis}Max`]: gamepad.getUrlParam(`${axis}Max`) || 1,
-                }
-            });
-            this.directionDegrees = gamepad.getUrlParam('directionDegrees') || 360;
-        },
-        initChart: function () {
-            if (!window.google) {
-                window.setTimeout(this.loadGoogleCharts.bind(this), 100);
+window.gamepad.template = class TelemetryTemplate {
+    /**
+     * Instanciates a new telemetry template
+     */
+    constructor() {
+        this.gamepad = window.gamepad;
+        this.init();
+    }
+
+    /**
+     * Destroys the template
+     */
+    destructor() {
+        this.running = false;
+    }
+
+    /**
+     * Converts a value to a percentage
+     *
+     * @param {Number} value
+     * @param {Number} min
+     * @param {Number} max
+     * @returns {Number}
+     */
+    toPercentage(value, min, max) {
+        return value !== undefined
+            ? Math.round((value - min) * (100 / (max - min)))
+            : 0;
+    }
+
+    /**
+     * Converts a value to degrees
+     *
+     * @param {Number} value
+     * @param {Number} min
+     * @param {Number} max
+     * @returns {Number}
+     */
+    toDegrees(value, min, max) {
+        const percentage = this.toPercentage(value, min, max);
+        return (this.directionDegrees) * (percentage - 50) / 100;
+    }
+
+    /**
+     * Set the value of an axis
+     *
+     * @param {object} gamepad
+     * @param {string} axis
+     * @returns {Number}
+     */
+    toAxisValue(gamepad, axis) {
+        const { [`${axis}Type`]: type, [`${axis}Index`]: index, [`${axis}Min`]: min, [`${axis}Max`]: max } = this[axis];
+        const value = type === 'button' ? gamepad.buttons[index].value : gamepad.axes[index];
+        return axis === 'direction' ? this.toDegrees(value, min, max) : this.toPercentage(value, min, max);
+    }
+
+    /**
+     * Loads the axes
+     */
+    loadAxes() {
+        this.AXES.forEach((axis) => {
+            this[axis] = {
+                [`${axis}Type`]: (gamepad.getUrlParam(`${axis}Type`) || 'axis').replace('axis', 'axe'),
+                [`${axis}Index`]: gamepad.getUrlParam(`${axis}Index`),
+                [`${axis}Min`]: gamepad.getUrlParam(`${axis}Min`) || -1,
+                [`${axis}Max`]: gamepad.getUrlParam(`${axis}Max`) || 1,
+            }
+        });
+        this.directionDegrees = gamepad.getUrlParam('directionDegrees') || 360;
+    }
+
+    /**
+     * Initializes the template
+     */
+    init() {
+        this.$fps = document.querySelector('#fps');
+        this.$clutchBar = document.querySelector('#clutch .bar');
+        this.$clutchValue = document.querySelector('#clutch .value');
+        this.$brakeBar = document.querySelector('#brake .bar');
+        this.$brakeValue = document.querySelector('#brake .value');
+        this.$throttleBar = document.querySelector('#throttle .bar');
+        this.$throttleValue = document.querySelector('#throttle .value');
+        this.$directionIndicator = document.querySelector('#direction .indicator');
+        this.AXES = ['clutch', 'brake', 'throttle', 'direction'];
+        this.frequency = gamepad.getUrlParam('fps') || 60;
+        this.historyLength = gamepad.getUrlParam('history') || 5000;
+        this.index = 0;
+        this.interval = 1000 / this.frequency;
+        this.length = this.historyLength / this.interval;
+        this.loadAxes();
+        this.initChart();
+    }
+
+    /**
+     * Initializes the live chart
+     */
+    initChart() {
+        const script = document.createElement('script');
+        script.async = true;
+        script.src = `https://www.gstatic.com/charts/loader.js`;
+        script.onload = () => {
+            if (!google || !google.visualization) {
+                this.loadGoogleCharts();
                 return;
             }
             this.drawChart();
-        },
-        loadGoogleCharts: function () {
-            google.charts.load('current', { packages: ['corechart', 'line'], });
-            google.charts.setOnLoadCallback(this.drawChart.bind(this));
-        },
-        drawChart: function () {
-            this.initialData = [['time', 'clutch', 'brake', 'throttle']];
-            for (this.index = 0; this.index < this.length; this.index++) {
-                this.initialData.push([this.index, 0, 0, 0]);
-            }
-            this.data = google.visualization.arrayToDataTable(this.initialData);
-            this.options = {
-                backgroundColor: 'transparent',
-                chartArea: {
-                    left: 0,
-                    top: 0,
-                    width: '100%',
-                    height: '100%',
-                    backgroundColor: 'transparent',
-                },
-                hAxis: {
-                    textPosition: 'none',
-                    gridlines: {
-                        color: 'transparent',
-                    }
-                },
-                vAxis: {
-                    textPosition: 'none',
-                    gridlines: {
-                        color: 'transparent',
-                    },
-                    minValue: 0,
-                    maxValue: 100,
-                    viewWindow: {
-                        min: 2,
-                        max: 102,
-                    }
-                },
-                colors: ['#2D64B9', '#A52725', '#0CA818'],
-                legend: 'none'
-            };
-            this.chart = new google.visualization.LineChart(document.querySelector('#chart'));
-            this.chart.draw(this.data, this.options);
-            this.update();
-        },
-        update: function () {
-            const activeGamepad = gamepad.getActive();
-            if (!activeGamepad) return;
-            const [clutch, brake, throttle, direction] = this.AXES.map((axis) => this.toAxisValue(activeGamepad, axis));
-            this.updateChart(clutch, brake, throttle);
-            this.updateMeters(clutch, brake, throttle, direction);
-            window.setTimeout(this.update.bind(this), this.interval);
-        },
-        updateChart: function (clutch, brake, throttle) {
-            this.data.removeRows(0, 1);
-            this.data.addRow([this.index, clutch, brake, throttle]);
-            this.chart.draw(this.data, this.options);
-            this.index++;
-        },
-        updateMeters: function (clutch, brake, throttle, direction) {
-            Object.entries({ clutch, brake, throttle, direction }).forEach(([axis, value]) => {
-                if (axis === 'direction') {
-                    this.$directionIndicator.style.transform = `rotate(${value}deg)`;
-                    return;
-                }
-                this[`$${axis}Value`].innerHTML = value;
-                this[`$${axis}Value`].style.opacity = `${Math.round(33 + (value / 1.5))}%`;
-                this[`$${axis}Bar`].style.height = `${value}%`;
-            });
-        }
-    }.init();
-};
+        };
+        this.gamepad.$gamepad.appendChild(script);
+    }
 
-new TelemetryTemplate(window.gamepad);
+    /**
+     * Loads the Google Charts library
+     */
+    loadGoogleCharts() {
+        google.charts.load('current', { packages: ['corechart', 'line'], });
+        google.charts.setOnLoadCallback(this.drawChart.bind(this));
+    }
+
+    /**
+     * Draws the live chart with the initial data
+     */
+    drawChart() {
+        this.initialData = [['time', 'clutch', 'brake', 'throttle']];
+        for (this.index = 0; this.index < this.length; this.index++) {
+            this.initialData.push([this.index, 0, 0, 0]);
+        }
+        this.data = google.visualization.arrayToDataTable(this.initialData);
+        this.options = {
+            backgroundColor: 'transparent',
+            chartArea: {
+                left: 0,
+                top: 0,
+                width: '100%',
+                height: '100%',
+                backgroundColor: 'transparent',
+            },
+            hAxis: {
+                textPosition: 'none',
+                gridlines: {
+                    color: 'transparent',
+                }
+            },
+            vAxis: {
+                textPosition: 'none',
+                gridlines: {
+                    color: 'transparent',
+                },
+                minValue: 0,
+                maxValue: 100,
+                viewWindow: {
+                    min: 2,
+                    max: 102,
+                }
+            },
+            colors: ['#2D64B9', '#A52725', '#0CA818'],
+            legend: 'none'
+        };
+        this.chart = new google.visualization.LineChart(document.querySelector('#chart'));
+        this.chart.draw(this.data, this.options);
+
+        this.running = true;
+        this.update();
+    }
+
+    /**
+     * Updates the live chart and the meters
+     */
+    update() {
+        if (!this.running) return;
+
+        const activeGamepad = this.gamepad.getActive();
+        if (!activeGamepad) return;
+        const [clutch, brake, throttle, direction] = this.AXES.map((axis) => this.toAxisValue(activeGamepad, axis));
+        this.updateChart(clutch, brake, throttle);
+        this.updateMeters(clutch, brake, throttle, direction);
+
+        window.setTimeout(this.update.bind(this), this.interval);
+    }
+
+    /**
+     * Updates the live chart with the latest data
+     *
+     * @param {Number} clutch
+     * @param {Number} brake
+     * @param {Number} throttle
+     */
+    updateChart(clutch, brake, throttle) {
+        this.data.removeRows(0, 1);
+        this.data.addRow([this.index, clutch, brake, throttle]);
+        this.chart.draw(this.data, this.options);
+        this.index++;
+    }
+
+    /**
+     * Updates the meters with the latest data
+     *
+     * @param {Number} clutch
+     * @param {Number} brake
+     * @param {Number} throttle
+     * @param {Number} direction
+     */
+    updateMeters(clutch, brake, throttle, direction) {
+        Object.entries({ clutch, brake, throttle, direction }).forEach(([axis, value]) => {
+            if (axis === 'direction') {
+                this.$directionIndicator.style.transform = `rotate(${value}deg)`;
+                return;
+            }
+            this[`$${axis}Value`].innerHTML = value;
+            this[`$${axis}Value`].style.opacity = `${Math.round(33 + (value / 1.5))}%`;
+            this[`$${axis}Bar`].style.height = `${value}%`;
+        });
+    }
+};
diff --git a/templates/xbox-one/template.html b/templates/xbox-one/template.html
index 89b2aa3..b769980 100644
--- a/templates/xbox-one/template.html
+++ b/templates/xbox-one/template.html
@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="templates/xbox-one/template.css">
-<script async src="templates/xbox-one/template.js"></script>
 <div class="triggers">
 	<span class="trigger left" data-button="6"></span>
 	<span class="trigger right" data-button="7"></span>
diff --git a/templates/xbox-one/template.js b/templates/xbox-one/template.js
index dfd8130..2d8e583 100644
--- a/templates/xbox-one/template.js
+++ b/templates/xbox-one/template.js
@@ -1,37 +1,34 @@
-function XboxOneTemplate(gamepad) {
-    return {
-        init: function () {
-            gamepad.updateButton = function ($button) {
-                const value = parseFloat($button.attr('data-value'), 10);
-                if ($button.is('.trigger')) {
-                    $button.css(
-                        gamepad.triggersMeter
-                            ? {
-                                opacity: 1,
-                                'clip-path': `inset(${(1 - value) * 100}% 0px 0px 0pc)`,
-                            }
-                            : {
-                                opacity: `${value * 100}%`,
-                                'clip-path': 'none',
-                            }
-                    );
-                }
-            };
-            gamepad.updateAxis = function ($axis) {
-                const axisX = $axis.attr('data-value-x');
-                const axisY = $axis.attr('data-value-y');
-                if ($axis.is('.stick')) {
-                    $axis.css({
-                        'margin-top': axisY * 25,
-                        'margin-left': axisX * 25,
-                        transform: `rotateX(${-parseFloat(
-                            axisY * 30,
-                            8
-                        )}deg) rotateY(${parseFloat(axisX * 30, 8)}deg)`,
-                    });
-                }
-            };
-        },
-    }.init();
+window.gamepad.template = class XboxOneTemplate {
+    /**
+     * Instanciates a new Xbox One controller template
+     */
+    constructor() {
+        this.gamepad = window.gamepad;
+        this.gamepad.updateButton = ($button) => this.updateButton($button);
+        this.gamepad.updateAxis = ($axis) => this.updateAxis($axis);
+    }
+
+    /**
+     * Destroys the template
+     */
+    destructor() {
+        delete this.gamepad.updateButton;
+        delete this.gamepad.updateAxis;
+    }
+
+    updateButton($button) {
+        if (!$button.matches('.trigger')) return;
+        const value = parseFloat($button.getAttribute('data-value'), 10);
+        $button.style.setProperty('opacity', this.gamepad.triggersMeter ? 1 : `${value * 100}%`);
+        $button.style.setProperty('clip-path', this.gamepad.triggersMeter ? `inset(${100 - value * 100}% 0px 0px 0pc)` : 'none');
+    }
+
+    updateAxis($axis) {
+        if (!$axis.matches('.stick')) return;
+        const axisX = $axis.getAttribute('data-value-x');
+        const axisY = $axis.getAttribute('data-value-y');
+        $axis.style.setProperty('margin-top', `${axisY * 25}px`);
+        $axis.style.setProperty('margin-left', `${axisX * 25}px`);
+        $axis.style.setProperty('transform', `rotateX(${-parseFloat(axisY * 30, 8)}deg) rotateY(${parseFloat(axisX * 30, 8)}deg)`);
+    }
 };
-new XboxOneTemplate(window.gamepad);